.buy-wind{
  position: absolute; left: 50%; top: 20%; z-index: 10; width: 510px; margin-left: -255px; padding: 0 30px; background: #fff;
}
.buy-wind .close{
  position: absolute; right: -20px; top: -20px; z-index: 10; width: 39px; height: 39px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEQ3MDczNERDODQ3MTFFNzlDQURDQTMyNTA1NTAwMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ3MDczNEVDODQ3MTFFNzlDQURDQTMyNTA1NTAwMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RDcwNzM0QkM4NDcxMUU3OUNBRENBMzI1MDU1MDAwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RDcwNzM0Q0M4NDcxMUU3OUNBRENBMzI1MDU1MDAwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjm2xoUAAANUSURBVHja3FhdSxtBFL0bpaZQTFWEGqIVUUMSCb6URgv2Q7RP/o/Sl9L/0dd+/AsLPrfFPlTjS4rESEwqsgatiMakkTZFs71nmF1i1DqTTRPpgcPuzN479zAfOzPXsCyL6kAX8wnzETPMDDJvMX3MArPETDNTzEXmB2ZeOwrEafApc575y9ID7N9Lf0M1nqqoCeaK1RisyPZci/MyXzMrVmNRke166xXXz0xY/xYJGUdLXIhpWs2BKeOd02FcsFoDzCX5bBZyzAn5dOCpMfIyF5oszO6QBRn/UnGvmOPUGozL+A6qhzXG/II6ah0g5oGcVo44CIoz71HrEZcd5QzrrKqwUqlE8Xicjo6OtCLCHn7wvwL3mTPV4p6pBtnY2KDj42NKJBK0t7en5AM72MMP/gp4bg8rNvHvzBsqXicnJ5RMJunw8FCUh4eHaWBg4FJ70zQpm82K9+7ubhobG6P29varwvxm3kHPTasKA9BwNBqlvr4+UUZg9Ebt/xJl1NvCYA8/BWEk9UzDckp3xno8HgqFQtTR0UFbW1uUy+WoXC5TOBymtrY2Oj09pVQqRfv7+8J+cHCQhoaGdMNMYVg/8svjepfWzs4OpdNp0VM+n0+IXl9fp0KhQIZhUDAYJL/fX0/TnyDO5Jd+N2v/4OBAzEP0mA30IOZXT09Pvc2aHnl6dQUIGBkZOVOHsgthwG2I63QrDj2XyWTO1KGMehfohLiimxYw51ZXV8WQYs7FYjHxRBn1+F4niq7m3ObmplitQG9vb6NXq5hzWV2vSqUiVqQtLBAIiMkPYdWLAfUA7GAPPw18g7ikjgd2CAzX7u6us0OMjo6K38aZ4w6XUY/vAOzhB39FrEHcZx1xCICtC8Ejkchfty4A32EHe/jBXxGL+Hl2McuqB/5isWgtLy9b+Xxe66IAe/jBXwFlsefLy8S8db0APc6R6R1dL7y5rifhFXngdHoOCl/IZyuB+C8vun0t2d3ZQryVl6xzty/gpvzYiuvhV+Yk8+dl91Z8mKu9eTfpxj9XLewicbYhbmPbTRK2LePldJKHzcoy3f3v8nO1mc14g4ShnclGpl1tzsjcrm5OuCz9ZnXiGS6y6bjvPmRGqrLpOPL/kEQ2fc1NNv2PAAMAzxYzwuUgbD0AAAAASUVORK5CYII=) 0 0 no-repeat; cursor: pointer;
}
.buy-wind .buy-wind-title{
  position: relative; height: 70px; line-height: 70px;
}
.buy-wind-title .title-text{
  display: block; font-size: 20px; text-align: center;
}
.buy-wind-title .pass-reglink{
  position: absolute; right: 0; top: 0; font-size: 16px; color: #666; text-decoration: none;
}
.pay-mode .pass-button-submit{
  position: relative; top: 1px; width: 100%; height: 100%; font-size: 18px; color: #fff; text-align: center; background: none; cursor: pointer;
}
.pay-mode{
 	height:220px;
 }
.pay-mode .commd-img{
  width: 77px; height: 112px;  overflow: hidden;margin-right:20px;
}
 .pay-mode .commd-title{
  height: 36px; line-height: 18px; padding-top: 17px; font-size: 14px; color: #333; overflow: hidden;
}
 .pay-mode .source-name{
  display: block; height: 23px; line-height: 23px; padding-top: 5px; font-size: 12px; color: #999;
}
 .pay-mode .d-price{
  height: 27px; line-height: 27px; padding-top: 4px;
}
 .pay-mode .d-price .price-box{
  float: left; font-size: 16px; color: #f8194d;
}
 .pay-mode .d-price .p-int{
  font-size: 20px;
}
 .pay-mode .d-price .kc-count{
  float: right; font-size: 12px; color: #999;;
}

 .pay-mode .course-list .commd-other-inf{
  width: 150px;
}

 .pay-mode .commd-other-inf h5{
  height: 36px; line-height: 23px;  font-size: 16px; color: #555; font-weight: normal;margin-top:10px;
}
 .pay-mode .commd-other-inf .other-inf-box{
  height: 28px; line-height: 28px; font-size: 12px; color: #666;
}
 .pay-mode .commd-other-inf .price-panel{
  height: 25px; line-height: 25px;
}
 .pay-mode .book-details-wrap .books-list .commd-other-inf .price-panel{
  margin-top: 5px;
}
 .pay-mode .commd-other-inf .price-panel .price-wrap{
  font-size: 16px; color: #f8194d; font-weight: bold;
}
 .pay-mode .commd-other-inf .price-panel .price-wrap .p-float{
  font-size: 12px;
}
 .pay-mode .commd-other-inf .price-panel .sales-volume{
  font-size: 12px; color: #333;
}
 .pay-mode  .pass-form-item-submit{
  line-height: 38px; background: #00b686; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; overflow: hidden;
}