.font18{
  font-size: 18px;
}
.corff5400{
  color: #ff5400;	
}
.ml60{
  margin-left: 60px;
}
.mask_pay{
  width: 100%;
  height: 100vh;
  position: fixed;	
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999999;
}
.relative{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.pay_content{
  width:880px;
  max-height: 98vh;
  background: #fff;
  border-radius: 6px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.pay_content::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(255, 124, 42, 0.8);
}
.pay_content::-webkit-scrollbar-track {
  background-color:#fff;
}
.pay_content::-webkit-scrollbar-thumb {
  height: 5px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(100, 100, 100, .3);
  background-color: rgba(255, 124, 42, 0.8);
}
.pay_djs{
  height: 70px;	
  background-image: url(/uploads/image/scicourse_detail/pay_djs.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  font-size: 20px;
  color: #fff;
  line-height: 70px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
}
.pay_djs .shizhong{
  padding: 22px;
  background-image: url(/uploads/image/scicourse_detail/djs_l.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.shizhong_number{
  margin-right: 15px;	
  height: 40px;
  background: #fff;
  opacity: 0.6;
  border-radius: 6px;
  font-size: 24px;
  font-family: microsoft yahei;
  font-weight: 600;
  color: #004ba3;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #fff;
}
.pay_content .close{
  display: block;	
  width: 50px;
  height: 70px;
  position: absolute;
  right:0;
  top: 0;
  background-image: url(/uploads/image/scicourse_detail/touming_close.png);
  background-repeat: no-repeat;
  background-position: center center;  
  cursor: pointer;
}
.pay_hd_1{
  height: 45px;
  background: #eef7ff;
}
.pay_hd_1 ul li{
 display: inline-block;
 text-align: center;
 font-size: 14px;
 line-height: 45px;
 font-family: microsoft yahei;
 font-weight: 400;
 color: #333;
 cursor: pointer;	
}
.pay_hd_1 ul li.active{
 font-size: 18px;
 font-weight: bold;
 color: #17438e;
 position: relative;	
}
.pay_hd_1 ul li.active:after{
  display: block;	
  content: "";
  position: absolute;
  left: 0;
  bottom: 14px;
  width: 73px;
  height: 3px;
  background: #17438e;
  opacity: 0.5;
}
.ml230{
  margin-left: 230px;	
}
.pay_bd_1{
 padding: 15px 20px;	
}
.pay_course_select li{
 padding-right:90px;
 padding-left: 28px;
 position: relative;
 line-height: 30px;
 font-size: 14px;
 font-family: microsoft yahei;
 font-weight: 400;
 color: #333;
 background-image: url(/uploads/image/scicourse_detail/icon_checked_default.png);
 background-repeat: no-repeat;
 background-position: left center;
}
.pay_course_select li.active{
 background-image: url(/uploads/image/scicourse_detail/icon_checked.png);
 background-repeat: no-repeat;
 background-position: left center;	
}
.pay_course_select li .course_jiage{
 position: absolute;
 right: 0;
 top: 0;
 font-weight: bold;
}
.course_dikou{
 position: absolute;	
 right: 0;
 top: 0;
 line-height: 43px;
 font-size: 14px;
 font-weight: 400;
 color: #666;	
}
.pay_course_taocan{
  height: 43px;	
  position: relative;	
}
.course_taocan_dl{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: inline-block;	
  padding-left: 30px;
  padding-right: 20px;	
  background: #f3f8ff;
  border: 1px solid #83b6ff;
  border-radius: 22px;   
  white-space: nowrap;
}
.course_taocan_dl dt{	
  font-size: 14px;
  font-weight: 400;
  color: #4e9cff;
  line-height: 43px;  
}
.course_taocan_dl dd{
  display: none;	
}
.course_taocan_dl dt .xiala{
  padding: 15px;
  background-image: url(/uploads/image/scicourse_detail/select_btn.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.course_taocan_dl dd .item{
  padding-left: 30px;
  background-image: url(/uploads/image/scicourse_detail/checkbox1.png);
  background-repeat: no-repeat;
  background-position: left center;  
  position: relative;	
  font-size: 14px;
  color: #333;
  line-height: 30px;
  cursor: pointer;
}
.course_taocan_dl dd .item.active{
  background-image: url(/uploads/image/scicourse_detail/checkboxed.png);
  background-repeat: no-repeat;
  background-position: left center;  	
  color: #4e9cff;	
}
.pay_active{
  border-top: 1px solid #e9eaed;
  padding-top: 10px;
}
.pay_active ul li{
 padding-right: 120px;
 position: relative;	
}
.pay_active ul li .course_zhekou{
 position: absolute;
 right: 0;
 top: 0;
 line-height: 34px;
 font-weight: bold;
}
.pay_active .title{
 padding-left: 35px;	
 font-size: 14px;
 font-weight: 400;
 color: #666;
 line-height: 34px;
 position: relative;
}
.pay_active .title em{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: left center;
}
.icon_yuanjia{
  background-image: url(/uploads/image/scicourse_detail/icon_pay_1.png);
}
.icon_zhekou{
  background-image: url(/uploads/image/scicourse_detail/icon_pay_2.png);
}
.icon_money{
  background-image: url(/uploads/image/scicourse_detail/icon_pay_3.png);
}
.icon_active{
  background-image: url(/uploads/image/scicourse_detail/icon_pay_4.png);
}
.icon_jian{
  background-image: url(/uploads/image/scicourse_detail/icon_pay_5.png);
}

.icon_miao{
    background-image: url(/uploads/image/scicourse_detail/icon_pay_6.png);
}

.icon_account{
    background-image: url(/uploads/image/scicourse_detail/icon_pay_7.png);
}
.course_hongbao{
  position: absolute;	
  right: 0;
  top: 0;
  font-size: 14px;
  color: #999;
  line-height: 34px;
  padding-right: 15px;
  background-image: url(/uploads/image/scicourse_detail/icon_next.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.course_hongbao.active{
  color: #fd523e;	
}
.pay_quane_fenqi{
 width: 681px;
 margin: 0 auto;
 background: #ffffff;
 border: 2px solid #ff7c2a;
 border-radius: 20px;
}
.pay_method_hd{
  width: 606px;
  height:40px;
  margin:0 auto;
  position: relative;
}
.pay_method_hd ul li{
 position: absolute;
 bottom: 0;
 z-index: 1;
 width: 235px;
 height: 40px;
 background: #eee;
 line-height: 40px;
 text-align: center;
 border-radius: 27px 27px 0px 0px;
 font-size: 16px;
 font-weight: 600;
 color: #666;
 cursor: pointer;
}
.pay_method_hd ul li:first-child{
  left: 0;
}
.pay_method_hd ul li:last-child{
  right: 0;
}
.pay_method_hd ul li.active{
  z-index: 2;
  width: 423px;
  height: 53px;
  line-height: 53px;
  background: #ff7c2a;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  background: -webkit-linear-gradient(left,#ff7c2a,#fe9a5b);
  background: -o-linear-gradient(right,#ff7c2a,#fe9a5b);
  background: -moz-linear-gradient(right,#ff7c2a,#fe9a5b);
  background: linear-gradient(to right,#ff7c2a,#fe9a5b);
}
.icon_fenqi{
  padding-left: 36px;
  background-image: url(/uploads/image/scicourse_detail/icon_fenqi.png);
  background-repeat: no-repeat;
  background-position: left center;  	
}
.icon_quane{
  padding-left: 45px;
  background-image: url(/uploads/image/scicourse_detail/icon_quane.png);
  background-repeat: no-repeat;
  background-position: left 1px;	
}
.pay_method_hd ul li.active .icon_fenqi{
  padding-left: 55px;
  background-image: url(/uploads/image/scicourse_detail/icon_fenqi_active.png);
  background-repeat: no-repeat;
  background-position: left 2px;		
}
.pay_method_hd ul li.active .icon_quane{
  padding-left: 55px;
  background-image: url(/uploads/image/scicourse_detail/icon_quane_active.png);
  background-repeat: no-repeat;
  background-position: left 4px;		
}
.pay_quane .row1{
 display: flex;	
 justify-content: center;
 align-items: center;
 padding: 20px 0;
}
.alipay_wechat ul{
  text-align: center;
}
.alipay_wechat li{
  width: 286px;
  height: 90px;
  line-height: 90px;
  display: inline-block;
  background-color: #f6f6f6;
  border-radius: 10px;  
  cursor: pointer;
}
.alipay_wechat li.active{
  background-image: url(/uploads/image/scicourse_detail/pay_active.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.btn_pay{
  display: block;	
  width: 303px;
  height: 53px;
  background: #ff7c2a;
  border: none;
  border-radius: 27px;
  margin: 20px auto;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 53px;
  cursor: pointer;
}
.pay_fenqi{
  padding:20px 35px;
}
.pay_fenqi_hd li{
  width: 50%;
  height: 38px; 
  float: left;
  background-color: #ffe9db;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #ff5400;
  cursor: pointer;
}
.pay_fenqi_hd li.active{
  background-image: url(/uploads/image/scicourse_detail/icon_checked_1.png);
  background-repeat: no-repeat;
  background-position: 70px center;
  background-color: #ff7c2a;	
  font-weight: bold;
  color: #fff;
}
.pay_fenqi_hd li:first-child{
  border-radius: 19px 0 0 19px;
}
.pay_fenqi_hd li:last-child{
  border-radius: 0 19px 19px 0;
}
.cor5b2300{
  color: #5b2300;
}
.shuxian{
  position: relative;
  padding-left: 10px;
}
.shuxian:before{
  content: "";
  display: block;
  width: 1px;
  height:10px;
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #ffb383;
}
.fenqi_xiangqing ul{
  margin: 15px 5px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dcdcdc;
}
.fenqi_xiangqing ul li{
  padding-left: 10px;
  line-height: 30px;
  display: flex;
  justify-content: center;
  position: relative;
}
.fenqi_xiangqing ul li:before{
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #bfbfbf;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top:12px;
}
.fenqi_heji li{
  padding-left: 10px;
  line-height: 30px;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.fenqi_xiangqing li .p1,.fenqi_heji li .p1{
  width: 88px;
}
.fenqi_xiangqing li .p2,.fenqi_heji li .p2{
  width: 159px;
}
.fenqi_xiangqing li .p3,.fenqi_heji li .p3{
  width: 330px;
}
.pay_step_last{
  position: fixed;
  left: 50%;
  top: 50%; 
  z-index: 99999;
  width: 600px;
  margin-left: -300px;
  margin-top: -122px;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pay_step_last .close_saoma{
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-image: url(/uploads/image/scicourse_detail/circle_close.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.pay_next{
  width: 500px;
}
.pay_saoma{
  width: 182px;
  height: 182px;
  border: 1px solid #ededed;
}
.pay_saoma img{
  width: 100%;
  height: 100%;
}
.pay_saoma_msg{
  margin-top: 20px;
  height: 34px;
  padding-left: 56px;
  background-image: url(/uploads/image/scicourse_detail/icon_sao.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  color: #333;
}
.pay_saoma_jine{
  margin-top: 30px;
  line-height: 80px;
  border-top: 1px solid #eee;
}
.kefu_wrap{
  padding: 34px 126px 58px 79px;
}
.kefu_wrap .kefu_wen{
 width: 320px;
 padding-top: 30px;
 margin-left: 60px;
}
.kefu_wrap .kefu_img{
 width: 249px;
 height: 252px;
 background: #fff;
 border: 1px solid #d2d2d2;
 border-radius: 6px;
}
.btn_link_go{
  display: block;
  width: 303px;
  height: 53px;
  margin-top: 60px;
  background: #ff7c2a;
  border-radius: 27px;
  line-height: 53px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
}
.btn_link_go:hover{
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .pay_content {
    width: 760px;
  }

 .kefu_wrap{
   padding: 34px 40px;
  }
}