.nav-space{background-color:#f3f3f3;}
/*----------list-course-----------*/
.list-course{width:100%; background-color:#f3f3f3;}
.course-item{padding:15px 12px; margin-bottom:12px; box-sizing:border-box; background-color:#fff;}
.course-item:last-child{margin-bottom:0;}
.course-expert-top{width:100%; position:relative; margin-bottom:10px;}
.course-expert-img{width:12vw; height:12vw; float:left;}
.course-expert-img img{width:12vw; height:12vw;border-radius:50%;}
.course-expert-info{margin-left:15vw;}
.expert-name{font-size:4.2vw;}
.expert-tips{font-size:3.2vw; color:#999;}
.course-price{position:absolute; font-size:4.8vw; top:1.5vw; right:0; color:#D2A427}
.course-item-info{width:100%; box-sizing:border-box; position:relative;}
.course-type{position:absolute; top:0; left:0; font-size:3.2vw; padding:4px 10px 2px;  color:#fff; border-radius:3px 0 3px 0;}
.item-info-1 .course-type{background-color:#D28900;}
.item-info-2 .course-type{background-color:#00256A;}
.course-list-title{padding:10px 0; font-size:4vw; line-height:1.36;}
.course-img{position:relative; min-height: 20vw;}
.course-img img{width:100%; border-radius:3px;}
.course-play-ico{border-radius: 50%; position: absolute;top: 50%;left: 50%; margin-left: -8vw; margin-top: -8vw; width: 16vw; height: 16vw;  background:rgba(0,0,0,.6) url(../images/course.png) no-repeat 0 0; background-size: 16vw auto;}
.course-address{width:100%; font-size:3.2vw; line-height:1.6; padding:10px; box-sizing: border-box; position:absolute; left:0; bottom:0;padding-left:7.2vw; background:rgba(0,0,0,.5) url(../images/course.png) no-repeat 2vw -13.6vw; background-size:12vw auto; color:#fff;border-radius:0 0 3px 3px;}
.course-time{color:#999;font-size:3.2vw; padding-left:5vw; background:url(../images/course.png) no-repeat 0 -28.8vw; background-size:11vw auto;}

/*-------detail----------*/
.course-banner{width:100%; position:relative;}
.course-play{position:absolute; top:50%; left:50%; margin-left:-6vw; margin-top:-6vw; width:12vw; height:12vw; background:url(../images/course.png) no-repeat 0 0; background-size:12vw auto;}
.course-title{padding:12px 12px 6px; font-size:4.2vw; font-weight:600;}
.course-title span{color:#D69D00; margin-right:3px;}
.course-tags{padding:10px 0; font-weight:400; font-size:0;}
.course-tags span{padding:2px 8px; border-radius:4vw; margin:5px 0; margin-right:8px; display:inline-block; border:1px solid #D69D00; font-size:3.2vw;color:#D69D00;}

.course-ops{padding:12px; font-size:3.72vw; line-height:1.5; color:#666;}
.course-ops-item{padding:5px 0;}
.course-ops span{margin-right:10px; color:#999;}
.course-ops i{color:#F63B3B;font-size:4.8vw;}
.course-ops-item a{color:#D69D00; margin-left:10px;}

.course-detail{padding:15px 12px;}
.course-detail-title{font-size:4.2vw; height:8vw; font-weight:600;}
.course-detail-content{font-size:3.72vw!important; min-height:360px; padding:10px 0;line-height: 1.6!important; word-break: break-word; text-align: justify;}
.course-detail-content p{padding-bottom:10px;}
.course-detail-content img{max-width:100%!important;}

.course-expert{padding:15px 12px;box-sizing: border-box;}
.expert-item{padding-top:10px;}
.expert-item-img{width:84px; height:112px;}
.expert-item-img img{width:84px; height:112px; border-radius:3px;}
.expert-item-info{margin-left:96px;}
.expert-item-name{font-size:4.8vw; height:36px; line-height:1.5;}
.expert-item-name span{font-size:3.2vw; font-weight:400; color:#666; margin-left:10px;}
.expert-item-tips{font-size:3.2vw; line-height:1.5;color:#666}
.expert-item-tips strong{color:#333;font-size:3.72vw;}
.expert-item-experience{font-size:3.72vw; padding-top:12px; line-height:1.5; color:#666}
.expert-item-experience strong{color:#333;font-size:3.72vw;}

.service-detail-bottom{width:100vw; height:12vw; line-height:12vw; position:fixed; left:0; bottom:0; background-color:#fff;}
.service-share{width:20%; height:12vw; font-size:3.2vw; padding-left:9.6vw; box-sizing: border-box; line-height:12vw; float:left; background:url(../images/share.png) no-repeat 4vw center; background-size:4vw auto;}
.service-price{width:46%; height:12vw; line-height:12vw; font-size:4.8vw; float:left; color:#FC3400; text-align:center;}
.service-buy{width:30%; height:12vw; background-color:#EB6D32; color:#fff; text-align:center; line-height:12vw; float:right;}
.service-buy-expire{width:30%; height:12vw; background-color:#c2c2c2; color:#fff; text-align:center; line-height:12vw; float:right;}
.service-order-info{width:30%; height:12vw; background-color:#009688; color:#fff; text-align:center; line-height:12vw; float:right;}

/*-----------order------------*/
.order-title{padding:10px 12px; font-size:4.2vw; font-weight:600; background-color:#f2f2f2;}
.order-info{padding:12px;}
.order-topic{font-size:4vw; padding:3px 0 6px; line-height:1.36;}
.order-item{font-size:3.2vw; padding:3px 0; color:#666;}
.order-ops-item{padding:2px 0;color:#999;}
.order-price-ops{padding:12px; color:#FC3400;font-size:4.8vw; text-align:right;}
.order-price{padding:12px; color:#999;}
.order-price span{color:#FC3400;font-size:4.8vw;}
.order-status{color:#999;font-size:3.72vw; padding:12px; }
.order-status span{color:#FC3400;font-size:4.2vw;}

.order-input{width:100%; position:relative; padding:6px 12px;box-sizing: border-box;}
.order-input label{position:absolute; top:6px; left:12px; color:#999; font-size:3.72vw; line-height:2.4;}
.form-input{margin-left:20vw;}
.form-input input{padding:5px; border:1px solid #fff; width:100%; text-align:right;box-sizing: border-box;}
.form-input select{padding:5px; border:1px solid #fff; width:100%; text-align:right;direction: rtl; -webkit-appearance:none;appearance:none; }
.form-input option{text-align:right; direction: ltr;}
.form-text{padding:10px 12px 12px; box-sizing: border-box; width:100%; color:#999; font-size:3.72vw;}
.form-text span{color:#333;}

.order-rule{color:#298FFF;}
.order-tips{padding:12px; font-size:3.2vw; color:#FF5722; line-height:1.6;}
.order-cost{width:60vw; line-height:12vw; padding-left:3.6vw; box-sizing: border-box; float:left; color:#666; font-size:3.2vw;}
.order-cost span{color:#FC3400;font-size:4.8vw}

.service-detail-pay{height:48px; margin:12px; background-color:#EB6D32; color:#fff; border-radius:5px; font-size:16px; line-height:46px; text-align:center;}
.form-pay{margin-left:20vw; text-align:right;}
/*----------------signin------------*/
.signin{width:100%; height:100%; position:relative; background:#f2b304 url(../images/sign_in.jpg) no-repeat; background-size:100% auto;}
.signin-top{width:100%; text-align:center; padding:16vw 0 8vw;}
.signin-top img{width:60%;}
.signin-topic{margin:15px; border-radius:10px; font-size:3.2vw; text-align:center; color:#999; background-color:rgba(255,255,255,.9); padding:15px; box-sizing: border-box;}
.signin-topic h3{color:#002f7b; padding:12px 0; font-size:3.9vw;}
.signin-topic h1{color:#333; font-size:4.6vw; line-height:1.6;}
.signin-ops{line-height:2; text-align:left; padding:15px 0 10px;font-size:3.72vw;}
.signin-ops span{color:#333;}
.signin-btn{padding:15px; font-size:4.2vw;}
.signin-btn span{width:100%;height:14vw; line-height:14vw; display:block; text-align:center; color:#fff; background:linear-gradient(180deg,rgba(33,70,202,1) 0%,rgba(0,47,123,1) 100%);border-radius:6px;}
.signin-box-title{font-size:12px; text-align:left;}
.signin-box-input{padding:6px 0;}
.signin-box-input input{border:1px solid #ddd; box-sizing: border-box; padding:8px; width:96%;}
.signin-ok-box{text-align:center; width:72vw; height:72vw; border-radius:8px; background-color:#144FB3; top:30%; left:50%; margin-left:-36vw; position:absolute;}
.signin-ok-div{width:100%; position:relative;}
.signin-ok-img{width:120px; height:120px; position:absolute; left:50%; margin-left:-60px; top:-60px;}
.signin-ok-img img{width:120px; height:120px;}
.signin-ok-tips{padding:100px 0 36px; font-size:26px; color:#fff; font-weight:800;}
.signin-ok-close{width:40px; height:40px; position:absolute; top:5px; right:5px; background:url(../images/sign_close.png) no-repeat center center; background-size:50% auto;}
.signin-ok-btn{margin:0 30px;}
.signin-ok-btn a{width:100%; height:42px; border-radius:5px; display:block; line-height:42px; background-color:#f1af03; color:#fff;}