@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
ul{list-style-type: none;}
img{border: none;}
a{color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
body{background-color: #f7f7f7;font-size: 14px;margin: 0;}
.not-info{padding-top:50px;text-align:center;}
.not-info span{display:block;color:#999;}
.f_red{color:#E60012!important;}
.f_green{color:#090!important;}
.f_gray{color:#999!important;}
.f_blue{color:#1E9FFF!important;}
.f_orange{color:#FF5722!important;}
.c_b{clear:both;}
.f_l{float:left;}
.f_r{float:right;}
.btn_gray,.btn_blue,.btn_green,.btn_orange,.btn_red{height:0.7rem;line-height:0.7rem;margin:0.2rem 0.2rem;padding:0 0.3rem;border:0;border-radius:0.1rem;background-color:#999;color:#fff;font-size:0.3rem;vertical-align:middle;display:inline-block!important;}
.btn_blue{background-color:#1E9FFF!important;}
.btn_green{background-color:#5FB878!important;}
.btn_orange{background-color:#FF5722!important;}
.btn_red{background-color:#E60012!important;}
.input{width:70%;height:0.6rem;line-height:0.6rem;padding:0 0.1rem;border:1px #ddd solid;border-radius:0.07rem;}
textarea{width:75%;height:1.5rem;line-height:0.35rem;padding:0.1rem;border:1px #ddd solid;border-radius:0.1rem; vertical-align:top;}
/*首页*/
.wrapper{padding:0.68rem 0 0.8rem 0;}
.banner,.banners{height:4rem;}
.banners{position:absolute;top:0;right:0;left:0;display:none;}
.banner{background-color:#BEC2C4;}
.banners .bar{display: flex;justify-content: space-between;align-items: center;margin:0 0.25rem;z-index: 1;}
.banners .bar .search{display: flex;width: 100%; background-color: #fff;box-sizing: border-box;margin-top: 0.25rem;border-radius: 0.12rem;padding: 0.05rem 0;}
.banners .bar .search img{width: 0.6rem;height:0.6rem; vertical-align:middle;}
.banners .bar .search input{width:5.45rem; font-size: 0.26rem; color: #333; border: none;padding: 0.15rem 0.12rem;vertical-align:middle;}
.banners .bar .message{font-size: 0.26rem;}
.banners .bar .message a img{width: 0.65rem;margin: 0.25rem 0 0 0.12rem;}
.quick{margin:0.2rem 0 0 0;overflow: hidden;box-sizing: border-box;}
.quick ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0.25rem;overflow: hidden;}
.quick ul li{display: flex;align-items: center;width: 48.5%;height: 1.5rem;background-color: #fff;border-radius: 0.2rem;padding: 0.25rem 0.2rem;box-sizing: border-box;margin-bottom: 0.2rem;}
.quick ul li a{display: flex;align-items: center;}
.quick ul li .pic {width: 0.75rem;height: 0.75rem;}
.quick ul li .pic img {display: block;width: 0.75rem;height: 0.75rem;}
.quick ul li .content {margin-left: 0.2rem;}
.quick ul li .content h1 {font-size: 0.28rem;color: #4c4c4c;}
.quick ul li .content .tag {margin-top: 0.1rem;}
.quick ul li .content span {font-size: 0.24rem;color: #888;overflow: hidden;display: inline-block;text-overflow: ellipsis;white-space: nowrap;width: 75%;}
.notice{display: flex;background-color: #fff;justify-content: space-between;align-items: center;border-radius: 0.12rem;margin: 0.25rem;padding: 0.25rem 0.2rem;}
.notice h1{font-size: 0.3rem;color: #555;}
.notice .noticeItem{display:flex;align-items: center;}
.notice .noticeItem img{width:1.75rem;}
.notice .noticeItem p{font-size: 0.24rem; color: #333;margin-left: 0.15rem;}
.notice span{color: #888;font-size: 0.26rem;}

.topNews{margin:10px 0 10px 0;padding:10px;}
.topNews .titles{padding:10px 0;}
.topNews .titles h1{float:left;width:100%;font-size:0.32rem;font-weight:bold;color:#333;}
.topNews .titles .more{float:right;font-weight:normal;font-size:0.26rem;}
.topNews .titles .more a{align-items: center;display: flex;}
.topNews .titles .more img{width:0.3rem;}
.topNews .titles .line{float:left;width:100%;border-bottom:1px #ddd solid;}
.topNews ul{padding-top:10px;}
.topNews ul li{padding:5px 0;font-size: 0.28rem; list-style:inside;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topNews ul li a{margin-left:-10px;}


.teacherArea{margin: 0.25rem;}
.mainTitle{display: flex;justify-content: space-between;align-items: center;}
.mainTitle span{font-size: 0.32rem;color: #333;font-weight: bold;}
.mainTitle .more{display: flex;align-items: center;}
.mainTitle .more a{font-size: 0.26rem;color: #888;}
.mainTitle .more img{width: 0.3rem;}
.teacherList{display: flex;overflow-x: scroll;margin-top: 0.26rem;}
.teacherList .teacher{display: flex;width: 5rem; background-color: #fff;border-radius: 0.2rem;padding: 0.25rem;margin-right: 0.25rem;}
.teacherList .teacher .pic{width:6.75rem;height:2.5rem;background-color: #888;box-sizing: border-box;}
.teacherList .teacher .pic img{width: 100%;}
.teacherList .teacher .content{;margin-left: 0.15rem;}
.teacherList .teacher .content .name{font-size: 0.3rem;color: #333;}
.teacherList .teacher .content span{display: block;font-size: 0.26rem;color: #888;margin: 0.15rem 0 0.2rem 0;}
.teacherList .teacher .content p{font-size: 0.26rem;color: #333;line-height: 0.32rem;}
.featured{margin: 0.25rem;margin-bottom: 0;}
.featuredList{display: flex;justify-content: space-between; flex-wrap: wrap;}
.featuredItem{width:48%; background-color: #fff;border-radius: 0.15rem;margin-top: 0.25rem;}
.featuredItem .pic{height: 2.65rem; box-sizing: border-box;border-radius: 0.2rem 0.2rem 0 0;}
.featuredItem .pic img{width: 100%;height: 2.65rem;border-radius: 0.2rem 0.2rem 0 0;}
.featuredItem .content{display: flex;height: 1.5rem; flex-direction: column; padding: 0.25rem;}
.featuredItem .content p{font-weight: bold;color: #333;font-size: 0.3rem;flex: 1;}
.featuredItem .content .info{display: flex;justify-content: space-between;align-items: center;bottom: 0;}
.featuredItem .content .info .view{display: flex;align-items: center;}
.featuredItem .content .info .view img{width: 0.35rem;}
.featuredItem .content .info .view span{font-size: 0.24rem; color: #666;}
.featuredItem .content .info .price{font-weight: bold;font-size: 0.32rem;color: #f6451c;}
.course{margin: 0.25rem;}
.courseList{background-color: #fff;border-radius: 0.2rem;padding: 0.3rem 0.25rem;margin-top: 0.25rem;}
.courseItem{margin-bottom: 0.3rem;}
.courseItem a{display: flex;}
.courseItem .pic{width: 3rem;height: 1.65rem;background-color: #888;box-sizing: border-box;}
.courseItem .pic img{width: 100%;height: 1.65rem;}
.courseItem .content{width: 60%;margin-left: 0.15rem;display:flex;flex-direction: column;}
.courseItem .content p{color: #333;font-size: 0.3rem;font-weight: bold;flex: 1;}
.courseItem .content .info{display: flex;justify-content:space-between;align-items: center;bottom: 0;}
.courseItem .content .info .view{display: flex;align-items: center;}
.courseItem .content .info .view img{width: 0.35rem;}
.courseItem .content .info .view span{font-size: 0.24rem; color: #666;}
.courseItem .content .info i{font-size: 0.24rem;font-style: normal;color: #fff;background-color: #35cc47;border-radius: 0.2rem;padding: 0.05rem 0.25rem;}
.courseItem .content .info .price{font-weight: bold;font-size: 0.32rem;color: #f6451c;}
.exam{margin: 0 0.25rem;}
.examList{background-color: #fff;border-radius: 0.2rem;padding: 0.25rem; overflow: hidden;margin: 0.25rem 0;}
.examList ul{display: flex;justify-content: space-between;align-items: center;}
.examList ul li a{font-size: 0.3rem;color: #333;}
.examList ul li.current a{font-size: 0.3rem;color: #e72c3a;}
.examList ul li::after,.examList ul li.current::after{content:''; display: block;width: 0.55rem;height: 0.08rem;background-color: #e72c3a;border-radius: 0.2rem;position: relative;left: 50%;top: 0.12rem; margin-left: -0.3rem;}
.examList ul li::after{background-color: #fff;}
.paper{display: flex;align-items: center;margin-bottom: 0.2rem;}
.paperList{margin-top: 0.35rem;}
.paperList .paper:last-child{margin-bottom: 0;}
.paper a{width:100%;display:flex;}
.paper span{width:15%;padding: 0.04rem 0.06rem;font-size: 0.24rem; color: #fff;border-radius: 0.1rem;}
.paper span.green{background-color: #1CB877;}
.paper span.yellow{background-color: #FAB820;}
.paper span.blue{background-color:#00A0FE;}
.paper p{font-size: 0.28rem;color: #333;margin-left: 0.12rem;}
.marginBottom{margin-bottom: 1.25rem;}
.nav{width: 100%; height: 1rem;background-color: #fff; position: fixed;bottom: 0;box-sizing: border-box;border-top: 1px solid #f7f7f7;}
.navBar{padding: 0.05rem 0.3rem}
.navBar ul{display: flex;justify-content: space-between;align-items: center;}
.navBar ul li{text-align: center;}
.navBar ul li img{display: block;width: 0.5rem;margin: 0 auto;}
.navBar ul li span{font-size: 0.23rem;color: #888;}
.navBar ul li.active span{color: #e72c3a;}

input[type="radio"], input[type="checkbox"] { display: none; }
label { display: inline-block; cursor: pointer; }
label input[type="radio"] + span, label input[type="checkbox"] + span { width: 21px; height: 21px; vertical-align: middle; display: inline-block; background: url('m_image/inputradio.png') no-repeat; background-position: -26px 0; }
input[type="radio"] + span, input[type="checkbox"] + span { width: 21px; height: 21px; vertical-align: middle; display: inline-block; background: url('m_image/inputradio.png') no-repeat; background-position: -26px 0; }
label input[type="radio"]:checked + span, label input[type="checkbox"]:checked + span { background-position: 0 0; }

/*搜索*/
.searchPage .bar{align-items: center;padding: 0.25rem;border-bottom: 1px solid #f0f0f0;}
.searchPage .bar form{display: flex;}
.searchPage .bar .search{display: flex;width: 6.15rem; align-items: center;border-radius: 0.15rem;background-color: #DBDBDB;padding: 0.08rem 0;}
.searchPage .bar .search img{width: 0.5rem;margin-left: 0.1rem;}
.searchPage .bar .search input[type=image]{width: 0.5rem;margin-left: 0.1rem;}
.searchPage .bar .search input{width: 88%; border: none;padding: 0.05rem 0.1rem;background-color: #DBDBDB;}
.searchPage .bar .cancel{line-height: 0.8rem;margin-left: 0.25rem;}
.searchPage .bar .cancel a{font-size: 0.26rem;color: #555;}
.searchPage .hot{margin: 0.25rem;}
.searchPage .hot h1{font-size: 0.3rem;font-weight: normal;color: #333;}
.keywords{margin-top: 0.25rem;}
.keywords ul{display:flex;align-items: center;}
.keywords ul li{padding: 0.06rem 0.2rem;border-radius: 0.05rem;background-color:#d9dcde;margin-right: 0.2rem;}
.keywords ul li a{font-size: 0.24rem;color: #555;}
/*题库*/
.wrapper .exam,.wrapper .examt{padding: 0.25rem;margin: 0;}
.wrapper .all{height: 100vh;background-color: #fff;}
.wrapper .exam p{width:80%;height:0.5rem;line-height:0.5rem;font-size: 0.35rem;color: #333;text-align: center;margin: 0.35rem 0 0.55rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;word-wrap:break-word;}
.wrapper .examt ul{width: 100%; display: flex;justify-content: space-around;flex-wrap: wrap;box-sizing: border-box;overflow: hidden;}
.wrapper .examt ul li{width: 47%; border-radius: 0.12rem;background-color: #fff;box-shadow: 0 0 0.12rem 0.02rem #E6E6E6; padding: 0.55rem 0;margin-bottom: 0.2rem;}
.wrapper .examt ul li a{display: block;text-align: center;}
.wrapper .examt ul li a img{display: block;width: 0.8rem;margin: 0 auto;margin-bottom: 0.25rem;}
.wrapper .examt ul li a span{font-size: 0.32rem;color: #333;}
.wrapper .examt p{font-size: 0.35rem;color: #333;text-align: center;margin: 0.35rem 0 0.55rem 0;}
.wrapper .all .side{display: flex;top:0.2rem;}
.wrapper .all .side a{width: 0.4rem;height: 0.4rem; align-items: center;margin-left: 0.35rem;}
.wrapper .all .side a img{display: block;width: 100%;}
.wrapper .exam-list .menu{padding: 0.25rem 0;}
.wrapper .exam-list .menu ul{display: flex;justify-content: space-around;}
.wrapper .exam-list .menu ul li.current::after{content: '';display: block;width: 0.42rem;height: 0.08rem;background-color: #e72c3a;border-radius: 0.2rem; position: relative;left: 50%;top: 0.24rem;margin-left: -0.2rem;}
.wrapper .exam-list .menu ul li.current a{font-size:0.3rem; color: #333;}
.wrapper .exam-list .menu ul li a{font-size: 0.28rem;color: #555;}
.wrapper .exam-list .submenu{display: flex;align-items:center;margin:0.25rem;}
.wrapper .exam-list .submenu .category{font-size: 0.28rem;border:1px solid #e72c3a;background-color: #fff; border-radius: 0.25rem;padding: 0.05rem 0.15rem;margin-right: 0.2rem;}
.wrapper .exam-list .submenu .category a{color: #e72c3a;}
.wrapper .exam-list .submenu .current{font-size: 0.28rem;border:1px solid #e72c3a;background-color:#e72c3a;}
.wrapper .exam-list .submenu .current a{color: #fff;}
.wrapper .exam-list .list{background-color: #fff;}
.wrapper .exam-list .list .subTitle{margin-bottom: 0.12rem;padding: 0.32rem 0.25rem;border-bottom: 1px solid #f7f7f7;}
.wrapper .exam-list .list .subTitle span::before{content: "";display:inline-block;;width: 0.08rem;height: 0.26rem;background-color:#e72c3a;position: relative;margin-right: 0.12rem;}
.wrapper .exam-list .list .subTitle span{font-size: 0.3rem;color: #333;}
.wrapper .exam-list .list .test-list .test{display: flex;justify-content: space-between;align-items:center;border-bottom:1px solid #f7f7f7;padding: 0 0.25rem;}
.wrapper .exam-list .list .test-list .test .pic{width:15%;height:0.75rem;}
.wrapper .exam-list .list .test-list .test .pic img{display: block;width:100%;}
.wrapper .exam-list .list .test-list .test .content{width:78%;display: flex;align-items: center;padding: 0.25rem 0;}
.wrapper .exam-list .list .test-list .test .content .testContent{width:100%;display:flex;flex-direction: column;margin-left: 0.2rem;}
.wrapper .exam-list .list .test-list .test .content .testContent p{font-size: 0.3rem;color: #333;margin-bottom: 0.2rem;}
.wrapper .exam-list .list .test-list .test .content .testContent .directions{display: flex;align-items: center;color: #666;font-size: 0.24rem;}
.wrapper .exam-list .list .test-list .test .content .testContent .directions i{font-style: normal;margin-left: 0.75rem;}
.wrapper .exam-list .list .test-list .test a{width:17%;font-size: 0.28rem;color: #fff;background-color:#e72c3a;border-radius: 0.35rem;padding: 0.08rem 0.2rem;}
.wrapper .exam-list{padding-bottom:6rem;}
.wrapper .exam-list .detail{background-color: #fff;}
.wrapper .exam-list .detail .topic{text-align: center;font-size: 0.35rem;color: #333;padding: 0.35rem;}
.wrapper .exam-list .detail .tips{font-size: 0.24rem;color: #666;padding: 0.5rem 0.25rem 0.35rem 0.25rem;line-height: 0.4rem;}
.wrapper .exam-list .detail .content .question{font-size: 0.28rem;color: #333;margin: 0.25rem 0;}
.wrapper .exam-list .detail .content .question img{vertical-align:middle;}
.wrapper .exam-list .detail .content .option{font-size: 0.28rem;color: #333;}
.wrapper .exam-list .detail .content .option ul{}
.wrapper .exam-list .detail .content .option ul li{font-size: 0.28rem;color: #333;margin-bottom: 0.25rem;}
.wrapper .exam-list .detail .content .option ul li i{display: inline-block;width: 0.25rem;line-height: 0.25rem; height: 0.25rem; font-size: 0.26rem;color: #333;border:1px solid #d4d4d4;border-radius: 50%;font-style: normal;text-align: center;padding: 0.1rem;}
.wrapper .exam-list .detail .content .option ul li span{font-size: 0.26rem;color: #333;margin-left: 0.15rem;}
.wrapper .exam-list .detail .content .option ul li span img{vertical-align:middle;}
.wrapper .exam-list .detail .content .option ul li.currents i{color: #fff;background-color: #e72c3a;border-color:#e72c3a;}
.wrapper .exam-list .detail .content .option ul li i.corrects{color: #fff; background-color: #19ca5c;border-color:#19ca5c;}
.wrapper .exam-list .detail .content .introduce{line-height:0.5rem;padding-top:15px;border-top:1px #ddd solid;font-size:0.3rem;}
.wrapper .exam-list .detail .content .introduce p{font-size:0.28rem;}
.wrapper .exam-list .detail .content .introduce img{max-width:97%;margin:0.2rem;}

.sheet{width: 100%; position:fixed;bottom: 0;box-shadow: 0 -4px 4px #f3f3f3;border-radius: 0.2rem 0.2rem 0  0;background-color:#fff;z-index:1;}
.sheet .total{font-size: 0.26rem;color: #555;text-align: center;margin: 0.3rem 0;}
.sheet ul{height:150px;display:flex;justify-content:flex-start; flex-wrap: wrap;margin: 0 0.25rem;overflow-y:auto;}
.sheet ul li{width: 0.8rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.26rem;color: #333; border: 1px solid #dadada;text-align: center;border-radius: 50%;margin:0 0.15rem 0.25rem 0.15rem; overflow:hidden;}
.sheet ul li a{width:100%;height:100%;display:inline-block;}
.sheet ul li.answered{background-color:#e72c3a;border-color:#e72c3a;}
.sheet ul li.answered a{color: #fff;}
.sheet .button{display: flex;margin-top:0.45rem;}
.sheet .button a{display: block;width: 50%; font-size: 0.3rem;color: #fff;text-align: center;padding: 0.3rem 0;}
.sheet .button a.pre{background-color: #ff8829;}
.sheet .button a.next{background-color: #e72c3a;}
.wrapper .all .contents h1{font-size: 0.4rem;font-weight: normal;text-align: center;color: #333; padding: 0.35rem 0;}
.wrapper .all .contents p{font-size: 0.26rem;text-align: center;color: #666; padding: 0.25rem 0;}
.wrapper .all .contents ul{display:flex;justify-content:flex-start; flex-wrap: wrap;margin:0.25rem;}
.wrapper .all .contents ul li{width: 0.8rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.26rem;color: #333; border: 1px solid #dadada;text-align: center;border-radius: 50%;margin:0 0.15rem 0.25rem 0.15rem;}
.wrapper .all .contents ul li.answered{background-color:#e72c3a;border-color:#e72c3a;}
.wrapper .all .contents ul li.answered a{color: #fff;}
.wrapper .all .contents .button{width: 100%;display: flex;position: fixed;bottom: 0;}
.wrapper .all .contents .button a{display: block;width: 50%; font-size: 0.3rem;color: #fff;text-align: center;padding: 0.3rem 0;}
.wrapper .all .contents .button a.pre{background-color: #ff8829;}
.wrapper .all .contents .button a.next{background-color: #e72c3a;}
.whiteback{background-color: #fff;}
.whiteback .wrongList .item{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #f5f5f5;padding: 0.25rem 0;margin:0 0.25rem;}
.whiteback .wrongList .item .wItem{display: flex;align-items: center;}
.whiteback .wrongList .item .wItem img{display: block;width: 0.45rem;}
.whiteback .wrongList .item .wItem span{font-size: 0.26rem;color: #333;margin-left: 0.12rem;}
.whiteback .wrongList .item .amount{display: flex;align-items: center;}
.whiteback .wrongList .item .amount span{font-size: 0.26rem;color: #888;margin-right: 0.12rem;}
.whiteback .wrongList .item .amount img{display: block;width: 0.32rem;}
.wrapper .all .title .edge{position: absolute;top: 0;right: 0;}
.wrapper .all .title .edge a{padding: 0 0.25rem;font-size: 0.26rem;color: #555;}
.all .sheet .explain{border-bottom: 1px solid #f5f5f5;padding-bottom: 0.25rem;}
.all .sheet .borderNone{border-bottom: none;}
.all .sheet .explain .subTitle{padding: 0.25rem;}
.all .sheet .explain .subTitle span::before{content: "";display:inline-block;width: 0.08rem;height: 0.26rem;color: #333; background-color:#e72c3a;position: relative;margin-right: 0.12rem;bottom: -0.03rem;}
.all .sheet .explain p{padding:0 0.25rem;line-height: 0.55rem;font-size: 0.28rem; color: #333;}
/*课程*/
.courseWrapper{position:fixed;height: 100%; background-color:#fff;}
.courseWrapper .bar{display:flex;align-items: center;padding: 0.25rem;border-bottom: 1px solid #F5F5F5;}
.courseWrapper .bar .search{display:flex;width: 100%; align-items: center;background-color:#F2F2F2;border-radius: 0.15rem;padding: 0.06rem 0 0.05rem 0;}
.courseWrapper .bar .search img{display: block;width: 0.6rem;margin-left: 0.1rem;}
.courseWrapper .bar .search input{width: 88%; font-size: 0.26rem; border: none;padding: 0.13rem 0.05rem 0.1rem 0.05rem;background-color:#F2F2F2;}
.courseWrapper .bar a img{display: block;width: 0.5rem;margin-left: 0.22rem;}
.courseContainer{display: flex;width: 100vw;height: calc(100vh - 1.5rem);}
.courseContainer .catalog{width: 30%;background-color:#F5F5F5;}
.courseContainer .catalog ul li{height: 1.35rem;line-height: 0.5rem; text-align: center;}
.courseContainer .catalog ul li.current{background-color: #fff;}
.courseContainer .catalog ul li.current a{font-weight: bold;color: #333;}
.courseContainer .catalog ul li a{font-size: 0.26rem;color: #686868;}
.courseContainer .courseContent{width: 80%;}
.courseContainer .courseContent .level{margin-top: 0.25rem;margin-left: 0.25rem;}
.courseContainer .courseContent .level p{font-size: 0.28rem;color: #333;font-weight: bold;}
.courseContainer .courseContent .level ul{display: flex;align-items: center;flex-wrap: wrap;margin-top: 0.25rem;}
.courseContainer .courseContent .level ul li{border-radius: 0.1rem;border: 1px solid #e0e1e1;padding: 0.04rem 0.1rem;margin-right: 0.3rem;white-space: nowrap;margin-bottom: 0.25rem;}
.courseContainer .courseContent .level ul li a{font-size: 0.24rem;color: #7b7d7d;}
.courseContainer .courseContent .sort{display: flex;justify-content: space-between;align-content: center;padding-right: 0.3rem;margin-top: 0.2rem;}
.courseContainer .courseContent .sort span{font-size: 0.26rem;color: #555;}
.courseContainer .courseContent .sort i{display: block;}
.courseContainer .courseContent .sort i img{display: block;width: 0.26rem;}
.title{height:0.86rem;line-height:0.86rem;border-bottom:1px solid #F5F5F5;background-color:#fff;position:fixed;text-align:center;display:flex;top:0;left:0;right:0;z-index:1;}
.title .return{position:relative;left: 0;padding:0.25rem}
.title .return1{display:none;}
.title .return a img{display: block;width: 0.35rem;}
.title .return a img.back2{display:none;}
.title span{width:77%;font-size: 0.3rem;color: #333;}
.title .share{position: absolute;right: 0;top: 0; padding:0.25rem;display:none;}
.title .share a img{display: block;width: 0.4rem;}
.title .search{position: absolute;right: 0;top:0.2rem; padding:0 0.25rem;display:none;}
.title .search a img{display: block;width: 0.5rem;}
.wrapper .container .row{padding:0.05rem 0.25rem;background-color: #fff;}
.wrapper .container .row ul{display: flex;height: 0.75rem; align-items: center;overflow-x: scroll;}
.wrapper .container .row ul li{display: block;margin-right: 0.5rem;white-space: nowrap;}
.wrapper .container .row ul li.current::after{    content: '';display: block;width: 0.42rem;height: 0.08rem;background-color: #e72c3a; border-radius: 0.2rem; position: relative;left: 50%;top:0.05rem; margin-left: -0.2rem;}
.wrapper .container .row ul li.current a{font-weight: bold;color: #333;}
.wrapper .container .row ul li a{font-size: 0.28rem;color: #666;}
.wrapper .course-list{background-color: #fff;padding: 0.3rem 0.25rem;}
.wrapper .course-list .course{display: flex;margin: 0 0 0.3rem 0;}
.wrapper .course-list .course a{width:100%;display: flex;}
.wrapper .course-list .course .pic{width: 3rem;height: 1.65rem;box-sizing: border-box;}
.wrapper .course-list .course .pic img{width: 100%;height: 1.65rem;}
.wrapper .course-list .course .content{display: flex;width: 70%; flex-direction: column;margin-left: 0.2rem;}
.wrapper .course-list .course .content p{color: #333;font-size: 0.3rem;font-weight: bold;flex: 1;}
.wrapper .course-list .course .content .info{display: flex;justify-content:space-between;align-items: center;bottom: 0;}
.wrapper .course-list .course .content .info .view{display: flex;justify-content:space-between;align-items: center;bottom: 0;}
.wrapper .course-list .course .info .view img{width: 0.35rem;}
.wrapper .course-list .course .info .view span{font-size: 0.24rem; color: #666;}
.wrapper .course-list .course .info i{font-size: 0.24rem;font-style: normal;color: #fff;background-color: #35cc47;border-radius: 0.2rem;padding: 0.05rem 0.25rem;}
.wrapper .course-list .course .info .price{color:#f30;font-weight:bold;}
.container .detail{background-color: #fff;}
.container .detail .pic{width: 100%;}
.container .detail .pic img{display: block;width: 100%;}
.detail .menu{padding: 0.22rem 0;box-shadow:0 0.05rem 0.07rem #f5f5f5;}
.detail .menu ul{display: flex;justify-content: space-around;align-items: center;}
.detail .menu ul li.current::after{content:''; display: block;width: 0.35rem;height: 0.08rem;background-color: #e72c3a;border-radius: 0.2rem;position: relative;left: 50%;top: 0.22rem; margin-left: -0.2rem;}
.detail .menu ul li a{font-size: 0.26rem;color:#666;}
.detail .menu ul li.current a{font-size: 0.3rem;color:#333;}
.detail .content{padding: 0.25rem;}
.detail .content p{font-size: 0.32rem;color: #333;}
.detail .content .barItem{display: flex;margin:0.22rem 0;}
.detail .content .barItem .score{display: flex;align-items: center;}
.detail .content .barItem .score img{width: 1.45rem;}
.detail .content .barItem .score span{font-size: 0.26rem; color: #fec823;margin-left: 0.15rem;}
.detail .content .barItem .view{display: flex;align-items: center;margin-left: 0.35rem;}
.detail .content .barItem .view img{width: 0.4rem;}
.detail .content .barItem .view span{font-size: 0.24rem;color: #666;margin-left: 0.06rem;}
.detail .content .price{font-size: 0.3rem;color:#f6451c;}
.container .contents{background-color: #fff;margin-top: 0.2rem;padding: 0.25rem;}
.container .contents .subTitle{margin-bottom: 0.12rem;}
.container .contents .subTitle span::before{content: "";display:inline-block;width: 0.08rem;height: 0.26rem;background-color:#e72c3a;position: relative;margin-right: 0.12rem;}
.container .contents .subTitle span{font-size: 0.3rem;color: #333;}
.container .contents .intro p{font-size: 0.26rem;color: #333;line-height: 0.45rem;}
.container .contents .intro img{width: 100%;box-sizing: border-box;margin: 0.25rem 0;}
.container .contents .teachers{justify-content: space-between;align-items: center;overflow-x: scroll;margin: 0.45rem 0 0.15rem 0;}
.container .contents .teachers .teacher{float:left;text-align: center;margin-right: 0.85rem;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.container .contents .teachers .teacher div{width: 1.35rem;height: 1.35rem;border-radius:100%; overflow:hidden;}
.container .contents .teachers .teacher:last-child{margin-right: 0;}
.container .contents .teachers .teacher img{display: block;width:100%;}
.container .contents .teachers .teacher p{font-size: 0.32rem; color: #333;margin: 0.08rem 0;}
.container .contents .teachers .teacher span{width:100%;height:25px;line-height:25px;font-size: 0.23rem; color: #888;}
.container .contents .course-list{padding: 0;margin-top: 0.2rem;}
.container .contents .course-list .course:last-child{margin-bottom: 0;}
.action-bar{position: fixed;width: 100%;bottom: 0; background-color: #fff;}
.action-bar-container{height:1rem;display: flex;justify-content: space-between;align-items: center;padding: 0 0.25rem;border-top: 1px solid #f7f7f7;}
.action-bar-container .action-bar-content{display: flex;justify-content: space-between;align-items: center;}
.action-bar-container .action-bar-content .action-bar-item{display:flex;align-items: center;margin-right: 0.45rem;}
.action-bar-container .action-bar-content .action-bar-item img{display: block;width: 0.45rem;margin-right: 0.15rem;}
.action-bar-container .action-bar-content .action-bar-item span{font-size: 0.26rem;color:#555;}
.action-bar-container .action-bar-content .action-bar-item i{font-weight: bold;font-size: 0.32rem;color: #f6451c;font-style: normal;margin-left: 0.12rem;}
.action-bar-container .btn-study{background-color:#e72c3a;border-radius: 0.35rem;border: none;font-size: 0.32rem;color: #fff;padding: 0.15rem 0.85rem;}
.course-catalog .chapter .chapter-title{display: flex;justify-content: space-between;align-items: center;padding: 0.25rem;}
.course-catalog .chapter .chapter-title span{width:67%;font-size:0.26rem;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
.course-catalog .chapter .chapter-title .view img{width:18px;height:18px; vertical-align:middle;}
.course-catalog .chapter .chapter-title a img{display: block;width: 0.3rem;}
.course-catalog .chapter .lesson-list{background-color: #fff;padding: 0.25rem;}
.course-catalog .chapter .lesson-list .lesson{margin-bottom: 0.32rem;}
.course-catalog .chapter .lesson-list .lesson:last-child{margin-bottom: 0;}
.course-catalog .chapter .lesson-list .lesson .item{display: flex;align-items:center;}
.course-catalog .chapter .lesson-list .lesson .item span{font-size: 0.24rem;color: #666; border: 1px solid #CFD2D2;border-radius: 0.05rem; padding: 0.02rem 0.085rem;}
.course-catalog .chapter .lesson-list .lesson .item p{font-size: 0.28rem;color: #333;margin-left: 0.25rem;}
.course-catalog .chapter .lesson-list .lesson .progress span,.course-catalog .chapter .lesson-list .lesson .progress p{color:#f00;}
.comment-container{background-color: #fff;}
.mark{display: flex;align-items: center;border-bottom: 1px solid #f7f7f7;padding: 0.25rem;}
.mark .score{font-size: 0.75rem;color: #333;}
.mark .score-content{margin: 0.1rem 0 0 0.25rem;}
.mark .score-content img{display: block;width: 1.5rem;margin-bottom: 0.12rem;}
.mark .score-content span{font-size: 0.24rem;color: #555;}
.comment-list{padding:0.32rem 0.25rem;}
.comment-list .comment-content{margin-bottom: 0.45rem;}
.comment-list .comment-content:last-child{margin-bottom:0}
.comment-list .comment-content .user-content{display: flex;justify-content: space-between;align-items: center;}
.comment-list .comment-content .user-content .user-item{display:flex;align-items: center;}
.comment-list .comment-content .user-content .user-item .head{width:0.8rem;height: 0.8rem;}
.comment-list .comment-content .user-content .user-item .head img{width: 100%;box-sizing: border-box;}
.comment-list .comment-content .user-content .user-item .username{margin-left: 0.15rem;}
.comment-list .comment-content .user-content .user-item .username p{font-size: 0.28rem; color: #333;}
.comment-list .comment-content .user-content .user-item .username span{font-size: 0.24rem;color: #666;}
.comment-list .comment-content .user-content .score img{width: 1.35rem;}
.comment-list .comment-content .comment{margin:0.25rem 0 0 0.95rem;}
.comment-list .comment-content .comment p{font-size: 0.28rem; color: #333;}
.comment-list .comment-content .comment .reply{font-size: 0.28rem; color: #333;background-color:#F5F5F5;padding: 0.25rem;border-radius: 0.12rem;margin-top: 0.25rem;position: relative;}
.comment-list .comment-content .comment .reply span{display: block;font-size: 0.28rem;color: #555;margin-bottom: 0.2rem;}
.comment-list .comment-content .comment .reply p{font-size: 0.28rem;color: #555;}
.trangle{position: absolute;top: -0.2rem;left: 0.5rem;}
.trangle img{width: 0.32rem;}
.viewvip{position:absolute;top:1rem;right:0.2rem;padding:0.02rem 0.08rem;background-color:#DAB176;border-radius:0.06rem;color:#fff;font-size:0.15rem;z-index:3;}

.buyvideo{ position:relative;}
.buyvideo .buytips{position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6);}
.buyvideo .buytips .buytipstext{padding-top:1rem;color:#fff;font-size:0.3rem;text-align:center; letter-spacing:2px;}
.buyvideo .buytips .buytipsprice{width:50%;margin:0.3rem auto 0 auto;padding:0.2rem 0;border-radius:0.5rem;background-color:#DAB176;color:#582D00;text-align:center;}

.duigou{padding:2rem 0 1rem 0;text-align:center;font-size:0.4rem;}
.duigou span{width:1rem;height:1rem;line-height:1rem;margin-right:0.2rem;border-radius:100%;background-color:#090;color:#fff;font-size:0.5rem;display:inline-block;}
.sbtn{text-align:center;font-size:0.3rem;}
.sbtn span{margin:0 0.3rem;padding:0.1rem 0.2rem;border-radius:0.08rem;display:inline-block;color:#fff;}
.sbtn .vieworder{background-color:#E9C341;}
.sbtn .pay{background-color:#090;}

/*会员*/
.memberWrapper{overflow: hidden;}
.memberWrapper .content{width: 100%;box-sizing: border-box;padding: 0.35rem 0.35rem 0 0.35rem;}
.memberWrapper .content .card{display: flex;width: 100%;height:1.9rem; background-image: url("m_image/member-cardface.png");background-size: 100%;background-repeat: no-repeat;align-items: center;padding: 0 0.25rem;box-sizing: border-box;}
.memberWrapper .content .card .pic img{display: block;width:1rem;border-radius: 50%;border: 0.04rem solid #fff;}
.memberWrapper .content .card .user{padding: 0.25rem;}
.memberWrapper .content .card .user .member-info{display:flex;align-items:center;margin-bottom: 0.12rem;}
.memberWrapper .content .card .user .member-info .username{font-size: 0.3rem;color:#a4520f;margin-right: 0.12rem;}
.memberWrapper .content .card .user .member-info .grade{font-size: 0.24rem; color: #fff; background-color:#a4520f;padding: 0.06rem 0.2rem;border-radius: 0.25rem;}
.memberWrapper .content .card .date{font-size: 0.24rem;color: #ab5b09;}
.memberWrapper .content .card .date i{font-style: normal;margin-left: 0.25rem;}
.memberWrapper .detail{background-color: #fff;}
.purchase .content{padding: 0.32rem;}
.purchase .content .list{display: flex;justify-content: space-between;overflow-x: scroll;}
.purchase .content .list .item{min-width:2.45rem; text-align: center;border: 1px solid #f2f2f2;border-radius: 0.12rem;padding: 0.45rem 0;margin-right: 0.25rem;}
.purchase .content .list .item span{font-size: 0.28rem;color: #555;}
.purchase .content .list .item .price{font-size: 0.55rem; color:#e72c3a;;margin: 0.22rem 0;}
.purchase .content .list .item i{font-style: normal;font-size: 0.24rem;color: #888;}
.purchase .content .list .item .cross{font-size: 0.24rem;color: #888;text-decoration: line-through;}
.purchase .content .list .touch{border-color: #ffb8bd;background-color: #fdf3f3;}
.purchase .content .button{box-sizing: border-box;margin: 0 0 0.2rem 0;}
.purchase .content .button a{display: block;text-align: center;font-size: 0.28rem; color: #fff;background-color:#d8782a;border-radius: 0.4rem;padding: 0.2rem;}
.purchase .content .tips{padding:0.4rem 0;display: flex;align-items: center;}
.purchase .content .tips img{display: block;width: 0.35rem;}
.purchase .content .tips span{font-size: 0.24rem;color: #888;margin-left: 0.12rem;}
.privilege span{font-size: 0.28rem;color: #333;margin-left: 0.25rem;}
.privilege .pic{margin: 0 auto;box-sizing: border-box;padding: 0.4rem 0.45rem;display:flex;flex-wrap:wrap;}
.privilege .pic .pic1{width:27%;margin:0.2rem;text-align:center;}
.privilege .pic img{display: block;width: 100%;}
.privilege .explain{display: flex;align-items: center;margin:0.35rem 0 0.35rem 40%;}
.privilege .explain a{font-size: 0.24rem;color: #888;margin-right: 0.12rem;}
.privilege .explain img{display: block;width: 0.25rem;}
.memberWrapper .detail .record{overflow: hidden;padding-bottom:0.8rem;}
.memberWrapper .detail .record .recordTitle{height:0.8rem;line-height:0.8rem;padding-left:0.3rem;border-bottom:1px #ddd solid;background-color:#f7f7f7;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.25rem;}
.memberWrapper .detail .record .recordTitle span{font-size: 0.28rem;color: #333;}
.memberWrapper .detail .record .recordTitle .more{display: flex;align-items: center;}
.memberWrapper .detail .record .recordTitle .more a{font-size: 0.26rem;color: #888;}
.memberWrapper .detail .record .recordTitle .more img{width: 0.3rem;}
.memberWrapper .detail .record .member .list{padding: 0;}
.memberWrapper .detail .record .member .list .item{padding: 0.25rem 0.35rem;box-shadow: 0 0px 6px 4px #f7f7f7;margin-bottom: 0.3rem}
.member .list .item{justify-content: space-between;align-items: center;}
.member .list .item .block span{ font-size: 0.3rem;color: #333;margin-bottom: 0.15rem;}
.member .list .item .block p{font-size: 0.24rem;color: #666;margin: 0.12rem 0;}
.member .list .item .block p:last-child{margin-bottom: 0;}
.member .list .item .price{font-weight: bold;font-size: 0.32rem;color: #f6451c;}
/*我的课程*/
.contain{background-color:#fff;padding-bottom: 0.75rem;}
.contain .menu{padding: 0.25rem 0;}
.contain .menu ul{display: flex;justify-content: space-around;}
.contain .menu ul li.current::after{content: '';display: block;width: 0.42rem;height: 0.08rem;background-color: #e72c3a;border-radius: 0.2rem; position: relative;left: 50%;top: 0.24rem;margin-left: -0.2rem;}
.contain .menu ul li.current a{font-size:0.3rem; color: #333;}
.contain .menu ul li a{font-size: 0.28rem;color: #555;}
.contain .course-list .course .content .info .watch img{width: 0.3rem;}
.contain .course-list .course .content .info .watch span{font-size: 0.24rem;margin-left: 0.12rem;}
/*个人中心*/
.editmydata{padding:0.6rem 0.3rem;background-color:#fff;}
.editmydata li{margin-bottom:0.2rem;padding:0.2rem 0;border-bottom:1px #ddd solid;display:flex;}
.editmydata li span{width:20%;height:0.6rem;line-height:0.6rem;}
.editmydata li img{width:1.5rem;height:1.5rem;border-radius:100%;vertical-align:middle;}
.editmydata li input{width:75%;height:0.6rem;line-height:0.6rem;padding:0 0.1rem;border:1px #ddd solid;border-radius:0.07rem;}
.editmydata li select{height:0.6rem;line-height:0.6rem;margin:0.05rem 0.02rem;border:1px #ddd solid;border-radius:0.07rem;}
.userWrapper .userback{width: 100%; height:4rem; background-image: url("m_image/personal-bg.png");background-repeat: no-repeat;background-size:100%;}
.userWrapper .userback .user {display: flex;padding: 0.75rem 0.35rem;}
.userWrapper .userback .user .pic{width: 1rem;height: 1rem;border: 3px solid #fff;border-radius: 50%; overflow:hidden;}
.userWrapper .userback .user .pic img{display: block;width: 100%;height:100%;}
.userWrapper .userback .user .user-content{margin-left: 0.25rem;}
.userWrapper .userback .user .user-content .username{font-size: 0.3rem;color: #fff;margin-bottom: 0.15rem;margin-left: 0.12rem;}
.userWrapper .userback .user .user-content .level{font-size: 0.24rem; color: #f8cccf;text-align:center;border-radius: 0.35rem;background-color:#da1040; padding: 0.08rem 0.2rem;}
.userWrapper .userback .user .user-content .vip{width: 0.9rem; color: #fff;background-color:#ffaf0c;}
.userback .card{display: flex;justify-content: space-between;align-items: center;margin: 0.35rem 0.65rem;}
.userback .card .slogan{display: flex;align-items: center;}
.userback .card .slogan img{width: 0.4rem;}
.userback .card .slogan span{font-size: 0.28rem;color: #ab5b09;margin-left: 0.12rem;}
.userback .card .open{font-size: 0.26rem;color: #fff;background-color: #a4520f;border-radius: 0.35rem;padding: 0.12rem 0.28rem;}
.userback .card .open a{color:#fff;}
.consist{display: flex;justify-content: space-around;background-color: #fff;border-radius: 0.12rem;margin: 0.25rem;padding: 0.3rem 0;}
.consist .item{text-align: center;}
.consist .item span{font-size: 0.35rem;color: #666;font-weight:600;}
.consist .item .note{font-size: 0.24rem;color: #666;margin-top: 0.05rem;}
.tool{background-color:#fff;margin: 0 0.25rem; padding: 0.3rem 0.25rem;border-radius: 0.12rem;}
.tool .bar{align-items: center;margin-bottom: 0.35rem;}
.tool .bar a{justify-content: space-between;width:100%;display: flex;}
.tool .bar:last-child{margin-bottom: 0;}
.tool .bar .part{display: flex;justify-content: space-between;align-items: center; vertical-align:middle;}
.tool .bar .part img{display: block;width: 0.5rem;}
.tool .bar .part span{font-size: 0.28rem;color: #333;margin-left: 0.15rem;}
.tool .more {padding-top:0.1rem;vertical-align:middle;}
.tool .more img{display: block;width: 0.3rem;vertical-align:middle;}
/*积分*/
.integral{padding: 0.25rem;}
.integral .whole{box-sizing: border-box;position: relative;}
.integral .whole .content{}
.integral .whole .content img{display: block;width: 100%;}
.integral .whole .content .sum{z-index: 1;position: absolute;top: 30%;left: 42%;color: #fff;}
.integral .whole .content .sum p{font-size: 0.5rem;font-weight: bold;text-align:center;}
.integral .whole .content .sum span{font-size: 0.26rem;color: #ffd0c3;}
.integral .whole .area{z-index: 1;position: absolute;bottom: 0;padding: 0;}
.integral .whole .area .bar{display: flex;justify-content: space-between;align-items: center;color: #fff;padding:0 0.25rem;margin-bottom: -0.55rem;z-index: 2;position: relative;}
.integral .whole .area .bar .bit{width: 100%; display: flex;justify-content: space-between;}
.integral .whole .area .bar .bit span{font-size: 0.26rem;}
.integral .whole .area .bar .bit i{font: 0.24rem; font-style: normal;}
.integral .whole .area .bar .vLine{margin:0 0.2rem;}
.integral .whole .area img{display: block;width: 100%;}
.integral .line{display: flex;align-items: center;padding: 0 0.85rem;margin: 0.25rem 0}
.integral .line span{display: block;width: 30%;height: 1px;background-color: #DADBDB;}
.integral .line p{font-size: 0.28rem;color: #666;margin: 0 0.42rem;}
.integral .list .item{display: flex;justify-content: space-between;align-items:center;background-color: #fff;border-radius: 0.12rem;padding: 0.25rem;margin-bottom: 0.2rem;}
.integral .list .item:last-child{margin-bottom: 0.2rem;}
.integral .list .item .content{display: flex;align-items: center;}
.integral .list .item .content .pic{}
.integral .list .item .content .pic img{display:block;width: 0.85rem;}
.integral .list .item .content .substance{margin-left: 0.25rem;}
.integral .list .item .content .substance p{font-size: 0.28rem;color:#333;}
.integral .list .item .content .substance span{font-size: 0.24rem;color: #888;}
.integral .list .item .scale{font-size: 0.28rem;}
.integral .list .item .increase{color:#e72c3a;}
.integral .list .item .decrease{color:#35cc47;}
/*消息*/
.infoWrapper ul{display: flex;justify-content: space-around;padding:0.25rem 1.25rem;}
.infoWrapper ul li a{font-size: 0.28rem;color: #666;}
.infoWrapper ul li.current{}
.infoWrapper ul li.current::after{content: '';display: block;width: 0.42rem;height: 0.08rem;background-color: #e72c3a;border-radius: 0.2rem; position: relative;left: 50%;top: 0.24rem;margin-left: -0.2rem;}
.infoWrapper ul li.current a{font-size: 0.28rem;color: #333;}
.infoWrapper .infoList{padding: 0.25rem;}
.infoWrapper .infoList .infoItem{ display:flex;flex-direction: column; background-color: #fff;border-radius: 0.12rem;padding: 0.25rem;margin-bottom: 0.25rem;}
.infoWrapper .infoList .infoItem:last-child{margin-bottom: 0;}
.infoWrapper .infoList .infoItem p{font-size:0.26rem;color:#333;flex: 1;font-weight:bold;}
.infoWrapper .infoList .infoItem .bar{display: flex;align-items: center;flex: 1;margin-top: 0.25rem;}
.infoWrapper .infoList .infoItem .bar img{display: block;width: 0.25rem;margin-right: 0.12rem;}
.infoWrapper .infoList .infoItem .bar span{font-size:0.24rem;color:#666;}
.infoWrapper .infoList .f_gray p,.infoWrapper .infoList .f_gray div{color:#999;}
.read .line{display: flex;align-items: center;padding: 0 0.25rem}
.read .line span{display: block;width: 38%;height: 1px;background-color: #DADBDB;}
.read .line p{font-size: 0.28rem;color: #666;margin: 0 0.42rem;}
.infoWrapper .read .infoList .infoItem p{font-size:0.26rem;color:#666;flex: 1;}
.infoWrapper .read .infoList .infoItem .bar span{font-size:0.24rem;color:#888;}
.infoWrapper .detail{background-color: #fff;margin: 0.25rem;border-radius: 0.12rem;}
.infoWrapper .detail .subTitle{padding: 0.25rem; border-bottom: 1px solid #f7f7f7;}
.infoWrapper .detail .subTitle h1{font-size: 0.32rem;font-weight: normal;color: #333;margin-bottom: 0.2rem;}
.infoWrapper .detail .subTitle span{font-size: 0.26rem;color: #666;}
.infoWrapper .detail .content p{font-size: 0.26rem;color: #333;line-height: 0.45rem;}
.infoWrapper .detail .content img{width:100%;}
/*优惠券*/
.couponWrapper .menu{padding: 0.25rem 0;}
.couponWrapper .menu ul{display: flex;justify-content: space-around;}
.couponWrapper .menu ul li.current::after{content: '';display: block;width: 0.42rem;height: 0.08rem;background-color: #e72c3a;border-radius: 0.2rem; position: relative;left: 50%;top: 0.24rem;margin-left: -0.2rem;}
.couponWrapper .menu ul li.current a{ color: #333;}
.couponWrapper .menu ul li a{font-size: 0.28rem;color: #555;}
.couponWrapper .list{padding: 0.25rem;}
.couponWrapper .list .item{width: 100%;height:2.5rem; background-image:url("m_image/coupon-bg.png");background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;position: relative;margin-bottom: 0.25rem;}
.couponWrapper .list .item .detail{display: flex;justify-content: space-around;align-items: center;margin: 0.5rem 0;}
.couponWrapper .list .item .detail .discount{align-items: flex-end;color: #e72c3a;}
.couponWrapper .list .item .detail .discount p{font-size: 0.4rem;font-weight: bold;margin-right: 0.12rem;color:#ff0;}
.couponWrapper .list .item .detail .discount p span{font-size:0.25rem;margin:0 0 0.12rem 0.1rem;color:#fff;}
.couponWrapper .list .item .detail .name span{display: block;font-size: 0.3rem;color: #FFff00;margin-bottom: 0.1rem;}
.couponWrapper .list .item .detail .name i{font-size: 0.24rem; color: #fff; font-style: normal;}
.couponWrapper .list .item .detail .getpromo{color:#ffff00;font-weight:bold;font-size:0.4rem;}
.couponWrapper .list .item .detail .select img{width: 0.45rem;}
.couponWrapper .list .item .detail .reduce .full, .couponWrapper .list .item .detail .reduce .cut{display: flex;align-items: center;}
.couponWrapper .list .item .detail .reduce .full i, .couponWrapper .list .item .detail .reduce .cut i{font-size: 0.26rem;color: #fff;font-style: normal;}
.couponWrapper .list .item .detail .reduce .full span{font-size: 0.5rem;color: #ff0;font-weight: bold;margin-left: 0.15rem;}
.couponWrapper .list .item .detail .reduce .cut span{font-size: 0.4rem;color: #ff0;font-weight: bold;margin-left: 0.35rem;}
.couponWrapper .list .item .note{font-size: 0.24rem;color:#fff; position: absolute;bottom:0.1rem;left: 0.4rem;}
.couponWrapper .list .item .fail{margin:0.3rem 0;}
.couponWrapper .list .item .fail .status img{width: 1.55rem;}
/*收藏课程*/
.side{position:fixed;right:0.25rem;top: 0.18rem;z-index:1;}
.side a{font-size: 0.26rem;color: #555;}
.side input[type=submit]{border:0;background-color:#fff;font-size: 0.26rem;color: #555;}
.collectWrapper{background-color: #fff;}
.collectWrapper .collectList{padding-top: 0.32rem;overflow: hidden;}
.collectWrapper .collectList .collectItem {display: flex;align-items: center;padding: 0 0.25rem;margin-bottom: 0.32rem;}
.collectWrapper .collectList .collectItem .control{width: 0.4rem; margin-right:0.25rem;box-sizing: border-box;}
.collectWrapper .collectList .collectItem .control img{display: block;width: 100%;}
.collectWrapper .collectList .item{display: flex;width: 100%;}
.collectWrapper .collectList .item .pic{width:40%;height:1.65rem;box-sizing: border-box;}
.collectWrapper .collectList .item .pic img{display: block;width: 100%;height: 1.65rem; box-sizing: border-box;}
.collectWrapper .collectList .item .content{display: flex;width: 60%; flex-direction: column;margin-left: 0.22rem;}
.collectWrapper .collectList .item .content p{font-size: 0.28rem;font-weight: bold;flex: 1;}
.collectWrapper .collectList .item .content .score{display: flex;align-items: center;flex: 1;}
.collectWrapper .collectList .item .content .score img{display: block;width: 1.25rem;}
.collectWrapper .collectList .item .content .score span{font-size: 0.26rem;margin-left: 0.15rem;color: #555;}
.collectWrapper .collectList .item .content .bar{display: flex;justify-content: space-between;align-items:center;}
.collectWrapper .collectList .item .content .bar .view{display: flex;align-items:center;}
.collectWrapper .collectList .item .content .bar .view img{display: block;width: 0.35rem;}
.collectWrapper .collectList .item .content .bar .view span{font-size: 0.24rem;color: #666;margin-left: 0.05rem;}
.collectWrapper .collectList .item .content .bar .button a{font-size: 0.24rem;color: #fff;background-color: #35cc47;border-radius: 0.2rem;padding: 0.05rem 0.25rem; }
.collectWrapper .collectList .item .content .bar .button i{font-weight: bold;font-size: 0.28rem;color: #f6451c;font-style: normal;margin-right: 0.15rem;}
/*教师中心*/
.tWrapper .teacher-list{padding: 0.25rem;}
.tWrapper .teacher-list .teacher{background-color: #fff;border-radius: 0.12rem; padding: 0.25rem;margin-bottom: 0.2rem;}
.tWrapper .teacher-list .teacher a{display: flex;}
.tWrapper .teacher-list .teacher:last-child{margin-bottom: 0;}
.tWrapper .teacher-list .teacher .pic{width:5rem;height:2.5rem;box-sizing:border-box;}
.tWrapper .teacher-list .teacher .pic img{width: 100%;height:2.5rem;}
.tWrapper .teacher-list .teacher .content{display: flex;flex-direction: column;margin-left: 0.25rem;}
.tWrapper .teacher-list .teacher .content .name{font-size: 0.3rem;color: #333;flex: 1;}
.tWrapper .teacher-list .teacher .content span{font: 0.24rem;color: #666;flex: 1;}
.tWrapper .teacher-list .teacher .content p{font: 0.28rem;color: #333;line-height: 0.42rem;}
.tWrapper .detail{height: 100vh; background-color: #fff;overflow: hidden;}
.tWrapper .detail .info{display: flex;flex-direction: column; border-bottom: 1px solid #f5f5f5;margin: 0 0.25rem;padding: 0.25rem 0; 	}
.tWrapper .detail .info .pic{display:block;width: 2rem;height: 2.5rem;margin: 0 auto;}
.tWrapper .detail .info .pic img{display: block;height: 2.5rem;margin: 0 auto;}
.tWrapper .detail .info span{display:block;font-size: 0.3rem;color: #333;margin: 0 auto;}
.tWrapper .detail .info i{display: block;font-style: normal;font-size: 0.26rem;color: #666;margin: 0 auto;}
.tWrapper .detail .intro{margin: 0.3rem;}
.tWrapper .detail .intro p{font-size: 0.28rem; color: #333;line-height: 0.4rem;text-indent: 0.55rem;}
/*我的课程*/
.coure-wrapper .list{padding: 0.25rem;}
.coure-wrapper .list .item{background-color: #fff;border-radius: 0.12rem;position: relative;margin-bottom: 0.2rem;}
.coure-wrapper .list .item:last-child{margin-bottom: 0;}
.coure-wrapper .list .item .tag{position: absolute;left: 0;top: 0;}
.coure-wrapper .list .item .tag img{display: block;width: 1.25rem;border-radius: 0.12rem 0 0 0;}
.coure-wrapper .list .lesson{display: flex;border-bottom: 1px solid #f5f5f5;padding: 0.25rem;}
.coure-wrapper .list .lesson .pic{width:40%;height: 1.65rem;box-sizing: border-box;}
.coure-wrapper .list .lesson .pic img{display: block;width: 100%;height: 1.65rem;}
.coure-wrapper .list .lesson .content{display: flex;width: 60%; flex-direction: column;margin-left: 0.2rem;}
.coure-wrapper .list .lesson .content p{color: #333;font-size: 0.28rem;font-weight: bold;flex: 1;}
.coure-wrapper .list .lesson .content .bar{display: flex;justify-content: space-between;align-items: center;bottom: 0;}
.coure-wrapper .list .lesson .content .bar .view{display: flex;align-items: center; }
.coure-wrapper .list .lesson .content .bar .view img{width: 0.35rem;}
.coure-wrapper .list .lesson .content .bar .view span{font-size: 0.24rem;color: #666;}
.coure-wrapper .list .lesson .content .bar .button{font-size: 0.24rem;font-style: normal;color: #fff;background-color: #35cc47;border-radius: 0.2rem;padding: 0.05rem 0.25rem;}
.coure-wrapper .list .sum{display: flex;justify-content: space-between;align-items: center;padding: 0.25rem;}
.coure-wrapper .list .sum .time{font-size: 0.26rem;color: #666;}
.coure-wrapper .list .sum .price{font-size: 0.3rem;color: #f6451c;font-weight: bold;}
/*订单*/
.wrapper .area{padding: 0.25rem;}
.wrapper .area .district{padding: 0.25rem;background-color: #fff;border-radius: 0.12rem;margin-bottom: 0.2rem;}
.wrapper .area .district .sum{display: flex;align-items: center;}
.wrapper .area .district .sum .price{margin-right: 0.12rem;}
.wrapper .area .district .sum span{font-size: 0.24rem;color: #666;}
.wrapper .area .district .coupon{display: flex;justify-content: space-between;align-items: center;}
.wrapper .area .district .coupon .name{font-size: 0.28rem;color: #333;}
.wrapper .area .district .coupon .status{display: flex;align-items: center;}
.wrapper .area .district .coupon .status span{font-size: 0.26rem;color: #666;}
.wrapper .area .district .coupon .status img{display: block;width: 0.25rem;margin-left: 0.12rem;}
.wrapper .area .district .way::before{content: "";display: inline-block;width: 0.08rem;height: 0.26rem;background-color: #e72c3a;position: relative;margin-right: 0.02rem;}
.wrapper .area .district .way{font-size: 0.28rem;color: #333;margin-bottom: 0.25rem;}
.wrapper .area .district .method{display: flex;justify-content: space-between;align-items: center;margin: 0.35rem 0;}
.wrapper .area .district .method:last-child{margin-bottom: 0}
.wrapper .area .district .method .payment{display: flex;justify-content: space-between;align-items: center;}
.wrapper .area .district .method .payment img{display: block;width: 0.55rem;margin-right: 0.12rem;}
.wrapper .area .district .method .payment span{font-size: 0.28rem;color: #333;}
.wrapper .area .district .method .select img{display: block;width: 0.4rem;}
.orderWrapper{padding: 0.25rem;}
.orderContents{background-color: #fff;border-radius:0.12rem;overflow: hidden;}
.orderContents .status{display: flex;justify-content: space-between;align-items: center;padding: 0 0.25rem;margin-top: 0.25rem;}
.orderContents .status .num{font-size: 0.26rem;color: #555;}
.orderContents .status img{width: 0.35rem;}
.orderContents .item{display: flex;background-color: #f5f5f5;border-radius: 0.12rem;padding: 0.25rem;margin: 0.25rem;}
.orderContents .item .pic{position:relative;width:3rem;box-sizing: border-box;}
.orderContents .item .pic .tag{position: absolute;left: 0;top: 0;}
.orderContents .item .pic .tag img{display: block;width: 1rem;}
.orderContents .item .pic img{display: block;width: 100%;}
.orderContents .item .content{display: flex;flex-direction: column;margin-left: 0.2rem;}
.orderContents .item .content p{font-size: 0.28rem;color: #333;font-weight: bold;flex: 1;}
.orderContents .item .content .info{display: flex;justify-content: space-between;align-items: center;}
.orderContents .item .content .info .view{display: flex;align-items: center;}
.orderContents .item .content .info .view img{display:block;width: 0.35rem;}
.orderContents .item .content .info .view span{color: #666;font-size: 0.24rem;}
.orderContents .item .content .info i{font-size: 0.24rem;font-style: normal;color: #fff;background-color: #35cc47;border-radius: 0.2rem;padding: 0.05rem 0.25rem;}
.orderContents .time{border-bottom: 1px solid #f5f5f5;padding: 0 0.25rem;}
.orderContents .time img{height:0.3rem; vertical-align:middle;}
.orderContents .time p{font-size: 0.26rem;color: #555;margin-bottom: 0.22rem;}
.orderContents .time p .starsbg{width:115px;height:30px;background:url('m_image/icon-collect.png') repeat-x; background-size:20%;display:inline-block; vertical-align:middle;}
.orderContents .time p .starsc{float:left;width:23px;height:23px;display:inline-block;}
.orderContents .amount{display: flex;justify-content: space-between;align-items: center; padding: 0 0.25rem; margin: 0.25rem 0;}
.orderContents .amount span{font-size: 0.26rem;color: #555;}
.orderContents .amount i{font-size: 0.3rem;color:#f6451c;font-style: normal;font-weight: bold;}
/*分销推荐*/
.distribution .header{position: relative;}
.distribution .header .background{height:3rem; background-color:#f6451c;}
.distribution .header .background .headline{position: relative;padding: 0.25rem;text-align: center;}
.distribution .header .background .headline .return{position: absolute;left: 0;top: 0;padding: 0.26rem;}
.distribution .header .background .headline .return img{display:block;width: 0.35rem;}
.distribution .header .background .headline span{font-size: 0.28rem; color: #fff;}
.distribution .header .user{position: absolute;width: 93%;margin: 0.25rem; background-color: #fff;border-radius: 0.12rem;top: 0; z-index: 1;padding: 0.25rem;box-sizing: border-box;}
.distribution .header .user .userInfo{display: flex;}
.distribution .header .user .userInfo .pic{width: 1.15rem;height: 1.15rem;border-radius:100%; overflow:hidden;}
.distribution .header .user .userInfo .pic img{display: block;width: 100%;}
.distribution .header .user .userInfo .user-content{margin: 0.12rem 0 0 0.2rem;}
.distribution .header .user .userInfo .user-content .username{font-size: 0.3rem;color: #333;margin-left: 0.12rem;}
.distribution .header .user .userInfo .user-content .level{width: 0.85rem; font-size: 0.24rem;color: #fff;border-radius: 0.3rem;padding: 0.04rem 0.22rem;margin-top: 0.1rem;white-space: nowrap;}
.distribution .header .user .userInfo .user-content .vip{background-color:#ffbd20;}
.distribution .header .user .userInfo .user-content .normal{width: 0.9rem;background-color:#35cc47;}
.distribution .header .user .score{display: flex;justify-content: space-around;margin-top: 0.3rem;}
.distribution .header .user .score .data{text-align: center;}
.distribution .header .user .score .data .num{font-size: 0.35rem;color: #333; }
.distribution .header .user .score .data span{font-size: 0.24rem;color: #888; }
.distribution .district{background-color: #fff;border-radius: 0.12rem;padding: 0.25rem;margin: 0.95rem 0.25rem 0 0.25rem;}
.distribution .district .bar{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.3rem;}
.distribution .district .bar:last-child{margin-bottom: 0;}
.distribution .district .bar a{width:100%;display: flex;}
.distribution .district .bar .bit{width:100%;align-items: center;display: flex;}
.distribution .district .bar .bit .pic img{display: block;width: 0.5rem; vertical-align:middle;}
.distribution .district .bar .bit .name{line-height:0.5rem;font-size: 0.28rem;color: #666;margin-left: 0.2rem;vertical-align:middle;}
.distribution .district .bar .more img{width: 0.26rem;vertical-align:middle;}
.distribution .list{padding: 0.25rem;}
.distribution .list .item{display: flex;background-color: #fff;border-radius: 0.12rem;padding: 0.25rem;margin-bottom: 0.2rem;}
.distribution .list .item:last-child{margin-bottom: 0;}
.distribution .list .item .pic img{width: 1.15rem;}
.distribution .list .item .content{margin-left: 0.3rem;margin-top: 0.1rem;}
.distribution .list .item .content .user{display: flex;align-items: center;margin-bottom: 0.24rem;}
.distribution .list .item .content .user span{font-size: 0.3rem;color:#333;}
.distribution .list .item .content .user .level{font-size: 0.24rem;color: #fff; border-radius: 0.3rem;padding: 0.04rem 0.15rem;margin-left: 0.12rem;}
.distribution .list .item .content .user .vip{background-color:#ffbd20;}
.distribution .list .item .content .user .normal{background-color:#35cc47;}
.distribution .list .item .content .time{font-size: 0.24rem;color: #666;bottom:0;}
.code{margin: 1rem 1rem 0 1rem;background-color: #fff;border-radius: 0.12rem;}
.code .name{text-align: center;}
.code .name h1{font-size: 0.6rem;color: #333;margin-bottom: 0.15rem;}
.code .name span{font-size: 0.35rem;color: #666;}
.code .pic{width:3.12rem;height:3.12rem;margin: 0.32rem auto;}
.code .pic img{display: block;width: 100%;}
.code .bar{margin: 0 auto;}
.code .bar .line{font-size: 0.26rem;color: #555;text-align: center;margin-bottom: 0.25rem;}
.code .bar .user{display: flex;align-items: center;margin-left: 25%;}
.code .bar .user .head{width: 0.55rem;height: 0.55rem;}
.code .bar .user .head img{display: block;width: 100%;}
.code .bar .user span{font-size: 0.26rem;color: #555;margin-left: 0.2rem;}
.remark{background-color: #fff;}
.remark .item{border-bottom: 1px solid #f5f5f5;padding:0.1rem 0.3rem;}
.remark .item p{font-size: 0.26rem;color: #555;line-height: 0.4rem;}
/*新闻*/
.tWrapper .news-list{height:100%;background-color: #fff;padding: 0.25rem 0;}
.news-list .news{border-bottom: 1px solid #f5f5f5;margin: 0 0.25rem;overflow: hidden;padding-bottom: 0.25rem;}
.news-list .news a{display: flex;justify-content: space-between;}
.news .content{position: relative;}
.news .content p{font-size: 0.32rem;color: #333;}
.news .content .part{position: absolute;bottom: 0;display: flex;}
.news .content .part .view,.news .content .part .time{display: flex;align-self: center;margin-right: 0.25rem;}
.news .content .part .view img{display: block;width: 0.38rem;height: 0.38rem;}
.news .content .part .view span,.news .content .part .time span{font: 0.26rem;color: #888;}
.news .content .part .time img{display:block;width: 0.26rem;height: 0.26rem;margin-top: 0.05rem;margin-right: 0.1rem;}
.news .pic{width: 3.55rem;height: 1.75rem;margin-left: 0.3rem;}
.news .pic img{display: block;width: 100%;}
.newsContent{background-color: #fff;padding: 0.25rem;}
.newsContent .news-title{margin-bottom: 0.35rem;}
.newsContent .news-title h1{font-size: 0.32rem;color: #333;line-height: 0.55rem; margin-bottom: 0.25rem;}
.newsContent .info{display: flex;margin-bottom:10px;padding-bottom:10px;border-bottom:1px #ddd solid;}
.newsContent .info .view, .newsContent .info .time{display: flex;align-items: center;margin-right: 0.25rem;}
.newsContent .info .view img{display:block;width: 0.36rem;margin-right: 0.05rem;}
.newsContent .info .view span,.newsContent .info .time span{font-size: 0.26rem;color: #888;}
.newsContent .info .time img{display:block;width: 0.28rem;margin-right: 0.12rem;}
.newsContent .text .pic{margin: 0.25rem 0;}
.newsContent .text .pic img{display: block;width: 5.55rem;margin: 0 auto;}
.newsContent .text p{font-size: 0.28rem;color: #333;line-height: 0.5rem;margin-bottom: 0.25rem;}

/* pages */
.pages {padding:20px 0 20px 0;text-align:center;font-size:12px;color:#666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFF;border:#DDD 1px solid;padding:3px;text-decoration:none;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFF;padding:3px;text-decoration:none;}
.pages strong {background:#258CFF;padding:3px;border:#258CFF 1px solid;color:#FFF;}
.pages_inp {width:30px;border:#DDD 1px solid;color:#666;padding:2px;text-align:center;}
.pages_btn {width:26px;border:#F60 1px solid;color:#FFF;padding:1px;background:#F60;font-weight:bold;font-size:11px;}
.pages label {background:#FFF;border:#DDD 1px solid;color:#666;padding:3px 5px 3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}