/*星级评分*/
.star{ width:25px;margin:2px;}
.star img{width:25px; height:25px;}

.full-screen { height: 100%; }

.gray-img {
    webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.price{ font-size:12px;color:#999; margin-top:5px;}
.price .free{ padding:2px 5px; color:#FFF; background:#F60; font-size:14px; border-radius:2px;}
.price .pricenum{ color:#E85308;font-size:18px; margin-right:10px;}
.price .pricenum.new{font-size: 14px;margin-right: 0;}
.price .points{ color:#E85308;font-size:18px;margin:0 10px;}
.price .integral{font-size:18px; margin-left:10px; color:#008800;}
.price .integral span{ font-size:12px; margin-left:5px;}
.payment{padding:2px 5px; color:#FFF; background:#009bff; font-size:14px; border-radius:2px;}

.starspan{ color:#FEC634; margin:6px 0 0 3px; font-size:14px;}
.starspan.new{margin: 2px 0;line-height: 20px;color: #ff9f00;}
.starspan.ev{cursor:pointer;margin: 3px 0;font-size: 18px;color:#ffa200; }
.course{margin:0 0 0 0;color:#f90;font-size: 14px;line-height: 40px;}
.ss{color:#f90;font-size: 14px;}
.star-big{margin:0 3px 0 0;color:#f90;font-size: 18px;}
.cs{color:#f90;font-size: 13px;}
.starspan2{ color:#CCC; margin:6px 0 0 3px; font-size:14px;}
.starspan2.new{margin: 2px 0;line-height: 20px;color: #eda53c;}
.starspan2.ev{cursor:pointer;margin: 3px 0;font-size: 18px;color: #b9b9b9;}

.starsspan1{}
.integralspan{ color:#666;}
.surintegral{ margin-left:10px; font-size:12px; color:#990000;}

.listtabdiv{ line-height:38px;}
.listtabdiv .listtab{ text-align:center; border-bottom:1px solid #DDD; cursor:pointer; font-size:16px;}
.listtabdiv .actived{border-bottom:2px solid #09F; color:#09F;}


/*顶部搜索*/
.searchdiv{ position:absolute; width:100%; height:45px; padding:8px; background:#FFF;z-index:12; display:none;}
.searchdiv .searchtext{ float:left; width:90%; height:28px;}
.searchdiv .searchbtn{ float:left;width:10%; height:28px; color:#FFF; background:#4a89de; border-radius:0 5px 5px 0;  border:1px solid #4a89de;}

/*分割线*/
.borderright{ border-right:1px solid #FFF;}
.borderright-gray{ border-right:1px solid #DDD;}
.borderbottom-gray{ border-bottom:1px solid #DDD;}
.borderbottom-dashed{ border-bottom:1px dashed #FFF;}


.bottombtn1{ background:#FF5000;}
.bottombtn2{ background:#09F;}
.bottombtn3{ color:#999;}
.bottombtn4{background:#FFF; color:#09F; border:1px solid #09F;}


/*默认样式*/
.bodytop{margin-top:45px;}

/*顶部*/
.a_headerarea .headerleft{  position:absolute; left:10px;top:0;}
.a_headerarea .headerright{ position:absolute; right:15px; top:0;}
.topindivheader{ width:20px; height:20px;position:absolute; left:10px; top:0;}
.topindivheader img{width:20px; height:20px; border-radius:60px;}
.a_headerarea .headerleft .icon-left{ margin-left:-10px;}

/*底部*/
.footer{/*position: absolute;bottom: 0;left: 0;*/width: 100%; padding:10px; text-align:center; color:#999;  margin-top:10px;background:#EEE;}
.footer .hotline{ font-size:16px;color:#666; }
.footer .hotline span{  font-weight:bold;}

/*返回顶部*/
.returntop{ width:40px; height:40px;background:#000;opacity:0.7; filter:alpha(opacity:70); color:#FFF; font-size:28px; text-align:center;}

/*加载更多*/
.loading{text-align:center;color:#666;background-color:#eee;height:38px;line-height:36px; border:1px solid #DFDFDF; cursor:pointer; display:none;margin:0 auto 15px;width:60%;padding: 0!important;}
.loading.new{margin: 15px auto;}
/*轮播*/
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-container {
    /* Specify Swiper's Size: */
    margin:0; z-index:0; position:relative;
}
.swiper-wrapper{
    /*position:relative; overflow:hidden;*/
    /*height:auto !important;*/

}
.swiper-slide {
    position:relative;
    width:100%;
    /*height:auto !important;*/
}
.swiper-slide img{
    width:100%; height:auto; display:block;
}
.swiper-slide-active {
    /* Specific active slide styling: */

}
.swiper-slide-visible {
    /* Specific visible slide styling: */

}
.pagination{
    position:absolute; left:0; bottom:5px; width:100%; text-align:center;
}
.pagination.new{
    width: 90px;
    left: auto !important;
    right: 0!important;
    margin: 0;
    bottom: 6px;
    z-index: 99;
}
.pagination.new .swiper-pagination-bullet{
    margin: 0 5px!important;
    background: #fff!important;
}

.swiper-pagination-switch {
    /* Stylize pagination button: */
    display:inline-block; margin:0 5px; width:10px; height:10px; border-radius:5px; background:#56585A; cursor:pointer;
}
.swiper-active-switch {
    /* Specific active button style: */
    background:rgba(0,0,0,0.8);
    text-align:right;
}
.swiper-visible-switch {
    /* Specific visible button style: */
    background:#009AFF;
}

/*轮播end*/


#pageslide{ overflow-y:auto; overflow-x:hidden;}
.a_maincontdiv{padding:0;margin:0 auto; position:relative;width: 100%;}
.a_maincontdiv .bannerbtnarea{background:#FFF;padding:15px 0;margin:0 auto;width:100%;overflow-x: auto;}
.a_maincontdiv .bannerbtnarea .bannerbtn{float:left;padding: 0 2px;}
.a_maincontdiv .bannerbtnarea .bannerbtn .bannerbtnimg{cursor:pointer}
.a_maincontdiv .bannerbtnarea .bannerbtn .bannerbtnimg img{width:100%}
.a_maincontdiv .bannerbtnarea .bannerbtn .btncoursename{text-align:center;font-size:14px;margin-top:10px}
.a_maincontdiv .bannerbtnarea .bannerbtn .btncoursename a{color:#333}
.a_maincontdiv .bannerbtnarea .bannerbtn .btncoursename a:hover{text-decoration:none}
.a_maincontdiv .onlinecourse{background:#EEE;font-size:16px; position:relative;}
.a_maincontdiv .onlinecourse .coursetitle{padding:15px 5px 0 5px; font-size:15px;}
.a_maincontdiv .onlinecourse .coursetitle span{display:inline-block;float:left}
.a_maincontdiv .onlinecourse .coursetitle a{display:inline-block;float:right;color:#333}
.a_maincontdiv .coursecontent{margin-top:0;}
.a_maincontdiv .coursecontent .coursediv{float:left; padding:5px;}
.a_maincontdiv .coursecontent .coursediv .courseimg{ cursor:pointer;}
.coursecontentdiv{padding:0 5px; margin-bottom:-10px;}
.coursecontentdiv .librarylistdiv .librarieslist:first-child{ border:none;}


.a_maincontdiv .coursecontent .coursediv .courseimg img{width:100%;cursor:pointer}
.a_maincontdiv .coursecontent .coursediv .coursename{font-size:14px;padding:5px 7px;background:#FFF;}
.a_maincontdiv .coursecontent .coursediv .coursename a{color:#666;display:block;height:38px;overflow:hidden;width:100%;text-overflow:ellipsis;}
.a_maincontdiv .coursecontent .coursediv .coursename a:hover{ text-decoration:none;}


.a_maincontdiv .coursecontent .coursediv2{float:left; padding:5px;}
.a_maincontdiv .coursecontent .coursediv2 .courseimg2{}
.a_maincontdiv .coursecontent .coursediv2 .courseimg2 img{width:100%;cursor:pointer}
.a_maincontdiv .coursecontent .coursediv2 .coursename2{text-align:center;padding:5px 7px;font-size:14px;}
.a_maincontdiv .coursecontent .coursediv2 .coursename2 a{color:#333; display:block; height:40px; overflow:hidden;text-overflow:ellipsis;}
.a_maincontdiv .coursecontent .coursediv2 .coursename2 a:hover{ text-decoration:none;}
.a_banner{position:relative;overflow:hidden;padding:0;}
.a_bannerdiv{padding:0;}
.a_banner .a_wrapper{position:absolute;left:0;top:0;padding:0;margin-top:0}
.a_banner .a_wrapper a{padding:0}
.a_banner .a_wrapper img{float:left}
.a_banner .a_dotarea{position:absolute;text-align:center;width:100%;left:0;bottom:10px}
.a_banner .a_dotarea ul{display:inline-block;text-align:center;height:11px;line-height:11px}
.a_banner .a_dotarea ul li{cursor:pointer;width:11px;height:11px;display:inline-block;vertical-align:middle;background:url('esm.images/dotted.png?v=1.0') no-repeat -13px top;margin-right:10px}
.a_banner .a_dotarea ul .active{background:url('esm.images/dotted.png?v=1.0') no-repeat left top}
.a_maincontdiv .a_headerarea{line-height:45px;text-align:center;background:#009aff;color:#FFF;font-size:18px;height:45px; width:100%; z-index:60; top:0;}
.a_maincontdiv .headernobg{ background:none;}
.icon_lists{}
.icon_lists a:hover{background:none!important}
.icon_lists .icon{font-size:20px;color:#FFF}
.icon_lists .icon2{font-size:20px;color:#FFF}
.a_maincontdiv .a_headerarea .icon-left{ font-size:18px; color:#FFF;}
.a_pagelayout{position:absolute;z-index:5;width:100%}
.a_banner-right
{
    top:0;
    width:75%;
    background:#444;
    position:fixed;
    right:0;
    z-index:100;
    min-height:100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}
.a_banner-right .a_banner-righticon{margin-top:80px;}
.a_banner-right .a_banner-righticon .baniconbtn{}
.a_banner-right .a_banner-righticon .baniconbtn a{ display:block;}
.a_banner-right .a_banner-righticon .baniconbtn a:hover{ text-decoration:none;}
.a_banner-right .a_banner-righticon .baniconbtn .banicon{}
.a_banner-right .a_banner-righticon .baniconbtn .banicon img{width:100%}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg1{background:url('images/ico.png?v=1.0') no-repeat -12px -17px}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg2{background:url('images/ico.png?v=1.0') no-repeat -174px -17px}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg3{background:url('images/ico.png?v=1.0') no-repeat -330px -17px}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg4{background:url('images/ico.png?v=1.0') no-repeat -12px -184px}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg5{background:url('images/ico.png?v=1.0') no-repeat -174px -184px}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg6{background:url('images/ico.png?v=1.0') no-repeat -330px -184px}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg7{background:url('images/ico.png?v=1.0') no-repeat -12px -354px}
.a_banner-right .a_banner-righticon .baniconbtn .baniconimg8{background:url('images/ico.png?v=1.0') no-repeat -176px -354px}
.a_banner-right .a_banner-righticon .baniconbtn .banbtnname{text-align:center;margin-top:5px;overflow:hidden;width:100%;height:40px;color:#FFF; font-size:18px;}
.a_banner-right .a_banner-righticon .baniconbtn .banbtnname a{color:#e2e2e2;font-size:18px;display:inline-block;overflow:hidden;width:100%}
.a_banner-right .a_banner-righticon .baniconbtn .banbtnname a:hover{text-decoration:none}

.a_banner-left
{
    padding:0;
    top:0;
    background:#444;
    color:#FFF;
    z-index:100;
    min-height:100%;
    position:fixed;
    width:60%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}

.moveToRight
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.moveToLeft
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.a_banner-left .perinform{ padding:10px; padding-left:25%; margin-top:10px;}

.a_banner-left .perinform .userheader{ float:left;}
.a_banner-left .perinform .userinform{ float:left;margin:10px 20px; margin-top:0;}
.a_banner-left .perinform .userheader img{border-radius:100px; border:5px solid #3D3D3D; width:100px; height:100px;}

.a_banner-left .perinform .userheader .imghover{border-radius:100px; border:2px solid #927F2C; width:100px; height:100px; box-shadow:0 0 30px 0 #F8CC0F;}


.a_banner-right .a_banner-righticon .baniconbtn .banbtnname {font-size:14px}
.a_banner-left .perinform .userinform .useraccount{font-size:14px;color:#CCC;margin:5px 0;}
.a_banner-left .usercourselistdiv .courselist .tipsbtn{font-size:14px;line-height:200%;}
.a_banner-left .usercourselistdiv .courselist .actived{ color:#F8CC0F;}
.a_banner-left .perinform .userinform .username{ width:90px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-size:15px;}
.a_banner-left .perinform .userinform .useraccount span{color:#ff0}
.a_banner-left .perinform .userinform .balanceintegral{font-size:14px;color:#CCC;}
.a_banner-left .perinform .userinform .balanceintegral span{color:#ff0}
.a_banner-left .perinform .userinform .balanceintegral .balance{float:left;margin-left:10px}
.a_banner-left .perinform .userinform .balanceintegral .integral{float:right;margin-right:10px}
.a_banner-left .separateline{height:1px;background:#2f2f2f;}
.a_banner-left .usercourselistdiv .courselist{ padding-left:30%; cursor:pointer; padding:10px; padding-left:30%;}
.a_banner-left .usercourselistdiv .courselist .courseimg{ float:left; width:30px; height:20px; margin-top:3px;}
.navbar-nav{ margin:0;}
.a_banner-left .usercourselistdiv .courselist .listico1{background:url('esm.images/ico.png?v=1') no-repeat center -11px;}
.a_banner-left .usercourselistdiv .courselist .listico2{background:url('esm.images/ico.png?v=1') no-repeat center -61px;}
.a_banner-left .usercourselistdiv .courselist .listico3{background:url('esm.images/ico.png?v=1') no-repeat center -110px;}
.a_banner-left .usercourselistdiv .courselist .listico4{background:url('esm.images/ico.png?v=1') no-repeat center -159px;}
.a_banner-left .usercourselistdiv .courselist .listico5{background:url('esm.images/ico.png?v=1') no-repeat center -208px;}
.a_banner-left .usercourselistdiv .courselist .listico6{background:url('esm.images/ico.png?v=1') no-repeat center -257px;}
.a_banner-left .usercourselistdiv .courselist .listico7{background:url('esm.images/ico.png?v=1') no-repeat center -306px;}
.nav > li > a { position: relative; display: block; padding:12px 10px;  padding-bottom:0;}
.headerfixed{ position:fixed;}
.coursecontentdiv .librarylistdiv{background:#FFF; margin:10px 5px; padding:2px 0; font-size:15px;}
.coursecontentdiv .librarylistdiv .librarylist{ margin:10px 0;}
.coursecontentdiv .librarylistdiv .librarylist a{ float:left; color:#666; white-space:nowrap; width:80%; display:block;text-overflow:ellipsis; overflow:hidden;}
.coursecontentdiv .librarylistdiv .librarylist a:hover{ text-decoration:none;}
.coursecontentdiv .librarylistdiv .librarylist span{ display:block; float:left; }
.coursecontentdiv .librarylistdiv .librarylist .liblistdot{ width:5px; height:5px; background:#666; margin:8px; border-radius:5px;}

/*学员登录*/
.a_banner-left .loginheader{ height:50px; line-height:50px; text-align:center; font-size:22px; margin-top:20px;}
.a_banner-left .loginbox{ padding:0 10px; margin-top:200px;}
.a_banner-left .loginbox .logintextdiv{ padding:15px 0; background:none;margin-top:30px; height:50px; border-bottom:1px solid #c7c7c7;}
.a_banner-left .loginbox .logintextdiv .usericon{ float:left; width:71px;height:35px; line-height:35px; position:relative; }
.a_banner-left .loginbox .logintextdiv .usericon:before{ content:"";float:left; width:1px; height:5px; background:#c7c7c7; position:absolute; bottom:0; left:0;}
.a_banner-left .loginbox .logintextdiv .usericon .texticon{text-align:center; width:69px; float:left; font-size:30px;}
.a_banner-left .loginbox .logintextdiv .usericon:after{ content:"";float:right; width:1px; height:5px; background:#c7c7c7; position:absolute; bottom:0; right:0;}
.a_banner-left .loginbox .logintextdiv .logintextspan{margin-left:71px;height:35px; padding:0 10px;position:relative;}
.a_banner-left .loginbox .logintextdiv .logintextspan:after{ content:"";float:right; width:1px; height:5px; background:#c7c7c7; position:absolute; bottom:0; right:0;}
.a_banner-left .loginbox .logintextdiv .logintextspan .logintext{ height:25px; width:100%;background:none; border:none; font-size:20px; color:#BBB;}

.a_banner-left .loginbox .loginbtndiv{ height:71px; margin-top:50px;}
.a_banner-left .loginbox .loginbtndiv .loginbtn{ width:100%;height:71px; cursor:pointer; border-radius:5px; border:none; font-size:28px; background:#09F; }
.a_banner-left .loginbox .loginbtndiv .registerbtn{ width:100%;height:71px; cursor:pointer; border-radius:5px; border:none; font-size:28px; background:#575757;}

.a_banner-left .loginbox .forgetenroll{ margin-top:18px; font-size:18px;}
.a_banner-left .loginbox .forgetenroll .forgetlink{ float:left;}
.a_banner-left .loginbox .forgetenroll .forgetlink a{ color:#FFF;}
.a_banner-left .loginbox .forgetenroll .enrolllink{ float:right;}
.a_banner-left .loginbox .forgetenroll .enrolllink a{ color:#1687da;}
.a_banner-left .loginbox .third-partylogins{ margin-top:75px;}
.a_banner-left .loginbox .third-partylogins .thirdtitle{ font-size:18px; color:#CCC;}
.a_banner-left .loginbox .third-partylogins .thirdcontent{ height:84px; background:#575757; margin-top:10px;border-radius:5px; }
.a_banner-left .loginbox .third-partylogins .thirdcontent .loginlink{ float:left;}
.a_banner-left .loginbox .third-partylogins .thirdcontent .loginlink img{}
.a_banner-left .loginbox .third-partylogins .download{font-size:18px; margin-top:15px;}
.a_banner-left .loginbox .third-partylogins .download a{ color:#FFF; float:right;}
.loginlink{ margin-top:20px;}
.third-partylogins{ margin-top:30px;}
.third-partylogins .thirdpartywords{ color:#999; font-size:13px;}
.third-partylogins .thirdpartydiv{ height:90px; background:#F2F2F2; border-radius:5px; margin-top:10px; padding:12px 0; padding-left:240px;}
.third-partylogins .thirdpartydiv .partydiv{ width:66px; height:66px; float:left; background:#FFF; border-radius:90px; margin:0 25px;}
.third-partylogins .thirdpartydiv .tenticon{background:url('esm.images/tencent.png') center center no-repeat #FFF;}
.third-partylogins .thirdpartydiv .sinaicon{background:url('esm.images/sina.png') center center no-repeat #FFF;}
.third-partylogins .thirdpartydiv .renrenicon{background:url('esm.images/renren.png') center center no-repeat #FFF;}
.third-partylogins .dloadclient{ margin-top:10px;}
.third-partylogins .dloadclient a{ float:right; font-size:14px; color:#666;}

/*在线课程*/
.classify{padding:10px 5px 7px 5px; color:#666; font-size:14px;}
.classify .classifychoice{ float:left; cursor:pointer;z-index:10;}
.sortchoice{float:right;cursor:pointer; position:relative; font-size:14px;}
.sortchoice .sort{ position:absolute; width:150px; height:100px; z-index:5; right:0;  top:30px; }
.sortchoice .sort .sortfilter{position:absolute; width:150px; height:100px;border-radius:5px;opacity:0.7; filter:alpha(opacity:70); background:#000;}
.sortchoice .sort .sortwords{position:absolute; width:150px; height:100px; color:#FFF;z-index:6; padding-left:25px;}
.sortchoice .sort .sortwords .sorticon{ margin:20px 0; height:20px; line-height:20px;}
.sortchoice .sort .arrow{position:absolute; margin:5px auto;  background:url('esm.images/arrowicon.png');width:12px; height:6px; right:30px; top:-10px;}
.sortchoice .sort .sortwords .sorticon a{ color:#FFF;}
.sortchoice .sort .sortwords .sorticon a:hover{ text-decoration:none;}
.sortchoice .sort .sortwords .sorticon span{ }
.sortchoice .sort .sortwords .sorticon span img{ height:20px;}
.sortchoice .icon-sort{ font-size:14px; font-weight:normal;}
.classify .classifiesicon{ margin-right:5px; font-size:14px; color:#666;cursor:pointer;}
.courselistdiv{background:#FFF; padding:0;}
.courselistdiv .courselist{ padding:10px; border-top:1px solid #E4E4E4;}
.courselistdiv .courselist:first-child{border-top: 0;}
.courselistdiv .courselist .courseimg img{ width:100%;}
.courselistdiv .courselist .coursename{ padding:3px 0 0; margin-left:10px;}
.courselistdiv .courselist .coursename .price{}
.courselistdiv .courselist .coursename .price .pricenum{ font-size:14px;}
.courselistdiv .courselist .coursename .price .points{ font-size:14px;}
.courselistdiv .courselist .name{ font-size:15px; width:100%; overflow:hidden;text-overflow:ellipsis; line-height:100%;white-space:nowrap;}
.courselistdiv .courselist .name a{width:100%; overflow:hidden;color:#333; white-space:nowrap;}
.courselistdiv .courselist .name a:hover{text-decoration:none;}
.courselistdiv .courselist .learnnum{ color:#aaa; font-size:12px; margin-top:5px;}
.courselistdiv .courselist .learnnum span{float:left; display:inline-block;}
.courselistdiv .courselist .learnnum .num{ margin:5px; margin-left:0;}
.courselistdiv .sortcontent{}
.courselistdiv .sortcontent .modulediv{ background:#FFF; border-radius:5px; padding:2% 1%; margin:3% 0;}
.courselistdiv .sortcontent .modulediv .moduleimg{ cursor:pointer;}
.courselistdiv .sortcontent .modulediv .moduletitle{ font-size:24px;}
.courselistdiv .sortcontent .modulediv .moduletitle a{ color:#333;height:65px; line-height:120%; overflow:hidden; display:block;}
.courselistdiv .sortcontent .modulediv .moduletitle a:hover{ text-decoration:none;}
.courselistdiv .sortcontent .modulediv .modulecontent{ text-indent:2em; color:#999; height:80px; overflow:hidden;}
.classifylabel{ position:absolute; z-index:9; width:100%; background:#FFF; display:none;}
.classifylabel .classifyleft{ float:left; background:#F2F2F2; width:170px; margin-top:65px;}
.classifylabel .classifyleft .classleftlink{ text-align:center; font-size:16px; height:40px; line-height:40px; cursor:pointer; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4;}
.classifylabel .classifyleft .classleftlink:hover{ background:#FFF; border-right:none;}
.classifylabel .classifyright{ float:left; background:#FFF;}
.classifylabel .classifyright a{ display:block; float:left; color:#333; width:75px; font-size:14px; margin:10px 20px; height:20px;}
.classifylabel .classifyright .classifylist{ margin-top:20px; display:none;}
.promptpop{ width:280px; height:76px; position:absolute; z-index:15;}
.promptpop .filter{background:#000;border-radius:5px;}
.promptpop .promptwords{ width:100%; height:100%; text-align:center; color:#FFF; z-index:11; position:absolute; padding:10px 40px; font-size:16px; line-height:180%;}



/*新验证码弹窗*/
.new-code-pop{
    position: fixed;
    top: 15%!important;
    left: 5%;
    z-index: 110;
    width: 90%;
    border-radius: 4px;
    background: #fff;
    padding: 15px 15px 35px 15px;
}
.new-p-close{
    position: absolute;
    right: 6px;
    top: 9px;
    width: 30px;
    height: 30px;
    font-size: 21px;
    color: #999;
    line-height: 30px;
    text-align: center;
    text-decoration: none!important;
}
.code-input{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 14px;
    color: #666;
    text-align: left;

}
.new-code-img{
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    width: 115px;
    height: 45px;
    z-index: 100;
    /*background: url("images/newindex/codeimgbg.png") center no-repeat;*/
    /*border: 1px solid #d7d7d7;*/
    border-radius: 3px;
    overflow: hidden;
}
.code-hover{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: #000;
    opacity: .4;
    filter:alpha(opacity=40);
    display: none;
    cursor: pointer;
}
.code-h-txt{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #fff;
    display: none;
    line-height: 35px;
    text-align: center;
}
.new-code-img:hover .code-hover,
.new-code-img:hover .code-h-txt{
    display: block;
    cursor: pointer;
}
.new-code-error{
    position: absolute;
    left: 30px;
    top:45px;
    font-size: 12px;
    color: #f60;
}
.new-code-btn{
    display: block!important;
    margin-top: 25px;
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 0;
    background: #09f;
    font-size: 16px;
    color: #fff;
    text-align: center;


}

/*注册*/
.registercontent{ padding:15px 20px;}
.registercontent.third-reg{padding: 15px 20px 130px 20px;}
.registercontent .registtextdiv{ height:38px; background:#EBEBEB;border-radius:3px; margin-bottom:25px; padding:0;}
.registercontent .registtextdiv.new{height: auto!important;margin-bottom: 15px;}
.registercontent .registtextdiv.bind{margin-bottom: 20px;}
.registercontent .registtextdiv span{ display:block; float:left;}
.registercontent .registtextdiv .registicon{ width:40px; text-align:center;}
.registercontent .registtextdiv .registicon img{ width:30px;}
.registercontent .registtextdiv .registtext{ width:100%;}
.registercontent .registtextdiv .registtextspan{width:91%;}
.registercontent .registtextdiv .registtextspan.short{width: 93%;}
.registercontent .registtextdiv .registtextspan .registtext{ background:none; border:none; color:#999; height:38px; /*line-height:45px;*/}
.registercontent .registtextdiv .registtextspan .registtext.new{padding-top: 8px;resize: none;}
.registercontent .registtextdiv .registtextspan .focusimg1{/*background:url('esm.images/focusimg1.png?v=1') no-repeat left center*/}
.registercontent .registtextdiv .registtextspan .focusimg2{/*background:url('esm.images/focusimg2.png?v=1') no-repeat left center*/}
.registercontent .registtextdiv .registtextspan .focusimg3{/*background:url('esm.images/focusimg3.png?v=1') no-repeat left center*/}

.registercontent .registtextdiv .registtextspan input:focus{background:none;}



.registercontent .registtextdiv .viewicon{ padding:8px 0 0 5px; cursor:pointer; margin-right:10px;}
.registercontent .verificode{}
.registercontent .verificode .registbtndiv{}
.registercontent .verificode .registbtndiv .registbtn{ width:100%; height:38px; background:#81C92D; color:#FFF; border:none; font-size:16px;line-height:1;border-radius:3px;}
.registercontent .verificode .registbtndiv .registbtn1{ width:100%; height:45px; background:#FF5000; color:#FFF; border:none; font-size:18px;border-radius:3px;}
.registercontent .registbtndiv2{ height:42px; margin:15px 0 5px 0;}
.registercontent .registbtndiv2.new{margin: 15px 0 40px 0;}
.registercontent .registbtndiv2 .registbtn2{ height:42px;width:100%; font-size:18px; color:#FFF; background:#09F; border:none;border-radius:3px; }
.registercontent .registbtndiv2 .registbtn2.small{height: 38px;line-height: 38px;font-size: 14px;}
.registercontent .registbtndiv2 .registbtn3{ height:45px;width:100%; font-size:18px; color:#FFF; background:#FF5000; border:none;border-radius:3px; }
.registercontent .verificode .registbtndiv .registbtnnull{ width:100%; height:45px; background:#CCC; color:#FFF; border:none; font-size:18px;border-radius:3px;}
.register-check{margin:0 5px 0 0!important;width: 15px;height: 15px;}
.register-check-label{font-size: 12px;color: #666;line-height: 16px;}
.registercontent .loginnow a{ float:right;}
.registercontent .registeredsucc{ text-align:center; padding:20px 0;}
.registercontent .registeredsucc .registersuccimg{ text-align:center; height:88px;}
.registercontent .registeredsucc .registersuccimg img{ width:88px;}
.registercontent .registeredsucc .registersuccwords{ font-size:28px; margin-top:15px; color:#777;}
.registercontent .registeredsucc .registersuccwords1{ font-size:22px; margin-top:15px; color:#777;}

.registercontent .loginnow{}
.vercodediv{ min-height:30px;}
.registercontent .registtextdiv .registtextspan .field-validation-error{top:45px;}
.registercontent .registtextdiv .registtextspan .field-validation-error.s-1{top:33px!important;}
.registercontent .registtextdiv .registtextspan .field-validation-error.s-2{top:67px!important;}
.registercontent .registtextdiv .registtextspan .field-validation-error.s-3{top:102px!important;}
.registercontent .registtextdiv .registtextspan .field-validation-error.s-4{top:41px!important;}
.registercontent .registtextdiv .registtextspan input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 0px #EBEBEB ;border: 1px solid #EBEBEB!important; }
.registercontent .registtextdiv .registicon .texticon{ font-size:18px; margin-left:10px; color:#999;line-height:38px;}
.registercontent .registtextdiv .registicon .texticon.icon-mima11,
.registercontent .registtextdiv .registicon .texticon.icon-icont{font-size: 16px;}
.registercontent .registtextdiv .registicon .texticon.new{line-height: 1.8;}

/*验证错误*/
.input-validation-error {border:1px solid #a94442 !important;}
.input-validation-error:focus {border-color:#a94442 !important;}


/*文库*/
.librarycontent{ background:#FFF;}
.maintabcont{ height:40px; line-height:40px; font-size:15px; background:#FFF;}
.maintabcont .maintab{ text-align:center;border-bottom:1px solid #DDD;cursor:pointer;}
.maintabcont .actived{border-bottom:2px solid #009AFF; color:#009AFF;}



.librariesdiv{ position:relative;}
.librariesdiv .librarieslist{  border-top:1px solid #E4E4E4; padding:10px;}
.librariesdiv .librarieslist .libraryimg{ padding:0;}
.librariesdiv .librarieslist .libraryimg img{ width:100%;}
.librariesdiv .librarieslist .librarywords{}
.librariesdiv .librarieslist .librarywords .librarytitle{  font-size:14px;height:32px;width:100%;line-height:16px;overflow:hidden;}

.librariesdiv .librarieslist .librarywords .librarytitle a{width:100%; overflow:hidden;color:#333; white-space:nowrap;}
.librariesdiv .librarieslist .librarywords .librarytitle a:hover{ text-decoration:none;}
.librariesdiv .librarieslist .librarywords .readnum{}
.librariesdiv .librarieslist .librarywords .readnum span{ display:inline-block; float:left;}
.librariesdiv .librarieslist .librarywords .readnum .num{ color:#999; margin:5px 5px 0 0; font-size:12px;}

.librariesdiv .librarieslist .liblist-right{ margin-top:20px; float:right;}
.librariesdiv .librarieslist .liblist-right img{ width:80%;}

/*文档阅读*/
.documentfile{ background:#FFF; position:relative;}
.documentfile .documentfiletit{width:100%;position:relative;border-bottom:1px solid #DDD; padding:10px 5px;}
.documentfile .documentfiletit .filetitle{ font-size:24px;}
.document-home-link{
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 20;
    width: 100px;
    height: 30px;
    border: 0;
    border-radius: 15px 0 0 15px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background: #fff;
    font-size: 14px;
    color: #F39800;
    text-align: center;
    line-height: 30px;
}
.document-home-link:hover{
    color: #F39800;
}
.document-home-link i{
    position: relative;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    color: #F39800;
}
.document-home-link.img{
    bottom: auto;
    top:10px;

}
.documentfile .documentfiletit .readnum{ color:#999; font-size:12px; margin-top:10px;}
.documentfile .filecontent{ font-size:16px; color:#666; padding:20px 10px;}
.documentfile .filecontent p{ text-indent:2em; margin-bottom:20px; line-height:180%;}

.documentfile .documentshare{ position:absolute; background:#FFF; width:100%; padding:17px 28px;z-index:11; display:none;}
.documentfile .documentshare span{ font-size:22px;}
.documentfile .documentshare a{ color:#333; float:right;font-size:28px; line-height:100%;}
.documentfile .documentshare a:hover{ text-decoration:none;}
.documentfile .documentshare a:active{text-decoration:none;}
.documentfile .documentshare a:visited{text-decoration:none;}
.documentfile .documentshare .sharetitle{}
.documentfile .documentshare .shareicondiv{ margin-top:20px; display:block;}
.documentfile .documentshare .shareicondiv .shareicon{ float:left;text-align:center;}
.documentfile .documentshare .shareicondiv .shareicon img{ width:100%;}
.documentfile .documentshare .shareicondiv .shareiconword{ font-size:18px; margin-top:10px;}


/*面授课程*/
.ftfcourselist{border-top:1px solid #E4E4E4; padding:10px;}
.ftfcourselist:first-child{border-top: 0;}
.ftfcourselist .ftfcourseimg{ padding:0; position:relative;}
.ftfcourselist .ftfcourseimg .ftftypeicon{ position:absolute;left:0;top:0; width:40%; z-index:5;}
.ftfcourselist .ftfcourseimg .ftftypeicon img{ width:100%;}
.ftfcourselist .ftfcourseimg .typeicon1{background:url('esm.images/icon01.png') no-repeat;}
.ftfcourselist .ftfcourseimg .typeicon2{background:url('esm.images/icon02.png') no-repeat;}
.ftfcourselist .ftfcourseimg .typeicon3{background:url('esm.images/icon03.png') no-repeat;}
.ftfcourselist .ftfcourseimg .typeicon4{background:url('esm.images/icon04.png') no-repeat;}
.ftfcourselist .ftfcourseimg .typeicon5{background:url('esm.images/icon05.png') no-repeat;}
.ftfcourselist .ftfcourseimg .typeicon6{background:url('esm.images/icon06.png') no-repeat;}
.ftfcourselist .ftfcourseimg .typeicon7{background:url('esm.images/icon07.png') no-repeat;}
.ft_course_bag{position: absolute;left:0;top: 0;z-index:50;width: 26px;height: 26px;background: url("esm.images/icon_course_bag.png") center no-repeat;background-size: 26px 26px;}
.ftfcourselist .ftfcourseimg img{width:100%;}
.ftfcourselist .ftfcoursename{padding:0; margin-left:10px;}
.ftfcourselist .ftfcoursename .coursename{font-size:15px; width:100%; overflow:hidden;text-overflow:ellipsis; line-height:100%;white-space:nowrap;}
.ftfcourselist .ftfcoursename .coursename a{ width:100%; overflow:hidden;color:#333; white-space:nowrap;}
.ftfcourselist .ftfcoursename .coursename a:hover{ text-decoration:none;}
.ftfcourselist .ftfcoursename .enrollnum{ color:#999; margin-top:8px; font-size:12px;}
.ftfcourselist .ftfcoursename .enrollnum span{ color:#F60;}


/*讲师中心*/
.modulediv .lectuerimg{margin:10px 0 0 10px; padding:0;}
.modulediv .lectuerimg img{border-radius:100px; width:100%; height:100%;}
.modulediv .lectuername{ margin-left:10px;}
.modulediv .lectuername .name{ font-size:24px;}
.modulediv .lectuername .name a{ color:#333; float:left;}
.modulediv .lectuername .name a:hover{ text-decoration:none;}
.modulediv .lectuername .name span{ float:right; cursor:pointer;}
.modulediv .lectuername .name span img{ width:96px; height:35px;}
.modulediv .lectuername .ranktitle{ color:#666; margin:10px 0;}
.modulediv .lectuername .abstract{ font-size:14px; color:#999;}

/*在线课程详情*/
.videoimg{ width:100%;cursor:pointer; text-align:center; z-index:10; position:relative;}
.videoimg .playbtn{ position:absolute; width:75px; height:75px; left:50%;margin-left: -38px; top:40%; z-index:99;}
.videoimg .playbtn.new{top:30%;}
.videoimg .playbtn img{width:75px; height:75px;}
.videoimg img{width:100%;}
.courseguide{ padding:5px 0; position:relative; margin-bottom:75px;}
.addpopup{ position:fixed;width:385px; height:220px; z-index:15; top:30%;}
.addpopup .popupfilter{position:absolute; width:100%; height:100%; background:#000;border-radius:5px;opacity:0.8; filter:alpha(opacity:80);}
.addpopup .popupwords{width:100%; height:100%;position:absolute; z-index:15;}
.addpopup .popupwords .addsucceed{ height:150px; border-bottom:1px solid #CCC;}
.addpopup .popupwords .addsucceed .addsucceedimg{ width:80px; height:80px; float:left; margin:30px 20px;}
.addpopup .popupwords .addsucceed .addsucceedimg img{width:80px; height:80px;}
.addpopup .popupwords .addsucceed .addsucceedwords{ float:left; width:260px; margin-top:40px;}
.addpopup .popupwords .addsucceed .addsucceedwords .succeedwords{ font-size:24px; color:#FFFF00;}
.addpopup .popupwords .addsucceed .addsucceedwords .succeed{ font-size:20px; color:#CCC;}
.addpopup .popupwords .addsucceed .addsucceedwords1{float:left; width:320px; margin:40px 0 0 20px;}
.addpopup .popupwords .addsucceed .addsucceedwords1 .succeedwords{ font-size:24px; color:#FFFF00;}
.addpopup .popupwords .addsucceed .addsucceedwords1 .succeed{ font-size:20px; color:#CCC;}
.promptfloat{ position:absolute; bottom:0; height:40px; z-index:50; width:100%;}
.promptfloat .profloat{color:#FFF; position:absolute; z-index:11; line-height:40px; padding:0 15px; width:100%;}
.promptfloat .profloat .profloatbtn{ width:90px; height:25px; background:#F60; color:#FFF; border:none;border-radius:5px; margin-top:5px; line-height:100%;}
.addpopup .popupwords .addbtndiv{ height:70px; line-height:70px; color:#FFF; font-size:18px;}
.addpopup .popupwords .addbtndiv span{ width:49%; text-align:center; display:inline-block; cursor:pointer; float:left;}
.addpopup .popupwords .addbtndiv .line{height:100%; width:1px; background:#FFF;}

.courseguide .guidetitle{ font-size:20px;}
.courseguide .introduction{ font-size:16px; color:#E22F00; margin-top:8px;}
.courseguide .guidetitle .cachebtn{ width:73px; height:29px;background:url('esm.images/cachebtn.png') no-repeat; border:none;}
.courseguide .guide{ padding:0 10px;}
.courseguide .guide .pricepoints{ margin:5px 0; font-size:12px; color:#999;}
.courseguide .guide .pricepoints span{ font-size:22px; margin-right:2px;}
.courseguide .guide .pricepoints span.pointword{ font-size:12px; color:#00802F;}
.courseguide .guide .pricepoints span.points{color:#00802F;}
.courseguide .guide .pricepoints span.price{ color:#FF0000;}
.courseguide .guide .lecturer{ color:#999; float:left;}
.courseguide .guide .lecturer span{ margin-right:10px;}
.courseguide .guide .lecturer .name{ color:#F60;}
.courseguide .guide .lecturer .learnnum{ margin-left:20px; font-size:12px;}
.courseguide .guide .lecturer .learnnum span{ color:#F60;}
.courseguide .guide .score{ float:left; color:#FEC634;}
.courseguide .guide .sturate{ color:#999; margin-top:5px;}
.courseguide .courselisttable .courselist{ padding:10px 0;}
.courseguide .courselisttable .courselist.new{padding: 10px 3%;}
.courseguide .courselisttable .courselisttitle{height:35px;line-height:35px;background:#F2F2F2;padding:0 10px;font-size:14px;border-radius:2px;}
.courseguide .courselisttable .courselisttitle .chapternum{ margin-right:20px;}
.courseguide .courselisttable .courselisttitle a{ color:#333;}
.courseguide .courselisttable .courselist .list{ margin:10px 0 10px 20px;font-size:16px;}
.courseguide .courselisttable .courselist .list a{ color:#999;}
.time-line{width: 100%;}
.course-left-title{float: left;color: #ccc;width: 60px;text-align: right;padding:8px 0;}
.course-right-title{float:left;width:75%;border-left: 1px solid #ccc;padding:8px 0;}
.course-right-title i,.course-right-title em{float:right;width:18px;font-size: 16px;color: #09f;margin-top: 2px;}
.course-right-title em{margin-top: 0;}
/*.time-line:first-child .course-left-title,
.time-line:first-child .course-right-title{padding: 7px 0 5px;}
.time-line:last-child .course-left-title,
.time-line:last-child .course-right-title{padding: 8px 0 10px 0;}*/
.time-dot{width: 15px;height: 15px;margin:2px 8px 0 -8px;border: 2px solid #ccc;border-radius: 50%;background: #fff;}
.time-dot.end{background: #009900;}
.bottombtn{ height:65px; position:fixed; z-index:10; width:100%; bottom:0;}
.bottombtn .bottomfilter{height:100%;position:absolute;opacity:0.7; filter:alpha(opacity:70); width:100%;background:#000;}
.bottombtn .bottombtndiv{height:100%;width:100%;position:absolute;z-index:10; color:#FFF;margin-top:13px;}
.bottombtn .bottombtndiv span{ text-align:center;}
.bottombtn .bottombtndiv span input{ width:100%; height:38px;font-size:14px; color:#FFF;border-radius:5px; border:none;}
.bottombtn .bottombtndiv span input.disabled{background: #f2f2f2;}
.bottombtn .bottombtndiv span input.long{height: 42px;}
.bottom-link{position: fixed;left: 0;bottom: 64px;width: 100%;z-index: 20;}
.prevbottombtn{ height:65px; position:fixed; z-index:10; width:100%; bottom:65px;}
.prevbottombtn .bottomfilter{height:100%;position:absolute;opacity:0.7; filter:alpha(opacity:70); width:100%;background:#000;}
.prevbottombtn .bottombtndiv{height:100%;width:100%;position:absolute;z-index:10; color:#FFF;margin-top:22px;}
.prevbottombtn .bottombtndiv span{ text-align:center;}
.prevbottombtn .bottombtndiv span input{ width:100%; height:42px; font-size:14px; color:#FFF;border-radius:5px; border:none;}


.wrapper{position: fixed;z-index: 1;top: 148px;bottom: 0px;left: 15px;right: 15px;}
.coursecatalog{width: 100%;background: #fff;position: fixed;z-index: 50;display:none; top:82px;}
.coursecatalog ul{ position:absolute; width:50%;}
.coursecatalog div{ height:100%;}

.libcatalog{width: 100%;background: #fff;position: fixed;z-index: 100;bottom: 20%;top: 46px;display:none;overflow:hidden;}
.libcatalog ul{ position:absolute; width:50%;}
.libcatalog div{ height:100%;}

.librarycatalog{width: 100%;background: #fff;position: fixed;z-index: 100;bottom: 20%;top: 88px;display:none;overflow:hidden;}
.librarycatalog ul{ position:absolute; width:50%;}
.librarycatalog div{ height:100%;}
.courseguide .courselisttable .courselist .courselistdiv{ padding:0 10px 10px 10px; min-height:200px;}
.courseguide .courselisttable .courselist .courselistdiv p{ font-size:18px;}
.courseguide .courselisttable .courselist .courselistdiv .evaluatelist{ border-bottom:1px dashed #E4E4E4; padding:15px 0; }
.courseguide .courselisttable .courselist .courselistdiv .evaluatelist .appraisal{ float:left;}
.courseguide .courselisttable .courselist .courselistdiv .evaluatelist .appraisal img{border-radius:90px; width:100%;}
.courseguide .courselisttable .courselist .courselistdiv .evaluatelist .apperevaluate{ padding:0;}
.courseguide .courselisttable .courselist .courselistdiv .evaluatelist .apperevaluate .appraisalname{ font-size:14px; font-weight:bold;}
.courseguide .courselisttable .courselist .courselistdiv .evaluatelist .apperevaluate .appraisalname span{ font-size:12px; color:#999; font-weight:normal; margin-left:5px;}
.courseguide .courselisttable .courselist .courselistdiv .evaluatelist .praisenum{ float:right; width:55px;color:#999; margin-top:10px;background:url('esm.images/praisenum.png') right center no-repeat;}

/*���߿�����_new*/
.courselistdiv2{ padding:10px;}
.courselistdiv2 .list{ margin:10px 0 10px 20px;font-size:14px; color:#666;}
.addcollectbtn{ position:fixed; width:100%; padding:5px 10px; bottom:0; border-top:1px solid #D7D7D7; background:#FFF; z-index:9;}
.addcollectbtn .collectcart{ float:left; font-size:12px;}
.addcollectbtn .collectcart .collect{ float:left;}
.addcollectbtn .collectcart .collect .collheart{ text-align:center; width:100%; font-size:18px; color:#999;}
.addcollectbtn .collectcart .shopcart{ float:left; margin-left:10px;cursor: pointer;}
.addcollectbtn .collectcart .shopcart .cart{ text-align:center; width:100%;font-size:20px;color:#999;}
.addcollectbtn .addbtn{ float:right;}
.addcollectbtn .addbtn input{ height:38px; border-radius:2px; border:none; width:110px; color:#FFF; font-size:16px; margin-right:2px;}
.videoimg .videowords{ width:100%; height:100%; position:absolute; z-index:8; font-size:18px; top:40%;left: 0;}
.videoimg .videowords.new{top: 60%;}
.videoimg .videowords.kk{top: 25%;}
.videoimg .videowords .videotitle{ color:#FFF; text-align:center;width:100%; overflow:hidden;text-overflow:ellipsis; line-height:100%;white-space:nowrap;}
.videoimg .videowords .userprice{ color:#FFF; margin-top:10px;}
.videoimg .videowords .userprice.new{margin-top: 20px;}
.videoimg .videowords .userprice .price{ color:#FFFF00; font-size:16px;}
.videoimg .videowords .userprice .userview{ font-size:14px; margin-left:20px;background:url('esm.images/userview.png') no-repeat left center; padding-left:18px;}



/*面授课程详情*/
.courselist .schedule{background:#F2F2F2;border-radius:5px; font-size:18px; padding:10px; margin-bottom:15px;}
.courselist .schedule .site{ font-size:20px; color:#CC0031; padding-left:20px;}
.courselist .schedule .site input{ margin-right:10px;}
.courselist .schedule .site .location{background:url('esm.images/locationicon.png') no-repeat left center; padding:2px 2px 2px 17px;}
.courselist .schedule .timeaddress{ color:#666; margin:10px 0 0 45px;}
.courselist .schedule .timeaddress span{ color:#999;}

/*在线报名*/
.bottombtn .bottomwords{ position:absolute; color:#FFF; z-index:10; font-size:16px; left:10px;top:10px;}
.bottombtn .bottomwords span{ font-size:20px; color:#FFFF00;}
.signupcourses{ height:40px; text-align:center; line-height:40px; background:#F2F2F2; font-size:20px; overflow:hidden;}
.appsinform{ height:40px; line-height:40px; text-align:center;background:#F2F2F2; position:relative;}
.appsinform .addlicants{ float:right; color:#008000; position:absolute; right:20px;}
.signupdiv{ padding:17px; margin-bottom:120px;}
.signupdiv .signuptextdiv{ background:#F2F2F2;border-radius:5px; padding:25px 10px; margin-top:15px; position:relative;}
.signupdiv .signuptextdiv .closed{ position:absolute; right:0; top:0; cursor:pointer; font-size:18px; right:10px;}
.signupdiv .signuptextdiv .signtextlist{ height:36px;}
.signupdiv .signuptextdiv .pointwarn{ color:#CC0000; font-size:12px; margin-bottom:8px;}
.signupdiv .signuptextdiv .signtextlist .signername{ padding:0; padding-top:5px;}
.signupdiv .signuptextdiv .signtextlist .signername span{ display:inline-block; width:8px;}
.signupdiv .signuptextdiv .signtextlist .signername .redstar{ color:#FF0000;}
.signupdiv .signuptextdiv .signtextlist .signtext{padding:0;}
.signupdiv .signuptextdiv .signtextlist .signtext input{ width:100%;}
.courselist .schedule .sitenull{ color:#333;}

/*文库分类*/
.classifyerend{ position:absolute; width:100%; display:none;background:#FFF; z-index:10;}
.classifydiv{ padding:0; position:relative;}
.classifydivlist{ }
.classifydiv ul{ position:absolute; width:50%;}
.classifydiv .classifyul1{ }
.classifydiv .classifyul1 ul li{ background:#F2F2F2;}
.classifydiv .classifyul2{ left:50%; top:0; z-index:2; width:50%;}
.classifydiv .classifyul2 li{background:#F8F8F8;}
.classifydiv .classifyul2 li:hover{ border:none;}
.classifydiv .classifyul3{ top:0;width:33.4%; left:66.6%; }
.classifydiv .classifyul3 li{background:#FFF;}
.classifydiv .classifyul3 li:hover{border:none;}
.classifydiv ul li.listhover{background:#FFF; border-left:3px solid #009AFF;padding-left:11px;}

.classifydiv ul li{height:50px; background:#F2F2F2; cursor:pointer; line-height:50px; color:#666; padding-left:13px;width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; border-bottom:none; border-left:none;}
.classifydiv ul li:hover{background:#FFF; border-left:3px solid #009AFF;padding-left:11px;}
.classifydiv ul li a{ color:#333;}
.markclassy{ width:100%; height:100%; background:#000; position:absolute; z-index:1; display:none;opacity:0.7; filter:alpha(opacity:70); }
.classifycycle1{position:absolute; width:100%; top:0; left:50%; }
.classifycycle1 .classifydiv{display:none;}
.classifycycle2{position:absolute; width:100%; top:0; left:66.6%; }
.classifycycle2 .classifydiv{display:none;}

/*个人中心*/
.indivhead{ background:url('esm.images/indivbg1.png') center center;background-size:1024px 774px;}
.indivhead .indivheadimg{ text-align:center;}
.indivhead .indivheadimg img{ width:80px; height:80px; border-radius:50%; box-shadow: 0 0 0 3px #fff;}
.indivhead .indivname{ text-align:center; color:#FFF; font-size:16px; margin-top:10px;}
.indivhead .indivnum{ height:60px; margin-top:23px; position:relative;}
.indivhead .indivnum .indivfilter{ width:100%; height:100%; background:#000; position:absolute;opacity:0.7; filter:alpha(opacity:70);}
.indivhead .indivnum .indivwords{width:100%; position:absolute; z-index:5; color:#FFF; padding:8px 0;}
.indivhead .indivnum .indivwords .numdiv{ float:left; width:20%; text-align:center; font-size:12px;line-height: 22px;}
.indivdetails{ padding:10px 3%;}
.indivdetails .indivlistdiv{box-shadow:1px 1px 1px rgba(51,51,51,.2);background:#fff; float:left; width:32%;padding-bottom: 15px; text-align:center; position:relative;margin-right: 2%;margin-bottom: 10px;}
.indivdetails .indivlistdiv:nth-child(3n+3){margin-right: 0;}
.indivdetails .indivlistdiv .titledetail{ font-size:14px;}
.indivdetails .indivlistdiv .numdetails{ font-size:12px; color:#999; margin-top:5px;}
.indivdetails .indivlistdiv .indivlisticon{ height:50px; width:100%;padding-top: 10px;}
.indivdetails .indivlistdiv .indivcon1{font-size:28px;color:#f9822a;}
.indivdetails .indivlistdiv .indivcon2{font-size: 28px;color:#e56262;}
.indivdetails .indivlistdiv .indivcon3{font-size: 28px;color:#64b5f6;}
.indivdetails .indivlistdiv .indivcon4{font-size: 28px;color:#1db99a;}
.indivdetails .indivlistdiv .indivcon6{font-size: 28px;color:#f9822a;}
.indivdetails .indivlistdiv .indivcon7{font-size: 28px;color:#ff0000;}

/*全局搜索*/
.searchhot{ padding:15px; background:#FFF;}
.searchtextdiv{border:1px solid #DDD; border-radius:3px;}
.searchtextdiv .searchtext{}
.searchtextdiv .searchtext input{ width:100%; height:38px; background:#fff; border:0; color:#999;}
.searchtextdiv .searchbtn{ padding:0; border:1px solid #009AFF; margin-top:-1px;border-radius:0  3px 3px 0;}
.searchtextdiv .searchbtn input{width:100%; height:38px; background:#009AFF; color:#FFF; border:none;border-radius:0 2px 2px 0;}
.searchhws{position: absolute;left: 0;top: 45px;z-index:50;width:100%;border:1px solid #ccc;background:#fff;color:#666; }
.searchhws.new{position: static;margin-top: 10px;border:0;}
.searchhws .searchhwslist{height:45px;padding: 0 10px; line-height:45px; border-bottom:1px solid #EAEAEA;font-size:14px;}
.searchhws .searchhwslist:last-child{border-bottom: 0;}
.searchhws .searchhwslist:hover{background: #eee;}
.searchhws .searchhwslist span{ display:inline-block; color:#FFF; text-align:center; width:18px; height:18px;  float:left; margin:13px 10px 0 0; line-height:18px;border-radius:2px;}
.searchhws .searchhwslist a{float:left; color:#666;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.searchhws .searchhwslist a:hover{ text-decoration:none;}
.searchhws .searchhwslist .hwsfirst{background:#F58C85;}
.searchhws .searchhwslist .hwssecond{background:#FCBC4B;}
.searchhws .searchhwslist .hwsrank{background:#7CBCF4;}
.olftfcoursediv{ margin-bottom:20px;}
.olftfcoursediv .coursedivtitle{ height:30px; line-height:30px;color:#666;background:#FFF; padding:0 10px; font-size:15px;}
.olftfcoursediv .checkmore{ font-size:15px; color:#009AFF; margin-top:10px; cursor:pointer; padding-bottom:10px; margin-left:5px;}
.olftfcoursediv .checkmore span{ margin-right:10px;}
.olftfcoursediv .courselistdiv{background:#FFF; margin-bottom:20px;}
.olftfcoursediv .librariesdiv{background:#FFF;}
.olftfcoursediv .courselistdiv .courselist{ border:none;border-top:1px solid #E4E4E4; padding:10px;}
.olftfcoursediv .courselistdiv .ftfcourselist{ border:none;border-top:1px solid #E4E4E4; padding:10px;}

/*我的课程*/
.advrate{ color:#999; font-size:15px; margin:5px 0; font-size:13px;}

/*报错提醒*/
.errorsdiv{ text-align:center;color:#666;}
.errorsdiv .pageerror{ font-size:24px; }
.errorsdiv .pagereason{ color:#999; margin:35px 0; font-size:15px;}
.errorsbg{ width:100%; height:220px;background:url('esm.images/errorbg.png') no-repeat center center;}
.developmentbg{width:100%; height:220px;background:url('esm.images/development.png') no-repeat center center;}
.unfoundbg{width:100%; height:220px;background:url('esm.images/unfoundbg.png') no-repeat center center;}

.pageerrors{ min-height:100%; background:#FFF; position:absolute; width:100%;}

/*客户端下载*/
.clientdldiv{ padding: 20px;}
.clientdldiv .clientdl{ cursor:pointer; margin-bottom:20px;}
.clientdldiv .clientdl img{ width:100%;}


/*文本协议*/
.protocoldiv{ margin-left:-30px;}
.protocoldiv .label{ color:#333;}

/*在线课大纲*/
div.coursecontent .classhourlist2 {}
div.coursecontent .classhourlist2 .body { background:url('esm.images/warelinebg2.png') repeat-y 57px top;}
div.coursecontent .classhourlist2 .body div.listtitle{ height:28px; margin-top:10px;}
div.coursecontent .classhourlist2 .body div.listtitle div.listbg{ width:66px; height:28px; float:left;background:url('esm.images/charper.PNG')  no-repeat; padding:4px 0px 0px 35px; text-align:center; margin-left:15px;}
div.coursecontent .classhourlist2 .body div.listtitle div.listtit1{ float:left; font-size:15px; margin:5px 0 0 12px; width:70%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
div.coursecontent .classhourlist2 .body div.listcontent div.listbg{ width:32px; height:24px; float:left;background:url('esm.images/charper.PNG')  no-repeat; padding:4px 0px 0px 48px;}
div.coursecontent .classhourlist2 .body div.listcontent div.listtit1{ float:left; font-size:16px; margin:1px;}
div.coursecontent .classhourlist2 .body div.listcontent{ height:42px; clear:both;}
div.coursecontent .classhourlist2 .body div.listcontent div.listnumber{ color:#999; float:left; padding:12px 0; width:50px; height:44px; text-align:center;}
div.coursecontent .classhourlist2 .body div.listcontent div.circleline{ width:16px; height:42px;float:left;}
div.coursecontent .classhourlist2 .body div.listcontent  div.dot2{width:16px; height:42px;background:url('esm.images/dot2.png') center center no-repeat;}
div.coursecontent .classhourlist2 .body div.listcontent  div.dot1{width:16px; height:42px;background:url('esm.images/dot1.png') left center no-repeat;}
div.coursecontent .classhourlist2 .body div.listcontent  div.dot3{width:16px; height:42px;background:url('esm.images/dot3.png') center center no-repeat;}

div.coursecontent .classhourlist2 .body div.listcontent  div.dot4{width:16px; height:42px;background:url('esm.images/dot4.png') center center no-repeat;}
div.coursecontent .classhourlist2 .body div.listcontent div.coursecontent{float:left;margin-left:20px; border-bottom:1px dashed #E4E4E4; height:40px; line-height:40px; width:80%;overflow:hidden;text-overflow:ellipsis;}
div.coursecontent .classhourlist2 .body div.listcontent div.coursecontent p{float:left; color:#666; font-size:14px; width:100%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
div.coursecontent .classhourlist2 .body div.listcontent div.coursecontent p em{float: left;max-width: 85%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;font-style: normal;}
div.coursecontent .classhourlist2 .body div.listcontent div.coursecontent p .v-tag{float: left;width: 31px;height: 15px;background: url("esm.images/t-video.png") center no-repeat;background-size: 29px 14px;}
div.coursecontent .classhourlist2 .body div.listcontent .time{font-size:12px; color:#999; margin-left:10px;}
div.coursecontent .classhourlist2 .body div.listcontent .viewbutt{ width:74px; height:21px;background:url('images/portal20/btntrysee.png') no-repeat; cursor:pointer; border:none;margin-left:30px;}
div.coursecontent .classhourlist2 .body div.listcontent .markhelp{ float:right; width:65px; height:16px;}
div.coursecontent .classhourlist2 .body div.listcontent .mark {cursor:pointer;margin-left:10px;background:url('images/areabackground/mark.png') no-repeat left top; display:block; width:16px; height:16px; margin-top:2px;}
div.coursecontent .classhourlist2 .body div.listcontent .help {cursor:pointer;margin-left:10px;background:url('images/areabackground/help.png') no-repeat left top;display:block; width:16px; height:16px;margin-top:2px;}

/*课程主页-问题讨论*/
.courseguide{}
.courseguide .discussdiv{ padding:0 10px;}
.courseguide .discussdiv .discuss{ background:#FFF; padding:10px; margin-bottom:10px;}
.courseguide .discussdiv .discuss .comproblem{ min-height:133px; border-bottom:1px dashed #E4E4E4; padding-bottom:10px;}
.courseguide .discussdiv .discuss .comproblem .questionerdiv{ height:48px;}
.courseguide .discussdiv .discuss .comproblem .questionerdiv .querheader{ width:48px; height:48px; float:left;}
.courseguide .discussdiv .discuss .comproblem .questionerdiv .querheader img{width:48px; height:48px; border-radius:60px;}
.courseguide .discussdiv .discuss .comproblem .nametime{ float:left; margin:12px;}
.courseguide .discussdiv .discuss .comproblem .nametime span{ }
.courseguide .discussdiv .discuss .comproblem .nametime .name{ font-size:15px; color:#999;}
.courseguide .discussdiv .discuss .comproblem .nametime .time{ font-size:13px; color:#CCC;}
.courseguide .discussdiv .discuss .comproblem .nametime .querspan{ background:#CC0000; padding:2px 5px;font-size:13px; color:#FFF;}
.courseguide .discussdiv .discuss .comproblem .quescontent{ margin-top:10px;}
.courseguide .discussdiv .discuss .answerdiv{ padding:15px 0;}
.courseguide .discussdiv .discuss .answerdiv .adoptspan{background:#09F; padding:2px 5px;font-size:13px; color:#FFF;}
.courseguide .discussdiv .discuss .answerdiv .quescontent{ margin:-2px 0 0 60px;}
.quizcontdiv{ height:40px; line-height:30px; padding:0 10px; position:relative;}
.quiztitle{color:#09F;position:absolute; right:10px;}
.quiztitle .quizicon{ margin-right:5px; font-size:17px; background:#FFF;}
.courseguide .discussdiv .discuss .comproblem .rightbtnspan{ float:right; color:#666;}
.courseguide .discussdiv .discuss .comproblem .rightbtnspan span{ display:inline-block; width:86px; height:26px; font-size:15px; line-height:26px; border:1px solid #DDD;border-radius:3px; cursor:pointer; padding-left:15px; margin-left:5px;}
.courseguide .discussdiv .discuss .comproblem .rightbtnspan .rtbtnicon{ margin-right:5px; color:#AAA;}
.courseguide .discussdiv .discuss .comproblem .rightbtn{ margin-top:10px;}
.courseguide .discussdiv .discuss .comproblem .rightbtnspan .answer{ color:#09F; border:1px solid #09F;}
.courseguide .discussdiv .discuss .comproblem .rightbtnspan .answer .rtbtnicon{ color:#09F;}
.courseguide .discussdiv .discuss .comproblem .rightbtnspan .actived{ background:#E4E4E4;}
.allpersondiv{ background:#FFF; border:1px solid #D7D7D7; cursor:pointer;padding:2px 5px; position:absolute; left:10px;}
.allpersondiv .allperson{height:25px; line-height:25px;}
.allperson .allpericon{ margin-left:5px; color:#999;}
.allpersondiv .proanalysis{ display:none;}
.allquestion{ left:200px;}

/*题库*/
.quesbankdiv{ color:#666;}
.quesbankdiv .quesbank{margin-top:2px;}
.quesbankdiv .quesbank .quescategory{ height:39px; font-size:15px; color:#09F; line-height:39px; padding-left:20px; background:#F2F2F2;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:100%;}
.quesbankdiv .quesbank .categories{ text-align:center; height:49px; line-height:49px; background:#FFF;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }

.allwhole{ background:#F2F2F2;  padding:10px;}
.allwhole .alllink{ float:right; position:relative;}
.allwhole .alllink .all-dropown{ position:absolute; width:272px; right:0;}
.allwhole .alllink .all-dropown .arrowup{font-size:20px; color:#333; float:right; margin-right:10px; height:8px;}
.allwhole .alllink .all-dropown .dropown{ width:100%; min-height:163px; position:relative;}
.allwhole .alllink .all-dropown .dropown .dropdowndiv{position:absolute; color:#FFF; z-index:9;width:100%; }
.allwhole .alllink .all-dropown .dropown .dropdowndiv .dropdownlist{ padding:0 20px; font-size:15px; height:35px; line-height:35px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:100%;}



.testpaper{ margin-top:10px;}
.testpaper .testpaperlist{ background:#FFF; padding:7px 15px; border-bottom:1px solid #DDD;}
.testpaper .testpaperlist .papericon{ float:left; width:30px; height:30px;border-radius:60px; background:#009AFF; color:#FFF; text-align:center; line-height:30px; font-size:21px;}
.testpaper .testpaperlist .papercontent{margin-left:40px;}
.testpaper .testpaperlist .papercontent .paperleft{ float:left; color:#999; font-size:14px; width:250px; margin-top:5px;}
.testpaper .testpaperlist .papercontent .paperleft span{ display:inline-block; width:120px;}
.testpaper .testpaperlist .papercontent .paperright{ float:right; margin-top:10px;}
.testpaper .testpaperlist .papercontent .paperright input{  height:38px; background:#009AFF; color:#FFF; font-size:12px; border:none;border-radius: 3px;}


/*题库详情*/
.quesbankdiv .quesbank .knowpoint{height:49px; line-height:49px; padding:0 30px; font-size:15px; background:#FFF;}
.quesbankdiv .quesbank .knowpoint .pointname{ float:left; display:inline-block;width:90%; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.quesbankdiv .quesbank .knowpoint .pitchonbtn{ float:right; margin-top:18px; color:#CCC;}
.quesbankdiv .quesbank .knowpoint .fa-square-o{ margin-right:2px;}
.morebtndiv{ margin-top:10px;}
.morebtn.new { display:flex; justify-items: center; align-items:center; }
.morebtn.new input[type="button"] { flex-shrink: 1; }
.morebtn input{ width:100%; height:38px; background:#009AFF; color:#FFF; border:none;border-radius: 5px; font-size:15px;}
.morebtn input[type="text"] { width: 30px; color: #666; border-radius: 0; background: none; border-bottom: 1px solid #ddd; }
.knowpoint .actived{ color:#009AFF !important;}

/*题库-选择题*/
.subtitle{background:#F2F2F2; line-height:45px;height: 45px; padding:0 10px;width: 100%;}
.subtitle .title{ font-size:16px; font-weight:bold; float:left; width:85%;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.subtitle .subnumber{ float:right; color:#666;font-size: 16px;line-height: 45px;}
.subtitle .subnumber span{ font-size:32px; color:#09F; margin-right:5px;line-height: 1.2;}
.subtitle .subnumber em{font-style: normal;}
.subtitle span.subnumtotal{ font-size:14px; color:#333;}
.sTitle{width:100%;background:#f2f2f2;padding:5px 5px 5px 0;}
.sTitle a{float:left;width:35px;line-height:35px;font-size:17px;color:#188eee;text-align:center;}
.sTitle span{display:block;font-size:16px;font-weight:bold;line-height: 35px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.quesbankdetail{ padding:5px 0;font-size:16px;}
.quesbankdetail img{ width:100%;}
.quesbankdetail table{ width:100%;}
.quesbankdetail .optiondiv{margin:20px 0;line-height:30px;padding:0 5px;}
.quesbankdetail .optiondiv span{margin-top: 3px;}
.quesbankdetail .questitle{padding:0 5px;}
.quesbankdetail .questitle .itemtype{ color:#09F;}
.quesbankdetail .optiondiv .right{padding-top: 8px;}
.quesbankdetail .questitle .fillblanks{width:120px; display:inline-block; border-bottom:1px solid #666;}
.quesbankdetail .optiondiv span{ margin-top:3px;display:inline-block; padding:0; }
.quesbankdetail .optiondiv .option{ cursor:pointer;text-align:center;margin-top: 0; width:36px; height:36px;background:#FFF;border-radius:50%; border:1px solid #09F;color:#09F; margin-right:10px; line-height:34px;}
.quesbankdetail .optiondiv .option.selected{ background:#09F; color:#FFF;}
.bottombtn .bottombtndiv .fliptext{ margin-top:10px; font-size:15px;}
.bottombtn .bottombtndiv .fliptext .fa-angle-left{ margin-right:10px; font-size:20px;}
.bottombtn .bottombtndiv .fliptext .fa-angle-right{ margin-left:10px;font-size:20px;}
.morequestion{ position:relative;}
.exam-hint{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 150;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.exam-hint a{
    display: block;
}
.exam-hint img{
    display: block;
    width: 100%;
}

.morequestion .sortchoice .sort .sortwords{}
.morequestion .sortchoice .sort .sortwords .sorticon{ text-align:left;}
.sortchoice .sort .sortwords .sorticon .markitems{ margin-left:0; font-size:20px; margin-right:20px;}
.sortchoice .sort .sortwords .sorticon .markitemsactived{ color:#FF0000 !important;}

.morequestion .sortchoice .sort{ top:10px; right:-15px;}

.filloutfixed{ /*position:absolute;left: 0;bottom:0;*/ width:100%;margin-top: 30px; margin-bottom: 10px; background:#EEE; padding:5px 10px 10px 10px;}
.filloutfixed .fillouttitle{ text-align:center; font-size:16px; position:relative;line-height: 30px;}
.filloutfixed .fillouttitle .fillok{ position:absolute; right:0;width: 30px;font-size: 20px; color:#808080;cursor: pointer;text-align: right;}
.filloutfixed .fillouttitle .fillok:hover{color:#09F;}
.filloutfixed .fillouttext{margin-top:5px;}
.filloutfixed .fillouttext textarea{ width:100%; height:70px;border: 0;border-radius: 5px;background: #fff;}

.quesbankdetail .questitle1{padding:0 10px 120px 10px;}
.quesbankdetail .questitle1 .itemtype{ color:#09F;}
.quesbankdetail .questitle1 .fillblanks{width:120px; display:inline-block; border-bottom:1px solid #666;}

.upload-img-c{
    width: 87px;
    margin: 15px auto 0;
}
.upload-img-btn{
    width: 100%;
    height: 30px;
    border: 0;
    border-radius: 3px;
    background: #3796DF;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.upload-file-btn{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 30px;
}
.upload-img-title{
    max-width: 90%;
    font-size: 12px;
    color: #09f;
    line-height: 20px;
}
.upload-img-del{
    margin-top: 2px;
    width: 25px;
    font-size: 16px;
    color: #999;
    line-height: 1;
}
.upload-image-show{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 250;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.8);
    display: flex;
    justify-content: center;
    align-items:center;
}
.upload-image-show img{
    max-width: 100%;
    max-height: 100%;
}
/*我的账户*/
.myaccount{}
.myaccount .userheaderdiv{ padding:10px 15px; background:#FFF; margin-top:20px; /*height:100px;*/}
.myaccount .userheaderdiv .userheader{ padding:0; float:left;position: relative;}
.myaccount .userheaderdiv .userheader .dong i{
    position:absolute;
    left:50%;
    top:50%;
    z-index: 100;
    margin-top: -16px;
    margin-left: -16px;
    background: url("images/loading4.gif") no-repeat center;
    background-size:32px 32px;
    width: 32px;
    height:32px;
}
.myaccount .userheaderdiv .userheader .dong{
    position:absolute;
    z-index: 50;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:5px;
    background: rgba(0,0,0,.1)

}
.myaccount .userheaderdiv .userheader #h5uploader
{
    width: 80px;
    height: 80px;
    left: 0px !important;
}

.user-head-tag{position: absolute;bottom:0;left: 0;width: 100%;height: 30px;border-radius:0 0 5px 5px;background: rgba(0,0,0,.4);font-size: 13px;color: #fff;line-height: 30px;text-align: center;}
.myaccount .userheaderdiv .userheader img{ width:80px; border-radius:5px; height:80px;}
.myaccount .userheaderdiv .useraccountdiv{width:76%;float:left;margin-top: 5px; margin-left:10px;padding-bottom:5px;}
.myaccount .userheaderdiv .useraccountdiv.down{border-bottom: 0;}
.myaccount .userheaderdiv .useraccountdiv .username{ font-size:18px;width: 100%; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.myaccount .userheaderdiv .useraccountdiv .useraccount{ color:#999; margin-top:5px;}
.myaccount .accountright{cursor:pointer; color:#CACACF; margin-top:10px; font-size:30px; margin-left:15px;}
.myaccount .acctcontdiv{ padding:0 15px; background:#FFF; margin-top:20px;}
.myaccount .acctcontdiv .accountlist{ padding:10px 0; border-bottom:1px solid #EFEFEF; position:relative;}
.myaccount .acctcontdiv .accountlist span{ display:block; float:left;}
.myaccount .acctcontdiv .accountlist .acctwords{ font-size:15px; margin:0 0 0 5px;color: #333;}
.myaccount .acctcontdiv .accountlist .price{ float:right; font-size:15px; margin:7px 15px 0 0 ;/*width:130px; */white-space:nowrap; overflow:hidden;text-overflow:ellipsis; display:inline-block; text-align:right;}
.myaccount .acctcontdiv .accountlist .fa-angle-right{float:right; color:#CCC; font-size:30px; margin-top:2px; }
.myaccount .acctcontdiv .accountlist .accounticon{float:left;font-size:24px;width: 35px;height: 35px; color:#FFF;border-radius:5px;text-align: center;line-height: 35px;}
.myaccount .acctcontdiv .accountlist .icon-money{ background:#00B8FC;}
.myaccount .acctcontdiv .accountlist .icon-huiyuan{background:#F39C12;}
.myaccount .acctcontdiv .accountlist .icon-shezhi1{background:#F46464;line-height: 35px;text-align:left;text-indent:4px;}
.myaccount .acctcontdiv .accountlist .icon-hongbao{background:#F46464;}
.myaccount .acctcontdiv .accountlist .icon-youhui{background:#FF8F5C;}
.myaccount .acctcontdiv .accountlist .icon-coin1{background:#F39C12;}
.myaccount .acctcontdiv .accountlist .icon-qiaheqian{background:#56C2DE;}
.myaccount .acctcontdiv .accountlist .icon-wodedingdan{background:#00B8FC;line-height: 35px;}
.myaccount .acctcontdiv .accountlist .icon-guanyu{background: #5f5e70;}
.myaccount .acctcontdiv .accountlist .icon-bind{background: #0c9;font-size: 19px;}
.myaccount .acctcontdiv .accountlist .icon-xuexiqiajihuo{background: #99cc99;font-size: 19px;}
.myaccount .exitlogin{ margin:20px 0; padding:0 15px;}
.myaccount .exitlogin .exitloginbtn{ background:#009AFF; width:100%; border:none;border-radius:5px; color:#FFF; height:42px; font-size:15px;}
.myaccount .acctcontdiv .accountlist .onsale{ float:left; margin-left:10px; width:90%;}
.myaccount .acctcontdiv .accountlist .onsale .onsaledetail{ color:#D43300;}
.myaccount .acctcontdiv .accountlist .onsale .onsaledetail .detailleft{ float:left;}
.myaccount .acctcontdiv .accountlist .onsale .onsaledetail .detailright{ float:right; font-size:12px; color:#999; margin-top:3px;}

/*个人信息*/
.myaccount .acctcontdiv .accountlist .iconclosed{color:#A4A4A4; font-size:20px; margin-top:3px; text-align:right;}
.myaccount .acctcontdiv .accountlist .accountnum{ color:#999; font-size:15px; margin-top:3px;}
.myaccount .userheaderdiv .headerwords{ float:left; font-size:15px; color:#999; margin-top:30px;}
.myaccount .acctcontdiv .accountlist .accounttext{ width:90%; border:1px solid transparent;border-radius:2px; font-size:15px;}
.myaccount .acctcontdiv .accountlist .accounttext1{ width:100%; border:1px solid transparent;border-radius:2px; font-size:15px; }

.myaccount .acctcontdiv .accountlist .accountlabel{width:90%;}
.myaccount .acctcontdiv .accountlist input:focus{ border:1px solid #CCC;}
.myaccount .acctcontdiv .accountlist .sexradio{ margin-right:20px;}
.myaccount .acctcontdiv .accountlist .editwords{ position:absolute; font-size:12px; right:0; z-index:10; top:15px; color:#999;}
.myaccount .acctcontdiv .accountlist label{ font-weight:normal; font-size:15px; margin-bottom:0; margin-top:2px; margin-left:3px;}
.validmsg{color:#a94442; font-size:12px;}

/*购课车*/
.purchase{}
.purchase .purtitle{ background:#F6F6F6;  padding:10px 18px 10px 15px;}
.purchase .purtitle.new{background: #fff;border-bottom:1px dashed #E4E4E4;padding:5px 0;}
.purchase .purtitle .totalprice{ float:left; color:#666; margin-top:6px;}
.purchase .purtitle .totalprice.new{margin-left: 10px;}
.purchase .purtitle .totalprice span{ font-size:16px; color:#F96000;}
.purchase .purtitle .settlebtn{ float:right;}
.purchase .purtitle .settlebtn input{ background:#FF5000; color:#FFF; border:none; width:150px; height:40px;border-radius:5px; font-size:16px;}
.purchase .purchcontent{}
.purchase .purchcontent .purchlist{ padding:15px; border-bottom:1px dashed #E4E4E4;}
.purchase .purchcontent .purchlist.car{padding: 10px 0 10px 10px;}
.purchase .purchcontent .purchlist .purchcheck{ padding:0;}
.purchase .purchcontent .purchlist .courseimg{}
.purchase .purchcontent .purchlistdiv{min-height:350px;}
.purchase .purchcontent .purchsettle{ background:#F6F6F6; padding:3px 18px 23px 18px;}
.purchase .purchcontent .purchsettle .purchselect{ width:100%; height:33px;border-radius:3px;border:1px solid #E4E4E4;background: #fff;padding: 0 10px;}
.purchase .purchcontent .purchsettle .purchsetdiv{ margin-top:10px; font-size:15px;}
.purchase .purchcontent .purchsettle .preference{ margin:5px 0; color:#F60;}
.purchase .purchcontent .purchsettle .purchsetbtn{ margin-top:5px;}
.purchase .purchcontent .purchsettle .purchsetbtn input{ width:100%; color:#FFF; font-size:15px; height:40px;border-radius:3px; border:none; background:#248BF4;}
.purchase .purchasenull{ text-align:center; font-size:18px; color:#999; padding:20px 0; height:400px;background:url('esm.images/purchase.png') no-repeat center center;}

.batchdelete{float:right;cursor: pointer;}
.deleteicon{ font-size:22px;color:#AAA;cursor: pointer;}
.totalprice .allselect{ font-size:15px !important; color:#333 !important; margin-left:2px;}
.batchdelete1 .deleteicon{ padding-top:20px;}
.pur-title{clear: both;font-size: 12px;color: #cc0000;}
.pur-check{margin: -5px 5px 0 0!important;}
/*结算支付*/
.paymethod{}
.paymethod .virtualacc{ color:#999; font-size:14px; margin-left:5px;}
.paymethod .virtualacc span{ color:#cc0000;}

.purchase{}
.setpayment{}
.purchase .payable{ color:#666;font-size: 14px;line-height: 20px; padding:10px 5px 5px 5px;border-bottom:1px dotted #E4E4E4;}
.purchase .payable span{font-size:20px; color:#ff0000;}
.purchase .paymethod{background:#FFF;margin:10px 0 0 0;border-bottom: 3px solid #f2f2f2;}
.purchase .paymethod .methodlist{padding:10px 5px;}
.purchase .paymethod .methodlist .methodcheck{ float:left;}
.purchase .paymethod .methodlist .methodcheck input[type="checkbox"]{margin: 3px 0 0 0;width: 15px;height: 15px;}
.purchase .paymethod .methodlist .methodright{ float:left; margin-left:5px;}
.purchase .paymethod .methodlist .methodright .paytype{ font-size:14px;}
.purchase .paymethod .methodlist .methodright .balance{ color:#999;margin-top: 5px;}
.purchase .paymethod .methodlist .methodright .balance span{ margin-left:10px;}
.purchase .paymethod .methodlist .payextra{ margin-left:25px;}
.purchase .paymethod .methodlist .payextra .extratitle{}
.purchase .paymethod .methodlist .payextra .extratitle span{color:#DC0034;}
.purchase .paymethod .recharge{ margin:5px 0 0 5px; color:#999; padding-bottom:10px;}
.purchase .paymethod .paymetlist{ padding:10px 5px;}
.purchase .paymethod .paymetlist .wechat{background:url('esm.images/weixin.jpg') center no-repeat; background-size:28px 28px;}
.purchase .paymethod .paymetlist .credit{background:url('esm.images/credit1.png') no-repeat center center; background-size:63px 37px;}
.purchase .paymethod .paymetlist .alipay{background:url('esm.images/alipay.jpg') center no-repeat; background-size:28px 28px;}
.purchase .paymethod .paymetlist .yeepay{background:url('esm.images/yeepay.png') center no-repeat; background-size:28px 28px;}
.purchase .paymethod .paymetlist .business{background:url('esm.images/business.png') center no-repeat; background-size:28px 28px;}
.purchase .paymethod .paymetlist .paymetleft{ float:left; width:40px; height:40px;border:1px solid #E4E4E4;border-radius:5px;}
.purchase .paymethod .paymetlist .paymetwords{ float:left; margin-left:10px; font-size:13px; color:#999;}
.purchase .paymethod .paymetlist .paymetwords .method{ font-size:16px; color:#333;}
.purchase .paymethod .paymetlist .paymetright{ float:right; margin:10px;  font-size:24px; margin-right:20px;}
.purchase .paymethod .paymetlist .checked{color:#33BCB3;}
.purchase .paymethod .paymetlist .unchecked{color:#E4E4E4;}

.setpayment .paymenttext{ margin:10px 0;}
.setpayment .paymenttext input{ width:100%;border:1px solid #E4E4E4;border-radius:5px; padding:10px; color:#CCC;}
.setpayment .paymentbtn{}
.setpayment .paymentbtn input{ width:100%;border-radius:5px; font-size:16px; color:#FFF; background:#009AFF; height:40px; border:none;}
.purchase .paymethod .methodlist .payextra .paymet{ margin-top:5px;}
.purchase .paymethod .methodlist .payextra .paymet .paymetleft{ width:175px; float:left; margin-right:20px;}
.purchase .paymethod .methodlist .payextra .paymet .paymetleft input{ float:left; margin-top:18px;}
.purchase .paymethod .methodlist .payextra .paymet .paymetleft span{ display:block; float:left; width:148px; height:48px; border:1px solid #DDD; margin-left:5px;}
.purchase .paymethod .methodlist .payextra .paymet .paymetleft .alipay{background:url('esm.images/pay1.png') no-repeat center center;background-size:120px 48px;}
.purchase .paymethod .methodlist .payextra .paymet .paymetleft .wechat{background:url('esm.images/pay2.png') no-repeat center center;background-size:120px 48px;}
.purchase .paymentbtn{ padding: 0 10px; margin:20px 0;}
.purchase .paymentbtn input{ width:100%; color:#FFF; background:#F90; height:45px; border:none; font-size:14px;border-radius:3px; }
.pur-info{font-size: 14px;color: #666;}
.pur-info span{position: relative;top:1px;margin-right:5px;font-size: 15px;color: #f90;}
/*账户充值*/
.setpayment{}
.setpayment .paymentitle{ margin:10px 25px;}
.setpayment .paymethod .paymethodtext{ width:100%;border:none;color:#999;font-size:15px;height:45px;padding:0 10px;}
.setpayment .paymethod label{ display:block; font-weight:normal;}

/*支付成功*/
.payokdiv{ margin:10px 0 0 200px;}
.paymentok{ color:#58C107; font-size:60px; float:left;}
.payokwords{ float:left; margin:8px 20px;}
.payokwords .payoktitle{ font-size:24px; color:#666;}
.payokwords .startlearn{ color:#999;}




/*绑定邮箱*/
.registercontent .binding{ color:#999; margin-bottom:10px;}

/*修改密码*/
.changepwd{ height:28px; line-height:28px; margin-bottom:30px;}
.changepwd .pwdleft{ text-align:right;}
.changepwd .registtext{ width:100%; background:#FFF; border:1px solid #CCC;border-radius:2px;}
.changepwd span{ padding:0;}
.changepwd .pwdatypism{ color:#CC0000;}
.chpwddiv{ margin-left:100px;}
.changepwd .verbtn{ width:100%; margin-left:10px; border:none; background:#F60; color:#FFF; font-size:15px;border-radius:3px; height:32px;}


/*密码强度 start*/
div.passwordbox {width:200px;height:20px;line-height:20px;zoom:1;display:none;}
div.passwordbox .passwordtext {float:left;height:20px;line-height:20px;}
div.passwordbox .passwordborder {float:left;width:100px;height:8px;border:#42BF26 1px solid;font-size:1px;margin:7px 5px 0 5px;}
div.passwordbox .passwordborder .passwordschedule1 {width:33px;height:6px;background-color:#42BF26;}
div.passwordbox .passwordborder .passwordschedule2 {width:66px;height:6px;background-color:#42BF26;}
div.passwordbox .passwordborder .passwordschedule3 {width:98px;height:6px;background-color:#42BF26;}

/*设置*/
.setupdiv{ background:#FFF; padding:0 20px;}
.setupdiv .setuptext{ height:45px; line-height:45px;}
.setupdiv .setuptext .textleft{ float:left; font-size:15px;}
.setupdiv .setuptext .textrighticon{ float:right; color:#C9C9C9; font-size:20px; margin:10px;}
.setupdiv .setuptext .lh45{ width:60%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-align:right;}

/*考前预览*/
.previewdiv{}
.previewdiv .previewtitle{ padding:10px 0; background:#F2F2F2;}
.previewdiv .previewtitle .prevlist{text-align:center;}
.previewdiv .previewtitle .prevlist .prevwords{ font-size:12px; color:#999;}
.previewdiv .previewtitle .prevlist .prevnum{ margin-top:2px; font-size:14px;}
.previewdiv .previewtitle .prevlist .prevnum span{ font-size:20px;}
.previewdiv .previewtitle .prevlist .total{ color:#F60;}
.previewdiv .previewtitle .prevlist .qualified{ color:#89B378;}
.previewdiv .previewtitle .prevlist .testnum{ color:#5577AE;}
.testtime{}
.testtime span{ color:#F60;}
.testexplain{ padding:20px; color:#999; font-size:14px; background:#FFF; margin-bottom:130px;}
.testexplain .testexpdiv{ margin-top:30px;}
.testexplain .testexpdiv .testexptitle{ font-size:15px; font-weight:bold; margin-bottom:10px; color:#808080;}

/*答题卡*/
.previewdiv .previewtitle .answercardlf{ float:left;}
.previewdiv .previewtitle .answercardlf .markdiv{ float:left; margin-left:5px;}
.previewdiv .previewtitle .answercardlf .markdiv span{ display:inline-block; float:left;}
.previewdiv .previewtitle .answercardlf .markdiv .noanswer{ background:#FFF; border:1px solid #B5B5B5; width:16px; height:16px;margin:2px;border-radius:60px;}
.previewdiv .previewtitle .answercardlf .markdiv .hasanswer{ background:#09F;width:16px; height:16px;margin:2px;border-radius:60px;}
.previewdiv .previewtitle .answercardlf .markdiv .hasmarked{ color:#FFF;border-radius:60px;width:17px; height:17px;margin:2px;background:url('esm.images/hasmarked.png') no-repeat center center;}

.previewdiv .previewtitle .answercardrt{ float:right; margin-right:10px;}
.previewdiv .previewtitle .answercardrt span{ color:#F30; font-size:16px; font-weight:bold; margin:0 5px;}
.acardcontent{ padding:10px; background:#FFF; margin-bottom:65px;}
.acardcontent .acardqueno{ margin:7px; width:34px; height:34px; float:left;border-radius:60px; background:#FFF;border:1px solid #B5B5B5; text-align:center; line-height:34px; position:relative;}
.acardcontent .hasdone{ background:#09F; color:#FFF;border:1px solid #09F;}
.acardcontent .hadmarked{ width:17px; height:17px; position:absolute; right:-5px; top:-5px;background:url('esm.images/hasmarked.png') no-repeat;}


/*余额详情*/
.tradenotes{border-bottom:1px solid #E4E4E4; padding:10px 15px; font-size:15px;}
.tradenotes .notesleft{ float:left; width:73%;}
.tradenotes .notesright{ float:right; color:#AAA;}
.tradenotes .notesleft .acctransfer{ font-size:18px;}
.tradenotes .notesright .expenditure{ font-size:18px; font-weight:bold; color:#F90;}
.tradenotes .notesright .income{ font-size:18px; font-weight:bold;color:#490;}
.tradenotes .notesleft .balance{ height:40px; overflow:hidden;}

/*学分记录*/
.tradenotes .notesleft .haslearnt{ font-size:14px; color:#999;}
.tradenotes .notesright .credit{ font-size:18px; font-weight:bold;color:#009AFF;margin-top:15px;}
.tradenotes .notesleft .learntcourse{ margin-top:15px; width:100%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

/*积分记录*/
.integration{ padding:0 15px;}
.integration .integratable{ width:100%;}
.integration .integratable th{ text-align:center; height:42px; border-bottom:1px solid #E4E4E4;}
.integration .integratable td{text-align:center;height:40px; }
.integration .integratable .operatime{ color:#999;font-size:15px;}
.integration .integratable .addinrate{font-size:16px; font-weight:bold; color:#009AFF;}
.integration .integratable .operatesource{ width:25%; text-align:left; padding-left:15px;}

/*优惠券*/
.couponslist{ height:60px; background:#F2F2F2; margin-top:10px;position: relative;}
.couponslist .couponsleft{ position:absolute;left:0;top:0;width:84px;height:60px;background:url('esm.images/couponsbg.png') no-repeat #FFF; text-align:center; line-height:60px; color:#CC0000; font-size:18px;font-weight:bold;}
.couponslist .couponscont{ width:100%;padding:2px 55px 0 89px;}
.couponslist .couponscont .condition{ font-size:12px; color:#999;}
.couponslist .couponscont .condition span{ display:inline-block; float:left;}
.couponslist .couponscont .condition .dotted{ width:4px; height:4px; background:#999; margin:6px 3px 0 0; border-radius:60px;}
.couponslist .couponsbtn{position:absolute;top: 10px;right: 5px;}
.couponslist .couponsbtn input{ color:#FFF; background:#009AFF; border:none;border-radius:2px;width: 50px;height: 40px;}
.couponslist .coupontitle{width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*红包*/
.redpacketlist{ height:60px; background:#F2F2F2; margin-top:10px; padding:0 10px;}
.redpacketlist .redpacketleft{ width:92px;height:60px;background:url('esm.images/redpacketbg.png') no-repeat; float:left;}
.redpacketlist .redpacketcont{ float:left; margin:2px 0 0 5px;}
.redpacketlist .redpacketcont .condition{ font-size:12px; color:#999;}
.redpacketlist .redpacketcont .condition span{ display:inline-block; float:left;}
.redpacketlist .redpacketcont .condition .dotted{ width:4px; height:4px; background:#999; margin:6px 3px 0 0; border-radius:60px;}
.redpacketlist .redpacketbtn{ float:right; margin:12px 5px 0 0;}
.redpacketlist .redpacketbtn input{ color:#FFF; background:#009AFF; border:none;height: 38px; border-radius:2px;padding: 0 10px;}
.redpacketlist .redpacketcont .redpacketitle{ font-size:16px; margin:18px 5px;}
.grabpackets{ position:relative; width:100%; height:100%;}
.grabpackets img{ width:100%; }
.grabpackets .grabpacketsdiv{ position:absolute; z-index:12; width:100%; height:100%;}
.grabpackets .grabpacketsdiv .grabpacketbottom{position:absolute; bottom:10px;overflow-y: auto; width:100%; padding:0 15px; color:#FFF; font-size:12px; height:30%;}
.grabpackets .grabpacketsdiv .grabpacketbottom .packetbottomlist{ margin-top:10px;}
.grabpackets .grabpacketsdiv .grabpacketbottom .packetbottomlist span{ color:#000; display:inline-block; width:20px; height:20px; background:#FEEC20; text-align:center; margin-right:5px; border-radius:60px; line-height:20px;}
.amountpacket{ margin:340px 0 0 85px; font-size:70px; color:#F03D1E;}
.amountpacket em{font-style: normal;font-size: 35px;}
.amountpacket span{ font-size:30px; margin-left:10px;}
.grabpackets .grabpacketsdiv .grabpacketbottom .packetname{ text-align:center; position:absolute; bottom:500px; width:93%;font-size:16px;}

/*领优惠券*/
.hasgrabbed{ width:86%; margin:0 7%; top:34%; position:absolute; height:30%;}
.hasgrabbed .grabsum{ position:absolute; top:5%; color:#CB0029; font-size:30px; right:10%;}
.hasgrabbed .grabsum span{ font-size:70px; margin-left:5px;}
.hasgrabbed .grabsumform{ position:absolute; bottom:0; height:58%; padding:0 10%; width:100%; text-align:center; font-size:18px;}
.hasgrabbed .grabsumform .grabsumtext{}
.hasgrabbed .grabsumform .grabsumtext input{ width:100%; height:30px;border-radius:2px; padding-left:5px; border:1px solid #E4E4E4;}
.hasgrabbed .grabsumform .grabsumbtn{ margin-top:5%;}
.hasgrabbed .grabsumform .grabsumbtn input{ width:100%; height:30px;border-radius:2px; padding-left:5px; border:1px solid #E4E4E4; background:#FFD52F; border:none; font-size:15px; font-weight:bold;}
.hasgrabbed .grabsumform .hasadded{ margin:10px 0; color:#8D0B12;}
.hasgrabbed .grabsumform .goandsee{}
.hasgrabbed .grabsumform .goandsee a{color:#D30029;}
.hasgrabbed .grabsumform .receiveover{ font-size:12px; color:#CC0000; margin-top:2px;}
.grabpackets .grabpacketsdiv .grabpacketbottom1{position:absolute; bottom:20px; width:100%; padding:0 15px; color:#FFF; font-size:12px; height:19%;overflow-y: auto;}
.grabpackets .grabpacketsdiv .grabpacketbottom1 .packetname{ text-align:center; position:absolute; bottom:500px; width:93%;font-size:16px;}

.grabpackets .grabpacketsdiv .grabpacketbottom1 .packetbottomlist,
.grabpackets .grabpacketsdiv .grabpacketbottom .packetbottomlist{margin-top:10px;position: relative;padding-left: 25px;font-size: 12px;line-height: 20px;}
.grabpackets .grabpacketsdiv .grabpacketbottom1 .packetbottomlist span,
.grabpackets .grabpacketsdiv .grabpacketbottom .packetbottomlist span{ color:#000; position: absolute;left: 0;top: 0; width:20px; height:20px; background:#FEEC20; text-align:center; margin-right:5px; border-radius:60px; line-height:20px;}

.grabpackets .grabpacketsdiv .couponstitle{ color:#8D0B12; font-size:20px; margin:10px;}


.coupon-shot{position:absolute;left:7%;top:9%;width: 86%;}
.coupon-shot img{display: block;width: 100%;}
.hasgrabbed1{ width:86%; margin:0 7%; height:100px;top:22%; position:absolute; height:30%;}
.hasgrabbed1 .grabsum{ position:absolute; top:30%; color:#CB0029; font-size:30px; right:10%;}
.hasgrabbed1 .grabsum span{ font-size:50px;}
.hasgrabbed1 .grabsumform{ position:absolute; bottom:20px; height:40%; padding:0 10%; width:100%; text-align:right; font-size:18px;}
.hasgrabbed1 .grabsumform .grabsumtext{}
.hasgrabbed1 .grabsumform .grabsumtext input{ width:100%; height:35px;border-radius:2px; padding-left:5px; border:1px solid #E4E4E4;}
.hasgrabbed1 .grabsumform .grabsumbtn{ margin-top:5%;}
.hasgrabbed1 .grabsumform .grabsumbtn input{ width:100%; height:35px;border-radius:2px; padding-left:5px; border:1px solid #E4E4E4; background:#FFD52F; border:none; font-size:15px; font-weight:bold;}
.hasgrabbed1 .grabsumform .hasadded{ margin:5px 0; color:#8D0B12;}
.hasgrabbed1 .grabsumform .goandsee{}
.hasgrabbed1 .grabsumform .goandsee a{color:#D30029;}

.grabluck{width:86%; margin:0 7%;position:absolute; height:22%; top:52%; overflow:hidden;}
.grabluck .grablucklist{ border-bottom:1px dashed #A84B47; padding:2% ;}
.grabluck .grablucklist .luckerheader{ width:40px; height:40px; float:left;}
.grabluck .grablucklist .luckerheader img{ width:40px; height:40px;border-radius:60px;}
.grabluck .grablucklist .luckername{ float:left; margin-left:5px;}
.grabluck .grablucklist .luckername .name{ color:#FFF530;}
.grabluck .grablucklist .luckername .time{ color:#E8E1C3;}
.grabluck .grablucklist .grabsum{ float:right;color:#FFF530; margin-top:8px;}

/*优惠券列表*/
.mycouponlist{ margin-top:30px; padding:0 15px;}
.mycouponlist .couponlist{ height:129px;background:url('esm.images/couponbg.png') repeat-x; margin-bottom:10px; position:relative;}
.mycouponlist .couponlist .couponlistleft{height:129px;background:url('esm.images/couponleft.png') no-repeat; float:left; width:8px;}
.mycouponlist .couponlist .couponlistright{height:129px;background:url('esm.images/couponright.png')no-repeat; float:right;width:8px;}
.mycouponlist .couponlist .couponlistmid{ float:left; width:94%;}
.mycouponlist .couponlist .couponlistmid .coupondiv{ padding:5px 2px;}
.mycouponlist .couponlist .couponlistmid .coupondiv .couponsum{ float:left; background:#FFD52F; width:88px; height:88px; line-height:88px; text-align:center; color:#CC0000; font-size:18px;}
.mycouponlist .couponlist .couponlistmid .coupondiv .overdue{ background:#DDD; color:#999;}
.mycouponlist .couponlist .couponlistmid .coupondiv .couponsum span{ font-size:20px;}
.mycouponlist .couponlist .couponlistmid .coupondiv .couponwords{ float:left; margin:10px;}
.mycouponlist .couponlist .couponlistmid .coupondiv .couponwords .coupontitle{ font-size:18px; font-weight:bold; width:300px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mycouponlist .couponlist .couponlistmid .coupondiv .couponwords .condition{ color:#999; margin-top:5px;width:300px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mycouponlist .couponlist .couponlistmid .effective{ color:#999; width:100%; height:28px; line-height:28px; font-size:12px;}
.mycouponlist .couponlist .couponlistmid .effective .effecttime{ float:right;}
.mycouponlist .couponlist .couponlistmid .effective .effecttime .effecticon{ margin-right:5px;}
.mycouponlist .couponlist .overdueicon{ position:absolute; right:0;background:url('esm.images/overdue.png')no-repeat; width:70px; height:70px; right:10px; top:10px;}


/*安全验证*/
.safeverify{display:none;position:absolute; width:250px; background:#F2F2F2; left:50%!important;margin-left: -125px; top:30%; padding:10px; font-size:13px; z-index:99;}
.safeverify .safetitle{ float:left; font-size:15px; font-weight:bold;}
.safeverify .safeclosed{ float:right; font-size:20px; color:#CCC;}
.safeverify .safevercont{ color:#666; line-height:140%; margin-top:10px;}
.safeverify .retriepwd{ float:right; color:#DE3100;}
.safeverify .safevertext{ margin:5px 0;}
.safeverify .safevertext input{ width:100%;border-radius:2px; height:30px; border:1px solid #CCC;-webkit-appearance: none;}
.safeverify .safeverbtn input{ width:100%; color:#FFF; border:none; background:#09F; height:38px;line-height:38px;border-radius:2px;}
.retriepwdiv{ margin-top:10px;}

/*试卷查看*/
.papercheck{ padding:0 5px;}
.papercheck .papertitle{ font-size:15px; height:40px; line-height:40px; border-bottom:1px solid #DDD; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:100%;}
.papercheck .papercontent{padding-bottom: 10px;}
.papercheck .papercontent.wrong{padding-bottom: 55px;}
.papercheck .papercontent .paperlist{ padding:10px 0; border-bottom:1px dashed #CCC;}
.papercheck .papercontent .paperlist img{ width:100%;}
.papercheck .papercontent .paperlist table{ width:100%;}
.papercheck .papercontent .paperlist .itemnodiv{}
.papercheck .papercontent .paperlist .itemnodiv .itemno{ float:left;line-height: 25px;}
.item-check{width: 16px;height: 16px;margin-top: 4px;}
.papercheck .papercontent .paperlist .itemnodiv .marked{ float:right; background:#FFF;border:1px solid #E4E4E4; width:25px; height:25px;border-radius:50%; text-align:center;font-size: 16px; line-height:25px; color:#E4E4E4; cursor:pointer;}
.papercheck .papercontent .paperlist .itemnodiv .markacitved{ color:#F60;}
.papercheck .papercontent .paperlist .correct{ margin-left:10px; color:#96E263; font-size:20px;}
.papercheck .papercontent .paperlist .error{ color:#C31D00; font-size:20px; margin-left:10px;}

/*我的错题集*/
.papercheck .papercontent .paperlist .anscorrect{}
.papercheck .papercontent .paperlist .anscorrect .answer{ float:left;line-height: 38px;}
.papercheck .papercontent .paperlist .anscorrect .understand{ float:right;}
.papercheck .papercontent .paperlist .anscorrect .understand input{  width:80px;height:38px;border:0;border-radius:5px;background: #09f;color: #fff; font-size:14px; }
.papercheck .allerror{ background:#F2F2F2;}
.papercheck .allerror .allerrortitle{ padding:0 15px; height:40px; line-height:40px; color:#09F; font-size:15px;}
.papercheck .allerror .allerrortitle .errorwords{ float:left;width:90%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.papercheck .allerror .allerrortitle .pulldown{ float:right; color:#CCC; font-size:20px; margin-top:5px;}
.papercheck .allerror .errorpaperdiv{ background:#FFF; padding-top:1px; display:none;}
.papercheck .allerror .errorpaperdiv .errorpaperlist{padding:0 15px; height:35px; line-height:35px; background:#F2F2F2; margin-bottom:1px; width:100%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.deleteerror{ position:absolute; width:250px; height:120px;border-radius:10px; z-index:10; text-align:center; display:none;}
.deleteerror .poptitle{ background:#009AFF; height:35px; line-height:35px; color:#FFF;border-radius:10px 10px 0 0;}
.deleteerror .popcontent{ background:#FFF; height:85px;border-radius: 0 0 10px 10px; padding-top:10px;}
.deleteerror .popcontent .confirmdelete{}
.deleteerror .popcontent .popbtndiv{ margin-top:10px;}
.deleteerror .popcontent .popbtndiv input{border-radius:5px; border:none;}
.deleteerror .popcontent .popbtndiv .confirm{ color:#FFF;background:#009AFF; }
.deleteerror .popcontent .popbtndiv .cancel{ background:#FFF;border:1px solid #E4E4E4;}
.paper-operate-bottom{position: fixed;left: 0;bottom: 0;bottom: env(safe-area-inset-bottom);bottom: constant(safe-area-inset-bottom);width: 100%;height: 50px;background: #fff;}
.paper-operate-btn{width: 80px;height: 32px;margin-top:9px;border: 1px solid #ccc;border-radius: 3px;background: #fff;font-size: 12px;color: #333;text-align: center;}
/*我的考试*/
.myexamcontent{ background:#FFF;}
.myexamcontent .myexamlist{ padding:10px 5px; border-bottom:1px solid #CCC;}
.myexamcontent .myexamlist .examtitle{font-size:14px;max-width: 93%;}
.myexamcontent .myexamlist .examtitle.short{max-width: 75%;}
.myexamcontent .myexamlist .icon-face{margin:1px 0 0 5px;width: 16px;height: 16px;background: url("esm.images/icon-face.png") center no-repeat;background-size: 16px 16px;}
.myexamcontent .myexamlist .examinform{ font-size:12px; color:#999; margin-top:5px;}
.myexamcontent .myexamlist .examinform .informleft{ float:left;}
.myexamcontent .myexamlist .examinform .informleft .inform{}
.myexamcontent .myexamlist .examinform .informleft .inform .deadline{ color:#009AFF;}
.myexamcontent .myexamlist .informright{float:right;}
.myexamcontent .myexamlist .informright input{ cursor:pointer; color:#FFF;border:none;height:38px;font-size:14px;border-radius: 5px;padding: 0 5px;}
.myexamcontent .myexamlist .informright .startexam{ background:#009AFF;}
.myexamcontent .myexamlist .informright .nostartbtn{ background:#C0C0C0;}


.myexamcontent .myexamlist .scoredleft{float: left;width: 55px;}
.myexamcontent .myexamlist .scoredleft .score{ text-align:center; line-height:29px;width:35px; height:35px;margin:0 auto;border-radius:50%;}
.myexamcontent .myexamlist .scoredleft .scorebg1{border:3px solid #09F;}
.myexamcontent .myexamlist .scoredleft .scorebg2{border:3px solid #F90;}
.myexamcontent .myexamlist .scoredleft .rank{ font-size:12px;margin-top:5px;color:#999;text-align: center;}
.moreexam{ text-align:center; padding:10px 0; }

/*会员续费*/
.memberheader{ color:#FFF; font-size:12px; background:#F96; padding:10px 12px;}
.membertype{ padding:20px; background:#F2F2F2;}
.membertype .memberopen{ font-size:15px; color:#09F;}
.membertype .memberchecked{ margin-top:10px;}
.membertype .memberchecked input{ margin-right:5px;}
.membertextdiv{ background:#FFF; padding:10px;}
.membertextdiv .memberwords{ padding:0; font-size:14px; margin-top:2px; text-align:right;}
.membertextdiv .membertext input{ width:100%;height: 35px;border:1px solid #D7D7D7;background: #fff;padding-left:5px;font-size: 14px;}
.membertextdiv .membertextlist{ margin-top:10px;}
.membertextdiv .membertextlist .yzcode{}
.memberbtndiv{ margin-top:10px; padding:0 10px;}
.memberbtndiv button{ width:100%; background:#09F; border:none; color:#FFF; border-radius:5px;/*padding: 8px;*/height:42px;font-size:16px;}
.memberbtndiv input{width:100%; background:#09F; border:none; color:#FFF; border-radius:2px; height:42px;line-height: 42px;}

.membertextdiv .mymembertype{ border:1px solid #E4E4E4; margin-top:10px; border-bottom:none;}
.membertextdiv .mymembertype .mymemberlist{ padding:10px;}
.membertextdiv .mymembertype .mymemberlist .memtype{ font-size:14px;padding:0;}
.membertextdiv .mymembertype .mymemberlist .memtype input{ margin-right:2px;}
.membertextdiv .mymembertype .mymemberlist .learncoin{ color:#999; padding:0;}
.membertextdiv .mymembertype .mymemberlist .learncoin span{text-align:right; color:#F60; display:inline-block; font-size:14px; font-weight:bold; margin-right:2px; width:55px;}
.membertextdiv .mymembertype .mymemberlist .memberdetail{ float:right; padding:0; font-size:12px; color:#999;}
.membertext{}
.membertext .input-lg{ border-radius:0; font-size:15px; height:28px; padding:0;}
.membertext .img-rounded{ width:65px; height:28px; margin-top:-2px;}

/*我的作业*/
.myworks{ padding:10px; background:#FFF;}
.myworks .notfinished{}
.notfinished input{width: 25px; margin-left: 5px;}
.myworks .myworkdiv{ }
.myworks .myworkdiv .myworkdivlist{ border:1px solid #C9C9C9;margin-top:10px;}
.myworks .myworkdiv .myworkdivlist .myworktitle{ padding:13px; background:#F2F2F2;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleleft{ float:left; width:45px; font-size:14px; color:#999;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright{ float:left; width:85%;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .worktitle{ font-size:15px;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .nametime{ font-size:12px; color:#AEAEAE;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .workrequire{ font-size:13px; color:#C30;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .hasdone{ color:#093;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .floatleft{ width:72%;}
.myworks .myworkdiv .myworkdivlist .myworkcontent{ background:#FFF; padding:13px;}
.myworks .myworkdiv .myworkdivlist .myworkcontent .workcontent{ padding-bottom:10px;}
.myworks .myworkdiv .myworkdivlist .myworkcontent .workcontent p{}
.myworks .myworkdiv .myworkdivlist .myworkcontent .workcontent p img{ width:100%;}
.myworks .myworkdiv .myworkdivlist .myworkcontent .workcontent table{width:100%;}
.myattachment {border-top:1px dashed #CCC;}
.myattachment .worklink{ font-size:12px; padding:10px;}
.myattachment .worklink .linkicon{ font-size:16px; margin-right:5px;transform: rotateY(180deg);}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .workscore{ font-size:14px; float:right; margin-top:15px; color:#999; }
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .workscore .score{ color:#F30; font-weight:bold; font-size:14px;margin-right:2px;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .workscore .worktype{ color:#FFF;padding:0 2px;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .workscore .excellent{ background:#CC0000;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv{ background:#FFF; padding:13px; border-top:1px solid #CCC;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv img{ width:100%;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv table{ width:100%;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .myanswer{ font-size:12px; color:#999;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments{ padding:10px 0;border-top:1px dashed #CCC;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .answercontent{ padding-bottom:10px;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .teaheader{ float:left; width:30px; height:30px;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .teaheader img{width:30px; height:30px;border-radius:60px;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent{ float:left; width:85%; margin-left:10px; font-size:12px; color:#999;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent img{ width:100%;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent table{ width:100%;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent .comscore{}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent .comscore span{ font-size:14px; color:#F30; font-weight:bold; margin:2px;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent .commenterend{ font-size:15px; color:#333; margin:5px 0;}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent .tnamedate{}
.myworks .myworkdiv .myworkdivlist .myanswerdiv .comments .comcontent .tnamedate .date{ margin-left:10px;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .workscore .handinwork{ color:#77909D;cursor: pointer;}
.myworks .myworkdiv .myworkdivlist .myworktitle .titleright .workscore .handinwork .handinicon{ margin-right:2px;}
.headerright .huifu{ margin-left:5px;}

/*考试报告*/
.testreport{ background:#FFF; padding:12px; position:relative;}
.testreport .passicon{ position:absolute; right:15px; top:10px; width:64px; height:34px;}
.testreport .pass{background:url('esm.images/pass.png') no-repeat;}
.testreport .nopass{background:url('esm.images/nopass.png') no-repeat;}

.testreport .reporttitle{ text-align:center; font-size:16px;}
.testreport .testinform{ margin-top:10px; font-size:14px;}
.testreport .testinform .testname{width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.testreport .testinform .examinee{width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.testreport .testinform .testscore{width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.testreport .testinform .testdate{width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.testcontent{ padding:10px; padding-bottom:0;}
.testcontent.new{padding: 0;}
.testcontent .conttitle{ color:#009AFF; font-size:15px;}
.testcontent .testtable{ width:100%; border:1px solid #B8C8D3; background:#FFF;font-size:12px; margin-top:10px;border-collapse: collapse;}
.testcontent .testtable th{border:1px solid #B8C8D3; text-align:center; background:#E9F0F5; height:28px;}
.testcontent .testtable td{border:1px solid #B8C8D3; text-align:center;height:28px; }
.testcontent .testtit2{ font-size:13px; margin-top:5px;}
.testcontent .recomdcourse{ margin:10px 0;}
.testcontent .recomdcourse .reccoursediv{}
.testresultdiv{ margin-bottom:20px;}
.testresultdiv .testcontent .coursename a{ display:inline-block;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; height:20px !important;}
.testresultdiv .testcontent .coursename .priceview{font-size:12px;}
.testresultdiv .testcontent .coursename .priceview .price{ float:left;color:#EB7208;}
.testresultdiv .testcontent .coursename .priceview .view{ float:right; color:#999; margin-top:5px;}
.testresultdiv .testcontent .coursename .priceview .view .icon-eye1{ font-size:18px; color:#bbb;}
.testtable .arrowup{ color:#E85409; margin-left:2px;}
.testtable .arrowdown{ color:#5FB41B; margin-left:2px;}


/*交作业*/
.handinwork{ padding:5px;}
.handinwork .handintext{ width:100%; height:268px; border:1px solid #D7D7D7; border-radius:0;}
.workimgdiv{ background:#F2F2F2; padding:5px 10px;}
.workimgdiv .workimg{ background:#FFF; padding:4px; margin:5px;}
.workimgdiv .workimg .workimgs2{ text-align:center; vertical-align:middle; display:table;}
.workimgdiv .workimg .workimgs2 img{ display:table-cell; width:100%;}
.workimgdiv .workimg .workclosed{ position:absolute; right:-5px; top:-5px;background:url('esm.images/workclosed.png') no-repeat; background-size:21px 21px; width:21px; height:21px;}
.handinbtndiv{border-top:1px solid #D7D7D7; height:47px; position:fixed; width:100%; bottom:0; background:#FFF;}
.handinbtndiv .handinbtn{ padding:4px 17px; }
.handinbtndiv .handinbtn .addimgdiv{ text-align:center; width:60px; height:40px; font-size:14px; margin-top:2px; float:left;display: block;cursor: pointer;color: #333;}
.handinbtndiv .handinbtn .addimgdiv .addimg{display:block;width:60px; height:20px;background:url('esm.images/addimg.png') no-repeat center top;background-size:22px 20px; }
.handinbtndiv .handinbtn .submitbtn{ float:right; width:110px; height:38px;}
.handinbtndiv .handinbtn .submitbtn input{ width:100%; height:100%; font-size:14px; color:#FFF; background:#188EEE; border:none;border-radius:5px;}


/*首页_new*/
/*.headergray{ height:45px; background:#F4F4F4; width:100%; position:fixed; top:0;border-bottom: 1px solid #dcdcdc; padding:0 10px; z-index:101;}
.headergray.no-shadow{box-shadow: none;border-bottom: 1px solid #dcdcdc;padding: 0 10px;}
.headergray .headerlogo{ float:left;height:30px;margin-top: 8px;}
.headergray .headerlogo img{height:30px;width:110px;}
.headergray .headericons{float:right;}
.headergray .headericons span{cursor: pointer;float:left;position:relative;top:3px;font-size: 26px;color:#666;line-height: 45px; margin:0 8px;}
.headericons a:only-child span{margin: 0;}
.headergray .headericons span.header_home{*//*background:url('esm.images/header_home.png') center no-repeat;background-size: 25px 23px;*//*}
.headergray .headericons span.header_person{margin-right: 0;*//*background:url('esm.images/header_person.png') center no-repeat;background-size: 21px 25px;*//*}
.headergray .headericons span.header_search{*//*background:url('esm.images/header_search.png') center no-repeat;background-size: 25px 25px;*//*}
.headergray .headericons span.header_settings{background:url('esm.images/courselistico13.png') center no-repeat;background-size: 25px 25px;}
.headergray .headericons span.header_scan{height:auto;font-size: 24px;*//*margin-top: 3px;*//*font-weight: normal;}*/
.headergray {width:100%; position:fixed; top:0;display: flex;padding: 0 12px;height: 45px;align-items: center;justify-content: space-between;background: #FFFFFF;border-bottom: 1px solid #dcdcdc; z-index:101;}
.headergray.new .header-logo {flex-shrink: 0;}
.headergray.new .header-logo img {width: auto;height: 30px;}
.headergray.new .header-icons {flex-shrink: 0;}
.headergray.new .header-icons img {width: 30px;height: 30px;border-radius: 15px;}
.headergray.new .header-search {box-sizing: border-box;flex: 1;padding-left: 16px;padding-right: 16px;}
.headergray.new .header-search-in {width: 100%;height: 30px;background: #F2F2F2;border-radius: 16px;display: flex;align-items: center;padding: 0 5px 0 16px;box-sizing: border-box;}
.headergray.new .header-search-in img {width: 14px;display: block;}
.headergray.new .header-search-in input {margin-left: 6px;width: 100%;font-size: 12px;line-height: 20px;color: #333;border: none;background: none;}
.headergray.new .header-search-in input::-webkit-input-placeholder {background: #F2F2F2;color: #B6B6B6;}
.headergray.new .header_scan {flex-shrink: 0;padding-right: 8px;}
.headergray.new .header_scan img {width: 32px;height: 32px;}
.new_head_shot{float:right;margin:6px 0 0 8px!important;width:30px!important;height:30px!important;border-radius: 50%;/*box-shadow: 0 0 0 1px #666;*/}
.new_head_shot img{width: 100%;height: 100%;border-radius: 50%;vertical-align: top;}
.a_maincontdiv .coursecontent .coursediv .coursename2{font-size:14px;padding:5px 7px;background:#FFF;}
.a_maincontdiv .coursecontent .coursediv .coursename2 a{color:#666;display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space: nowrap;}
.a_maincontdiv .coursecontent .coursediv .coursename2 a:hover{ text-decoration:none;}
.a_maincontdiv .coursecontent .coursediv .coursename2 .usersprice{}
.a_maincontdiv .coursecontent .coursediv .coursename2 .usersprice .price{ float:left; font-size:14px; color:#5FB41B;}
.a_maincontdiv .coursecontent .coursediv .coursename2 .usersprice .users{ float:right;color:#999; margin-top:5px; padding-left:15px;background:url('esm.images/users.png?v=1.0') no-repeat left center; background-size:12px 12px;}
.a_maincontdiv .coursecontent .coursediv .coursename2 .usersprice .free{ color:#5FB41B;}
.a_maincontdiv .coursecontent .coursediv .coursename2 .usersprice .name{float: left;margin-top:7px;max-width:50%;font-size: 12px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.a_maincontdiv .coursecontent .coursediv .coursename2 .usersprice .users{ float:right;color:#999; margin-top:5px; padding-left:15px;background:url('esm.images/users.png?v=1.0') no-repeat left center; background-size:12px 12px;}

.librariesdiv .librarieslist .librarywords .readnum .users{color:#999; margin-top:5px; padding-left:15px;background:url('esm.images/users.png?v=1.0') left 2px no-repeat; background-size:12px 12px; float:left; font-size:12px;}
.librariesdiv .librarieslist .librarywords .readnum .date{ margin:5px 20px 0 0;color:#999;padding-left:16px;background:url('esm.images/date.png?v=1.0') no-repeat left 1px; background-size:13px 13px; float:left; font-size:12px;}
.librariesdiv .librarieslist .liblist-right .angleright{ color:#E4E4E4; font-size:20px; margin-right:5px;}


.none{display: none !important;}

@media(min-width:993px)
{
    .myaccount .userheaderdiv .useraccountdiv{width: 95%;}

}
@media(min-width:768px) and (max-width: 992px){

    .myaccount .userheaderdiv .useraccountdiv{width:87%;}
}

@media(max-width:768px) and (min-width:640px)
{
    .a_banner-right{ padding:0 20px;}
    .a_banner-right .a_banner-righticon{ margin-top:50px;}
    .icon_lists a:hover{background:none!important}
    .a_banner-right .a_banner-righticon .baniconbtn .banbtnname {font-size:14px}
    .wrapper{position: fixed;z-index: 1;top: 130px;bottom: 0px;left: 15px;right: 15px;}
    .coursecatalog{width: 100%;background: #fff;position: fixed;z-index: 50;bottom: 20%;top: 82px;display:none;overflow:hidden;}
    .libcatalog{width: 100%;background: #fff;position: fixed;z-index: 100;bottom: 20%;top: 46px;display:none;overflow:hidden;}
    .a_bannerdiv{padding:0;}
    .a_maincontdiv .headernobg{ background:none;}
    .registercontent .registtextdiv .registtextspan{width:90%;}
    .registercontent .registtextdiv .registtextspan.short{width: 89%;}
    .third-partylogins .thirdpartydiv{ height:90px; background:#F2F2F2; border-radius:5px; margin-top:10px; padding:12px 0; padding-left:150px;}
    .chpwddiv{ margin-left:180px;}
    .indivhead{ background:url('esm.images/indivbg1.png') center center; background-size:768px 581px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom .packetname{ text-align:center; position:absolute; bottom:450px; }
    .myaccount .userheaderdiv .useraccountdiv{width:85%;}
}



@media(max-width:640px)
{
    .a_banner-right .a_banner-righticon{ margin-top:40px;}
    .a_maincontdiv .bannerbtnarea .bannerbtn .btncoursename{text-align:center;font-size:12px;margin-top:5px;}
    .a_maincontdiv .onlinecourse{background:#EEE;font-size:14px}
    .icon_lists a:hover{background:none!important}
    .a_banner-right .a_banner-righticon .baniconbtn .banbtnname {font-size:14px}
    .a_banner-left .perinform .userinform .balanceintegral{font-size:13px;color:#CCC;clear:both}
    .a_banner-left .usercourselistdiv .courselist .tipsbtn{font-size:13px;line-height:200%;}
    .a_banner-left .perinform .userinform .username{font-size:14px}
    .videoimg .playbtn{ position:absolute; width:70px; height:70px; left:50%;margin-left: -35px; top:35%;}
    .videoimg .playbtn.new{top: 20%;}
    .videoimg .playbtn img{width:70px; height:70px;}
    .addpopup{ position:absolute;  width:385px; height:220px; z-index:15;top:30%;}
    .courselist .schedule .sitenull{ color:#333;}
    .wrapper{position: fixed;z-index: 1;top: 110px;bottom: 0px;left: 15px;right: 15px;}
    .coursecatalog{width: 100%;background: #fff;position: fixed;z-index: 50;bottom: 20%;top: 82px;display:none;overflow:hidden;}
    .libcatalog{width: 100%;background: #fff;position: fixed;z-index: 100;bottom: 20%;top: 56px;display:none;overflow:hidden;}
    .a_bannerdiv{padding:0;}
    .signupcourses{ text-align:center;}
    .a_maincontdiv .headernobg{ background:none;}
    .indivhead .indivnum{ height:60px; margin-top:23px; position:relative;}
    .indivhead .indivnum .indivwords{width:100%; position:absolute; z-index:5; color:#FFF; padding:10px 0;}
    .indivhead .indivnum .indivwords .numdiv{ float:left; width:20%; text-align:center; font-size:12px;line-height: 22px;}
    .indivdetails .indivlistdiv .titledetail{ font-size:14px; }
    .indivdetails .indivlistdiv .numdetails{ font-size:12px; color:#999; margin-top:5px;}
    .indivhead .indivheadimg img{ width:80px; height:80px; border-radius:50%; box-shadow: 0 0 0 3px #fff;}
    .indivhead .indivname{ text-align:center; color:#FFF; font-size:16px; margin-top:10px;}
    .indivhead{ background:url('esm.images/indivbg1.png') center center;}
    .registercontent .registtextdiv .registtextspan{width:86%;}
    .registercontent .registtextdiv .registtextspan.short{width: 87%;}
    .pagination{bottom:-5px; }
    .a_banner-left .perinform .userheader img{border-radius:100px; border:5px solid #3D3D3D; width:80px; height:80px;}
    .a_banner-left .perinform .userheader .imghover{border-radius:100px; border:2px solid #927F2C; width:80px; height:80px; box-shadow:0 0 30px 0 #F8CC0F;}

    .third-partylogins .thirdpartydiv{padding-left:100px;}
    .payokdiv{ margin:10px 0 0 80px;}
    .chpwddiv{ margin-left:140px;}
    .librariesdiv .librarieslist .liblist-right img{ width:60%;}
    .amountpacket{ margin:265px 0 0 80px; font-size:60px; color:#F03D1E;}
    .amountpacket span{ font-size:24px; margin-left:10px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom .packetname{ text-align:center; position:absolute; bottom:320px; }
    .subtitle .title{ font-size:16px; font-weight:bold; float:left; width:82%;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
    .myaccount .userheaderdiv .useraccountdiv{width:82%;}

}

@media(min-width:640px)
{
    .a_banner-left .usercourselistdiv .courselist{ padding-left:30%;}
    .a_banner-left .usercourselistdiv .courselist .courseimg img{width:30px;}
}


@media(max-width:520px)
{
    .onlinecourse .courselistdiv .sortcontent .modulediv .moduletitle{ font-size:14px;}
    .onlinecourse .courselistdiv .sortcontent .modulediv .moduletitle a{height:35px; line-height:100%;}
    .onlinecourse .courselistdiv .sortcontent .modulediv .modulecontent{ height:80px;font-size:12px; }
    .onlinecourse .courselistdiv .courselist .courseimg { padding:0;}
    .onlinecourse .courselistdiv .courselist .courseimg img{ width:100%;}
    .star{ width:15px;margin:2px 1px;}
    .star img{width:15px; height:15px;}
    .onlinecourse .courselistdiv .sortcontent .modulediv .modulecontent{ height:45px;line-height:125%;}

    .registercontent .registtextdiv{ height:38px; background:#EBEBEB;border-radius:3px; margin-bottom:20px; padding:0;}
    .registercontent .registtextdiv span{ display:block; float:left;/*height:40px;line-height: 40px;*/}
    .registercontent .registtextdiv .registicon{ width:30px; text-align:center;}
    .registercontent .registtextdiv .registicon img{ width:25px; margin-left:8px;}
    .registercontent .registtextdiv .viewicon{ padding:3px 0 0 5px; cursor:pointer; margin-right:10px;}
    .registercontent .registtextdiv .viewicon img{ width:25px;}
    .registercontent .verificode .registbtndiv .registbtn{height:38px; font-size:12px; padding:0;}
    .registercontent .verificode .registbtndiv .registbtnnull{height:36px; font-size:12px;}
    .registercontent .verificode .registbtndiv .registbtn1{ height:36px; font-size:12px; padding:0;}

    .registercontent .registtextdiv .registtextspan .registtext{height:38px; /*line-height:35px;*/ padding-left:10px;}
    .registercontent .registbtndiv2{ height:42px; margin:15px 0 5px 0;}
    .registercontent .registbtndiv2 .registbtn2{ height:42px;width:100%; font-size:16px;line-height: 42px;color:#FFF; background:#09F; border:none;border-radius:5px;  padding:0;}
    .registercontent .registbtndiv2 .registbtn3{ height:36px;width:100%; font-size:14px; color:#FFF; background:#FF5000; border:none;border-radius:3px; padding:0;}

    .registercontent .loginnow{font-size:14px;}
    .registercontent .regist{ font-size:14px;}
    .registercontent .registeredsucc .registersuccwords{ font-size:20px; margin-top:15px; color:#777;}
    .registercontent .registeredsucc .registersuccwords1{ font-size:16px; margin-top:15px; color:#777;}

    .a_banner-left .loginbox .loginbtndiv .loginbtn{ height:45px;font-size:20px;}
    .a_banner-left .loginbox .loginbtndiv .registerbtn{height:45px;font-size:20px;}

    .a_banner-left .loginbox .logintextdiv{ padding:15px 0; background:none;margin-top:20px; height:50px; border-bottom:1px solid #c7c7c7;}
    .a_banner-left .loginbox .logintextdiv .usericon .texticon{text-align:center; width:69px; float:left; font-size:25px;}
    .a_banner-left .loginbox .forgetenroll{ margin-top:14px; font-size:14px;}
    .a_banner-left .loginbox .loginbtndiv{ height:50px; margin-top:30px;}
    .a_banner-left .loginbox .third-partylogins .thirdtitle{ font-size:14px; color:#CCC;}
    .a_banner-left .loginbox .third-partylogins{ margin-top:45px;}
    .a_banner-left .loginbox .third-partylogins .download{font-size:14px; margin-top:10px;}

    .maintabcont{font-size:14px;}
    .librariesdiv .librarieslist .icon-right img{ width:18px; height:23px;}
    .librariesdiv .librarieslist .librarywords .readnum .num{ color:#999; margin:6px 2px 0 0; font-size:12px;}

    .onlinecourse .classifylabel .classifyleft .classleftlink{font-size:14px;}
    .onlinecourse .classifylabel .classifyleft{ width:120px; margin-top:50px;}
    .onlinecourse .classifylabel .classifyright a{ font-size:12px; margin:8px; height:18px;}

    .ftfcourselist .ftfcoursename .price .points{ color:#F60;font-size:14px;margin:0 10px;}

    .modulediv .lectuername .name{ font-size:18px;}
    .modulediv .lectuername .name span img{ width:69px; height:25px;}
    .modulediv .lectuername{ margin-left:0;}
    .modulediv .lectuername .abstract{ font-size:12px; color:#999; height:50px; overflow:hidden;}
    .searchdiv .searchtext{ float:left; width:80%; height:28px;}
    .searchdiv .searchbtn{ float:left;width:19%; height:28px;}

    .videoimg .playbtn{ position:absolute; width:70px; height:70px; left:50%; top:30%;margin-left: -35px;}
    .videoimg .playbtn.new{top:20%;}
    .videoimg .playbtn img{width:70px; height:70px;}
    .addpopup{ position:fixed;  width:385px; height:220px; z-index:15;  top:30%;}
    .courselist .schedule{background:#F2F2F2;border-radius:5px; font-size:16px; padding:10px;}
    .courselist .schedule .site{ font-size:20px; color:#CC0031; padding-left:18px;}
    .courselist .schedule .timeaddress{ color:#666; margin:5px 0 0 38px;}
    .courselist .schedule .sitenull{ color:#333;}
    .signupdiv .signuptextdiv .signtextlist .signername{ font-size:12px;}
    .courselist .schedule .site{ font-size:16px; color:#CC0031; padding-left:14px;}
    .signupcourses{ height:40px; text-align:center; line-height:40px; background:#F2F2F2; font-size:16px;}
    .documentfile .documentshare .shareicondiv .shareiconword{ font-size:15px; margin-top:6px; }
    .documentfile .documentshare .shareicondiv{ margin-top:10px; display:block;}
    .documentfile .documentshare span{ font-size:18px;}
    .documentfile .documentshare a{ color:#333; float:right;font-size:24px;}
    .documentfile .documentshare{ position:absolute; background:#FFF; width:100%; padding:12px 28px;z-index:10; display:none;}
    .starsspan1{ padding-top:0;}
    .olftfcoursediv .checkmore{ font-size:16px; color:#009AFF; line-height:25px; margin-top:5px; cursor:pointer;}
    .courselist .schedule .sitenull{ color:#333;}
    .registercontent .registtextdiv .registtextspan .field-validation-error{top:40px;left:10px;}
    .registercontent .loginnow{ margin-top:20px;}
    .pagination{bottom:-5px; }
    .third-partylogins .thirdpartydiv .partydiv{ margin:0 20px;}
    .third-partylogins .thirdpartydiv{ padding-left:50px;}
    div.coursecontent .classhourlist2 .body div.listcontent div.coursecontent{float:left;margin-left:20px; border-bottom:1px dashed #E4E4E4; height:40px; line-height:40px; width:75%; }
    .courseguide .courselisttable .courselist .courselistdiv .evaluatelist .apperevaluate{ padding:0; width:69%;}
    .a_banner-left .perinform .userheader{ float:left; margin-left:10px;}
    .a_banner-left .perinform{ padding:10px; padding-left:5%;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft{ margin-right:5px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft{ width:140px; margin-right:0; float:left;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft span{ display:block; float:left; width:120px; height:40px; border:1px solid #DDD; margin-left:2px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft .alipay{background:url('esm.images/pay1.png') no-repeat center center;background-size:90px 40px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft .wechat{background:url('esm.images/pay2.png') no-repeat center center;background-size:90px 40px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft input{ margin-top:15px;}
    .payokdiv{ margin:10px 0 0 60px;}
    .indivhead{ background:url('esm.images/indivbg1.png') center center; background-size:520px 393px;}
    .quesbankdetail .optiondiv{ margin:20px 0;line-height:30px;}
    .quesbankdetail .optiondiv .option{ text-align:center; width:36px; line-height:36px;height:36px;background:#FFF;border-radius:60px; border:1px solid #09F;color:#09F; margin-right:10px;}
    .quesbankdetail .optiondiv .acitved{ background:#09F; color:#FFF;}
    .quesbankdetail{font-size:16px; }
    .quesbankdetail .optiondiv .right{padding-top: 8px;}


    .integration .integratable .operatesource{ width:30%;}
    .myaccount .acctcontdiv .accountlist .onsale{width:80%; font-size:14px; margin-left:5px;}
    .safeverify{ position:absolute;display: none; width:250px; background:#F2F2F2; left:50%;margin-left: -125px; top:30%; padding:6px 10px; font-size:13px;}
    .amountpacket{ margin:215px 0 0 55px; font-size:55px; color:#F03D1E;}
    .amountpacket span{ font-size:24px; margin-left:10px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom .packetname{ text-align:center; position:absolute; bottom:220px; }
    .myexamcontent .myexamlist .scoredleft .rank{ font-size:12px; color:#999; margin-top:5px;}
    .myexamcontent .myexamlist .scoredleft .score{ /*margin-left:5px;*/ font-size:14px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom{position:absolute; bottom:10px; width:100%; padding:0 15px; color:#FFF;font-size:12px;}
    .hasgrabbed .grabsum{ position:absolute; top:5%; color:#CB0029; font-size:30px;}
    .hasgrabbed .grabsum span{ font-size:60px; margin-left:5px;}
    .mycouponlist .couponlist .couponlistmid .coupondiv .couponwords .coupontitle{ font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:220px;}
    .mycouponlist .couponlist .couponlistmid .coupondiv .couponwords .condition{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:200px;}
    .subtitle .title{ font-size:16px; font-weight:bold; float:left; width:71%;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
    .myaccount .userheaderdiv .useraccountdiv{width:78%;}

}

@media(max-width:440px){
    .myaccount .userheaderdiv .useraccountdiv{width:76%;}
}

@media(max-width:413px)
{
    .a_banner-right .a_banner-righticon .baniconbtn .banbtnname {font-size:12px}

    .a_banner-left .usercourselistdiv .courselist{ padding-left:20%;}
    .onlinecourse .courselistdiv .courselist .coursename a{display:block; width:180px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }

    .ftfcourselist .ftfcoursename a{text-overflow:ellipsis;width:180px; white-space:nowrap; overflow:hidden;display:block;  }
    .ftfcourselist .ftfcoursename .price .points{ color:#F60;font-size:14px;margin:0 10px;}
    .onlinecourse .courselistdiv .courselist .learnnum{ color:#aaa; font-size:12px;}
    .videoimg .playbtn{ position:absolute; width:65px; height:65px; left:50%;margin-left: -33px; top:35%;}
    .videoimg .playbtn.new{top:14%;}
    .videoimg .playbtn img{width:65px; height:65px;}
    .courseguide .guidetitle{ font-size:18px;}
    .courseguide .guide .pricepoints span{ font-size:16px; margin-right:2px;}
    .courseguide .guide .lecturer .learnnum{ margin-left:16px; font-size:12px;}
    .listtabdiv{ line-height:30px;}
    .listtabdiv .actived{border-bottom:2px solid #09F; color:#09F;}
    .courseguide .courselisttable .courselist .list{ margin:10px 0 10px 20px;font-size:14px;}

    .addpopup .popupfilter{position:absolute; width:100%; height:100%; background:#000;border-radius:5px;opacity:0.8; filter:alpha(opacity:80);}
    .addpopup .popupwords{width:100%; height:100%;position:absolute; z-index:15;}
    .addpopup .popupwords .addsucceed{ height:120px; border-bottom:1px solid #CCC;}
    .addpopup .popupwords .addsucceed .addsucceedimg{ width:60px; height:40px; float:left; margin:30px 10px;}
    .addpopup .popupwords .addsucceed .addsucceedimg img{width:60px; height:60px;}
    .addpopup .popupwords .addsucceed .addsucceedwords{ float:left; width:200px; margin-top:30px;}
    .addpopup .popupwords .addsucceed .addsucceedwords .succeedwords{ font-size:20px; color:#FFFF00;}
    .addpopup .popupwords .addsucceed .addsucceedwords .succeed{ font-size:16px; color:#CCC;}
    .addpopup .popupwords .addbtndiv{ height:40px; line-height:40px; color:#FFF; font-size:16px;}
    .addpopup .popupwords .addbtndiv span{ width:49%; text-align:center; display:inline-block; cursor:pointer; float:left;}
    .addpopup .popupwords .addbtndiv .line{height:100%; width:1px; background:#FFF;}

    .bottombtn{ height:65px; position:fixed; z-index:10; width:100%; bottom:0;}
    .bottombtn .bottomfilter{height:100%;position:absolute;opacity:0.7; filter:alpha(opacity:70); width:100%;background:#000;}
    .bottombtn .bottombtndiv{height:100%;width:100%;position:absolute;z-index:10; margin-top:13px;}
    .bottombtn .bottombtndiv span{ text-align:center;}
    .bottombtn .bottombtndiv span input{ width:100%; height:38px; font-size:14px; color:#FFF;border-radius:5px; border:none;}
    .bottombtn1{ background:#FF5000;font-size:14px;}
    .bottombtn2{ background:#09F;font-size:14px;}
    .bottombtn3{ font-size:14px;}
    .bottombtn4{ font-size:14px; background:#FFF;}

    .courselist .schedule{background:#F2F2F2;border-radius:5px; font-size:14px; padding:5px;}
    .courselist .schedule .timeaddress{ color:#666; margin:2px 0 0 34px;}



    .documentfile .documentfiletit .filetitle{ font-size:18px;}
    .documentfile .filecontent{ font-size:13px; color:#666; padding:10px;}
    .documentfile .filecontent p{ text-indent:2em; margin-bottom:20px; line-height:180%;}
    .courselist .schedule .sitenull{ color:#333;}
    .documentfile .documentshare .shareicondiv .shareiconword{ font-size:12px; margin-top:4px;}
    .documentfile .documentshare span{ font-size:14px;}
    .documentfile .documentshare a{ color:#333; float:right;font-size:20px;}
    .documentfile .documentshare{ position:absolute; background:#FFF; width:100%; padding:10px;z-index:10; display:none;}
    .ftfcourselist .ftfcoursename .enrollnum{ color:#999; font-size:12px;}
    .indivhead .indivnum{ height:60px; margin-top:23px; position:relative;}
    .indivhead .indivnum .indivwords{width:100%; position:absolute; z-index:5; color:#FFF; padding:8px 0;}
    .indivhead .indivnum .indivwords .numdiv{ float:left; width:20%; text-align:center; font-size:12px;line-height: 22px;}
    .indivdetails .indivlistdiv .titledetail{ font-size:14px;}
    .indivdetails .indivlistdiv .numdetails{ font-size:12px; color:#999; margin-top:5px;}
    .indivhead .indivheadimg img{ width:80px; height:80px; border-radius:50%;}
    .indivhead .indivname{ text-align:center; color:#FFF; font-size:16px; margin-top:10px;}
    .registercontent .registtextdiv .registtextspan{width:83%;}
    .registercontent .registtextdiv .registtextspan.short{width: 80%;}
    .addpopup{ position:fixed;width:280px; height:160px; z-index:15; top:30%;}
    .addpopup .popupwords .addsucceed .addsucceedwords1{ width:250px; margin:20px 0 0 20px;}
    .addpopup .popupwords .addsucceed .addsucceedwords1 .succeedwords{ font-size:20px; color:#FFFF00;}
    .addpopup .popupwords .addsucceed .addsucceedwords1 .succeed{ font-size:16px; color:#CCC;}
    .addpopup .popupwords .addsucceed{ height:100px; border-bottom:1px solid #CCC;}
    .addpopup .popupwords .addbtndiv{ height:60px; line-height:60px;}
    .addpopup .popupwords .addbtndiv span{ width:49%; text-align:center; display:inline-block; cursor:pointer; float:left; font-size:16px;}
    .pagination{bottom:-15px; }
    .swiper-pagination-switch {width:8px; height:8px; }
    .librariesdiv .librarieslist .icon-right{ margin-top:15px; float:right;}
    .third-partylogins .thirdpartydiv{padding-left:0px;}
    .third-partylogins .thirdpartydiv .partydiv{ margin:0 13px;}
    .price{ font-size:12px;color:#999; margin-top:5px;}
    .a_maincontdiv .coursecontent .coursediv2 .coursename2 a{color:#333; display:block; height:38px; overflow:hidden;text-overflow:ellipsis;}
    .a_banner-left .perinform .userheader img{border-radius:100px; border:5px solid #3D3D3D; width:60px; height:60px;}
    .a_banner-left .perinform .userheader .imghover{border-radius:100px; border:2px solid #927F2C; width:60px; height:60px; box-shadow:0 0 30px 0 #F8CC0F;}

    .a_banner-left .perinform .userinform{margin:0 0 0 5px;}
    .a_banner-left .perinform .userinform .useraccount{font-size:13px;color:#CCC;margin:2px 0;}
    .errorsdiv .pageerror{ font-size:20px; }
    .a_banner-left .loginbox{ padding:0 10px; margin-top:100px;}
    .registercontent .verificode .registbtndiv{ padding:0 1%;}
    div.coursecontent .classhourlist2 .body div.listcontent div.coursecontent{float:left;margin-left:20px; border-bottom:1px dashed #E4E4E4; height:40px; line-height:40px; width:70%; }
    .courselist .schedule .site{ font-size:16px; color:#CC0031; padding-left:8px;}
    .courseguide .courselisttable .courselist .courselistdiv .evaluatelist .apperevaluate{ padding:0; width:64%;}
    .a_banner-left .perinform{ padding:0;}
    .coursename .design{ margin:2px 0;}
    .coursename .name{  width:100%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
    .allquestion{ left:130px;}
    .myaccount .accountright{ margin-left:10px;}
    .myaccount .userheaderdiv{ padding:10px; background:#FFF; margin-top:20px;}
    .myaccount .userheaderdiv .userheader img{ width:60px; border-radius:5px; height:60px;}



    .myaccount .userheaderdiv .accountright{ float:right; cursor:pointer; color:#CACACF; margin-top:7px;font-size:20px;}
    .myaccount .userheaderdiv .useraccountdiv .username{ font-size:15px;}
    .myaccount .userheaderdiv .useraccountdiv .useraccount{ margin-top:2px;}
    .myaccount .acctcontdiv{ padding:0 10px; background:#FFF; margin-top:20px;}
    .myaccount .acctcontdiv .accountlist .acctwords{ font-size:15px; margin:0 0 0 5px;}
    .myaccount .acctcontdiv .accountlist .price{ float:right; font-size:14px;}
    .myaccount .acctcontdiv .accountlist .fa-angle-right{float:right; color:#CCC; font-size:20px; margin-top:5px;}
    .myaccount .exitlogin{ padding:0 10px;}
    .myaccount .userheaderdiv .headerwords{ margin-top:20px;}
    .purchase .purtitle .settlebtn input{float: right; width:70px; height:30px; font-size:14px;}
    .purchase .purtitle .totalprice{margin-top:5px;}
    .purchase .purchcontent .purchlist .courseimg{ margin-left:5px;}
    .purchase .purchcontent .purchlist .price{ margin-top:0;}
    .purchase .purchcontent .purchsettle .purchsetdiv{ margin-top:5px; font-size:14px;}
    .purchase .purchcontent .purchlistdiv{min-height:240px;}
    .price .pricenum{ color:#E85308;font-size:15px; margin-right:5px;}
    .price .pricenum.new{font-size: 14px;margin-right: 0;}
    .price .points{ color:#E85308;font-size:15px;margin:0 5px;}
    .price .integral{font-size:15px; margin-left:5px; color:#008800;}
    .purchase .purchcontent .purchlist .coursename{ padding:0;}
    .integralspan{ font-size:12px;}
    .surintegral{ margin-left:5px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft{ width:110px; margin-right:0; float:left;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft input{ margin-top:10px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft span{ display:block; float:left; width:90px; height:30px; border:1px solid #DDD; margin-left:2px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft .alipay{background:url('esm.images/pay1.png') no-repeat center center;background-size:75px 30px;}
    .purchase .paymethod .methodlist .payextra .paymet .paymetleft .wechat{background:url('esm.images/pay2.png') no-repeat center center;background-size:75px 30px;}
    .testpaper .testpaperlist .papercontent .paperleft{ float:left; color:#999; font-size:12px; width:223px; margin-top:5px;}
    .testpaper .testpaperlist .papercontent .paperleft span{ display:inline-block; width:109px;}
    .testpaper .testpaperlist .papercontent .paperright input{height:38px;background:#009AFF; color:#FFF; font-size:12px; border:none;}
    .testpaper .testpaperlist .papericon{ float:left; width:25px; height:25px;border-radius:60px; background:#009AFF; color:#FFF; text-align:center; line-height:25px; font-size:18px;}
    .testpaper .testpaperlist .papercontent{margin-left:27px;}
    .testpaper .testpaperlist{ background:#FFF; padding:7px 5px; border-bottom:1px solid #DDD;}
    .myaccount .acctcontdiv .accountlist .accounttext{ width:75%;border-radius:2px;}
    .myaccount .acctcontdiv .accountlist .accounttext1{ width:100%;border-radius:2px;}

    .payokwords{ float:left; margin:5px 10px;}
    .paymentok{ color:#58C107; font-size:48px; float:left;}
    .payokwords .payoktitle{ font-size:20px; color:#666;}
    .payokdiv{ margin:10px 0 0 40px;}
    .chpwddiv{ margin-left:85px;}
    .myaccount .acctcontdiv .accountlist .accountnum{ color:#999; font-size:15px; margin-top:3px; padding:0;}
    .testtime{ font-size:13px;}
    .testexplain .testexpdiv{ margin-top:20px;}
    .testexplain .testexpdiv .testexptitle{ font-size:15px; font-weight:bold; margin-bottom:5px; color:#808080;}
    .promptfloat .profloat{padding:0 8px;}
    .librariesdiv .librarieslist .liblist-right{ margin-top:15px; float:right;}
    .indivhead{ background:url('esm.images/indivbg1.png') no-repeat center top; background-size:413px 312px;}
    .courselistdiv .courselist .learnnum{ margin-top:0;}
    .addpopup{ position:absolute;  width:300px; height:161px; z-index:15;top:0; left:3%;}
    .quesbankdetail .optiondiv .option{ margin-top:0;text-align:center; width:36px;height:36px;background:#FFF;border-radius:50%; border:1px solid #09F;color:#09F; margin-right:10px; font-size:18px;line-height:34px; }
    .quesbankdetail .optiondiv .acitved{ background:#09F; color:#FFF;}
    .quesbankdetail{font-size:16px;}
    .quesbankdetail .optiondiv{ margin:20px 0 0 0;line-height:30px;}
    .quesbankdetail .optiondiv .right{padding-top: 8px;}

    .bottombtn .bottombtndiv .fliptext{ margin-top:10px; font-size:15px;}
    .bottombtn .bottombtndiv .fliptext .fa-angle-left{ margin-right:10px; font-size:18px;}
    .bottombtn .bottombtndiv .fliptext .fa-angle-right{ margin-left:10px;font-size:18px;}
    .purchase .paymethod .paymetlist .paymetright{ float:right; margin:10px 0;  font-size:18px;}
    .purchase .paymethod .paymetlist .paymetleft{ float:left; width:40px; height:40px;border-radius:5px;}
    .purchase .paymethod .paymetlist .paymetwords{ float:left; margin-left:5px; font-size:12px; color:#999;}
    .amountpacket{ margin:170px 0 0 45px; font-size:50px; color:#F03D1E;}
    .amountpacket span{ font-size:24px; margin-left:10px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom .packetname{ text-align:center; position:absolute; bottom:200px; }
    .mycouponlist .couponlist .couponlistmid .coupondiv .couponwords .coupontitle{ font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:150px;}
    .mycouponlist .couponlist .couponlistmid .coupondiv .couponwords .condition{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:140px;}



}
@media(max-width:350px)
{
    .indivhead{ background:url('esm.images/indivbg1.png') no-repeat center top; background-size:350px 290px;}
    .myaccount .acctcontdiv .accountlist .accountlabel{ width:200px;}
    .safeverify{ position:absolute; width:250px; background:#F2F2F2; left:50%;margin-left: -125px;top:30%; padding:6px 10px; font-size:13px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom .packetbottomlist{ margin-top:5px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom1 .packetbottomlist{ margin-top:5px;}
    .amountpacket{ margin:145px 0 0 35px;font-size:50px; color:#F03D1E;}
    .amountpacket span{ font-size:24px; margin-left:10px;}
    .grabpackets .grabpacketsdiv .grabpacketbottom .packetname{ text-align:center; position:absolute; bottom:180px; }

    .myexamcontent .myexamlist .scoredleft .scorebg1{border:3px solid #09F;}
    .myexamcontent .myexamlist .scoredleft .scorebg2{border:3px solid #F90;}
    .moreexam{ text-align:center; margin-top:10px; font-size:14px;}
    .membertextdiv{font-size:12px; }
    .membertextdiv .memberwords{ font-size:14px;line-height: 35px;}
    .hasgrabbed .grabsum{ position:absolute; top:0; color:#CB0029; font-size:30px;}
    .hasgrabbed .grabsum span{ font-size:55px; margin-left:5px;}
    .hasgrabbed .grabsumform{ position:absolute; bottom:0; height:58%; padding:0 10%; width:100%; text-align:center; font-size:15px;}
    .hasgrabbed1 .grabsum{ position:absolute; top:25%; color:#CB0029; font-size:30px; right:10%;}
    .mycouponlist .couponlist .overdueicon{ position:absolute; right:0;background:url('esm.images/overdue.png') no-repeat; width:40px; height:40px; right:10px; top:50px;background-size:40px 40px;}
    .subtitle .title{font-size:16px; font-weight:bold; float:left; width:66%;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
    .bottombtn1{ font-size:13px;}
    .bottombtn2{ font-size:13px;}
    .bottombtn3{ font-size:13px;}
    .bottombtn4{ font-size:13px; background:#FFF;}

    .myworks .myworkdiv .myworkdivlist .myworktitle .titleright .worktitle{ font-size:13px;}
    .myworks .myworkdiv .myworkdivlist .myworktitle{ padding:10px 0 10px 5px; background:#F2F2F2;}
    .myworks .myworkdiv .myworkdivlist .myworkcontent{ background:#FFF; padding:10px;}
    .myworks .myworkdiv .myworkdivlist .myworktitle .titleright{ float:left; width:83%;}
    .myworks .myworkdiv .myworkdivlist .myanswerdiv{ background:#FFF; padding:10px;}
    .testreport .testinform{ margin-top:10px; font-size:12px;}
    .handinwork{ padding:0;}
    .addcollectbtn .addbtn input{ height:38px; border-radius:5px; border:none; width:100px; color:#FFF; font-size:16px; margin-right:2px;}

}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}
::-webkit-scrollbar{
    width: 0;
    height: 0;
}
.new-header-home{
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url("esm.images/header_home.png") center no-repeat;
    background-size: 25px 23px;
}
.new-header-time{
    width:100%;
    font-size: 18px;
    color: #009aff;
    text-align: center;
}
.new-sign{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 25px;
    background:url("esm.images/sign.png") right center no-repeat;
    background-size: 16px 21px;
}
.new-sign.already{
    content: "";
    background:url("esm.images/signed.png") right center no-repeat;
    background-size: 16px 21px;
}
.exam-footer {
    position: fixed;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    border-top: 1px solid rgb(204,204,204);
}
.e-f-btn{
    position: absolute;
    top: 10px;
    width: 110px;
    height: 38px;
    border-radius: 5px;
    background: #188eee;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    text-align: center;
}
.e-f-btn:link,
.e-f-btn:hover{
    text-decoration: none;
    color: #fff;
}
.e-f-btn.prev{
    left: 10px;
}
.e-f-btn.next{
    right: 10px;
}
.e-f-btn.over{
    right: 10px;
    background: #ff6600;
}
.e-f-center{
    display: block;
    width: 50px;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 12px;
    color:#009aff;
    text-align: center;
}
.e-f-center span{
    display: block;
    margin: 0 auto 3px;
    width: 24px;
    height: 18px;
    background: url("esm.images/icon-card.png") center no-repeat;
    background-size: 100% 100%;
}
.e-f-center:hover{
    text-decoration: none;
    color:#09f;
}
.mark.new-mark{
    opacity: .5;
}
.new-filter{
    width: 100%;
    background: #f9f9f9;
    overflow: hidden;
}
.new-filter li{
    position: relative;
    float: left;
    width: 33.33%;
    /*overflow: hidden;*/
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
}
.new-filter li:last-child{
    border-right: 0;
}
.new-filter li a{
    position: relative;
    display: block;
    height:42px;
    color: #000;
    padding:0 15px;
}
.new-filter li a.selected{
    background: #e7e7e7;
}
.fa-angle-new:before{
    content:"\f107";
}
.fa-angle-new.selected:before{
    content:"\f106";
}
.new-filter li span{
    float: none;
    display: block;
    width: 100%;
}
.new-filter li span.search{
    /*width: 76%;*/
}
.new-filter-arrow{
    position: absolute;
    right: 8px;
    top: 0;
    margin-right: 0!important;
    color: #b3b3b3;
    font-size: 18px;
    line-height: 42px;
}
.filter-bottom-arrow{
    position: absolute;
    left: 50%;
    bottom: -3px;
    z-index: 50;
    margin-left: -10px;
    width: 20px;
    height: 10px;
    background:url("esm.images/new-filter-bottom.png") center no-repeat;
    background-size: 100% 100%;
}
.new-filter li a.selected .filter-bottom-arrow{
    display: block;
}
.new-filter-search{
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 20px;
    color: #999;
    line-height: 20px;
}
.filter-con{
    position: fixed;
    left: 0;
    top: 43px;
    z-index: 100;
    width: 100%;
    background: #fff;
    /*-webkit-animation:bounceInDown .3s ease-in 0s;
    -moz-animation:bounceInDown .3s ease-in 0s;
    -ms-animation:bounceInDown .3s ease-in 0s;
    animation:bounceInDown .3s ease-in 0s;*/
}
.filter-list{
    width: 33.33%;
    float: left;
    overflow-y: auto;
    margin-bottom: 0;
}
.filter-list li{
    /*position: relative;
    z-index: 999;*/
    width: 100%;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.filter-list li a{
    display: block;
    color: #000!important;
    width: 100%;
    font-size: 14px!important;
    height: 50px;
    line-height: 50px;
    padding-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.filter-list li a.selected{
    color: #009aff!important;
}
.filter-list.first-col{
    background: #f4f4f4;
}
.filter-list.second-col{
    background: #f9f9f9;
}
.filter-list.first-col li a.selected{
    border-left: 4px solid #009aff;
    background: #fff;
}
.filter-list.second-col li a.selected{
    background: #fff;
}
.filter-list.full-col{
    float: none;
    width: 100%;
}
.filter-list.full-col li{
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
}
.filter-list.full-col li a{
    padding-left: 20px;
}
.filter-list.full-col li a.selected{
    border-left: 4px solid #009aff;
    background: #f4f4f4;
    padding-left: 16px;
}
.filter-search-box{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 4px 0;
}
.filter-search-input{
    float: left;
    width: 80%;
    height: 37px;
    border: 0;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
}
.filter-search-btn{
    float: left;
    width: 20%;
    height: 37px;
    background: #fff;
    border-radius: 0;
    border: 0;
    border-left: 1px solid #e4e4e4;
    font-size: 13px;
    color: #000;
    text-align: center;
    /*line-height: 37px;*/
}
.filter-key-words{
    width: 100%;
    background: #fff;
    overflow-y: auto;
}
.filter-key-words a{
    display: block;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
    line-height: 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.my-course-nav{
    width: 100%;
    border-top:1px solid #e4e4e4;
    background: #f4f4f4;
    line-height: 50px;
}
.my-course-left{
    float: left;
    width: 70%;
}
.my-course-right{
    float: left;
    width: 30%;
}
.swiper-text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding:0 30% 0 10px;
    background: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.news-list{
    width: 96%;
    margin: 0 auto;
}
.news-list.new,
.news-list.related,
.news-list.list{
    width: 100%;
}
.news-list.new li,
.news-list.related li,
.news-list.list li{
    padding: 0 2%;
}
.news-list.new li:last-child,
.news-list.related li:last-child{
    border-bottom: 0;
}
.news-list.related .news-info{
    margin-top: 8px;
}
.news-list li{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}
.news-list li a{
    display: block;
    padding: 10px 0;
}
.news-list li img{
    float: left;
    width: 100%;
    padding-right: 10px;
}
.news-title{
    width: 100%;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-info{
    width: 100%;
    height: 30px;
    font-size: 12px;
    line-height: 15px;
    color: #666;
    overflow: hidden;
}
.news-date{
    width: 100%;
    height: 16px;
    background: url("esm.images/date.png") left no-repeat;
    background-size: 13px 13px;
    padding-left: 16px;
    font-size: 12px;
    color:#999;
    line-height: 16px;
}
.news-con{
    width: 96%;
    margin: 0 auto;
}
.news-c-info{
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid #e4e4e4;
    color: #999;
}
.news-c-img{
    width: 98%;
    margin: 0 auto;
}
.news-c-img img{
    display: block;
    width: 100%;
}
.news-detail{
    width: 100%;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    overflow-x: hidden;
}
.news-detail img{
    max-width: 96%!important;
}
.btnsave{
    display: block;
    margin: 20px auto;
    width: 80px;
    height: 35px;
    border: 0;
    border-radius: 5px;
    background: #09f;
    font-size: 14px;
    color: #fff;
}
#h5uploader{
    position: absolute;
    bottom: 0!important;
    left:16px!important;
    display: block;
    opacity: 0;
    width: 100px;
    height: 48px;
}
/*遮罩层*/

.mask{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.mask.new-mask{
    /*background: rgba(0,0,0,.8);*/
    position: absolute;
    z-index: 120;
    height: 45px;
}
.mask.new{
    position: absolute;
    z-index: 100;
}
.wenku-imageview .mask{
    z-index: 0;
}
/***活动详情查看弹窗***/
.spoc-ac-explain{
    position: fixed;
    top:20%;
    left: 5%;
    width: 90%;
    z-index: 200;
    border-radius:3px;
    background: #fff;

}
.sp-explain-box{
    width:100%;
    max-height: 200px;
    overflow: auto;
    padding-bottom:10px;
}
.spoc-ac-explain h3{
    font-size:14px;
    color:#000;
    text-align: center;

}
.spoc-ac-explain span{
    display: block;
    font-size:12px;
    color:#666;
    line-height:20px;
}
.sp-explain-btn{
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #e4e4e4;
}
.sp-btn-sure{
    width: 100%;
    height: 45px;
    border: 0;
    border-radius:3px;
    background: #fff;
    font-size: 14px;
    color: #1e1e1e;
    text-align: center;
    line-height: 45px;
}

/*绑定弹窗*/
/*.bind-box{
    box-sizing: border-box;
    top: 20%;
    left: 4%;
    width: 92%;
    z-index: 100;
    border: 1px solid #09f;
    border-radius: 5px;
    background: #fff;
}
.bind-title{
    margin: 0;
    width: 100%;
    height: 40px;
    !*border-radius: 5px 5px 0 0;*!
    background: #09f;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;

}*/
.bind-i{
    width: 84%;
    margin: 0 auto;
}
.bind-btn{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}
.kk-con{
    width: 100%;
}
.kk-con img{
    max-width: 100%;
}
.kk-btn{
    display:block;
    width: 94%;
    height: 42px;
    border: 0;
    border-radius: 5px;
    background: #04be02;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 42px;
}
.kk-btn:hover,
.kk-btn:focus{
    color: #fff;
    opacity: .8;
}
.kk-btn.long{
    width: 100%;
}
.kk-btn.no{
    border: 1px solid #ccc;
    background: #D7D7D7;
    color: #999;
    pointer-events: none;
}
.k-line{
    width: 100%;
    padding: 0 3%;
}
.k-label{
    width: 65px;
    line-height: 35px;
    margin-bottom: 0;
    font-weight: normal;
}
.k-label span{
    font-size: 14px;
    color:#FF0000;
}
.k-input{
    width: 77%;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    padding: 0 10px;
    font-size: 14px;
}
.k-input.verify{
    width: 38%;
}
.k-v-btn{
    margin-left: 3%;
    width: 31%;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #E4E4E4;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
}
.k-v-btn.new{
    height: 37px;
}
.k-v-btn.verifying{
    background: #ccc;
    color: #fff;
}
.k-img{
    width: 100px;
    height: 57px;
}
.kk-input{
    width: 70%;
    height: 40px;
    border: 0;
    background: #fff;
    font-size: 12px;
    text-align: right;
    color: #999;
}
.k-s-line{
    margin: 0 auto;
    width: 50%;
    height: 43px;
    line-height: 43px;
}
.k-s{
    display: inline-block;
    width: 37px;
    height: 43px;
    background: url('esm.images/ico2.png') no-repeat -25px 0;
}
.k-footer{
    left: 0;
    bottom: 10px;
    width: 100%;
}
.k-v-line{
    display: block;
    width: 94%;
    height: 36px;
    margin: 15px auto 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
}
.k-v-line.short{
    float:left;
    width:59%;
    margin-left:3%
}
.k-v-line.long{
    width: 100%;
}
.k-v-line.warn{
    background: #ffffcc;
}
/*.k-v-input{
    display: block;
    width: 100%;
    height: 36px;
    border: 0;
    background: transparent;
    padding: 0 10px 0 20px;
    color: #666;
    font-size: 13px;
}*/
.k-v-warn{
    top: 0;
    right: 10px;
    color: #cc0000;
    line-height: 38px;
    font-size: 12px;
}
.new-head-setting{
    top: 0;
    right: 10px;
    width: 40px;
    height: 30px;
    border-radius: 10px;
    background: #333;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.btnsave{
    display: block;
    margin: 20px auto;
    width: 80px;
    height: 38px;
    border: 0;
    border-radius: 5px;
    background: #09f;
    font-size: 14px;
    color: #fff;
}
#h5uploader{
    position: absolute;
    bottom: 0!important;
    left:16px!important;
    display: block;
    opacity: 0;
    width: 100px;
    height: 48px;
}
/*绑定弹窗*/
.bind-box{
    box-sizing: border-box;
    top: 20%;
    left: 4%;
    width: 92%;
    z-index: 100;
    border: 1px solid #09f;
    border-radius: 5px;
    background: #fff;
}
.bind-title{
    margin: 0;
    width: 100%;
    height: 40px;
    /*border-radius: 5px 5px 0 0;*/
    background: #09f;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;

}
.bind-i{
    width: 84%;
    margin: 0 auto;
}
.bind-btn{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}
.kk-con{
    width: 100%;
}
.kk-con img{
    max-width: 100%;
}
.kk-btn{
    display:block;
    width: 94%;
    height: 42px;
    border: 0;
    border-radius: 5px;
    background: #04be02;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 42px;
}
.kk-btn:hover,
.kk-btn:focus{
    color: #fff;
    opacity: .8;
}
.kk-btn.no{
    border: 1px solid #ccc;
    background: #D7D7D7;
    color: #999;
    pointer-events: none;
}
.k-line{
    width: 100%;
    padding: 0 3%;
}
.k-label{
    width: 65px;
    line-height: 35px;
    margin-bottom: 0;
    font-weight: normal;
}
.k-label span{
    font-size: 14px;
    color:#FF0000;
}
.k-input{
    width: 75%;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    padding: 0 10px;
    font-size: 14px;
}
.k-v-btn{
    margin-left: 3%;
    width: 32%;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #E4E4E4;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
}
.k-v-btn.new{
    height: 37px;
}
.k-v-btn.verifying{
    background: #ccc;
    color: #fff;
}
.k-img{
    width: 100px;
    height: 57px;
}
.kk-input{
    width: 70%;
    height: 40px;
    border: 0;
    background: #fff;
    font-size: 12px;
    text-align: right;
    color: #999;
}
.k-s-line{
    margin: 0 auto;
    width: 50%;
    height: 43px;
    line-height: 43px;
}
.k-s{
    display: inline-block;
    width: 37px;
    height: 43px;
    background: url('esm.images/ico2.png') no-repeat -25px 0;
}
.k-footer{
    left: 0;
    bottom: 10px;
    width: 100%;
}
.k-v-line{
    display: block;
    width: 94%;
    height: 36px;
    margin: 15px auto 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
}
.k-v-line.short{
    float:left;
    width:59%;
    margin-left:3%
}

.k-v-line.warn{
    background: #ffffcc;
}
.k-v-input{
    display: block;
    width: 100%;
    height: 36px;
    border: 0;
    background: transparent;
    padding: 0 10px 0 20px;
    color: #666;
    font-size: 13px;
}
.k-v-warn{
    top: 0;
    right: 10px;
    color: #cc0000;
    line-height: 38px;
    font-size: 12px;
}
.account-new{
    position: absolute;
    left: 39px;
    bottom: 7px;
    font-size: 12px;
    color: #999;
}
.new-balance-list{
    width: 100%;
}
.new-balance-list li{
    width: 100%;
    margin-bottom: 20px!important;
    background: #fff;
    line-height: 50px;
}
.new-balance-list li a{
    display: block;
    padding: 0 15px;
}

.new-balance-list .fa-angle-right {
    float: right;
    color: #ccc;
    font-size: 30px;
    line-height: 50px;
}
.new-download{
    width: 90px;
    height: 30px;
    border-radius: 5px;
    background: #ff6600;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}
.order-title{
    width: 100%;
    border-bottom: 1px dotted #e4e4e4;
    font-size: 13px;
    color: #666;
    line-height: 45px;
}
.order-del-link{
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 12px;
    color: #f39800;
    line-height: 45px;
}
.order-title.new{
    border-bottom: 1px solid #e4e4e4;
    line-height: 30px;
}
.order-check-line{
    height: 20px;
}
.order-check{
    width: 15px;
    height: 15px;
    margin-right: 5px!important;
}
.new-order-list{
    width: 100%;
}
.new-order-list li a{
    position: relative;
    padding: 10px 25px 10px 5px;
}
.new-order-list li h3{
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
}
.new-order-list.new li{
    border-top: 1px dashed #e4e4e4;
    border-bottom: 0;
}
.new-order-list.new li:first-of-type{
    border-top:0;
    border-bottom: 0;
}
.new-order-img{
    position: relative;
    width: 130px;
    height: 73px;
    overflow: hidden;
}
.new-order-img img{
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.new-order-info{
    padding-left: 140px;
    padding-top: 6px;
}
.new-order-line{
    position: relative;
    height: 36px;
    padding: 0 80px 0 65px;
}
.new-order-label{
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    font-size: 13px;
    color: #333;
    line-height: 36px;
}
.new-order-num{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    font-size: 12px;
    color: #333;
    line-height: 20px;
}
.new-select-line{
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
}
.new-select-line.short{
    width: 68%;
}
.new-select{
    width: 100%;
    height: 34px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    padding: 0 20px 0 5px;
    font-size: 12px;
    color: #333;
    -moz-appearance: none;
    -webkit-appearance: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-select-arrow{
    position: absolute;
    right: 0;
    top: 1px;
    width: 20px;
    font-size: 16px;
    color: #666;
    line-height: 34px;
}
.new-price-tag{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    color: #ff0000;
    line-height: 36px;
    text-align: right;
}
.new-trans-protocol {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    line-height: 36px;
    text-align: right;
}
.new-trans-protocol-checkbox {
    vertical-align: middle;
}
.new-price-code {
    float: left;
    margin-left: 2%;
    width: 30%;
    height: 36px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
    color: #333;
    text-align: center;
}
@media(min-width: 375px){
    .course-right-title{
        width: 78%;
    }
}
@media(min-width:414px){
    .course-right-title{
        width: 80%;
    }
}
@media(min-width: 600px){
    .course-right-title{
        width: 80%;
    }
}
@media(min-width: 768px){
    .course-right-title{
        width: 89%;
    }
}
.o-bottom {
    position: fixed;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    left: 0;
    width: 100%;
}
.order-box,
.new-order-bottom{
    width: 100%;
    border-top:1px solid #ccc;
    background: #f2f2f2;
    padding: 10px 5px;
}
.new-order-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    z-index: 30;
    padding: 5px 95px 5px 5px;
}
.order-box.new {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    height: 60px;
    padding: 0 10px 0 20px;
}
.order-bottom-label{
    margin: 0;
    width:65px;
    font-size: 13px;
    color: #333;
    line-height: 25px;
    text-align: right;
}
.order-input{
    width: 100%;
    height: 32px;
    border: 1px solid #c9c9c9;
    padding: 0 10px;
    font-size: 14px;
    color: #999;
}

.order-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 90px;
    height: 50px;
    color: #fff;
    border-radius: 3px;
    border: 0;
    font-size: 14px;
    background: #f19724;
}
.order-del-btn{
    width: 75px;
    height: 30px;
    margin-top: 7px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    font-size: 14px;
    color: #009aff;
    line-height: 28px;
    text-align: center;
}
.kk-state{
    background: #ff3300;
    font-size: 12px;
    color: #fff;
    padding: 3px;
}
.kk-nav{
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #999;
}
.kk-nav ul{
    width: 96%;
    padding-top:1px;
    margin: 0 auto;
}
.kk-nav li{
    float: left;
    margin-top: 1px;
    width: 32%;
    height: 38px;
    border: 1px solid #999;
    /*border-bottom: 0;*/
    border-radius: 5px 5px 0 0;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}
.kk-nav li+li{
    margin-left: 2%;
}
.kk-nav li.selected{
    border-bottom: 1px solid #fff;
    color: #22a622;
}
.kk-box{
    width: 94%;
    top: 30%;
    left: 3%;
    z-index: 85;
    border-radius: 8px;
    background: #fff;
}
.new-l-con{
    width: 100%;
}
.new-l-img{
    width: 160px;
    height: 160px;
}
.new-l-btn{
    margin: 20px auto 0;
    display: block;
    width: 100px;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: #2aabe6;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
}
.new-l-btn:hover{
    background: #178fc6;
}

/*微课程*/
.pagination.micro{
    z-index: 60;
    bottom: -10px;
}
.pagination.micro .swiper-pagination-bullet{
    margin: 0 5px;
    opacity: 1;
    background: #fff!important;
}
.pagination.micro .swiper-pagination-bullet-active{
    background: #5dd3a6!important;
}
.m-classify{
    width: 100%;
    margin: 15px 0!important;
}
.m-classify li{
    float: left;
    width: 25%;
}
.m-classify li a{
    display: block;
    width: 42px;
    margin: 0 auto;
}
.m-tag{
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 42px;
}
.m-title{
    display: block;
    margin-top: 5px;
    width: 100%;
    font-size: 14px;
    color: #666;
    font-style: normal;
    text-align: center;
}
.m-nav{
    width: 100%;
    padding: 10px 2%;
    background: #f2f2f2;
}
.m-nav-title{
    float: left;
    width: 85%;
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-nav-title span{
    float: left;
    margin-top: 1px;
    margin-right: 5px;
    width: 4px;
    height: 18px;
}
.m-c-p{
    margin-top: 5px;
    width: 100%;
    font-size: 12px;
    color: #00bb9c;
    line-height: 15px;
}
.m-c-p span{
    color: #00bb9c;
}
.m-head{
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 45px;
    background: #f4f4f4;
    padding: 0 2%;
    box-shadow: 2px 2px 2px 0 lightgray;
}
.m-c-h{
    display: block;
    width: 90%;
    height: 45px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 45px;
    color: #009999;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*.m-c-h em{
    display: inline-block;
    max-width: 85%;
    font-style: normal;
}*/
.m-c-h span{
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    color: #00c0a0;
}
.m-c-back{
    position: absolute;
    left: -5px;
    top: 0;
    width: 40px;
    font-size: 30px;
    line-height: 45px;
    color: #009999;
    text-align: center;
}
.nav-list{
    position: fixed;
    top: 46px;
    left: 0;
    z-index: 90;
    width: 100%;
    background: #fff;
}
.nav-list table{
    width: 100%;
    table-layout: fixed;

}
.nav-list tr{
    border-bottom: 1px dashed #ccc;
}
.nav-list tr:last-child{
    border-bottom: 1px dashed rgba(255,255,255,0);
}
.nav-list td{
    width: 50%;
    font-size: 14px;
    line-height: 40px;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.nav-list td:nth-child(odd){
    border-right: 1px dashed #ccc;
}
.m-video{
    position: relative;
    width: 100%;
    /*height: 100%;*/
    /*height: 180px;*/
    /*padding-bottom:56.25%;*/
}
.m-video video{
    background: #000;
}
.m-video img{
    width: 100%;
    height: 100%;
}
.video-play {
    position: absolute;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background: url("esm.images/play-btn.png") center no-repeat;
    background-size: 68px 68px;
}
.video-play-micro{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    background: url("esm.images/play-btn.png") center no-repeat;
    background-size: 68px 68px;
}
.audio-play{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    background: url("esm.images/audio.png") center no-repeat;
    background-size: 70px 70px;
}
.m-back{
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 50;
    width: 50px;
    height: 50px;
    background:url("esm.images/arrow-back.png") center no-repeat;
    background-size: 28px 28px;
}
.m-tips{
    height: 36px;
    background: rgba(0,0,0,.7);
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
}
.m-tips a{
    text-decoration:underline!important;
    color:#ff9900;
}
.detail-nav{
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.detail-nav li{
    float: left;
    width: 25%;
    padding-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.detail-nav li.selected{
    border-bottom: 2px solid #009aff;
    color: #009aff;
}
.detail-content{
    width: 100%;
}
.detail-title{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 10px 5px 10px;
}
.d-con{
    border-bottom: 1px solid #f2f2f2;
    padding: 10px;
}
.d-t-info{
    width: 100%;
    margin-bottom: 0;
}
.d-t-info dt{
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.d-t-info dt img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.d-t-info dd{
    float: left;
    width: 80%;
}
.es-list{
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 2%;
}
.es-list dt{
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.es-list dt img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.es-list dd{
    float: left;
    width: 83%;
}
.es-e {
    position: fixed;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    left: 0;
    z-index: 50;
    width: 100%;
    background: #fff;
    padding: 10px 2%;
}
.es-e-input{
    width: 80%;
    height: 34px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    background: #fff;
    padding: 0 10px;
    font-size: 12px;
    color: #ccc;
}
.es-e-btn{
    width: 18%;
    height: 34px;
    border: 0;
    border-radius: 5px;
    background: #0099ff;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.es-e-btn.disabled{
    background: #ccc;
    pointer-events: none;
}
.es-e-text {
    position: fixed;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    left: 0;
    z-index: 100;
    width: 100%;
    /*height: 77%;*/
    background: #eee;
    padding: 10px 2%;
}
.es-e-o{
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
}
.es-e-o.cl{
    left: -2px;
    background: url("esm.images/m-close.jpg") center no-repeat;
    background-size: 25px 24px;
}
.es-e-o.sub{
    right: -2px;
    background: url("esm.images/m-ok.jpg") center no-repeat;
    background-size: 25px 24px;
}
.es-e-txt{
    display: block;
    width: 100%;
    border: 1px solid #d7d7d7;
    background: #fff;
    padding: 10px;
    font-size: 13px;
    resize: none;
}
.functions img{
    width: 20px;
    height: 19px;
}
/*支付索要发票*/
.receipt-nav{
    width: 100%;
    background: #fff;
    padding:10px 5px;
}
.receipt-con{
    width: 100%;
    padding:0 5px;
    background: #fff;
}
.receipt-label{
    position: absolute;
    left: 0;
    top: 0;
    width: 115px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    font-weight: normal;
}
.receipt-label span{
    color:#FF0000;
}
.receipt-input{
    display: block;
    width: 100%;
    -webkit-appearance: none;
    height:30px!important;
    border: 1px solid #ccc!important;
    border-radius: 3px;
    background: #fff;
    padding: 0 5px;
    font-size: 14px;
    color: #333;
}
.receipt-radio{
    margin: 7px 5px 0 0!important;
}
/*微课程文章列表*/
.m-article-list{
    width: 100%;
}
.m-article-list a{
    display: block;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
}
.m-article-list a:last-child{
    border-bottom: 0;
}
.m-article-title{
    margin: 0;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: bold;
}
.m-article-title.short{
    height: 40px;
    overflow: hidden;
}
.m-a-w{
    width: 68%;
    padding-right: 2%;
}
.m-a-tag{
    float: left;
    width: 75%;
    font-size: 12px;
    color: #00bc9c;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.m-a-num{
    float: right;
    font-size: 12px;
    color: #999;
    line-height: 15px;
}
.m-a-num span{
    margin-right: 3px;
    font-size: 12px;
    line-height: 15px;
}
.m-a-img{
    float: right;
    width: 32%;
}
.m-img-list{
    margin-top: 10px;
    width: 100%;
}
.m-img-list li{
    float: left;
    width: 32%;
}
.m-img-list li+li{
    margin-left: 2%;
}
.m-img-list li img{
    width: 100%;
}
.m-c-title{
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}
.m-c-title span{
    float: left;
    margin-right: 5px;
}
.m-c-title span:first-child{
    margin-right: 10px;
}
.m-a-con{
    margin-top: 15px;
    width: 100%;
}
.m-a-con img{
    display: block;
    max-width: 100%;
}
.m-a-related{
    width: 100%;
    border-top: 1px solid #999;
}
.m-a-title{
    margin: 0;
    padding:10px;
    font-size: 14px;
    color: #999;
}
.m-a-title span{
    float: left;
    margin-right: 5px;
    width: 6px;
    height: 14px;
    background: #0099cc;
}
.m-a-list{
    width: 100%;
    padding: 0 10px;
}
.m-a-list li{
    width: 100%;
    font-size: 14px;
    line-height: 28px;
}
.m-a-list li a{
    display: block;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*学习改进*/
.wx-s{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}
.wx-img{
    width: 96%;
    margin: 0 auto;
}
.wx-img img{
    width: 100%;
}
.wx-btn{
    display: block;
    margin: 10% auto 0;
    width: 120px;
    height: 45px;
    background: #0099ff;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}
.wx-btn:hover{
    color: #fff;
}
.exam-new-head{
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 2px 2px 2px 0 lightgray;
    z-index:130;
    width: 100%;
    height: 45px;
    background: #0099ff;
}
.exam-head-icons{
    position: absolute;
    top: 0;
    width: 40px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
}
.exam-head-icons:hover{color: #fff;}
.exam-head-icons.home{
    z-index: 100;
    left: 5px;
    font-size: 27px;
}
.exam-head-icons.card{
    z-index: 100;
    left: 50px;
    font-size: 20px;
    line-height: 43px;
}
.exam-head-icons.peg{
    z-index: 100;
    right:45px;
    font-size: 18px;

}
.exam-head-icons.peg.selected{
    color: #ff6600;
}
.exam-head-icons.faver{
    z-index: 100;
    right:50px;
    font-size: 20px;

}
.exam-head-icons.faver.selected{
    color: #ff6600;
}
.exam-head-icons.size{
    right: 5px;
    font-size: 23px;
}
.exam-head-icons.card.disabled,
.exam-head-icons.peg.disabled,
.exam-head-icons.size.disabled{
    z-index: 80;
    color: #c9c9c9;
    pointer-events: none;
}
.exam-head-icons.list{
    z-index: 100;
    left:0;
    font-size: 20px;
    text-indent: 5px;
}
.exam-time{
    display: block;
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
.exam-time.set{
    color: #ff9933;
}
.exam-time.disabled{
    font-size: 23px;
    color: #c9c9c9;
}
.size-box{
    position: absolute;
    right: 0;
    top: 46px;
    width: 50%;
    height: 45px;
    background: #0099ff;
}
.size-box a{
    float:left;
    width: 33.33%;
    color: #0060a3;
    text-align: center;
    line-height: 45px;
}
.size-box a.s-1{
    font-size:14px;
    /*line-height: 45px;*/
}
.size-box a.s-2{
    font-size:18px;
    /*line-height: 40px;*/
}
.size-box a.s-3{
    font-size:24px;
    /*line-height: 37px;*/
}
.size-box a.s-1.selected,
.size-box a.s-2.selected,
.size-box a.s-3.selected{
    color: #fff;
}
.course-info{
    width: 96%;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    line-height: 25px;
}
.course-info span{
    float: left;
    width:85px;
    padding-left: 5px;
}
.course-info em{
    display: block;
    padding-left: 85px;
    font-style: normal;
    color: #666;
}
.course-refer{
    width: 96%;
    margin: 25px auto 0;
    /*height: 50px;*/
    background: #f2f2f2;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    text-indent: 10px;
    font-weight: normal;
}
.course-refer.small{
    text-indent: 0;
    font-size: 14px;
    padding: 3px 5px;
    line-height: 20px;
}
.course-tag{
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 10px;
    background: url("esm.images/arrow-down.png") center no-repeat;
    background-size: 20px 10px;
}
.course-exam-icon{
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 30;
    margin-top: -50px;
    width: 100px;
    height: 100px;
}
.course-exam-icon.pass{
    background: url("esm.images/icon-exam-pass.png") center no-repeat;
    background-size: 100px 100px;
}
.course-exam-icon.no-pass{
    background: url("esm.images/icon-exam-notpass.png") center no-repeat;
    background-size: 100px 100px;
}
.course-result{
    width: 96%;
    margin: 20px auto 0;
}
.c-r-nav{
    width: 100%;
    height: 45px;
    border-bottom: 5px solid #999;
    background: #b3d0fe;
}
.c-r-nav li{
    float: left;
    width: 25%;
    font-size: 14px;
    color: #999;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.c-r-nav li.selected{
    border-bottom: 5px solid #0099ff;
    color: #333;
}
.c-r-con{
    margin-top: 15px;
    width: 100%;
}
.c-r-d{
    float: left;
    padding: 15px 0;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.c-r-d span{
    color:#0099FF;
}
.c-r-d.r-1{
    width: 45%;
    background: #ffffcc;
}
.c-r-d.r-2{
    width: 55%;
    background: #e5fdfc;
}
.c-r-d.r-3{
    width: 35%;
    background: #fef0f9;
}
.c-r-d.r-4{
    width: 35%;
    background: #ddfcd9;
}
.c-r-d.r-5{
    width: 30%;
    background: #e7edfd;
}
.answer-list{
    width: 100%;
}
.answer-list li{
    float: left;
    width: 14%;
    margin-bottom: 10px!important;
}
.answer-list a{
    display: block;
    margin:0 auto;
    width: 34px;
    height: 34px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    background: #00cc99;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
}
.answer-list a.no{
    border: 1px solid #b5b5b5;
    background: #fff;
    color: #333;
}
.answer-list li a.done{
    border: 1px solid #09f;
    background: #09f;
    color: #fff;
}
.answer-list a.wrong{
    border: 1px solid #ff6600;
    background: #ff6600;
    color: #fff;
}
.bottombtn.new{
    height: 100px;
}
.correct-answer{
    width: 96%;
    margin: 5px auto 10px;
}
.correct-arrow{
    display: block;
    width: 20px;
    height: 11px;
    margin-left: 10px;
    background: url("esm.images/answer-arrow.png") center no-repeat;
    background-size: 20px 11px;
}
.c-a-con{
    width: 100%;
    background: #f2f2f2;
    padding: 10px;
}
.c-a-info{
    position: relative;
    width: 100%;
    padding-right: 35px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
}
.c-a-info .correct{
    color: #029aff;
}
.c-a-tag{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
}
.c-a-tag.correct{
    background: url("esm.images/answer-correct.png") center no-repeat;
    background-size: 30px 30px;
}
.c-a-tag.wrong{
    background: url("esm.images/answer-wrong.png") center no-repeat;
    background-size: 30px 30px;
}
.c-a-analyze{
    width: 100%;
    border-top: 1px dashed #d7d7d7;
    padding-top: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
}
.c-a-analyze em{
    display: block;
    margin-top: 5px;
    font-style: normal;
    color: #666;
}
.c-a-comment{
    width: 100%;
    border-top: 1px dashed #d7d7d7;
    padding-top: 10px;
    font-size: 16px;
    color: #333;
}
.r-e-label{
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
}
.r-e-label.new{
    line-height: 38px;
}
.r-s-radio{
    float: left;
    margin-top: 9px!important;
    margin-right: 5px!important;
}
.r-s-select{
    width: 100%;
    border: 0;
    background: #ebebeb url("esm.images/icon-8.png") right no-repeat;
    background-size: 10px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding:7px 7px 7px 5px;
    font-size: 14px;
    color: #999;
}
.r-s-select.middle{
    float: left;
    width: 50%;
    padding: 8px 5px;
}
.r-s-select.short{
    float: left;
    width: 33.33%;
    padding: 8px 5px;
}
.r-s-box{
    width: 100%;
}
.r-s-arrow{
    display: block;
    margin: 0 auto;
    width: 40px;
    font-size: 25px;
    color: #666;
    text-align: center;
    line-height: 20px;
}
.r-s-list{
    width: 100%;
}
.r-s-list a{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 60px;
    height: 30px;
    border: 1px solid #89c4f3;
    background: #ddfbf4;
    border-radius: 5px;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 28px;
}
.r-s-title{
    display: block;
    margin: 0;
    width: 100%;
    background: #defafe;
    padding: 0 5px;
    font-size: 16px;
    line-height: 35px;
    color: #666;
}
.r-s-title:hover{
    color: #666;
}
.r-s-title.new{
    position: relative;
    padding: 5px 5px 5px 25px;
    line-height: normal;
    font-size: 14px;
    text-align: center;
}
.r-s-title.new span{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    font-size: 25px;
    line-height: 30px;
    color: #666;
    text-align: center;
}
.r-s-title.yellow{
    margin-bottom: 15px;
    position: relative;
    background: #f2f2f2;
    font-weight: bold;
    color: #333;
}
.r-s-tag{
    width: 100%;
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-style: normal;
}
.r-s-result{
    width: 96%;
    margin: 0 auto;
}
.course-pass,
.course-no-pass{
    position: absolute;
    right: 15px;
    top: -60px;
    width: 70px;
    height: 70px;
}
.course-pass{
    background: url("esm.images/exam_pass.png") center no-repeat;
    background-size: 70px 70px;
}
.course-no-pass{
    background: url("esm.images/exam_no_pass.png") center no-repeat;
    background-size: 60px 60px;
}
.s-con{
    position: relative;
    /*display: table-cell;*/
    width: 100%;
    height: 100%;
    padding: 10px 0;
}
.s-p-title{
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: 45px;
    background: #09f;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.s-p-title.down{
    margin-top: 5px;
    background: #999;
}
.s-p-i{
    width: 100%;
    border: 1px dashed #ccc;
    background: #fefef5;
    padding: 5px;
}
.s-info-title{
    font-size: 12px;
    color: #f39800;
    line-height: 20px;
}
.s-info-title i{
    position: relative;
    top: 1px;
    font-size: 15px;
    margin-right: 5px;
}
.s-p-d{
    width: 100%;
    font-size: 12px;
    color: #999;
    padding: 0 20px;
}
.s-p-d img{
    display: block;
    margin: 0 auto 5px;
    max-width: 100%;
}
.s-p-list{
    width: 100%;
}
.s-p-list li{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 5px;
}
.s-p-list.new li{
    padding: 0 5px;
}
.s-p-list li.new{
    padding: 0 0 0 2%;
}
.s-p-label{
    font-size: 13px;
    font-weight: normal;
    color: #999;
    line-height: 50px;
}
.s-p-input{
    float: right;
    width: 70%;
    height: 50px;
    border: 0;
    font-size: 13px;
    color: #999;
    text-align: right;
}
.s-p-input.new{
    padding-right: 2%;
}
.s-p-select{
    float: right;
    width:70%;
    height: 50px;
    border: 0;
    background: #fff url("esm.images/icon-8.png") right no-repeat;
    background-size: 10px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding:7px 18px 7px 5px;
    font-size: 13px;
    color: #999;
    direction: rtl;
}
.s-p-btn{
    display: block;
    margin: 25px auto;
    width: 96%;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: #09f;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.s-p-btn.new{
    margin: 0;
    width: 100%;
}
.s-p-con{
    width: 90%;
    margin: 0 auto;
}
.s-p-con.v-t{
    padding-top: 0;
    padding-bottom: 45px;
}
.s-p-img{
    display: inline-block;
    position: relative;
    top: 8px;
    width: 40px;
    height: 40px;
    background: url("esm.images/s-p-s.png") center no-repeat;
    background-size: 40px 40px;
}
.s-p-t{
    margin-left: 3px;
    font-size: 30px;
    color: #38a030;
    line-height: 40px;
}
.s-qr-img{
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border: 1px solid #bcbcbc;
    padding-top: 5px;
}
.s-qr-img img{
    display: block;
    margin: 0 auto;
    width:110px;
    height: 110px;
}
.s-p-f{
    position:absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    color: #ccc!important;
}
.s-p-f span{
    position: relative;
    top:-11px;
    background: #fff;
    padding: 0 5px;
    font-size: 14px;
    color: #ccc!important;
}
.s-p-s{
    width: 100%;
    font-size: 14px;
    text-align: justify;
}
.s-p-s a{
    color: #00CC99;
}
.s-p-tag{
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    background: #2c2c2c;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 13px;
    font-style: normal;
}
.s-p-header{
    position: relative;
    width: 100%;
    background: #f4f4f4;
}
.s-p-back{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    font-size: 22px;
    color: #09f;
    line-height: 30px;
    text-align: center;
}
.sp-title{
    width: 100%;
    padding: 10px 10px 10px 30px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.sp-c-list{
    width: 100%;
}
.sp-c-list a{
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border-top:1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background: #f4f4f4;
}
.sp-c-i{
    width: 100%;
    padding: 10px;
}


.sp-c-i p em{
    font-weight: normal;
    font-style: normal;
}
.sp-c-title{
    margin: 0 0 10px 0;
     width:61%;
    font-size: 14px;
    color: #333;
    line-height: normal;
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.enter-group{
    position:absolute;
    top:0;
    right:5px;
    font-size:14px;
    font-style: normal;
}
.sp-c-r{
    display: block;
    width: 100%;
    padding-left: 55px;
    font-style: normal;
}
.sp-c-info{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    /*height:34px;*/
    /*line-height: 34px;*/
    padding:10px 10px 3px;
    background: rgba(0,0,0,.5);

}
.sp-c-t{
    float: left;
    width: 68%;
    font-size: 13px;
    color: #00cc99;
    line-height: 20px;
}
.sp-c-t i{
    float: left;
    margin-right: 3px;
    font-size: 15px;
    line-height: 20px;
}
.sp-c-t.new{
    width:45%;
}

.sp-c-s{
    width: 32%;
    float: right;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    text-align: right;
}
.sp-c-s.new {
    float: left;
    margin-right: 10px;
    width: 32%;
    line-height: 20px;
    text-align: left;

}
.sp-enter-group{
    float:right;
    padding-right:5px;
    font-size:13px;
    color: #00cc99;
    margin-top: 1px;
}
.sp-nav{
    position: relative;
    z-index: 30;
    width: 100%;
    height: 37px;
    /*border-bottom: 1px solid #ddd;*/
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.sp-nav li{
    position: relative;
    display: inline-block;
    width: 65px;
    height: 36px;
    font-size: 14px;
    color: #666;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.sp-nav li.selected{
    top: 1px;
    border-bottom: 1px solid #0099ff;
    line-height: 35px;
    color: #0099ff;
}

.sp-c-con{
    border-top: 1px solid #ccc;
    margin-top: -1px;
    position: relative;
    width: 100%;
}
.sp-task-list{
    width: 100%;
    border-left: 2px solid #ccc;
}
.sp-task-list li{
    position: relative;
    width: 100%;
    top: -5px;
    padding-bottom: 15px;
}
.sp-task-list li.state{
    padding-bottom: 20px;
}
.sp-task-list li.over{
    top:3px;
    padding-bottom: 0;
}
.sp-task-list li.delay,
.sp-task-list li.delay .sp-t-num,
.sp-task-list li.delay .sp-t-c,
.sp-task-list li.delay .sp-t-name{
    color: #ff0000;
}
.sp-task-list li.delay .sp-t-time{
    background:#ff0000;
    color: #fff;
}
.sp-task-list li.on,
.sp-task-list li.on .sp-t-num,
.sp-task-list li.on .sp-t-c,
.sp-task-list li.on .sp-t-name{
    color: #00cc99;
}
.sp-task-list li.on .sp-t-time{
    background:#00cc99;
    color: #fff;
}
.sp-task-list li.not_start,
.sp-task-list li.not_start .sp-t-c,
.sp-task-list li.not_start .sp-t-name{
    color: #ccc;
}
.sp-task-list li.not_start .sp-t-time{
    color: #333;
}
.sp-task-list li.complete,
.sp-task-list li.complete .sp-t-c,
.sp-task-list li.complete .sp-t-name{
    color: #333;
}
.sp-t-tag{
    float: left;
    margin-left: -8px;
    margin-top: 3px;
    width: 14px;
    height: 14px;
    box-shadow:0 0 0 2px #ccc;
    border-radius: 50%;
    background: #fff;
}
.sp-t-tag.head{
    background: #999;
}
.sp-t-d{
    margin: 0;
    padding-left: 5px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.sp-t-d span{
    color: #999;
}
.sp-t-num{
    float: left;
    width: 62px;
    height: 38px;
    margin:0 5px;
    font-size: 12px;
    color: #333;
    font-style: normal;
    line-height: 19px;
    overflow: hidden;
}
.sp-t-time{
    float: left;
    margin-right:5px;
    width: 58px;
    height: 38px;
    border-radius: 5px;
    background: #f2f2f2;
    padding-left: 3px;
    font-size: 12px;
    line-height: 19px;
}
.sp-t-r{
    max-width: 53%;
}
.sp-t-r.course{
    max-width: 34%;
}
.sp-t-c{
    position: relative;
    float: left;
    font-size: 12px;
    color: #ccc;
    line-height: 19px;
}
.sp-s-r{
    float: right;
    margin: 0;
    padding-right: 5px;
    width: 57px;
}
.sp-s-r i{
    float: left;
    margin:0 3px 0 0;
    font-size: 15px;
    color: #33adff;
    line-height: 19px;
}
.sp-s-r em{
    float: left;
    font-style: normal;
    font-size: 11px!important;
    color: #33adff;
    line-height: 19px;
}
.sp-t-name{
    display: block;
    font-size: 12px;
    color: #009aff;
    line-height: 19px;
}
.sp-t-name.complete{
    color: #333;
}
.sp-t-name.track{
    max-width: 37%;
    padding-right: 5px;
    height: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media(min-width: 360px){

    .sp-t-r{
        max-width: 58%;
    }
    .sp-t-r.course{
        max-width: 42%;
    }
    .sp-t-name.track{
        max-width: 44%;
    }
    .myexamcontent .myexamlist .examtitle{
        max-width: 93%;
    }
    .myexamcontent .myexamlist .examtitle.short{
        max-width: 78%;
    }

}
@media(min-width: 375px){
    .sp-t-r{
        max-width: 60%;
    }
    .sp-t-r.course{
        max-width: 44%;
    }
    .sp-t-name.track{
        max-width: 46%;
    }
    .myexamcontent .myexamlist .examtitle{
        max-width: 94%;
    }
    .myexamcontent .myexamlist .examtitle.short{
        max-width: 79%;
    }
}
@media(min-width:412px){
    .sp-t-r{
        max-width: 64%;
    }
    .sp-t-r.course{
        max-width: 50%;
    }
    .sp-t-name.track{
        max-width: 51%;
    }
    .myexamcontent .myexamlist .examtitle{
        max-width: 94%;
    }
    .myexamcontent .myexamlist .examtitle.short{
        max-width: 80%;
    }
}
@media(min-width:600px){
    .sp-t-r{
        max-width: 75%;
    }
    .sp-t-r.course{
        max-width: 66%;
    }
    .sp-t-name.track{
        max-width: 66%;
    }
    .myexamcontent .myexamlist .examtitle{
        max-width: 96%;
    }
    .myexamcontent .myexamlist .examtitle.short{
        max-width: 87%;
    }
}
@media(min-width:768px){
    .sp-t-r{
        max-width: 81%;
    }
    .sp-t-r.course{
        max-width: 73%;
    }
    .sp-t-name.track{
        max-width: 74%;
    }
    .myexamcontent .myexamlist .examtitle{
        max-width: 97%;
    }
    .myexamcontent .myexamlist .examtitle.short{
        max-width: 89%;
    }
}
.sp-s-tag{
    margin-left: 3px;
    font-size: 12px;
    color: #009aff;
}

.sp-doc-list{
    width: 100%;
}
.sp-doc-list li{
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.sp-doc-list li a{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 5px;
}
.sp-doc-list li:last-child{
    border-bottom: 1px solid #fff;
}
.sp-img{
    padding: 0;
}
.sp-img img{
    width: 100%;
}
.sp-right{
    padding: 0 10px 0 10px;
}
.sp-d-title{
    margin: 4px 0 0 0;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    color: #333;
}
.sp-d-num{
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #999;
}
.sp-d-arrow{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -15px;
    font-size: 15px;
    color: #666;
    height: 30px;
    line-height: 30px;
}
.sp-p-rate{
    display: block;
    font-size: 12px;
    color: #00cc99;
    line-height: 19px;
}
.sp-p-rate.delay{
    color: #ff0000;
}
.sp-no-data{
    width: 100%;
    padding: 30px 0;
    position:relative;
    text-align: center;
}
.no-date-img{
    margin: 0 auto;
    width: 48px;
    height: 48px;
    display: block;
    background: url("esm.images/no-data-img.png") center no-repeat;
    background-size: 48px 48px;
}
.no-address{
    margin: 20% auto 0;
    width: 160px;
    font-size: 14px;
    line-height: 40px;
}
.no-address i{
    float: left;
    margin-right: 10px;
    font-size: 36px;
    color: #666;
    line-height: 40px;
}
.address-list{
    width: 100%;
    padding: 0 5px;
}
.address-list li{
    float: left;
    margin-top: 10px;
    width: 50%;
}
.sp-h-img{
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.sp-h-info{
    padding-left: 67px;
}
.sp-h-line{
    margin: 0;
    height: 20px;
    line-height: 20px;
}
.sp-h-name{
    float: left;
    max-width: 80%;
    font-size: 14px;
    line-height: 20px;
}
.sp-h-master{
    float: left;
    margin-left: 5px;
    font-size: 16px;
    line-height: 20px;
    color: #0099ff;
}
.sp-h-c{
    float: left;
    margin-left: 5px;
    font-size: 16px;
    line-height: 20px;
    color: #666;
}
.sp-h-female{
    float: left;
    margin-left: 5px;
    width: 14px;
    height: 20px;
    background: url("esm.images/female.png") center no-repeat;
    background-size: 14px 14px;
}
.sp-h-phone{
    float: left;
    margin-right: 3px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
}
.sp-h-chat{
    float: left;
    margin-right: 5px;
    font-size: 12px;
    color: #008000;
    line-height: 20px;
}
.sign-box{
    width: 90%;
    margin: 0 auto;
    padding-top: 15%;
}
.sign-shot{
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.sign-user{
    margin: 20px 0 0 0;
    width: 100%;
    font-size: 20px;
    color: #333;
    text-align: center;
}
.sign-input{
    -webkit-appearance: none;
    width: 100%;
    height: 50px!important;
    border: 1px solid #e4e4e4!important;
    border-radius: 0;
    background: #fff;
    padding: 0 10px!important;
    font-size: 18px!important;
    color: #666!important;
    text-align: center!important;;
}
.sign-info{
    margin: 20px 0 0 0;
    width: 100%;
}
.sign-info i,
.sign-info span{
    color: #38a030;
    line-height: 20px;
}
.sign-info i{
    float: left;
    font-size: 18px;
}
.sign-info span{
    padding-left: 7px;
    font-size: 16px;
}
.sign-btn{
    display:block;
    width: 100%;
    height: 50px!important;
    border: 0!important;
    border-radius: 3px;
    background: #009aff;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 50px!important;
}
.sign-btn.mid{
    width: 48%;
    height: 44px!important;
    font-size: 14px;
    line-height: 44px!important;
}
.sign-btn:link,
.sign-btn:hover,
.sign-btn:active,
.sign-btn:visited{
    color: #fff;
}
.sign-count{
    width: 100%;
    font-size: 16px;
    color: #333;
}
.sign-count span{
    color: #38a030;
}
.field-validation-error.sign{
    z-index: 50;
    width: 100%;
    padding-right:2%;
    text-align: right;
    margin-top: -17px;
}
.survey-icon{
    margin: 0;
    position: absolute;
    left: 0;
    top: 19px;
    font-size: 12px;
    color: #33adff;
    line-height: 19px;
}
.survey-icon i{
    float: left;
    margin-right: 3px;
    font-size: 16px;
    line-height: 19px;
}

/*我的订单*/
.my-order-list{
    width: 100%;
}
.my-order-list li{
    width: 100%;
    background: #fff;
}
.my-order-list li+li{
    margin-top: 10px;
}
.my-order-info{
    width: 100%;
    padding: 0 5px;
    border-bottom: 1px solid #e4e4e4;
}
.my-order-num{
    float: left;
    max-width: 80%;
    font-size: 12px;
    color: #666;
    line-height: 40px;
}
.my-order-num i{
    font-size: 18px;
    line-height: 40px;
    margin-right: 7px;
}
.my-order-state{
    float: right;
    font-size: 12px;
    color: #999;
    line-height: 40px;
}
.my-order-state.not_pay{
    color:#f60;
}
.my-order-detail {
    position: relative;
    padding: 10px 35px 10px 5px;
    border-top: 1px dashed #e4e4e4;
}
.my-order-detail:nth-child(2) {
    border-top: 1px dashed #fff;
}
.my-order-detail a {
    display: block;
}
.my-order-refund {
    display: flex;
    position: absolute;
    align-items: center;
    right: 10px;
    bottom: 10px;
}
.my-order-refund span {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.my-order-refund a {
    padding: 5px 10px;
    margin-left: 10px;
    width: 80px;
    color: #FFF;
    background: #09F;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
}
.my-order-img{
    border: 1px solid #e4e4e4;
    padding: 10px 0;
}
.my-order-i{
    padding: 0 0 0 10px;
}
.my-order-title{
    margin: 0;
    width: 100%;
    max-height: 50px;
    font-size: 13px;
    color: #333;
    line-height: 25px;
    overflow: hidden;
}
.my-order-price{
    margin: 5px 0 0 0;
    width: 100%;
    font-size: 12px;
    color: #f60;
}
.my-order-number{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    font-size: 12px;
    height: 20px;
    color: #333;
    line-height: 20px;
}
.my-order-result{
    border-top: 1px solid #e4e4e4;
    width: 100%;
    height: 40px;
    padding: 0 10px;
}
.my-order-operate{
    float: right;
    margin-top: 7px;
    width: 80px;
    /*height: 25px;*/
    border: 1px solid #666;
    border-radius: 5px;
    font-size: 12px;
    color: #333;
    line-height: 25px;
    text-align: center;
}
.my-order-operate:hover{
    color: #333;
}
.my-order-operate.not_pay{
    border-color: #f60;
    color: #f60;
}
.my-order-more{
    display: block;
    border-top:1px solid #f2f2f2;
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 40px;
}
.my-order-more:hover{
    color: #999;
}
.my-goods-more{
    display: block;
    width: 100%;
    background: #fff;
    padding-bottom: 10px;
    font-size: 12px;
    color: #999;
    text-align: center;
    cursor: pointer;
}
.my-goods-more:hover{
    color: #157eaf;
}


.maintab.actived.pink {
    color:#ff8383;
    border-bottom: 2px solid #ff8383;
}
.registbtn2.btn-primary.pink
{background:#ff8383;
}
.loginlink .pink{
    color:#ff8383;
}
.registbtn.btn-lg.btn-default.pink {
    background:#ff8383;
}
/*.regist a{color:#ff8383;}
.loginnow a{color:#ff8383;}*/
.a-pink{color:#ff8383;}

.newbg {
    background: none;
}
.newcolor {
    color: #000 !important;
}

.newimage {
    width: 105px !important;
    height:105px !important;
}


.acctcontdiv.act {
    margin-top: 10px;
}
.indivnum.indiv{
    height:30px;
    margin-top: 13px;
    position: relative;
}
.an-state{
    width: 100%;
    margin-top: 20%;
    text-align: center;
}
.an-title{
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
}
.an-title span{
    color: #09f;
}
.an-btn{
    display: block;
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 5px;
    background: #09f;
    font-size: 16px;
    color: #fff;
    line-height: 54px;
    text-align: center;
}
.an-btn i{
    position: relative;
    top: 5px;
    right: 10px;
    font-size: 30px;
}
.an-btn:hover,
.an-btn:visited,
.weixin-link:hover,
.weixin-link:link,
.weixin-link:visited{
    color: #fff;
}
.weixin-tag{
    width: 100%;
    border-top: 1px solid #d7d7d7;
    text-align: center;
}
.weixin-tag span{
    margin: -10px auto 0;
    display: block;
    width: 150px;
    height: 20px;
    background: #f2f2f2;
    /*color: #ff8383;*/
    color: #2AABE6;
}
.weixin-link{
    display: block;
    margin: 20px auto 0;
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: 50%;
    background: #11cd6e;
    font-size: 36px;
    line-height: 64px;
    text-align: center;
    color: #fff;
}
.third-tag{
    margin-top: 40px;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    text-align: center;
}
.third-reg-box{
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 0 20px 20px 20px;
}
.third-reg-box .third-tag{
    margin: 0;
}
.third-tag span{
    margin: -10px auto 0;
    display: block;
    width: 140px;
    height: 20px;
    font-size: 12px;
    background: #f2f2f2;
    /*color: #ff8383;*/
    color: #666;
}
.third-only-box{
    position: fixed;
    left: 5%;
    top: 0;
    width: 90%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.third-box{
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.third-box a{
    display: inline-block;
    margin-right: 20px;
    width: 40px;
    height: 40px;
}
.third-box a:last-child,
.third-box a:only-child{
    margin-right: 0;
}
.third-box a.qq{
    background: url("esm.images/third/qq.png") center no-repeat;
    background-size: 40px 40px;
}
.third-box a.sina{
    background: url("esm.images/third/sina.png") center no-repeat;
    background-size: 40px 40px;
}
.third-box a.weixin{
    background: url("esm.images/third/weixin.png") center no-repeat;
    background-size: 40px 40px;
}
.third-box a.youzan{
    background: url("esm.images/third/youzan.png") center no-repeat;
    background-size: 40px 40px;
}
.third-only-box .third-tag{
    margin-top: 0;
}
.an-btn.disabled,
.weixin-link.disabled,
.third-box a.disabled{
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none;
}
.confirm-box{
    position: fixed;
    top: 20%;
    left: 5%;
    z-index: 90;
    width: 90%;
    border-radius: 5px;
    background: #fff;
    padding-top: 15px;
}
.confirm-title{
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-align: center;
}
.confirm-title.confirm-title--face {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.confirm-content {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
}
.confirm-desc {
    box-sizing: border-box;
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 320px;
    background: -webkit-linear-gradient(#A6A4A0, #FBFAFA);
    background: -o-linear-gradient(#A6A4A0, #FBFAFA);
    background: -moz-linear-gradient(#A6A4A0, #FBFAFA);
    background: linear-gradient(#A6A4A0, #FBFAFA);
}
.confirm-info {
    width: 100%;
    margin-top: 25px;
    padding: 0 10px;
    font-size: 14px;
    color: #949494;
    line-height: 20px;
}
.confirm-c {
    width: 100%;
    padding: 0 20px 20px;
}
.confirm-c-btn {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    background: #1A81D1;
}
.confirm-b {
    position: relative;
    margin-top: 30px;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    border-radius: 0 0 5px 5px;
}
.confirm-b-btn{
    float: left;
    width: 50%;
    border-radius: 0 0 0 5px;
    border: 0;
    background: #fff;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 45px;
}
.confirm-b-btn+.confirm-b-btn{
    border-left: 1px solid #e4e4e4;
    border-radius: 0 0 5px 0;
    /*color: #ff8383;*/
    /*color: #2AABE6;*/
}
.confirm-b-btn.only{
    width: 100%;
    border-radius: 0 0 5px 5px;
    /*color: #2AABE6;*/
}
.confirm-b-c{
    position: absolute;
    right: 20px;
    top: 0;
    margin: 0;
}
.confirm-b-check{
    float: left;
    visibility: visible!important;
    width: 15px;
    height: 15px;
    margin: 15px 3px 0 0!important;
    -webkit-appearance: checkbox!important;
}
.new-person-panel{
    position: relative;
    width: 100%;
    max-height: 175px;
    overflow: hidden;
    /*padding-top: 45px;*/
}
.new-person-panel img{
    display: block;
    width: 100%;
}
.new-p-settings{
    position: absolute;
    top: 15px;
    right: 10px;
    display: block;
    height: 20px;
    border-radius: 10px;
    background: #333;
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.new-p-settings.face{
    right: 60px;
}
.new-p-headshot{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -50px;
    width: 100%;
}
.new-p-headshot img{
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    box-shadow: 0 0 0 3px #fff;
    border-radius: 50%;
}
.new-p-title{
    margin: 5px 0 0 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.new-p-rank{
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 100%;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
}
.new-p-rank span{
    float: right;
    position: relative;
    top: 0;
    width: 20px;
    height: 20px;
    background: url("esm.images/icon_vip.png") center no-repeat;
    background-size: 20px 20px;
}
.new-p-rank em{
    float: right;
    font-style: normal;
    margin: 0 5px 0 0;
    line-height: 20px;
}
.new-p-points{
    float: left;
    margin-left: 5px;
    font-size: 12px;
    font-style: normal;
    color: #fff;
}
.new-p-link{
    float: left;
    margin-left: 5px;
    font-size: 12px;
    color: #f39800;
}
.new-p-link:link,
.new-p-link:hover{
    color: #f39800;
}
.new-p-link.disabled{
    color: #999;
    pointer-events:none;
}
.new-p-name{
    float: left;
    font-size: 12px;
    color: #fff;
}
.new-p-name i{
    position: relative;
    margin-right: 3px;
}
.new-p-nav{
    margin-top: 10px;
    width: 100%;
    padding-bottom:5px;
}
.new-p-nav.new{
    margin-top: 5px;
}
.new-p-nav a{
    width: 100%;
    height: 40px;
    margin-bottom: 1px;
    display: block;
    /*border-bottom: 1px solid #eee;*/
    background: #fff;
    padding: 8px 5px 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-p-nav a:nth-last-of-type(1){
    margin: 0 0 10px 0;
}
.new-p-nav.new a{
    margin-bottom: 2px;
}
.new-p-nav span{
    float: left;
    margin:0 5px 0 0;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 24px;
}
.new-p-nav span.p-1{
    background: url("esm.images/account/p-1.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-2{
    background: url("esm.images/account/p-2.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-3{
    background: url("esm.images/account/p-3.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-4{
    background: url("esm.images/account/p-4.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-5{
    background: url("esm.images/account/p-5.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-6{
    background: url("esm.images/account/p-6.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-7{
    background: url("esm.images/account/p-7.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-8{
    background: url("esm.images/account/p-8.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-9{
    background: url("esm.images/account/p-9.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-10{
    background: url("esm.images/account/p-10.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-11{
    background: url("esm.images/account/p-11.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-12{
    background: url("esm.images/account/p-13.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-14{
    background: url("esm.images/account/p-14.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.p-15{
    background: url("esm.images/account/p-15.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.d-1{
    background: url("esm.images/account/d-1.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.d-2{
    background: url("esm.images/account/d-2.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.d-3{
    background: url("esm.images/account/d-3.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.d-4{
    background: url("esm.images/account/d-4.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.d-5{
    background: url("esm.images/account/d-5.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-nav span.d-6{
    background: url("esm.images/account/d-6.png") center no-repeat;
    background-size: 24px 24px;
}
.new-p-i{
    float: left;
    font-size: 14px;
    color:#333;
    font-style: normal;
    line-height: 24px;
}
.new-p-s{
    float: left;
    max-width: 74%;
    margin-left: 5px;
    font-size: 12px;
    color:#999;
    font-style: normal;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-p-nav i{
    float: right;
    font-size: 16px;
    color: #666;
    line-height: 24px;
}
.new-p-btn{
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: #51b3c4;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.live-title{
    margin: 0 0 10px 0;
    width: 100%;
    height: 40px;
    /*background:#00cc99;*/
    background: #09f;
    padding: 0 10px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}
.live-title.cps{
    background:#59c3f9;
}
.live-nav-t{
    padding: 0 0 10px 5px;
    width: 100%;
    height: 20px;
    font-size: 14px;
    /*color: #0c9;*/
    color: #09f;
    line-height: 20px;
    text-align: left;
}
.live-nav-t.cps{
    color:#59c3f9;
}
.live-nav-t span{
    float: left;
    margin-right: 5px;
    width: 4px;
    height: 20px;
    /*background: #0c9;*/
    background: #09f;
}
.live-nav-t.cps span{
    background:#59c3f9;
}
.live-brief{
    width: 100%;
    margin: 10px 0 15px 0;
    padding: 0 10px;
    font-size: 13px;
    color: #666;
    line-height: 15px;
    text-align: left;
}
.live-price{
    margin: 0;
    padding: 0 5px;
    font-size: 18px;
    color: #ff6600;
    line-height: 20px;
    text-align: left;
}
.live-price span{
    margin-left: 8px;
    font-size: 13px;
    color: #333;
}
.time-limit{
    padding:0 5px 10px 14px;
    margin-bottom: 0;
    border-bottom: 4px solid #e4e4e4;
}
.browse-num{
    float: right;
    font-size:12px;
    color:#999;
    padding-left:17px;
}
.browse-num i{
    position:relative;
    top:3px;
    margin-right: 5px;
    display: inline-block;
    background: url("images/eye-icon.png") no-repeat center;
    width: 15px;
    height:15px;
}
.live-sign-list{
    width: 100%;
    border-bottom: 4px solid #e4e4e4;
    padding:10px 0 5px 10px;
}
.live-sign-list.no_date{
    padding: 0 10px;
}
.live-sign-list li{
    float: left;
    margin:0 10px 5px 0!important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.live-sign-list li img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.live-notice-title{
    margin: 10px 0 0 0;
    width: 100%;
    height: 30px;
    font-size: 18px;
    color: #9f4ec7;
    line-height: 30px;
}
.live-notice-title span{
    float: left;
    margin: 0 5px 0 10px;
    width: 6px;
    height: 30px;
    background: #f96d56;
}
.live-notice-con{
    width:100%;
    margin-top: 10px;
    padding: 0 10px 55px 10px;
}
.live-notice-con img{
    display: block;
    max-width: 100%;
}
.live-notice-con article,.live-notice-con aside,.live-notice-con details,.live-notice-con figcaption,.live-notice-con figure, .live-notice-con footer, .live-notice-con header, .live-notice-con hgroup, .live-notice-con main, .live-notice-con menu, .live-notice-con nav, .live-notice-con section, .live-notice-con summary{
    max-width: 100%;
}
.live-notice-title{
    margin: 0;
    font-size: 20px;
    color: #59c3f9;
    text-align: center;
    font-weight: bold;
}
.cps-info{
    width: 100%;
    border: 1px solid #dcdcdc;
}
.live-bottom-info {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    z-index: 45;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e4e4e4;
    background: #fff;
    padding: 0 10px;
}
.live-info{
    float: left;
    margin-top: 10px;
    /*height: 30px;*/
    font-size: 12px;
    color: #666;
    line-height: 30px;
    vertical-align: middle;
}
.live-info.two-line{line-height: 15px;}
.live-b-btn{
    float: right;
    margin-top: 8px;
    width: 30%;
    height: 35px;
    border: 0;
    border-radius: 3px;
    /*background: #0c9;*/
    background: #09f;
    font-size: 13px;
    color: #fff;
    line-height: 35px;
}
.live-b-btn.green{
    background: #0c9;
}
.live-b-btn.cps{
    background: #59c3f9;
}
.live-b-btn.disabled{
    background: #999;
    cursor: not-allowed;
    pointer-events:none;
}
.live-b-btn.cps.disabled{
    background: #d7d7d7;
}
.live-b-btn.only{
    float: none;
    display: block;
    margin: 8px auto 0;
}
.live-tag-box{
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -140px;
    width: 280px;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.live-tag-box i{
    float: left;
    width: 40px;
    height: 40px;
    font-size: 36px;
    /*color: #0c9;*/
    color: #09f;
    line-height: 40px;
}
.live-tag{
    display: block;
    font-size: 13px;
    /*color: #0c9;*/
    color: #09f;
    line-height: 24px;
}
.live-tag-box a{
    /*color: #0c9;*/
    color: #09f;
}
.live-tag i{
    float: left;
    width: 40px;
    height: 40px;
    font-size: 36px;
    color: #09f;
    line-height: 48px;
}
.user-message-list{
    width: 100%;
    padding: 20px 0;
}
.user-message-list li{
    width: 96%;
    margin: 0 auto;
    border-radius: 5px;
    background: #fff;
    padding: 5px 10px 10px 10px;
}
.user-message-list li+li{
    margin: 20px auto 0;
}
.user-m-title{
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.user-m-delete{
    float: right;
    width: 25px;
    font-size: 16px;
    color: #999;
    line-height: 30px;
    text-align: right;
}
.user-message-link,
.user-message-link:hover{
    color: #51b3c4;
}


.live-tag-boxs{
    position: fixed;
    top: 48%;
    left: 50%;
    margin-top: -35px;
    margin-left: -120px;
    width: 240px;
}

.live-tag-boxs i{
    float: left;
    width: 40px;
    height: 40px;
    font-size: 36px;
    color: #ff8383;
    line-height: 40px;
}

.live-tag-boxs a{
    color: #ff8383;
}

.live-tag-boxs span{
    display: block;
    height: 20px;
    /*width: 168px;*/
}
.new-head-title{
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 50;
    width: 100%;
    height: 45px;
    background: #09f;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    line-height: 45px;
    text-align: center;

}
.new-head-title.back{
    padding: 0 60px;
}
.new-head-back{
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 50;
    width: 50px;
    height: 45px;
    font-size: 12px;
    color: #fff;
}
.new-head-back.course-bag{
    left: 20px;
    top: 15px;
    height: auto;
}
.new-head-back.sh{
    position: relative;
    margin-left: 20px;
    height: auto;
}
.new-head-back i{
    position: relative;
    font-size: 16px;
    top:1px;
    right: 5px;
}
.new-head-back:hover,
.new-head-back:visited{
    color: #fff;
}

/****在线课-微信加关注***/
.attention-box{

    width: 100%;
    height:35px;
    background:#515151;
    padding:0 30px 0 5px;
}
.attention-box span{
    float: left;
    font-size:12px;
    color:#fff;
    line-height:35px;
    width:72%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.attention-box .go-attend{
    font-size:12px;
    color:#19a1e7;
    line-height: 35px;
    margin-right: 10px;
}
.attention-box .att-icon{
    position:absolute;
    top:0;
    right:5px;
    font-size:24px;
    color:#19a1e7;
    font-weight: normal;
}

.attention-box.new{
    position:fixed;
    top:0;
    left:0;
    z-index: 103;
    padding-right:10px;
    text-align: center;
}
.attention-box.new span{
    width: 100%;
}
.go-cancel{
    position:absolute;
    top:10px;
    right:10px;
    font-size:12px;
    color:#19a1e7;
    font-weight: normal;
}
.l-code-box{
    position:fixed;
    top:35px;
    left:0;
    z-index: 103;
    width: 100%;
    height:231px;
    background: #fff;

}
.l-code-img{
    width:140px;
    margin: 30px auto;

}
.l-code-img i{
    display: block;
    width:140px;
    height:140px;
    border:1px solid #e4e4e4;
    padding:5px;

}
.l-code-img i.new{
    font-size:14px;
    font-style: normal;
    color:#ccc;
    text-align: center;
    padding-top:60px;
}
.l-code-img i img{
    width:100%;

}
.l-code-img span{
    display: block;
    margin-top: 25px;
    font-size:12px;
    color:#333;
    text-align: center;
}
/**end**/
.new-course-info{
    position: relative;
    width: 100%;
}
.new-course-s{
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    z-index: 20;
}
.new-share{
    float: right;
    margin:0 15px 0 10px;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}
.new-share:link,
.new-share:hover{
    color: #fff;
}
.praise-info{
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}
.praise-info:link,
.praise-info:hover{
    color: #fff;
}
.praise-info i{
    font-size: 14px;
    color: #09f;
}
.new-course-t{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -25px;
    z-index: 20;
    width: 100%;
    padding: 0 5px;
}
.new-course-t.another{
    margin-top: -40px;
}
.course-play-video{
    display: block;
    margin: 0 auto;
    width:45px;
    height:32px;
    overflow: hidden;
}
.course-play-video img{
    width: 100%;
}
.new-course-title{
    margin: 0 0 10px 0;
    color: #fff;
    line-height: 20px;
    text-align: center;
}
.new-course-reward{
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 20;
    width: 100%;
    padding: 0 5px;
}
.new-course-teacher{
    max-width: 47%;
    font-size: 13px;
    color: #fff;
}
.new-reward-link,
.new-reward-link:link,
.new-reward-link:hover,
.new-group-link,
.new-group-link:link,
.new-group-link:hover{
    color: #09f;
    line-height: 20px;
}
.new-course-nav{
    width: 100%;
    background: #fff;
}
.new-course-nav.new{
    position: fixed;
    top: 45px;
    left: 0;
    z-index: 20;
}
.new-course-nav.study{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}
.new-course-nav li{
    float: left;
    width: 33.33%;
    height: 35px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-course-nav li.selected{
    border-bottom: 1px solid #0099ff;
    color: #0099ff;
}
.new-course-nav.class li{
    width: 25%;
}
.new-course-nav li:only-child{
    float: none;
    width: 100%;
}
.new-course-con{
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.new-course-con img{
    max-width: 100%;
}
.sp-c-con{
    position: relative;
    width: 100%;
}
.sp-c-con img{
    max-width: 100%;
}

.course-section{
    display: block;
    width: 100%;
    height: 34px;
    background: #f2f2f2;
    padding: 0 10px;
    font-size: 13px;
    color: #333;
    line-height: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.exam-section{
    width: 100%;
    position: relative;
    background: #f2f2f2;
}
.course-task-tag{
    width: 100%;
    height: 34px;
    background: #f2f2f2;
    padding: 0 5px;
    font-size: 13px;
    color: #333;
    line-height: 34px;
}
.course-time-line{
    width: 100%;
}
.course-time-line a.new{
    position: relative;
    padding-left: 75px;
}
.course-left-t{
    float: left;
    margin-left: 5px;
    width: 48px;
    color: #999;
    font-size: 12px;
    text-align: right;
    padding: 8px 0 4px 0;
}
.course-right-t{
    float: left;
    width: 77%;
    border-left: 1px solid #d3d3d3;
    padding: 7px 0 5px 0;
}
.course-right-t i,
.course-right-t em{
    float: right;
    width: 18px;
    font-size: 16px;
    color: #09f;
    margin-top: 2px;
    text-align: center;
}
.course-right-t em{
    margin-top: 0;
}
.course-time-line:last-of-type .course-left-t{
    padding: 11px 0 0 0;
}
.course-time-line:last-of-type .course-right-t{
    padding: 10px 0 12px 0;
}

.course-time-line.exam .course-left-t{
    margin-top: 3px;
    padding: 5px 0;
}
.course-time-line.exam .course-right-t{
    border-left: 1px solid #f2f2f2;
    padding: 5px 0;
}
.course-time-line.exam .c-t-title{
    margin-top: 3px;
}
.course-time-line.exam .time-d{
    margin-top:4px;
}
.course-line{
    display: none;
    position: absolute;
    top: 32px;
    left: 65px;
    width: 1px;
    height: 10px;
    background: #d3d3d3;;
}
.course-time-line.exam:last-of-type .course-line{
    display: block;
}
.time-d{
    float: left;
    width: 16px;
    height: 16px;
    margin: 3px 5px 0 -9px;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    background: #fff;
}
.time-d.course-bag{
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 -8px;
    background: #ccc;
    border: 1px solid #ccc;
}
.time-d-tag{
    display: none;
    float: none!important;
    margin: 2px auto 0!important;
    width: 10px!important;
    height: 10px!important;
    border-radius: 50% !important;
    background: #c2c2c2;
}
.time-d.complete .time-d-tag{
    display: block;
}
.time-d-progress{
    height: 14px;
    background: #e4e4e4;
}
.time-d-progress.spoc{
    background: #ccc;
}
.time-d-complete{
    width: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #ccc;
    text-align: center;
}
.time-d-text{
    position: absolute;
    top: 30px;
    left: 180px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}
.c-t-title{
    float: left;
    margin-top: 2px;
    font-size: 12px;
    color: #333;
    max-width: 70%;
}
.c-t-title.long{
    max-width: 94%;
}
.c-t-title.short{
    max-width: 82%;
}
.c-t-tag{
    float: left;
    margin-top: -5px;
    width: 29px;
    height: 14px;
    background: url("esm.images/t-video.png") center no-repeat;
    background-size: 29px 14px;
}
.c-c-title{
    margin: 10px 0 5px 0;
    width: 100%;
    font-size: 13px;
    color: #09f;
    text-align: center;
}
.new-comment-star-line{
    text-align: center;
}
.new-comment-star-line.pop{
    border-bottom: 1px solid #e4e4e4;
}
.new-comment-star-line.new{
    height: 24px;
}
.fa.new-comment-star{
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}
.new-comment-star:before{
    content: "\f005";
}
.new-comment-star.selected{
    color: #f90;
}
.course-c-info{
    width: 100%;
    height: 40px;
    background: #f2f2f2;
    padding: 0 10px;
}
.course-c-l{
    float: left;
    width: 33.33%;
    font-size: 13px;
    color: #333;
    padding-left: 10px;
    line-height: 40px;
}
.course-c-comment,
.course-c-r{
    float: left;
    width: 33.33%;
}
.course-c-comment.new{
    float: none;
    width: 100%;
}
.course-c-r{
    font-size: 12px;
    color: #999;
    line-height: 40px;
}
.course-e-list{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
}
.course-e-list dt{
    float: left;
    /*margin-top: 10px;*/
    width: 40px;
    height: 40px;
}
.course-e-list dt.new{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.course-e-list dt img,
.course-reply-shot img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.course-e-list dd{
    padding-left: 50px;
    /*padding-top: 5px;*/
}
.course-e-list dd.new{
    padding-left: 60px;
}
.course-no-comment{
    width: 100%;
    padding: 15% 0 5% 0;
}
.course-no-comment.new{
    padding: 5% 0;
}
.c-no-img{
    margin: 0 auto;
    display: block;
    width: 48px;
    height: 48px;
    background: url("esm.images/icon_comment.png") center no-repeat;
    background-size: 48px 48px;
}
.course-e-user{
    float: left;
    width: 34%;
    height: 20px;
    font-size: 13px;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.course-e-user.new{
    width: 65%;
}
.course-e-line{
    height: 20px;
}
.course-e-time{
    float: left;
    width: 30%;
    font-size: 12px;
    color: #ccc;
    line-height: 20px;
}
.course-e-star{
    float: right;
    width: 35%;
    text-align: right;
    line-height: 20px;
}
.course-e-detail{
    margin: 0;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
}
.course-e-time.new,
.course-e-detail.new{
    color: #333;
}
.course-e-detail.new-1{
    max-height: none;
    padding-bottom: 0;
    overflow: visible;
    line-height: normal;
    border-bottom: 0;
    height:auto;
}
.course-new-num{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
}
.course-reply-link{
    font-size: 12px;
    color: #ccc;
    line-height: 20px;
    cursor: pointer;
}
.course-reply-link i{
    position: relative;
    top: 1px;
    font-size: 16px;
    color: #09f;
    line-height: 1;
}
.course-reply-list li{
    position: relative;
    width: 100%;
    min-height: 50px;
    background: #f2f2f2;
    padding: 5px 5px 5px 50px;
}
.course-reply-list li+li{
    margin-top: 10px;
}
.course-reply-shot{
    position: absolute;
    left: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.course-reply-author{
    max-width: 45%;
    font-style: normal;

}
.course-comment-box,
.note-report-box{
    position: fixed;
    top: 15%;
    left: 5%;
    z-index: 90;
    width: 90%;
    border-radius: 3px;
    background: #fff;
}
.course-comment-title{
    margin: 0;
    width: 100%;
    height: 60px;
    font-size: 14px;
    color: #09f;
    line-height: 60px;
    text-align: center;
}
.course-comment-text{
    display: block;
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    width: 100%;
    height: 100px;
    border: 0;
    border-radius: 0;
    background: #f2f2f2;
    padding: 10px;
    font-size: 13px;
    color: #949494;
    resize: none;
}
.course-new-box {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    z-index: 90;
    width: 100%;
    background: #fff;
    padding: 5px 0;
}

.course-new-box.new{
    background: #f7f9fc;
    padding: 10px 0 15px 0;
}
.course-new-line{
    width: 100%;
    padding: 4px 70px 4px 5px;
}
.course-new-line.new{
    padding: 0 70px 0 5px;
}
.course-new-in{
    width: 100%;
    height: 36px;
    border: 1px solid #e4e4e4;
    padding: 0 5px;
    font-size: 13px;
    color: #666;
}
.course-new-in.new{
    height: 40px;
    text-align: center;
}
.course-new-btn{
    position: absolute;
    right: 5px;
    top: 4px;
    width: 60px;
    height: 36px;
    border: 0;
    background: none;
    font-size: 14px;
    color: #09f;
    text-align: center;
}
.course-new-btn.new{
    top: 0;
    height: 40px;
    font-size: 16px;
    color: #000;
}
.course-comment-b{
    border-top: 1px solid #e4e4e4;
}
.course-comment-btn,
.note-report-btn{
    float: left;
    width: 50%;
    height: 45px;
    border: 0;
    border-radius: 0 0 0 5px;
    background: #fff;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 45px;
}
.course-comment-btn+.course-comment-btn,
.note-report-btn+.note-report-btn{
    border-left:1px solid #e4e4e4;
    color:#09f;
    border-radius: 0 0 5px 0;
}
.note-report-title{
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    color: #09f;
    line-height: 55px;
    text-align: center;
}
.note-report-radio{
    position: relative;
    width: 100%;
}
.note-report-radio label{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
.note-report-radio input[type=radio]{
    margin: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    visibility: hidden;
}
.note-report-radio input[type=radio]:checked + label {
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    background: #fff;
}
.note-report-radio input[type=radio]:checked + label:after{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    content: '';
}
.note-r-label{
    position: relative!important;
    margin:0 0 0 3px;
    border: 0!important;
    border-radius: 0!important;
    width: auto!important;
    font-size: 12px!important;
    color: #666!important;
    font-weight: normal;
}
.note-r-in{
    width: 60%;
    height: 22px;
    border: 1px solid #e4e4e4;
    background: #fff;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
}
.user-guide-box{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);

}
.user-guide-info{
    width: 145px;
    height: 82px;
    margin-left: 30px;
    background: url("esm.images/u-1.png") center no-repeat;
    background-size: 100% 100%;
}
.user-guide-info img{
    width: 100%;
}
.user-guide-btn{
    display: block;
    margin: 30% auto 0;
    width: 178px;
    height: 98px;
    background: url("esm.images/u-btn.png") center no-repeat;
    background-size: 100% 100%;
}
.course-reward-box{
    position: fixed;
    top: 30%;
    left:5%;
    z-index:90;
    width: 90%;
    border-radius: 5px;
    background: #fff;
    padding: 10px 0 15px 0;
}
.course-reward-close,
.course-reward-close:link{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    text-align: right;
    font-size: 22px;
    color: #999;
}
.course-reward-form{
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 10px;
}
.reward-money-list{
    width: 100%;
}
.reward-money-list li{
    float: left;
    width: 30%;
    height: 40px;
    border: 1px solid #09f;
    border-radius: 3px;
    font-size: 12px;
    color: #09f;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}
.reward-money-list li+li{
    margin-left:5%;
}
.reward-money-list li.selected{
    background: #09f;
    color: #fff;
}
.course-reward-btn{
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 3px;
    background: #09f;
    font-size: 13px;
    color: #fff;
    text-align: center;
}
.course-reward-label{
    float: left;
    width: 40%;
    font-size: 12px;
    color: #333;
    line-height: 40px;
    cursor: auto;
}
.course-reward-in{
    float: right;
    width: 58%;
    height: 40px;
    border: 1px solid #09f;
    border-radius: 3px;
    font-size: 12px;
    color: #333;
    padding: 0 5px;
    -webkit-appearance: none;
}
.course-arrow-back{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    background: url("esm.images/icon-arrow-back.png") center no-repeat;
    background-size: 32px 32px;
    z-index: 101;
    font-size: 0;
    color: #999;
}
.course-arrow-back:link,
.course-arrow-back:hover{
    color: #999;
}
.back-to-home{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    z-index: 101;
    background: url("esm.images/icon_home.png") center no-repeat;
    background-size: 30px 30px;
}
.c-s-info{
    width: 100%;
    padding: 10px 5px;
}
.c-s-title{
    margin: 0;
    float: left;
    max-width: 79%;
    height: 20px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.c-long-title{
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.c-s-tag{
    float: left;
    margin-left: 5px;
    height: 20px;
    border-radius: 5px;
    background: #ffa628;
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}
.c-s-list{
    width: 100%;
    height: 20px;
    position:relative;
}
.c-s-list li{
    float: left;
    width: 50%;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.c-s-list.new li{
    width:44%;
}

.c-s-list li i{
    font-size: 12px;
}
.c-s-list li:only-child{
    float: none;
    width: 100%;
    white-space: normal;
    text-overflow: initial;
    overflow: visible;
}
.c-s-list li.newli{
    width: 28%;
}
.c-s-price{
    display: inline-block;
    background: #f2f2f2;
    font-size:12px;
    color:#ff0000;
    margin:0;
    padding:3px 5px;
}
.c-s-con{
    width: 100%;
    border-top: 5px solid #e4e4e4;
    padding-bottom: 55px;
}
.c-s-con.no_border{
    border-top: 0;
}
.c-s-con.new{
    padding-top: 80px;
}
.c-s-con.newpb{
    border:0!important;
    padding-bottom:10px;
}
.c-s-v{
    height: 35px;
}
.c-s-brief{
    width: 100%;
    padding: 5px;
    text-align: left;
}
.c-s-brief img{
    display: block;
    max-width: 100%;
}
.c-s-chapters{
    width: 100%;
    padding-top: 10px;
}
.c-s-l{
    float: left;
    width: 45px;
    height: 19px;
    border-radius: 20px;
    margin: 4px 0 0 20px;
    background: #999;
    font-size: 12px;
    color: #fff;
    line-height: 19px;
    padding-left: 10px;
}
.c-s-d{
    position: relative;
    float: left;
    margin-left: -10px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #999;
}
.c-s-s{
    display: block;
    width: 17px;
    height: 17px;
    margin: 5px auto 0;
    border-radius: 50%;
    background: #fff;
    font-size: 12px;
    color:#060;
    line-height: 17px;
    text-align: center;
    font-style: normal;
}
.c-s-c{
    float: left;
    margin-left: -14px;
    margin-top: -14px;
    width: 1px;
    height: 28px;
    border-left: 1px solid #d3d3d3;
}
.c-s-r{
    float: left;
    margin-left: 5px;
    font-size: 13px;
    font-style: normal;
    color: #333;
    line-height: 27px;
}
.course-bottom-info {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    width: 100%;
    height: 50px;
    border-top: 1px solid #e4e4e4;
    background: #fff;
    padding: 0 20px;
}
.course-add{
    float: left;
    width: 50px;
    padding: 5px 0;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    text-align: center;
}
.course-add:hover,
.course-add:visited{
    color: #000;
}
.course-add i{
    display: block;
    font-size: 20px;
}
/***三级分销中按钮**/
.c-extend-btn{
    float: left;
    width: 46%;
    font-size:12px;
    color:#41a7ed;
    line-height: 50px;
    text-align: center;
    /*border:1px solid #f00;*/
}

.course-b-btn{
    float: right;
    margin-top: 8px;
    width: 38%;
    height: 35px;
    border: 0;
    border-radius: 3px;
    background: #09f;
    font-size: 13px;
    color: #fff;
}
.course-b-btn.disabled{
    background: #999;
    cursor: not-allowed;
    pointer-events:none;
}
.course-b-btn.free{
    display: inline-block;
    float: none;
}
.off-line-title{
    margin: 10px 0 0 0;
    padding: 0 18px;
    font-size: 12px;
    color: #09f;
    line-height: 20px;
}
.off-line-title span{
    position: relative;
    display: inline-block;
    top: 2px;
    right: 5px;
    width: 2px;
    height: 13px;
    background: #09f;
}
.off-line-info{
    width: 100%;
    padding: 0 10px 10px 20px;
}
.off-line-info span{
    float: left;
    width: 60px;
    font-size: 11px;
    color: #999;
    line-height: 15px;
}
.off-line-info em{
    display: block;
    padding-left: 60px;
    font-style: normal;
    font-size: 11px;
    color: #999;
    line-height: 15px;

}
.off-line-detail{
    width:100%;
    border-top: 2px solid #d7d7d7;
    padding: 10px 5px;
}
.off-line-detail img{
    display: block;
    margin:0 auto;
    max-width: 100%!important;
}
.course-teachers{
    width:90%;
    margin: 0 auto;
    /*padding-top: 15px;*/
}
.course-teachers a{
    display: block;
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #f2f5f7;
    padding-top: 15px;
}
.course-teachers a+a{
    margin-top: 10px;
}
.course-teachers a:hover{
    background: #f2f2f2;
}
.course-t-img{
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.course-t-name{
    margin: 10px 0;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.course-t-name:hover{
    color: #38a030;
}
.course-t-info{
    margin: 0;
    border-top: 1px dotted #e4e4e4;
    padding:8px 10px;
    font-size: 14px;
    color: #999;
    text-align: justify;
}
.course-s-c{
    margin: 0;
    display: block;
    font-size: 12px;
    color: #09f;
    text-align: center;
    line-height: 20px;
}
.course-s-c i{
    margin-right: 8px;
    font-size: 16px;
    color: #333;
}
.course-s-c:visited,
.course-s-c:hover,
.course-s-c:active{
    color: #09f;
}
.course-s-list{
    width: 100%;
}
.course-s-list li{
    width: 100%;
    /*border-bottom: 1px solid #f2f2f2;*/
    padding:15px 0;
}
.course-s-shot{
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.course-s-i{
    padding-left: 60px;
}
.course-c-c{
    margin: 10px 0 0 0;
    width: 100%;
}
.course-c-c i{
    float: left;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.course-c-c em{
    display: block;
    padding-left: 20px;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    color: #666;
}

.new-course-navs{
    width: 100%;
    background: #fff;
}
.new-course-navs li{
    float: left;
    width: 50%;
    height: 35px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-course-navs li.selected{
    border-bottom: 1px solid #0099ff;
    color: #0099ff;
}

.enterclass{
    display: block;
    width: 118px;
    height: 35px;
    background: #0099ff;
    border-radius: 5px;
    margin: 0 auto ;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 13px;
    font-weight: normal;
    margin-top: 7px;

}

.enterclass:hover,
.enterclass:visited{
    cursor: pointer;
    color: #fff;
}
.class-course-box{
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
}
.class-course-box:last-of-type{
    border-bottom: 0;
}
.class-course-list{
    width: 100%;
    border-left: 1px solid #ddd;
    padding: 20px 0;
}
.class-course-list a{
    display: block;
    position: relative;
    padding:0 70px 0 15px;
    height: 24px;
    color: #333;
}
.class-course-list a+a{
    margin-top: 20px;
}
.class-course-dot{
    position: absolute;
    left: -9px;
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
}
.class-course-time{
    position: absolute;
    right: 5px;
    top: 0;
    width: 65px;
    height: 24px;
    background: #EAF0F5;
    border-radius: 3px;
    font-size: 11px;
    color: #333;
    text-align: center;
    line-height: 24px;
}
/*文库展示列表css*/
.de-course-nav.news {
    padding: 10px 8px;
}

.maincontdivs {
    /*padding:0 0 35px 0;*/
    margin:0 auto;
    position:relative;
    width: 100%;
}
.wk-header-bg{
    width: 100%;
    position: relative;
    left: 0;
    top:0;
    padding: 10px 0;
}

.wk-header-h{
    font-size: 15px;
    font-weight: normal;
    color: #666666;
    line-height: 18px;
    height: 18px;
}

.wk-header-h span{
    display: block;
    width: 4px;
    height: 20px;
    background: #00cc00;
    float: left;
    margin: 0 5px;

}

.wk-header-h a{
    font-size: 13px;
    font-weight: normal;
    color: #999999;
    float: right;
    line-height: 18px;
    margin-right: 5px;
}

.wk-mainconten{
    width: 100%;
    padding: 0 5px 25px 5px;
}
.wk-content{
    display: block;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    padding: 15px 0;
}


.wk-content h3{
    font-size: 13px;
    color: #515151;
    font-weight: normal;
    margin: 0;
}

.wk-content h4{
    font-size: 12px;
    color: #999;
    font-weight: normal;
    width: 100%;
    line-height: 18px;
    margin: 8px 0 5px 0;
    padding-right: 15px;
}


.wk-content em{
    font-size: 16px;
    color: #999999;
    font-weight: normal;
    position: absolute;
    top:48%;
    margin-top: -6px;
    right:0;
}

.wk-tip img{
    width: 16px;
    height: 16px;
}


.wk-read{
    font-size: 11px;
    color: #999999;
    font-weight: normal;
    margin-left: 5px;
}

.wk-word{
    background: url("images/word.png") no-repeat scroll center;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top:3px;
    background-size: 16px 16px;
}
.wk-power{
    background: url("images/ppt.png") no-repeat scroll center;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top:3px;
    background-size: 16px 16px;
}
.wk-execl{
    background: url("images/excel.png") no-repeat scroll center;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top:3px;
    background-size: 16px 16px;
}
.wk-txt{
    background: url("images/txt.png") no-repeat scroll center;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top:3px;
    background-size: 16px 16px;
}
.wk-pdf{
    background: url("images/pdf.png") no-repeat scroll center;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top:3px;
    background-size: 16px 16px;
}
.bottom-info {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    z-index: 45;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e4e4e4;
    background: #f2f5f7;
    padding: 0 10px;
}
.functions{
    width: 120px;
}


.c-s-suport{
    float: right;
    font-size: 12px;
    color: #999;
    text-align: left;
}

.c-s-suport i{
    font-size: 14px;
}
.fourth_li{
    position:absolute;
    top:26px;
    right:0;
    text-align: right;
}
.new-ticket-link,
.new-ticket-link a,
.new-ticket-link a:hover,
.new-coupon-link,
.new-coupon-link:hover{
    display: block;
    font-size: 12px;
    color: #ff0000;
}
.new-ticket-link,
.new-coupon-link{
    margin-top: 1px;
}

.new-coupon-link span{
    position: relative;
    top: 1px;
    margin-left: 3px;
    font-size: 14px;
    line-height: 1;
}
.new-coupon-box{
    position: absolute;
    right: -8px;
    top: 28px;
    z-index: 50;
    width: 200px;
    border-radius: 5px;
    background:#e4e4e4;
    padding:8px 5px;
}
.discount-hint-text{
    color: #ff6501;
    font-size: 12px;
    line-height: normal;
}
.new-coupon-arrow{
    position: absolute;
    right: 9px;
    top: -7px;
    display: block;
    width: 14px;
    height: 8px;
    background: url("esm.images/arrow-up.png") center no-repeat;
    background-size: 14px 8px;
}
.d-price-tag{
    position: relative;
    top: -2px;
    width: 45px;
    height: 20px;
    border-radius: 5px;
    background: #ff6501;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.new-coupon-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 32px;
    background: rgba(0,0,0,.6);
}
.new-coupon-bottom .new-ticket-link a,
.new-coupon-bottom .new-coupon-link{
    margin-top: 0;
    line-height: 32px;
    color: #fff;
}

.new-coupon-bottom .new-ticket-link a:hover{
    color: #fff;
}
.new-coupon-bottom .new-coupon-box{
    top: 35px;
}
/*活动css*/
.a-count{
    font-size: 12px;
    color: #999;
    width: 100%;
    padding: 4px 0;
}

.a-count i{
    font-size: 14px;
}

.a-cost{
    width: 100%;
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
}

.a-c-top{
    width: 100%;
    padding: 10px;
}

.a-line-title{
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    line-height: 18px;
    /*padding: 10px 15px;*/
}

.a-line-title span{
    float: left;
    width: 3px;
    height: 18px;
    background: #09f;
    margin-right: 8px;

}

.c-intro{
    margin: 0;
    padding: 5px 0 0 0;
}
.c-intro i{
    font-size: 14px;
    color: #999999;
    position: relative;
    top: 1px;
}
.c-rs{
    font-size: 11px;
    color: #333333;
    font-weight: normal;
    font-style: normal;
}


.off-line-detail a{
    color: #41a7ed;
    font-size: 12px;
    font-weight: normal;
}
.a-sponsor{
    border-top: 5px solid #e4e4e4;

}
.a-h-s{
    padding: 8px 10px;
}

.a-p-s{
    padding: 10px 10px 18px;
}
.a-sponsor em{
    float: right;
    text-align: right;
    font-style: normal;
    font-size: 12px;
    color: #999999;
}

.a-pic-list{
    margin-top: 8px;
    height: 40px;
    overflow: hidden;
}
.a-pic-list li{
    float: left;
    margin:0px 8px 5px 0!important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.a-pic-list li img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.a-write{
    float: left;
    width: 100%;
    border-top: 2px solid #e4e4e4;
    color: #cccccc;
    font-size: 12px;
}

.a-write i{
    font-size: 12px;
    color: #09f;
    padding-right: 8px;
}
.a-write:hover{
    color: #cccccc;
}
.course-e-star em{
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}
.new-bottom{
    border-bottom: none;
}
.a-border{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 4px;
    margin-top: 10px;
}
.a-arrow-share{
    position: absolute;
    right: 0;
    top: 10px;
    width: 30px;
    height: 30px;
    z-index: 30;
    font-size: 22px;
    color: #999;
}
.a-arrow-share:link,
.a-arrow-share:hover{
    color: #999;
}

.a-isload{
    max-height: 120px;
    overflow: hidden;
}
.a-more{
    color: #666;
    width: 60%;
    height: 38px;
    border: 1px solid #e0e0e0;
    background: #eeeeee;
    margin: 0 auto;
    text-align: center;
    display: block;
    border-radius: 3px;
}

.c-p-css{
    padding: 0 2px;
}

.c-a-css{
    padding: 0px 1px;
}

/*秒杀-数据展示css*/
.new-q-bg{
    background: #333;
}
.kill-nav-t{
    padding: 0 0 10px 10px;
    width: 100%;
    height: 20px;
    font-size: 14px;
    color: #f39800;
    line-height: 20px;
    text-align: left;
    margin: 0;
}
.kill-nav-t span{
    float: left;
    margin-right: 5px;
    width: 4px;
    height: 20px;
    background: #f39800;
}
.kill-brief{
    width: 100%;
    margin: 10px 0 15px;
    padding: 0 15px 0 19px;
    font-size: 13px;
    color: #333333;
    line-height: 20px;
    text-align: left;
}
.new-btn-bg{
    background: #f39800;
}

.s-p-btn.new-disabled{
    background: #999;
    cursor: not-allowed;
    pointer-events:none;
}

.kill-c{
    width: 100%;
    border-top: 5px solid #e4e4e4;
    padding:0 10px 55px 10px;
}
.kill-c img{
    width: 100%;
}
/*秒杀-数据收集css*/
.kill-time span{
    float: left;
    width: 24px;
    height: 24px;
    background:#f39800 ;
    border-radius: 3px;
}

.kill-fa{
    background: url("esm.images/skill-f.png") center no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    left: 4px;
    background-size: 16px 16px;
}

.kill-time i{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 2px;
    left: -20px;
}

.kill-t{
    padding: 5px 0 15px 0;
    width: 100%;
}
.kill-del{
    font-size: 12px;
    line-height: 22px;
    color: #333;
    margin-top: -15px;
    margin-left: 30px;
}

.kill-del em{
    color: #f39800;
    font-style: normal;
}
/*秒杀-支付*/
.kill-bottom-info {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    z-index: 45;
    width: 100%;
    height: 50px;
}

.s-p-adress{
    width: 100%;
    font-size: 12px;
    color: #999999;
    float: left;
    text-align: center;
}


.p-an-title{
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
}

.p-an-title span{
    color: #09f;
}

.new-top{
    margin-top: 35%;
}

.kill-p-img{
    display: inline-block;
    position: relative;
    top: 10px;
    width: 40px;
    height: 40px;
    background: url("esm.images/s-p-s.png") center no-repeat;
    background-size: 40px 40px;
}


.kill-p-tag{
    display: block;
    font-size: 13px;
    color: #09f;
    line-height: 24px;
    padding-left: 10px;
}

.kill-p-tag i{
    float: left;
    width: 40px;
    height: 40px;
    font-size: 36px;
    color: #09f;
    line-height: 48px;
}

.kill-tag-box{
    position: fixed;
    top: 0;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.kill-tag-box a{
    color: #09f;
}


/*直播安排展示css*/
.bg-new-white{
    background: #f8f8f8;
}

.c-l-display{
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 15px;
    padding-top: 10px;
}

.c-l-body{
    width: 100%;
}




.img-scale{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56%;
}
.img-scale img{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.img-scale span{
    display: block;
    width: 68px;
    height: 28px;
    background: #ff9900;
    position: absolute;
    right: 0;
    top: 0;
    /*box-shadow: -2px 3px 6px #68696b;*/
    color: #fff;
    font-style: normal;
    font-size: 14px;
    text-align: center;
    padding-top: 4px;
}
.i-quota{
    position:absolute;
    right:0;
    bottom:0;
    height:20px;
    line-height: 20px;
    padding:0 5px;
    font-size:11px;
    color:#fff;
    background: rgba(0,0,0,.6);
}
.i-recom{
    position:absolute;
    left:0;
    top:0;
    height:21px;
    line-height: 21px;
    padding:0 5px;
    font-size:12px;
    color:#fff;
    background:#fa5730;
}
.c-details{
    width: 100%;
    padding: 10px 0;
}
.c-l-title{
    margin: 0 0 5px 0;
    width: 100%;
    font-size: 14px;
    color: #333;

}
.c-details p{
    color: #999999;
}

/*线下课课程表展示css*/
.c-details p em{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: normal;
}
.ac-address{
    display: block;
   /* height:40px;*/
    line-height: 20px;
   /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}
.c-nav{
    display: block;
    width: 100%;
    height: 24px;
    margin: 0;
}
.c-nav span{
    font-size: 15px;
    color: #666666;
    font-weight: 600;
    position: relative;
    top: -5px;
    left: 0;
}
.a-content{
    width: 100%;
    display: block;
    border: 1px solid #e4e4e4;
    margin-bottom: 15px;
    background: #ffffff;
    padding: 10px 10px 0 10px;
    border-radius: 5px;
}

.c-nav i{
    position: relative;
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    top: -5px;
    left: 5px;
}

.c-nav-font{
    font-size: 12px;
    color: #666666;
    float: right;
    line-height: 24px;
    margin-right: 10px;
}
.c-nav-font i{
    font-size: 16px;
    color: #666666;
    margin-left: 5px;
}

.line-class:before{
    content: "\f106";
}

.line-class.down:before{
    content: "\f107";
}
/*老师展示TS001*/
.teacher-list{
    width: 100%;
    padding: 15px 5px 5px 5px;
}
.teacher-list li{
    width: 100%;
    padding-bottom: 10px;
}
.teacher-list li a{
    display: block;
    width: 100%;
    background: #fff;
    padding: 20px 0 25px 0;
}
.teacher-shot{
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.teacher-name{
    display: block;
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    color: #41a7ed;
    text-align: center;
}
.teacher-arrow{
    margin: -10px auto 0;
    display: block;
    width:25px;
    height: 10px;
    background: url("esm.images/icon-arrow-up.png") center no-repeat;
    background-size: 25px 10px;
}
.teacher-ins{
    margin: 0;
    background: #f8f8f8;
    padding:8px 10px;
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 20px;
}
.teacher-detail{
    width: 100%;
    padding: 10px;
}
.teacher-i{

    width: 100%;
    margin-bottom: 0;
}
.teacher-i dt{
    float: left;
    width: 35px;
    height: 35px;
}
.teacher-i dt img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.teacher-i dd{
    position:relative;
    padding-left: 45px;
    font-size: 12px;
    color: #666;
    line-height: 35px;
}
.tea-reward{
    position:absolute;
    right:5px;
    top:0;
    z-index: 50;
    font-size:12px;
    color:#1ccda6;
}
.tea-reward:hover,
.tea-reward:focus{
    color:#1ccda6;
}
.teacher-info{
    width: 100%;
    padding: 10px 0 20px 0;
    font-size: 12px;
    color: #333;
    line-height: 15px;
}
.teacher-info img{
    display: block;
    max-width:100%;
}
.teacher-i-box{
    width: 100%;
}
.teacher-i-list{
    width: 100%;
    padding: 10px 0;
}
.teacher-i-list li{
    width: 100%;
    font-size: 12px;
    color:#41a7ed;
    line-height: 24px;
    list-style:disc inside;
}
.teacher-i-list li a{
    color:#41a7ed;
}
.teacher-i-list.new li{
    color: #666;
}
/*升级提示*/
.upgrade-reminder{
    position: fixed;
    top: 30%;
    left: 5%;
    z-index: 85;
    width: 90%;
    border-radius: 5px;
    background: #fff;
    padding-top: 15px;
}
.upgrade-title{
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    text-align: center;
}
.upgrade-detail{
    width: 90%;
    margin: 20px auto;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.upgrade-detail span{
    color: #1babe3;
}
.upgrade-btn{
    display: block;
    width: 100%;
    height: 48px;
    border: 0;
    border-top: 1px solid #e4e4e4;
    border-radius: 0 0 5px 5px;
    background: #fff;
    font-size: 14px;
    color: #000;
    text-align: center;
}

.new-a-add{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pay-confirm-box{
    position: fixed;
    top: 25%;
    left: 5%;
    z-index: 90;
    width: 90%;
    border-radius: 5px;
    background: #fff;
}
.pay-c-i{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("esm.images/icon_pay.png") center no-repeat;
    background-size: 32px 32px;
}
.pay-c-r{
    position: relative;
    top: -10px;
    display: inline-block;
    font-size: 13px;
    color: #1e1e1e;
}
.pay-c-b{
    border-top: 1px solid #e4e4e4;
}
.pay-c-btn{
    float: left;
    width: 50%;
    height: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    border-radius: 0 0 0 5px;
    background: #fff;
    font-size: 14px;
    color: #1e1e1e;
    text-align: center;
}
.pay-c-btn+.pay-c-btn{
    border-left:1px solid #e4e4e4;
    border-radius: 0 0 5px 0;
    color:#1e1e1e;
}
.favour-line{
    position: relative;
    width: 100%;
    height: 36px;
    padding: 0 5px 0 105px;
}
.favour-line .favour-msg{
    top: 50px;
    color: #ff0000;
    text-align: left;
}
.favour-check-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 105px;
    padding-left: 5px;
}
.favour-check{
    float: left;
    margin-top: 10px!important;
    width: 16px;
    height: 16px;
}
.favour-in{
    width: 100%;
    height: 36px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 13px;
    color: #999;
    text-align: center;
}
.favour-line .field-validation-error {
    top: 50px;
    color: #ff0000;
    text-align: left;
}
.favour-line .input-validation-error{
    border: 0!important;
}

/*普通班展示css*/
.reg-class-tag{
    position: absolute;
    right: 0;
    top: 10px;
    height: 28px;
    background: #ff9933;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
}

.reg-class-price{
    position: absolute;
    right: 0;
    bottom: 10px;
    height: 28px;
    background: #1babe3;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
    line-height: 28px;
}

.reg-line-info{
    width: 100%;
    padding: 0 5px 10px 5px;
    position: relative;
}

.reg-class-title{
    width:60%;
    font-size: 16px;
    color: #666666;
    margin: 0;
    padding-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reg-plan{
    display: block;
    width: 60px;
    height: 17px;
    font-size: 14px;
    color: #09f;
    line-height: 17px;
    text-align: center;
    position: absolute;
    right: 0;
    top:20px;
}

.reg-plan.new{
    position: absolute;
    right:60px;
    top:21px;
    width:60px;
}
.a-enter-group{
    position: absolute;
    right: 5px;
    top:19px;
    font-size: 14px;
    color: #09f;
}

.reg-declaration{
    width: 100%;
    font-size: 13px;
    color: #999999;
}


.reg-date{
    width: 100%;
    font-size: 13px;
    color: #999999;
}


.del-border{
    border: 0!important;
    padding-bottom: 55px;
}
.b-o-class{
    width: 48%;
    display: inline-block;
}
.b-o-class em{
    font-style: normal;
}

.reg-intro{
    font-size: 13px;
    color: #666666;
    padding:10px 0;
}

.reg-intro-detail{
    font-size: 13px;
    color: #999999;
}

.new-padding{
    padding: 0 5px;
    border-top: 1px solid #ddd;
}
.new-padding.no-border{
    border-top: 0;
}
.reg-count{
    font-size: 13px;
    color: #999999;
    padding: 0 5px;
    position: relative;
    height: 45px;
    line-height: 45px;
}
.reg-count.newcolor{
    color:#333;
}
.reg-left{
    position: absolute;
    left: 0;
    top:11px;
    width: 60px;
    font-size: 12px;
    color: #999;
    text-align: right;
    line-height: 16px;
}
.course-time-line:first-of-type .reg-left{
    top:11px;
}
.reg-right-t{
    float: left;
    position: relative;
    width: 95%;
    border-left: 1px solid #d3d3d3;
    padding: 10px 0;
}
.reg-right-t.reg-right-t-eb {
     padding: 10px 0 30px 0;
}
.course-time-line a.new .reg-right-t{
    width: 100%;
    padding-top: 7px;
    padding-bottom: 22px;
}
.course-time-line.last-task a.new .reg-right-t{
    padding-bottom: 40px;
}
.course-time-line:only-child a.new{
    padding-bottom: 22px;
}
.course-time-line:only-child a.new  .reg-right-t{
    padding-bottom: 0;
}
/*******11月spoc班部分样式*****/
.nov-mates-list{
    width: 100%;
   /* border-top:1px solid #e4e4e4;*/

}
.nov-mates-list li{
    width: 100%;
    border-bottom:1px solid #f2f2f2;
    padding:10px 5px 0 10px;

}
.mates-name-info{
    float:left;
}
.mates-name-info i{
    display: block;
    width: 50px;
    height:50px;
    border-radius:50%;
    overflow:hidden;
}
.mates-name-info i img{
    width:100%;
    height:100%;
    border-radius:50%;
}
.mates-name-info span{
    display: block;
    margin-top: 10px;
    max-width: 50px;
    font-size:12px;
    color:#666;
    text-align: center;
}
.mates-data-info{
    float:left;
    width:75%;
    margin-left: 20px;
}
.mates-data-info h4{
    margin:0 0 13px 0;
    font-size:12px;
    color:#999;
}
.mates-data-info h4 span{
    float:left;
    max-width: 88%;
}
.m-d-i{
    display: inline-block;
    background: url("images/u60.png") no-repeat center;
    width: 16px;
    height:16px;
    position:relative;
    top:4px;
    margin-right:10px;
}
.m-d-w{
    display: inline-block;
    background: url("images/u102.png") no-repeat center;
    width: 16px;
    height:16px;
    float:left;
    margin-right:10px;
    margin-top: 1px;
}

.m-d-x{
    display: inline-block;
    background: url("images/u62.png") no-repeat center;
    width: 16px;
    height:16px;
    float:left;
    margin-right:10px;
}
/*******end********/

.reg-right-t i,
.reg-right-t em{
    float: right;
    width: 18px;
    font-size: 16px;
    color: #CCCCCC;
    margin-top: 2px;
    text-align: center;
}
.reg-right-t em{
    margin-top: 0;
}

.course-time-line:first-child .reg-right-t{
    padding-top: 20px;
}
.course-time-line:first-child a.new .reg-right-t{
    padding-top: 10px;
}
.course-time-line:last-child .reg-right-t{
    padding-bottom: 20px;
}
.course-time-line:first-child .course-time-tag{
    top: 32px;
}
.course-time-tag{
    position: absolute;
    left: 11px;
    top: 31px;
    width: 160px;
    height: 18px;
    border-radius: 8px;
    background: #e4e4e4;
    font-size: 11px;
    color: #666;
    line-height: 18px;
    text-align: center;
}
.new-border{
    border-bottom: 1px solid #f2f2f2;
}

.new-top-border{
    border-top: 10px solid #f2f2f2;
}



.end-apply{
    border-top: 1px solid #f2f2f2;
    height:45px;
    line-height: 45px;
    padding: 0 0 0 20px;
    font-size: 13px;
}

.end-apply span em{
    font-style: normal;
}

.comment-link{
    position: absolute;
    right: 35px;
    top: 0;
    font-size: 14px;
    color:#1babe3;
}
.combine{
    font-size: 18px;
    color: #1babe3;
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
}

.combine:before{
    content: "\e606";
}

.combine.switch:before{
    content: "\e605";
}

.reg-padding{
    padding: 0 5px 10px 5px;
}


.reg-join-count{
    float: right;
    font-style: normal;
}


.reg-person{
    display: block;
    float: left;
    width: 56px;
    margin: 14px 5px 0 5px;
}


.reg-person img{
    margin-bottom: 5px;
}
.reg-person span{
    display: block;
    text-align: center;
    position: relative;
    left: -3px;
    color: #999999;
    font-size: 12px;
    top:3px;
    width: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.reg-right-t i.reg-color,
.reg-right-t em.reg-color,
.reg-person span.reg-color,.end-apply span.reg-color{
    color: #09f;
}


.reg-more{
    color: #09f;
    font-size: 12px;
    width: 60%;
    background: #fff;
    height: 38px;
    border: 0;
    margin: 20px auto 0;
    text-align: center;
    display: block;
}

.bind-m-line{
    width:100%;
}
.bind-m-line img{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.bind-m-t{
    margin: 0;
    padding-left: 10px;
    font-size: 13px;
    color: #1e1e1e;
    line-height: 30px;
}
.new-bottom-info {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    z-index: 45;
    width: 100%;
    height: 50px;
    background: #f2f2f2;
}
.new-bottom-left,
.new-bottom-right{
    float: left;
    border: 0;
    border-radius: 0;
    height: 50px;
    text-align: center;
    font-size: 13px;
}
.new-bottom-left{
    width: 30%;
    color: #333;
    line-height: 50px;
}
.new-bottom-right{
    width: 70%;
    background: #09f;
    color: #fff;

}
.try-ins-info{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -110px;
    width: 220px;
    height: 36px;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    background: #f2f2f2;
    font-size: 12px;
    color: #09f;
    text-align: center;
    line-height: 36px;


}


.radioremind{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 100;
}


.radioremind-t{
    width: 90%;
    height: 100%;
    position: fixed;
    left: 5%;
    top: 0;
    border-collapse: collapse;
    table-layout: fixed;
}


.r-stop {
    width: 100%;
    text-align: center;
}

.r-stop span {
    display: block;
    color: #fff;
    font-size: 12px;
    padding-bottom: 8px;
}

.radioremind a{
    color: #f39800;
    font-size: 14px;
    display: inline-block;
}
.radioremind a.left{
    margin-right: 15px;
}
.radioremind a.right{
}
/*绑定页面*/
.account-bind-list{
    /*margin-top: 10px;*/
    width: 100%;
    padding-bottom: 10px;
}
.account-bind-list a{
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
    background: #fff;
    padding:0 10px;
}
.account-bind-list span{
    float: left;
    font-size: 30px;
    line-height: 60px;
}
.account-bind-list span.b-1{
    color: #56abe4;
}
.account-bind-list span.b-2{
    color: #eb4f38;
}
.account-bind-list span.b-3{
    color: #d81e06;
}
.account-bind-list span.b-4{
    color: #20c2a8;
}
.account-bind-list span.b-5{
    color: #ea8010;
}
.account-bind-list span.b-6{
    color: #3d820c;
}
.account-bind-title{
    float: left;
    margin-left: 8px;
    font-size: 14px;
    color: #333;
    font-style: normal;
    line-height: 60px;
}
.account-bind-state{
    float: right;
    margin-right: 10px;
    font-size: 12px;
    color: #333;
    font-style: normal;
    line-height: 60px;
}
.account-bind-state.unbind{
    color: #ea8010;
}
.account-bind-list i{
    float: right;
    font-size: 16px;
    color: #666;
    line-height: 60px;
}
.account-bind-info{
    float: left;
    margin-left: 10px;
    max-width: 55%;
    font-size: 11px;
    font-style: normal;
    color: #ccc;
    line-height: 60px;
}
.account-bind-loading{
    float: right;
    background: url("images/loading4.gif") left no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;
    font-size: 12px;
    color: #333;
    font-style: normal;
    line-height: 60px;
}

/*快递、发票、地址css*/
.receipt-nav.new{
    background: none;
}

.new-color{
    color: #f90;
}

.border-l2b.new{
    border-bottom:4px solid #e4e4e4;
}
/*报错页*/
.error-box {
    width: 90%;
    margin: 0 auto;
    padding-top: 10%;
}
.error-box img {
    display: block;
    width: 100%;
}

.error-detail {
    width: 100%;
    padding: 0 5%;
}
.error-link{
    color: #f39800;
}


/*MP002普通班学习排名css*/
.s-rank{
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 5px;
    margin: 0;
   /* height: 70px;*/
}

.s-rank dt{
    float: left;
    width: 50px;
    height: 50px;
}

.s-rank dt img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.s-det-line{
    padding-top: 2px;
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s-r-name{
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.s-r-name.new{
    float: left;
    width: 24%;
}

.s-color{
    color:#09f;
}
.s-bar.bar-process{
    background: #41a7ed;
}
.show-pro{
    position: relative;
    top: 8px;
}


.s-r-time{
    color: #B5B9BC;
    font-size: 12px;
    padding-left: 10px;
}

.s-r-time.new{
    float: left;
    width: 33%;
}

.s-rank dd{
    position: relative;
    padding-left: 60px;
}

.s-bar{
    width:78%;
    height: 10px;
    background: #e4e4e4;
    border-radius: 5px;
    margin-top: 12px;
}
.s-bar i{
    display:block;
    height: 10px;
    background: #09f;
    border-radius: 5px;
}
.s-pro{
    width: 75%;
   /* float: left;*/
    margin-right: 5px;
}
.s-pro span{
    float: right;
    position: relative;
    top: -13px;
    font-size: 12px;
}
.s-rank-img{
    background: url("images/r-first.png") no-repeat center;
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    position: absolute;
    top:50%;
    right: 0;
    margin-top:-18px;
    text-align: center;
}

.s-rank-img span{
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    position: relative;
    top:2px;
}
.s-rank-img.second{
    background: url("images/r-second.png") no-repeat center;
    background-size: 36px 36px;
}

.s-rank-img.third{
    background: url("images/r-third.png") no-repeat center;
    background-size: 36px 36px;
}


/*MP002普通班作业排名css*/

.h-count{
    font-size: 13px;
    color: #999999;
    margin: 0;
    padding-bottom: 8px;
}

.h-pad{
    padding: 8px 5px;
}

.home-item{
    margin-bottom: 5px;
}

.home-nav{
    width: 100%;
    height: 32px;
    background: #f2f2f2;
    line-height: 32px;
    padding: 0 8px;
}

.h-fl{
    float: left;
    font-size: 12px;
    color: #333333;
}

.h-fr{
    float: right;
    font-size: 12px;
    color: #666666;
    cursor:pointer;
}

.h-icon{
    font-size: 16px;
}

.h-icon:before{
    content: "\f107";
}

.h-icon.down:before{
    content: "\f106";
}

.home-p-item{
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 10px;
}

.hp-img{
    float: left;
    width: 35px;
    height: 35px;
}

.hp-img img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.hp-det{
    position: relative;
    line-height: 35px;
    padding-left: 45px;
}

.s-point{
    font-size: 12px;
    padding-left: 35px;
    color: rgb(181, 185, 188);
}

.s-home-img{
    background: url("images/r-first.png") no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    position: absolute;
    right: 0;
    top: 3px;
    text-align: center;
}

.s-home-img.second{
    background: url("images/r-second.png") no-repeat center;
    background-size: 30px 30px;
}

.s-home-img.third{
    background: url("images/r-third.png") no-repeat center;
    background-size: 30px 30px;
}


.s-home-img span{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: -8px;
}

.del-border.new{
    padding-bottom: 25px;
}

/*社区模块*/
.community-header{
    position: relative;
    z-index: 50;
    height: 45px;
    background: #41a7ed;
    padding: 0 45px;
}
.community-header.new{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
}
.community-header.edit{
    padding: 0 45px;
}
.community-h-back{
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 5px;
    width: 45px;
    height: 45px;
    font-size: 15px;
    color: #fff;
    line-height: 45px;
}
.community-h-btn{
    position: absolute;
    right: 5px;
    top: 0;
    width:45px;
    height: 45px;
    border: 0;
    background: #41a7ed;
    font-size: 14px;
    color: #fff;
    text-align: right;
}
.community-h-edit{
    position: absolute;
    right: 5px;
    top: 0;
    width:30px;
    height: 45px;
    font-size: 18px;
    color: #fff;
    line-height: 45px;
    text-align: right;
    font-weight: bold;
}
.community-search-box{
    width:100%;
    background: #f2f2f2;
    padding: 10px 50px 10px 5px;

}
.community-search-box.search{
    position: fixed;
    left: 0;
    top:45px;
    z-index: 50;
}
.community-search-box.disabled{
    padding: 10px 5px;
}
.community-s-line{
    display: block;
    width: 100%;
    background: #fff;
}
.community-s-line span{
    float: left;
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: #b2b2b2;
    line-height: 30px;
    text-align: center;
}
.community-s-input{
    position: relative;
    margin: 0;
    padding-left: 30px;
}
.community-s-in{
    width: 100%;
    height: 30px;
    border: 0;
    background: #fff;
    padding: 0 30px 0 0;
    font-size: 12px;
    color: #999;

}
.community-s-btn{
    position: absolute;
    right: 5px;
    top: 10px;
    width: 40px;
    height: 31px;
    background: #009dd9;
    border: 0;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    text-align:center;
}
.community-i-del{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #999;
    line-height: 30px;
    text-align: center;
}
.community-s-history{
    width: 100%;
    padding:0 5px;
}
.community-s-h{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
.community-s-del{
    float: right;
    width: 45px;
    font-size: 16px;
    color: #666;
    text-align: right;
    line-height: 35px;
}
.community-s-list{
    width: 100%;
    margin-top: 5px;
}
.community-s-list li{
    width: 100%;
    font-size: 12px;
    color: #333;
    padding: 5px 0;
    cursor: pointer;
}
.community-s-result{
    width: 100%;
}
.community-no-data{
    margin: 30% 0 0 0;
    width: 100%;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.community-s-title{
    width: 100%;
    margin: 0;
    background:#f7f7f7;
    padding-left: 5px;
    font-size: 13px;
    color: #666;
    line-height: 40px;
}
.community-group-list{
    margin: 0;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
    border-left: 0;
    border-right: 0;
}
.community-group-list.list{
    border: 0;
    padding: 10px 0 25px 0;
}
.community-group-list.group{
    border: 0;
    padding: 10px 0 15px 0;
}
.community-group-list.topic{
    border: 0;
    padding: 0;
}
.community-group-list a{
    position: relative;
    display: block;
    padding: 0 5px;
}
.community-group-list.list a{
    padding: 0 40px 0 5px;
}
.community-group-list a+a{
    margin-top: 10px;
}
.community-group-list.topic a{
    padding: 10px 5px;
}
.community-group-list.topic a+a{
    margin-top: 0;
    border-top:1px solid #f2f2f2;
}
.community-group-shot{
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 5px;
    overflow: hidden;
}
.community-group-shot img{
    width: 100%;
    border-radius: 5px;
}
.community-group-list dd{
    padding-left: 58px;
}
.community-group-title{
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.community-group-title span,
.community-note-title span{
    color: #f60;
}
.community-group-out{
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 50;
    width: 35px;
    height: 48px;
    font-size: 13px;
    color: #41a7ed;
    line-height: 48px;
    text-align: right;
    cursor: pointer;
}
.community-note-list{
    width: 100%;
    border-top: 1px solid #f2f2f2;
    padding-bottom: 15px;
}
.community-note-list li{
    border-bottom: 1px solid #f2f2f2;
}
.community-note-list li a{
    display: block;
    padding: 10px 5px;
}
.community-note-title{
    margin: 0;
    font-size: 13px;
    color: #333;
}
.community-note-brief{
    margin: 10px 0;
    font-size: 12px;
    color: #666;
}
.community-note-author{
    margin: 0;
    font-size: 11px;
    color: #999;
}
.community-note-nav{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;
}
.community-note-nav li{
    float:left;
    width: 33.33%;
    font-size: 14px;
    color: #666;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.community-note-nav li.selected{
    color: #41a7ed;
    border-bottom: 2px solid #41a7ed;
}
.community-note-detail{
    width: 100%;
}
.community-note-detail.new{
    border-top: 5px solid #f2f2f2;
}
.c-note-list{
    width: 100%;
    padding: 5px 0;
    background: #f2f2f2;
}
.c-note-list.new{
    padding: 0 0 5px 0;
}
.c-note-list a{
    display: block;
    border-bottom: 1px solid #e4e4e4;
    padding: 5px;
    background: #f9f9f9;
}
.c-note-list a+a{
    margin-top: 5px;
}
.c-n-info{
    width: 100%;
    margin-bottom: 0;
}
.c-n-info dt{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.c-n-info dt img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.c-teacher-tag{
    position: absolute;
    left: -5px;
    bottom: -2px;
    width: 50px;
    height: 17px;
    background: url("esm.images/icon-teacher-tag.png") center no-repeat;
    background-size: 50px 17px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 14px;
}
.c-teacher-tag.course{
    width: 40px;
    height: 14px;
    background-size: 40px 14px;
    font-size: 10px;
    line-height: 11px;
}
.c-n-info dd{
    padding-left: 45px;
}

.c-n-title{
    margin: 0;
    width: 100%;
    font-size: 13px;
    color: #333;
    line-height: 20px;
}
.c-n-title.new{
    margin: 0 0 10px 0;
}
.c-n-title i{
    margin: 0 5px;
    font-size: 14px;
    color: #999;
}
.c-n-title span{
    font-size: 11px;
    color: #666;
}
.c-note-t{
    margin: 8px 0 5px 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
}
.c-note-t span{
    color: #41a7ed;
    cursor: pointer;
}
.c-note-t.new{
    margin: 0 0 5px 0;
    padding: 0 5px;
}
.c-note-tag{
    display: inline-block;
    width: 20px;
    /*height: 20px;*/
    border-radius: 3px;
    background: #f60;
    font-size: 13px;
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.c-note-brief{
    margin: 0;
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 15px;
}
.c-note-v{
    margin: 5px 0 0 0;
    width: 100%;
    line-height: 20px;
}
.c-note-c{
    display: inline-block;
    font-size: 14px;
    color: #aeaeae;
}
.c-note-c.active {
    color: red;
}
.c-note-y{
    position: relative;
    top: 2px;
    display: inline-block;
    font-size: 18px;
    color: #bababa;
}
.c-note-report{
    display: inline-block;
    font-size: 12px;
    color: #999!important;
}
.c-note-report span{
    font-size: 12px;
    color: #cdcdcd;
}
.community-no-note{
    width: 100%;
    padding-top: 90px;
    text-align: center;
}
.community-no-link{
    margin: 25px auto 0;
    display: block;
    width: 70px;
    height: 37px;
    border-radius: 3px;
    background: #41a7ed;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 37px;
}
.community-no-link:hover{
    color: #fff;
}
.community-group-link{
    position: relative;
    display: block;
    width: 100%;
    background: #f8f8f8;
    padding: 0 46px 0 5px;
}
.community-group-img{
    float: left;
    margin-top: 9px;
    width: 20px;
    height: 20px;
}
.community-group-t{
    margin: 0;
    padding-left: 5px;
    font-size: 12px;
    color: #333;
    line-height: 38px;
}
.community-group-link span{
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 14px;
    color: #999;
    line-height: 38px;
}
.community-group-add{
    position: absolute;
    right: 18px;
    top: 0;
    font-size: 12px;
    color: #41a7ed;
    line-height: 38px;
}
.community-h-shot{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.community-h-m{
    float: left;
    margin: 0 0 0 5px;
}
.community-h-name{
    display: block;
    font-size: 11px;
    color: #333;
    line-height: 15px;
}
.community-note-d{
    width:100%;
    padding:10px 5px;
    font-size: 13px;
}
.community-note-d,
.community-note-d p,
.community-note-d section{
    word-break: normal;
    word-wrap: normal;
}
.community-note-d img{
    display: block;
    max-width: 100%;
}
.c-comment-nav{
    width: 100%;
    border-bottom: 2px solid #f2f2f2;
    padding:10px 5px;
}
.c-c-line{
    float: left;
    margin-right: 5px;
    width: 3px;
    height: 18px;
    background:#41a7ed;
}
.c-c-s{
    float: right;
    font-size: 12px;
    color: #41a7ed;
    line-height: 18px;
}
.community-comment-d{
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 7px 0;
}
.community-comment-d.no-border{
    border-bottom: 0;
}
.community-comment-d dt{
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.community-comment-d dt img{
    width:100%;
    height: 100%;
    border-radius: 50%;
}
.community-comment-d dd{
    padding-left: 48px;
}
.community-comment-line{
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.community-comment-del{
    padding: 0 5px;
    font-size: 11px;
    color: #41a7ed;
}
.community-comment-more{
    float: right;
    width: 50px;
    font-size: 10px;
    color: #999;
    line-height: 30px;
    text-align: right;
}
.community-comment-more span{
    display: inline-block;
    position: relative;
    top: -2px;
}
.community-comment-more em{
    display: inline-block;
    position: relative;
    margin-top: -2px;
    line-height: 20px;
}
.c-reply-list{
    margin-top: 7px;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    padding: 5px 0 0 0;
}
.c-reply-list li{
    width: 100%;
    font-size: 11px;
    line-height: 25px;
    cursor: pointer;
}
.c-reply-list li+li{
    margin-top: 5px;
}
.c-reply-list .community-comment-del{
    line-height: 25px;
}
.c-reply-more{
    float: right;
    font-size: 11px;
    color: #41a7ed;
    line-height: 30px;
}
.community-limit-box{
    width: 100%;
    height: 200px;
}
.community-limit-box td{
    width: 100%;
}
.community-limit-1{
    font-size: 14px;
    color: #333;
    text-align: center;
    /*line-height: 200px;*/
}
.community-limit-2{
    margin: 0;
    width: 100%;
    padding: 0 5%;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.community-limit-2.new{
    margin-top: -45px;
}
.community-topic-info{
    margin: 0;
    width: 100%;
    background: #e4e4e4;
    padding: 15px 5px;
}
.community-topic-info dt{
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
}
.community-topic-info dt img{
    width: 100%;
    border-radius: 5px;
}
.community-topic-info dd{
    padding-left: 60px;
}
.community-group-nav{
    width: 100%;
    padding: 5px;
    font-size: 13px;
    color: #333;
    line-height: 18px;
}
.community-group-nav span{
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
    width: 3px;
    height: 18px;
    background: #41a7ed;
}
.community-h-i{
    position: absolute;
    right: 5px;
    top: 0;
    width: 35px;
    font-size: 12px;
    color: #fff;
    line-height: 45px;
    text-align: right;
}

.community-g-img{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.community-g-img img{
    width: 300%;
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.community-g-info{
    position: relative;
    display: table;
    z-index: 30;
    margin: -100px 0 0 0;
    width: 100%;
    height: 100px;
    padding: 0 68px 0 5px;
}
.community-g-info dt{
    /*float: left;*/
    display: table-cell;
    width: 60px;
    vertical-align: middle;
}
.community-g-shot{
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.community-g-shot img{
    width: 100%;
}
.community-g-info dd{
    width: 100%;
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}
.community-g-txt{
    display: block;
    width: 100%;
    max-height: 45px;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    overflow: hidden;
}
.community-g-right{
    width: 100%;
    overflow: hidden;
}
.community-g-up{
    width: 100%;
    height: 18px;
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    overflow: hidden;
}
.community-g-edit{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 60px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}
.community-g-edit span{
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 3px;
}
.community-g-in{
    float:left;
    width:60px;
    font-size: 12px;
    color: #999;
    line-height: 56px;
}
.community-g-list{
    /*padding-left: 10px;*/
    margin-top:13px;
    height: 30px;
    overflow: hidden;
}
.community-g-list li{
    float: left;
    margin: 0 5px 0 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.community-g-list li img{
    width: 100%;
    border-radius: 50%;
}
.community-stick-list{
    width: 100%;
    border-top: 3px solid #e4e4e4;
    padding: 5px;
}
.community-stick-list a{
    display: block;
    font-size: 12px;
    color: #333;
    line-height: 30px;
}
.community-stick-list a span{
    float: left;
    margin: 5px 5px 0 0;
    width: 30px;
    height: 20px;
    border-radius: 3px;
    background: #ff0000;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.community-stick-list a em{
    font-style: normal;
}
.community-s-list{
    width: 100%;
}
.community-s-list a{
    display: block;
    border-top: 3px solid #e4e4e4;
    padding: 10px 5px;
}
.community-s-list .c-note-brief{
    max-height: 30px;
    overflow: hidden;
}
.community-e-line{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
    padding-right: 45px;
    padding-left: 5px;
}
.community-e-in{
    width: 100%;
    display: block;
    height:45px;
    border:0;
    border-radius:0;
    background:#fff;
    font-size:14px;
    color:#999;
    padding-left:0;
}
.community-e-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 45px;
    background: url("images/community/topic-btn.png") center no-repeat;
    background-size: 32px 32px;
}
.community-e-area{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
    padding: 5px;
}
.community-e-txt{
    width: 100%;
    height: 150px;
    border: 0 none;
    border-radius: 0;
    font-size: 13px;
    color: #999;
    resize: none;
    padding: 0!important;
}
.community-e-list{
    width: 100%;
}
.community-e-list li{
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin:0 13px 10px 0!important;
}
.community-e-img{
    width:60px;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
}
.community-e-img img{
    width: 100%;
    border-radius: 5px;
}
.community-e-del{
    position: absolute;
    right: -8px;
    top: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(0,0,0,.6);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}
.community-e-add{
    float: left;
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px dashed #d7d7d7;
    background: #fff;
}
.community-e-add button{
    display: block;
    width:100%;
    height: 100%;
    border: 0;
    background: #fff;
    font-size: 28px;
    text-align: center;
    color: #ccc;
}
.community-e-add #h5uploader{
    position:absolute;
    left: 0!important;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.community-topic-box{
    position: fixed;
    top: 91px;
    left: 0;
    z-index: 70;
    width: 100%;
    background: #fff;
    overflow-y: auto;
}
.community-t-s{
    position: relative;
    width: 100%;
    padding: 20px 40px 10px 5px;
}
.community-t-l{
    float: left;
    position: relative;
    margin: 0;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding-right: 30px;
}
.community-t-in{
    width: 100%;
    height: 28px;
    border: 0;
    background: #fff;
    font-size: 12px;
    color: #999;
    padding-left: 5px;
}
.community-t-b{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 28px;
    border: 0;
    background: #fff;
    font-size: 14px;
    color: #ababab;
    text-align: center;
}
.community-t-cancel{
    position: absolute;
    right: 0;
    top: 20px;
    width: 40px;
    font-size: 14px;
    color: #41a7ed;
    text-align: center;
    line-height: 30px;
}
.community-t-title{
    width: 100%;
    border: 1px solid #e4e4e4;
    border-left: 0;
    border-right: 0;
    background: #f2f2f2;
    padding-left: 5px;
    font-size: 12px;
    color: #666;
    line-height: 26px;
}
.community-hot-list{
    width: 100%;
}
.community-hot-list li{
    border-bottom: 1px solid #f2f2f2;
    padding: 0 5px;
    cursor: pointer;
}
.community-hot-title{
    margin: 0;
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 40px;
}
.community-hot-title span{
    color: #f60;
}
.community-hot-list li em{
    margin-left: 10px;
    font-style: normal;
    font-size: 11px;
    color: #999;
}
.community-hot-no{
    width: 100%;
    padding: 30% 0;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.community-post-limit{
    position: fixed;
    left: 0;
    top: 45px;
    width: 100%;
    height: 100%;
}
.community-post-limit td{
    width: 100%;
    height: 100%;
}
.community-edit-list{
    position: fixed;
    left: 5%;
    bottom: 20px;
    z-index: 50;
    width: 90%;
    /*height: 36px;*/
    border-radius: 5px;
    background: #f2f2f2;
    padding: 5px 0;
}
.community-edit-list li{
    float: left;
    width: 25%;
}
.community-edit-list li+li{
    border-left: 1px solid #c9c9c9;
}
.community-edit-btn{
    width: 100%;
    height: 30px;
    border: 0;
    background: #f2f2f2;
    font-size: 13px;
    color: #000;
    text-align: center;
}
.community-edit-btn.disabled{
    color: #ccc;
}
.community-no-comment{
    width: 100%;
    padding: 40px 0;
    font-size: 16px;
    color: #999;
    text-align: center;
}
.community-no-not{
    margin-top: 80px;
    width: 100%;
}
.community-no-not td,
.community-no-notice td{
    font-size: 16px;
    color: #999;
    text-align: center;
}
.community-no-notice{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.community-no-notice.group td{
    padding: 0 5%;
}
/*新绑定*/
.new-bind-box{
    width: 100%;
    padding: 0 5%;
}
.new-bind-shot{
    margin: 15% auto 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.new-bind-shot.success{
    margin: 33% auto 0;
}
.new-bind-shot img{
    width: 100%;
    border-radius: 50%;
}
.new-bind-btn{
    display: block;
    margin-top: 30px;
    width: 100%;
    height: 38px;
    border: 0;
    border-radius: 3px;
    background: #ff8383;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
@media(min-width: 360px){
    .new-p-s{
        max-width:77%;
    }
    .course-right-t{
        width: 80%;
    }
    .c-t-title{
        max-width: 88%;
    }
    .c-t-title.long{
        max-width: 95%;
    }
    .c-t-title.short{
        max-width: 84%;
    }
    .c-s-title{
        max-width: 81%;
    }
    .account-bind-info{
        max-width: 60%;
    }
    .course-reply-author{
        max-width: 54%;
    }
}
@media(min-width: 375px){
    .new-p-s{
        max-width:78%;
    }
    .course-right-t{
        width: 80%;
    }
    .c-t-title{
        max-width: 89%;
    }
    .c-t-title.short{
        max-width: 85%;
    }
    .c-s-title{
        max-width: 82%;
    }
    .account-bind-info{
        max-width: 62%;
    }
    .course-reply-author{
        max-width: 57%;
    }
}
@media(min-width:412px){
    .new-p-s{
        max-width:80%;
    }
    .course-right-t{
        width: 82%;
    }
    .c-t-title{
        max-width: 90%;
    }
    .c-t-title.long{
        max-width: 96%;
    }
    .c-t-title.short{
        max-width: 87%;
    }
    .c-s-title{
        max-width: 84%;
    }
    .account-bind-info{
        max-width: 65%;
    }
    .course-reply-author{
        max-width: 63%;
    }
}
@media(min-width: 600px){
    .new-p-s{
        max-width:87%;
    }
    .course-right-t{
        width: 88%;
    }
    .c-t-title{
        max-width: 94%;
    }
    .c-t-title.long{
        max-width: 91%;
    }
    .c-t-title.short{
        max-width: 88%;
    }
    .c-s-title{
        max-width: 89%;
    }
    .account-bind-info{
        max-width: 76%;
    }
}
@media(min-width: 768px){
    .new-p-s{
        max-width:90%;
    }
    .course-right-t{
        width: 90%;
    }
    .c-t-title{
        max-width:95%;
    }
    .c-t-title.long{
        max-width: 98%;
    }
    .c-t-title.short{
        max-width: 93%;
    }
    .c-s-title{
        max-width:91%;
    }
    .account-bind-info{
        max-width: 81%;
    }
}
@media(min-width: 360px){
    .new-p-s{
        max-width:77%;
    }
    .course-right-t{
        width: 80%;
    }
    .c-t-title{
        max-width: 88%;
    }
    .c-t-title.long{
        max-width: 95%;
    }
    .c-t-title.short{
        max-width: 84%;
    }
    .c-s-title{
        max-width: 81%;
    }
    .account-bind-info{
        max-width: 60%;
    }
}
@media(min-width: 375px){
    .new-p-s{
        max-width:78%;
    }
    .course-right-t{
        width: 80%;
    }
    .c-t-title{
        max-width: 89%;
    }
    .c-t-title.short{
        max-width: 85%;
    }
    .c-s-title{
        max-width: 82%;
    }
    .account-bind-info{
        max-width: 62%;
    }
}
@media(min-width:412px){
    .new-p-s{
        max-width:80%;
    }
    .course-right-t{
        width: 82%;
    }
    .c-t-title{
        max-width: 90%;
    }
    .c-t-title.long{
        max-width: 96%;
    }
    .c-t-title.short{
        max-width: 87%;
    }
    .c-s-title{
        max-width: 84%;
    }
    .account-bind-info{
        max-width: 65%;
    }
}
@media(min-width: 600px){
    .new-p-s{
        max-width:87%;
    }
    .course-right-t{
        width: 88%;
    }
    .c-t-title{
        max-width: 94%;
    }
    .c-t-title.long{
        max-width: 91%;
    }
    .c-t-title.short{
        max-width: 88%;
    }
    .c-s-title{
        max-width: 89%;
    }
    .account-bind-info{
        max-width: 76%;
    }
}
@media(min-width: 768px){
    .new-p-s{
        max-width:90%;
    }
    .course-right-t{
        width: 90%;
    }
    .c-t-title{
        max-width:95%;
    }
    .c-t-title.long{
        max-width: 98%;
    }
    .c-t-title.short{
        max-width: 93%;
    }
    .c-s-title{
        max-width:91%;
    }
    .account-bind-info{
        max-width: 81%;
    }
}
/**SPOC班级排名详情**/
.head-time{
    position:absolute;
    left:0;
    bottom:0;
    width: 100%;
    height:20px;
    line-height:20px;
    margin-bottom:3px ;
    padding-left:8px;
    font-size: 12px;
    color: #096;
    text-align: left;
}
.head-time-icon{
    font-size:16px;
    margin-right:4px;
}

.new-s-bar{
    width: 78%;
    height: 10px;
    background: #e4e4e4;
    border-radius: 5px;
    margin-top: 15px;
}
.new-s-bar i{
    display:block;
    height: 10px;
    background: #999;
    border-radius: 5px;
}
.new-s-color{
    color:#41a7ed;
}
.new-s-bar .new-bg-color{
    background: #41a7ed;;
}
.reg-more.new{
    color:#999;
}
/***回复页面***/
.m-reply-list{
    width: 100%;
    /* padding: 10px 5px;*/
}
.m-reply-list li{
    width: 100%;
    padding:10px 5px 0 5px;
    box-sizing: border-box;
    background: #f9f9f9;
    border-bottom: 1px solid #d7d7d7;
}
.m-reply-list a{
    display: block;
    width: 100%;
}
.c-n-reply dt{
    float:left;
    width: 45px;
    height:45px;
    border-radius: 50%;
    overflow: hidden;
}
.c-n-reply dt img{
    width: 100%;
    border-radius: 50%;
}
.c-n-reply dd{
    position: relative;
    padding-left:55px;
    padding-right: 30px;
}
.reply-text{
    margin: 7px 0 0 0;
    width: 100%;
    font-size:14px;
    color:#333;
    line-height:22px;
}
.s-reply-text{
    width: 100%;
    font-size:11px;
    color:#999;
    margin-top: 5px;
}
.reply-del{
    display: block;
    width: 30px;
    text-align: right;
    font-size:16px;
    color:#666;
    position:absolute;
    top:0;
    right:5px;
    cursor: pointer;
}
.reply-del.new{
    right: 0;
}
/***我的帖子***/
.my-post-del{
    display: block;
    width: 30px;
    height:30px;
    padding-right: 5px;
    line-height:30px;
    text-align: right;
    font-size:16px;
    color:#666;
    position:absolute;
    top:50%;
    right:0;
    margin-top:-15px;
    cursor: pointer;
}
.m-post-list{
    width: 100%;
}
.m-post-list li{
    position:relative;
    width: 100%;
    padding:0 30px 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #e4e4e4;
}
.m-post-list li a{
    display: block;
    padding: 10px 0;
    width: 100%;
    color: #000;
}
/***我的通知页面***/
.community-inform-nav{
    position: relative;
    z-index: 30;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;
}
.community-inform-nav li{
    float:left;
    width: 50%;
    font-size: 14px;
    color: #666;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.community-inform-nav li.selected{
    color: #41a7ed;
    border-bottom: 1px solid #41a7ed;
}
.community-inform-detail{
    width: 100%;
}
.inform-list{
    width: 100%;
    padding:0 5px;
    background: #f9f9f9;
}
.inform-list li{
    width: 100%;
    padding:0 8px;
    background: #fff;
    border:1px solid #e4e4e4;
    border-radius:3px;

}
.inform-list li+li{
    margin-top:20px;
}
.top-post-news{
    position:relative;
    width: 100%;
    height:36px;
    border-bottom:1px solid #e4e4e4;
    font-size:13px;
    color:#000;
    text-align:left;
    line-height:35px;
    margin-bottom:5px;
}
.bt-post-text{
    width: 100%;
    font-size: 12px;
    color:#666;
    line-height:20px;
    margin:0;
}
/****回复***/
.community-inform-reply{
    width: 100%;
    background: #f9f9f9;
    padding-bottom:15px;
}
.community-inform-reply li{
    width: 100%;
    background: #fff;
    padding:15px 5px 10px 5px;
    border-bottom:1px solid #f9f9f9;
}
.inform-reply-list{
    width:100%;
    margin:0;
}
.inform-reply-list dt{
    float: left;
    width: 45px;
    height:45px;
    border-radius: 50%;
    overflow: hidden;
}
.inform-reply-list dt img{
    width: 100%;
    border-radius: 50%;
}
.inform-reply-list  dd {
    padding-left:55px;
}
.t-reply-title{
    width:100% ;
    margin:0;
    height:24px;
    padding-right:5px;
}
.reply-content{
    width: 100%;
    border-left:2px solid #e4e4e4;
    padding-left:8px;
    margin-top: 12px;
}
.r-c-text{
    font-size:12px;
    color:#666;
    line-height: 18px;
    text-align:left;
}
.b-c-text{
    position:relative;
    width: 100%;
    line-height: 24px;
    margin:0;
    padding-right: 55px;
}
.b-c-text span{
    display: block;
    font-size:11px;
    color:#999;
    line-height:24px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.community-message{
    float:left;
    font-size:14px;
    color:#666;
    position:relative;
    top:1px;
    left:0;
    margin-right:5px;
}
.reply-link{
    position:absolute;
    top:0;
    right:0;
    width:55px;
    height:24px;
    font-size:12px;
}
.in-more{
    font-size:11px;
    color:#41a7ed;
    display:block;
    text-align: right;
    padding-right:5px;
    line-height: 18px;
}
/***我的社区**/
.community-top-title{
    width: 100%;
    background: #fff;
   /* margin:5px 0;*/
    padding:10px 5px 5px 5px;
}
.my-community{
    float: left;
    width: 45%;
}
.my-community dt{
    float:left;
    width: 45px;
    height:45px;
    border-radius:50%;
    overflow: hidden;
}
.my-community dt img{
    width: 100%;
    border-radius:50%;
}
.my-community dd{
    padding-left:50px;
}
.c-right-group{
    float:left;
    width: 55%;
    position:relative;
}
.group-t-1{
    float:left;
    width:50%;
    text-align:center;
}
.group-t-2{
    float:right;
    width:50%;
    text-align:center;
}
.community-group-line{
    position:absolute;
    display:block;
    width:2px;
    height:35px;
    background: #f2f2f2;
    top:50%;
    left:50%;
    margin-top: -17px;
}
.community-module-link{
    position:relative;
    display: block;
    padding:7px 5px;
    background: #fff;
    border-bottom:1px solid #f2f2f2;
}
.community-module-link.new{
    border-bottom:none;
}
.inform-icon{
    display:inline-block;
    width: 24px;
    height:24px;
    background: #66cccc;
    border-radius:3px;
    font-size:17px;
    color:#fff;
    text-align:center;
    line-height:24px;
    margin-right:5px;
}
.inform-icon.new{
    background:#f39800;
}
.community-right-arrow{
    display: block;
    width:15px;
    height:30px;
    text-align:right;
    line-height:30px;
    font-size:14px;
    color:#ccc;
    font-weight:bold;
    position:absolute;
    top:50%;
    margin-top:-15px;
    right:0;
   /* background: #f00;*/
}
.publish-post{
    width: 100%;
    line-height: 24px;
    margin:5px 0 0 0;
}
.publish-post span{
    display: block;
}
.publish-post .post-check{
    display: inline;
    color:#ff0000;
    font-style: normal;
}
.join-group-list{
    padding:8px 5px 0 5px;
    background: #fff;
}
.join-group-list a{
    float:left;
    width: 32%;
    height:32px;
    margin-right: 2%;
    margin-bottom:10px;
    line-height: 30px;
    font-size:12px;
    color:#333;
    text-align: center;
    border:1px solid #e4e4e4;
    border-radius: 3px;
    background: #f2f2f2;
}
.join-group-list a:nth-child(3n+3){
    margin-right: 0;
}
.overflowxhidden{
    overflow: hidden;
    height: 100%;
}
/*个人信息完善*/
.n-personal-line{
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0 10px 95px;
}
.n-personal-line.edit{
    height: 41px;
    padding: 0 5px 0 80px;
}
.n-personal-line.edit-1{
    height: 41px;
    padding: 0 56px 0 80px;
}
.n-personal-line.code{
    padding-right: 100px;
}
.n-personal-line.text{
    padding: 10px 5px;
}
.n-personal-line.text .n-personal-error{
    left: 11px;
    top: 122px;
}
.n-personal-line.sel{
    padding: 0;
}
.n-personal-label{
    position: absolute;
    left: 0;
    top: 15px;
    width: 90px;
    height: 30px;
    margin: 0;
    border-right: 1px solid #e4e4e4;
    font-size: 13px;
    color: #999;
    font-weight: normal;
    line-height: 30px;
    padding-left: 5px;
    overflow: hidden;
}
.n-personal-line.text .n-personal-label{
    position: relative;
    top: 0;
    width: 100%;
    border-right: 0;
    padding-left: 0;
}
.n-personal-line.edit .n-personal-label,
.n-personal-line.edit-1 .n-personal-label{
    top: 0;
    width: 75px;
    height: 40px;
    border-right: 0;
    font-size: 14px;
    line-height: 40px;
    padding-left: 0;
}
.n-personal-in{
    width: 100%;
    height: 40px;
    font-size: 13px;
    color: #999;
    outline: none;
    border: 0;
    border-radius: 0;
    background: #fff;
    padding-left: 5px;
}
.n-personal-line.edit .n-personal-in,
.n-personal-line.edit-1 .n-personal-in{
    font-size: 14px;
    color: #333;
}
.n-personal-in.disabled{
    background:#e4e4e4;
}
.n-personal-in.input-validation-error,
.n-personal-select.input-validation-error{
    border: 0!important;
    color: #ff0000!important;
}
.n-personal-text.input-validation-error{
    border: 1px solid #e4e4e4!important;
    color: #ff0000!important;
}
.n-personal-error{
    position: absolute;
    left: 100px;
    top: 40px;
    max-height: 30px;
    font-size: 12px;
    color: #ff0000!important;
    line-height: 15px;
    overflow: hidden;
}
.n-personal-line.edit .n-personal-error,
.n-personal-line.edit-1 .n-personal-error{
    top: 25px;
    left: 85px;
}
.n-personal-code{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -14px;
    width: 76px;
    height: 28px;
    border: 1px solid #09f;
    background: #fff;
    border-radius:3px;
    font-size: 12px;
    color: #09f;
    text-align: center;
}
.n-personal-code.disabled{
    width: 96px;
    border: 1px solid #d7d7d7;
    background: #e4e4e4;
    color: #999;
    pointer-events: none;
}
.n-personal-voice{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    line-height: 60px;
    font-size: 13px;
    color: #f60;
}
.n-voice-link,
.n-voice-link:hover{
    font-size: 13px;
    color: #f60;
    text-decoration: underline!important;
}
.n-voice-link.disabled{
    color: #999;
    pointer-events: none;
}
.n-personal-radio{
    position: relative;
    float: left;
    width: 17px;
    margin: 13px 5px 0;
}
.n-personal-radio label{
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
.n-personal-radio input[type=radio]{
    width: 16px;
    height: 16px;
    background: #fff;
    visibility: hidden;
}
.n-personal-radio input[type=radio]:checked + label {
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    background: #fff;
}
.n-personal-radio input[type=radio]:checked + label:after{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    background: #09f;
    border-radius: 50%;
    content: '';
}
.n-radio-label{
    float: left;
    margin: 0;
    max-width: 88%;
    font-size: 13px;
    font-weight: normal;
    color: #999;
    line-height: 40px;
}
.n-personal-select{
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 40px;
    background: #fff;
    border-radius: 0;
    border: 0;
    outline: none;
    font-size: 13px;
    color: #999;
    padding:0 20px 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.n-personal-line.edit .n-personal-select{
    font-size: 14px;
    color: #333;
}
.n-personal-select.new{
    width: 70%;
}
.n-personal-arrow{
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 16px;
    color: #999;
    line-height: 40px;
}
.n-personal-line.edit .n-personal-arrow{
    right: 0;
    top: 0;
}
.n-personal-text{
    width: 100%;
    height: 93px;
    border: 1px solid #e4e4e4;
    resize: none;
    padding: 5px;
    font-size: 13px;
    color: #333;
    outline: none;
}
.n-personal-text.edit{
    height: 70px;
    border: 0;
    padding: 0;
    font-size: 14px;
}
.n-personal-footer{
    padding: 20px 5px;
}
.n-personal-btn{
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: #09f;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.n-personal-check{
    position: relative;
    float: right;
    margin:7px 5px 0 0;
}
.n-personal-check label{
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #e4e4e4;
    background: #fff;
    cursor: pointer;
}
.n-personal-check input[type=checkbox]{
    width: 15px;
    height: 15px;
    border: 0;
    visibility: hidden;
    background: #fff;
}
.n-personal-check input[type=checkbox]:checked + label {
    width: 15px;
    height: 15px;
    border: 0;
    background: #09f;
}
.n-personal-check input[type=checkbox]:checked + label:after{
    content: '';
    width: 12px;
    height: 7px;
    position: absolute;
    top: 2px;
    left: 2px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.n-personal-link{
    float: right;
    margin-right: 10px;
    font-size: 12px;
    color: #09f;
}
.n-personal-s{
    position: relative;
    width: 100%;
    padding: 10px 0 10px 95px;
}
.n-personal-s+.n-personal-s{
    border-top: 1px solid #f2f2f2;
}
.n-personal-s .n-personal-error{
    left: 103px;
}
.n-personal-line.edit .n-personal-s .n-personal-error{
    left: 5px;
}
.n-personal-line.edit .n-personal-s{
    padding: 0;
}
.n-personal-line.edit .n-personal-s+.n-personal-s{
    border-top: 0;
}
.n-personal-line.edit .n-personal-s.two{
    float: left;
    width: 50%;
}
.n-personal-o{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    color: #999;
    line-height: 40px;
    cursor: pointer;
}
.n-personal-o.bind{
    color: #157EAF;
}
/*三级分销*/
.dis-head-time{
    position: absolute;
    left: 0;
    bottom: 10px;
    margin: 0;
    width: 100%;
    padding: 0 5px;
    font-size: 11px;
    color: #fff;
}
.dis-head-time.lose{
    color: #ccc;
}
.dis-head-info{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 0;
}
.dis-head-info li{
    float: left;
    width: 33.33%;
    height: 40px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #999;
}
.dis-head-info.second li{
    width: 50%;
}

.dis-head-info.fourth li{
    width: 25%;
}

.dis-head-info li+li{
    border-left: 1px solid #e4e4e4;
}
.dis-btn{
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    font-size: 14px;
    color: #fff!important;
    text-align: center;
    background: #09f;
}
.dis-btn.link{
    width: 80%;
}
.dis-btn.reg{
    height: 38px;
    border-radius: 3px;
}
.withdraw-header{
    position: relative;
    height: 40px;
    background: #fff;
    padding: 0 5px;
}
.withdraw-l{
    float: left;
    margin: 0;
    font-size: 13px;
    color: #333;
    line-height: 40px;
    font-weight: normal;
}
.withdraw-l span{
    margin-left: 10px;
    color: #09f;
}
.withdraw-r{
    float: right;
    width: 25%;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: #fff;
    font-size: 12px;
    color: #333;
    text-align: right;
}
.withdraw-arrow{
    position: absolute;
    left: 50%;
    top: 40px;
    margin-left: -15px;
    width: 15px;
    height: 6px;
    background: url("esm.images/withdraw_arrow.png") center no-repeat;
    background-size: 15px 6px;
}
.withdraw-shot{
    margin: 20px auto 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fff;
}
.withdraw-shot img{
    width: 100%;
    border-radius: 50%;
}
.withdraw-title{
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    text-align: center;
}
.withdraw-title span{
    margin: 0 5px;
    color: #09f;
}
.withdraw-money{
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;
    padding: 10px 5px;
}
.withdraw-m-label{
    width: 40px;
    font-size: 36px;
    color: #666;
    line-height: 36px;
    font-weight: normal;
}
.withdraw-m-in{
    width: 60%;
    padding: 0;
    height: 36px;
    border: 0;
    font-size: 28px;
    color: #333;
    line-height: 36px;
}
.withdraw-phone{
    height: 40px;
    background: #fff;
}
.withdraw-code{
    width: 30%;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: #fff;
    font-size: 13px;
    color: #09f;
    text-align: right;
}
.withdraw-code.disabled{
    color: #999;
    pointer-events: none;
}
.withdraw-link{
    width: 90px;
    height: 40px;
    font-size: 13px;
    color: #09f;
    text-align: right;
    line-height: 40px;
}
.withdraw-code-in{
    width: 69px;
    height: 32px;
    border: 1px solid #e4e4e4;
    padding: 0 5px;
    font-size: 12px;
    color: #333;
}
.withdraw-money .field-validation-error{
    top: 35px;
    left: 45px;
}
.withdraw-btn{
    width: 100%;
    height: 40px;
    border: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #09f;
}
.withdraw-btn.disabled{
    background: #ccc;
    color: #999;
    pointer-events: none;
}
.withdraw-tag-box{
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -140px;
    width: 280px;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.withdraw-i-tag{
    float: left;
    width: 40px;
    height: 40px;
    font-size: 32px;
    color: #09f;
    line-height: 40px;
}
.withdraw-i-tag.success{
    background: url("esm.images/ok.png") left 5px no-repeat;
    background-size: 30px 30px;
}
.withdraw-i-tag.alert{
    background: url("esm.images/alert.png") left 5px no-repeat;
    background-size: 30px 26px;
}
.in-reg-list{
    width: 100%;
    padding: 0 20px 30px 20px;
}
.in-reg-list li{
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding-left: 60px;
}
.in-reg-tag{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f39800;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
}
.in-reg-qr{
    margin: 20px auto 0;
    width: 135px;
    height: 135px;
    border: 1px solid #ccc;
}
.in-reg-qr img{
    width: 100%;
    height: 100%;
}
.dis-head-shot{
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.dis-head-shot img{
    width: 100%;
    border-radius: 50%;
}
.dis-reg-line{
    position: relative;
    width: 100%;
    border-radius: 3px;
    background: #ebebeb;
    padding-left: 40px;
}
.dis-reg-input{
    width: 100%;
    height: 38px;
    border: 0;
    border-radius: 0 3px 3px 0;
    background: #ebebeb;
    font-size: 12px;
    color: #999;
}
.dis-reg-tag{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #999;
    line-height: 40px;
    text-align: center;
}
.dis-reg-tag.big{
    font-size: 22px;
}
.dis-code-line{
    position: relative;
    width: 100%;
    padding-right: 132px;
}
.dis-code-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 122px;
    height: 38px;
    border: 0;
    border-radius: 5px;
    background: #09f;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.dis-code-btn.disabled{
    background: #e4e4e4;
    color: #999;
    pointer-events: none;
}
.cps-bottom-info{
    position: fixed;
    left:0;
    bottom: 50px;
    z-index: 20;
    width: 100%;
    height: 45px;
    background: rgba(0,0,0,.6);
    padding: 0 30px 0 5px;
}
.cps-b-title{
    margin: 0;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    line-height: 45px;
}
.cps-b-link,
.cps-b-link:link,
.cps-b-link:visited{
    width: 75px;
    height: 25px;
    border: 0;
    border-radius: 13px;
    background: #EC9800;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.cps-b-close{
    position: absolute;
    right: 5px;
    top: 0;
    width: 25px;
    height: 45px;
    font-size: 18px;
    color: #fff;
    line-height: 45px;
    text-align: right;
}
.cps-b-close:link,
.cps-b-close:hover{
    color: #fff;
}
/****ME001企业班级学习*****/
.listicon{
    font-size: 18px;
    color: #1babe3;
    position: absolute;
    right: 15px;
    top: 0;
}

.listicon:before{
    content: "\e713";
}
.listicon.sublisticon:before{
    content: "\e605";
}

/**审核下级**/
.auditor-list{
    display: block;
    width: 100%;
    padding:10px 5px;
}
.auditor-list dl dt{
    position:relative;
    float: left;
    width: 60px;
    height:60px;
    border-radius:50%;
}
.auditor-list dl dt img{
    width: 100%;
    border-radius:50%;
}
.auditor-list dl dt span{
    position:absolute;
    bottom:-6px;
    right:0;
    font-size:20px;
    color:#fd6653;
    font-weight: normal;
}
.auditor-list dl dt span.disabled{
    color:#989898;
    pointer-events: none;
}
.auditor-list dl dd{
    padding-left:70px;
    margin: 0;
}
.auditor-info{
    float: left;
    width: 55%;
}
.auditor-info h3{
    width: 100%;
    margin: 0;
    font-size: 12px;
    color:#75b4e1;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.examine-btn{
    float: right;
    margin-top:10px;
    width: 95px;
    height: 42px;
    background:#318fcf;
    font-size:14px;
    color:#fff;
    text-align: center;
    line-height:42px;
    outline: none;
    border:0;
}
.examine-btn.disabled{
    background:#989898;
}
.auditor-no-data{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -55px;
    width: 250px;
    height: 110px;
}
.auditor-no-img{
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 60px;
    background: url("esm.images/no-data.png") center no-repeat;
    background-size: 64px 60px;
}
/**政策**/
.policy{
    width: 100%;
    height:100%;
    padding:0px 5px 50px 5px;
}
.policy img{
    width: 100%;
}
.re-policy{
    position:fixed;
    bottom:0;
    width: 100%;
    height: 45px;
    background: rgba(0,0,0,.7);
    font-size: 14px;
    color:#f39800;
    text-align: center;
    line-height: 45px;
}
.common-search {
    padding: 10px 5px 13px;
    background: #FAFAFA;
    box-sizing: border-box;
}

.common-search-in {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.11);
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 0 5px 0 10px;
    box-sizing: border-box;
}

.common-search-in::before {
    width: 14px;
    display: block;
    background-image: url("esm.images/search_icon.png");
}

.common-search-in input {
    font-size: 12px;
    color: #333;
    margin-left: 10px;
    flex: 1;
    border: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.common-search-in button {
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    width: 48px;
    height: 30px;
    background: #1572FD;
    border-radius: 15px;
    border: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/***可推广商品列表**/
.goods-extend {
    display: block;
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    padding: 0 5px;
}
.goods-list{
    display: block;
    padding:10px 5px;
   /* position:relative;*/
    width: 100%;
    background: #fff;
    border-bottom:1px solid #f1f1f1;
}
.goods-list dl{
    display: table;
}
.goods-list dl dt{
    display: table-cell;
    vertical-align: middle;
}
.g-l-img{
    position:relative;
    width: 115px;
    height:64px;
    overflow: hidden;
}
.g-l-img img,
.my-select-img img,
.new-member-img img{
    position:relative;
    width: 100%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.goods-list dl dd{
    position:relative;
    display: table-cell;
    width: 100%;
    padding-left:15px;
    /*padding-right:5px;*/
}
.g-l-title{
    margin: 0 ;
    font-size:14px;
    color:#333;
    height:20px;
    line-height: 20px;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    overflow: hidden;
}
.g-on-course{
    display:inline-block;
    padding:1px 10px;

    border:1px solid #e3e3e3;
    border-radius:3px;
    background: #f1f1f1;
    font-size:10px;
    color:#666;
    text-align: center;
    line-height:15px;
}
.g-rg-arrow{
    position:absolute;
    top:50%;
    right:0;
    margin-top: -15px;
    padding-right: 5px;
    height:30px;
    font-size:10px;
    /*font-weight: bold;*/
    color:#333;
    line-height: 30px;
    text-align: right;
}
/***分销商列表****/
.dis-head-info.no-border{
    border-bottom:0;
}
.dis-head-info.borderline{
    border-bottom:3px solid #f2f2f2;
}
.trader-list{
    position:relative;
    width: 100%;
    margin-bottom: 0;
    height: 40px;
    background: #fff;
    padding:0 5px;
    border-bottom:1px solid #e3e3e3;
}
.trader-list:last-of-type{
    border-bottom:0;
}
.trader-list dt{
    float: left;
    margin-top: 7px;
    width:25px;
    height: 25px;
    border-radius:50%;
    overflow: hidden;
}
.trader-list dt img{
    width: 100%;
    border-radius:50%;
}

.trader-list dd{
    padding-left:35px;
}
.trader-list.disabled dt img{
   /* background: rgba(0,0,0,.1);*/
    filter:alpha(opacity=30);
    opacity: .3;
}
.trader-list.disabled dd span{
   color:#666;
}
.trader-list.disabled .t-l-title{
    padding-right:55px;
}

.t-l-title span{
    float: left;
    max-width: 46%;
    font-size:12px;
    color:#333;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.t-l-title.newsize span{
    max-width:78%;
}
.t-l-title i {
    float: left;
    margin-left: 5px;
    font-size: 12px;
    color: #ccc;
    font-style: normal;
    line-height: 40px;
}
.l-efficacy{
    position:absolute;
    top:50%;
    right:0;
    margin-top: -12px;
    margin-right: 5px;
    width: 50px;
    height:25px;
    border:1px solid #e3e3e3;
    background: #f1f1f1;
    border-radius:3px;
    font-size:12px;
    color:#333;
    text-align: center;
    line-height: 25px;
}
/***收益报表**/
.cash-link{
    position:fixed;
    bottom:0px;
    width: 100%;
    height:40px;
    text-align: center;
    line-height: 40px;
    font-size:14px;
    color:#09f;
}

/***弹窗按钮**/
.hint-comment-box{
    position: fixed;
    top: 25%;
    left: 5%;
    z-index: 90;
    width: 90%;
    border-radius: 3px;
    background: #fff;
}
.hint-comment-title{
    margin: 0;
    width: 100%;
    height: 54px;
    font-size: 14px;
    color: #000;
    line-height: 54px;
    text-align: center;
}

.message-info{
    margin-top: 0;
    font-size:13px;
    color:#949494;
    line-height: 20px;
    padding:0 20px;
}
.hint-comment-b{
    position:relative;
    width: 100%;
    height:45px;
    border-top:1px solid #e3e3e3;
}
.hint-sure-btn{
    width: 100%;
    font-size: 14px;
    color:#3fb5ff;
    text-align: center;
    line-height: 45px;
    border:0;
    outline:none;
    background: #fff;
}
.no-hint-box{
    position:absolute;
    right:20px;
    top:0;
    height:45px;
    line-height: 45px;
}
.no-hint-box input{
    position:relative;
    top:2px;
}
/*卡激活*/
.card-activate-form{
    width: 100%;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;
    padding: 20px 5px;
}
.card-activate-in{
    width: 22%;
    height: 38px;
    border: 1px solid #e4e4e4;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 0;
    font-size: 16px;
    color: #333;
    padding: 0 5px;
    text-align: center;
    /*-webkit-user-select:none;*/
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select: none;
    user-select:none;
}
/*.card-activate-in{
    width:100%;
    height: 38px;
    border: 1px solid #e4e4e4;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 0;
    font-size: 16px;
    color: #333;
    padding: 0 5px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}*/
.card-activate-in.long{
    width: 100%;
    text-align: left;
}
.card-activate-in+.card-activate-in{
    margin-left: 4%;
}
.card-activate-btn{
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: #09f;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.card-activate-btn.member{
    background: #1fcd9a;
}
.m-card-line{
    width: 100%;
    margin-top: 10px;
}
.m-card-line input{
    width: 59%;
    height: 38px;
    border: 1px solid #e4e4e4!important;
    box-shadow: none!important;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 0;
    font-size: 16px;
    color: #333;
    padding: 0 5px;
    text-align: left;
    /*-webkit-user-select:none;*/
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select: none;
    user-select:none;
}
.m-card-line .img-rounded{
    position: relative;
    top: -2px;
}
/*回看*/
.back-play-list{
    width: 100%;
}
.back-play-nav{
    margin: 0;
    width: 100%;
    height: 55px;
    background:#f2f2f2;
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 10px;
}
.back-play-nav .swiper-slide{
    float: none;
    display: inline-block;
    margin-top: 8px;
    width: 120px!important;
    height: 40px;
    border-radius: 3px;
    background: #e4e4e4;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.back-play-nav .swiper-slide.selected{
    color: #0098ff;
}
.back-convert-state{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -25px;
    width: 200px;
    height: 50px;
}
.back-convert-state span{
    float: left;
    width: 30px;
    font-size: 32px;
    color: #f93;
    line-height: 25px;
}
.back-convert-state em{
    display: block;
    padding-left: 40px;
    font-size: 16px;
    color: #ccc;
    font-style: normal;
    line-height: 25px;
}
.my-select-info{
    border: 1px solid #e4e4e4;
    border-top: 1px solid #3db2e8;
    background: #fff;
    padding: 10px 50px;
}
.my-select-btn{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height:30px;
    border: 0;
    background: none;
    font-size: 13px;
    color:#3db2e8;
    text-align: center;
}
.my-select-btn span{
    position: relative;
    top: 2px;
    font-size: 18px;
}
.my-select-all{
    color: #09f;
}
.my-select-list{
    width: 100%;
    padding-bottom: 10px;
}
.my-select-list li{
    float: left;
    width: 49%;
    margin:0 2% 5px 0!important;
    border: 1px solid #e4e4e4;
    background: #fff;
}
.my-select-list li:nth-child(even){
    margin-right: 0!important;
}
.my-select-img{
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.my-select-title{
    display: block;
    height: 30px;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
    line-height: 30px;
}
.my-course-check,
.my-c-check{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.my-course-check{
    font-size: 36px;
    color: #666;
    line-height: 100px;
    text-align: center;
}
.my-course-check.selected{
    color: #3db2e8;
    text-decoration: none;
}
.my-c-check{
    cursor: pointer;
    opacity:0;
}

/*上滑加载等待*/
.d-load{
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block;
    margin-top: 5px;
    line-height: normal;
    position: relative;
    padding-bottom: 15px;
    clear: both;
    width: 100%;
}
.d-load:hover{
    color: #000;
}
/*******直答-我的课程*******/
.answer-course-title{
    margin:15px 0 0 0 ;
    width: 100%;
    font-size:12px;
    color:#333;
    padding:5px;
}
.answer-course-title span{
    color:#1ccda6;
}
.answer-course-list{
    width: 100%;
    padding:0 5px 30px;
}
.answer-course-list li{
    width: 100%;
    padding:15px 0;
    border-top:1px solid #f1f1f1;
}
.answer-course-list li a{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.answer-img-box{
    display: table-cell;
    vertical-align: middle;
    width: 148px;
}

.answer-c-img{
    position: relative;
    width:148px;
    height: 84px;
    overflow: hidden;

}
.answer-c-img img {
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.answer-course-info{
    padding-left:15px;
    width: 100%;
    display: table-cell;
}
.answer-course-info h3{
    margin: 0;
    width: 100%;
    font-size:12px;
    color:#333;
    height:36px;
    line-height: 18px;
    /*white-space: nowrap;
    text-overflow: ellipsis;*/
    overflow: hidden;
}

.answer-c-btn{
    display:block;
    width: 62px;
    height:20px;
    background:#19cca6;
    border:0;
    outline: none;
    border-radius:3px;
    font-size:10px;
    color:#fff;
    text-align:center;
    vertical-align: middle;
    /*line-height: 20px;*/
}
.answer-c-detail{
    float: left;
    font-size:12px;
    color:#1ccda6;
    line-height: 20px;
}
.open-class{
    float: left;
    margin-left: 10px;
    font-size:10px;
    color:#333;
    padding:0 5px;
    height:20px;
    font-style: normal;
    background: #e3e3e3;
    border-radius:3px;
    line-height: 20px;

}
.answer-course-menu{
    width: 100%;
    position:fixed;
    z-index: 200;
    bottom:0;
    left:0;
    height:42px;
    border-top:2px solid #e4e4e4;
    background: #fff;
}
.answer-course-menu a{
    /*display: inline-block;*/
    float: left;
    width: 25%;
    height: 100%;
    font-size:14px;
    color:#999;
    text-align: center;
    line-height: 40px;
}
.answer-course-menu a+a{
    border-left:1px solid #cbcbcb;
}
.answer-course-menu a:hover,
.answer-course-menu a.selected{
    color:#41aa92;
}
/*.course-not-buy{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.course-not-buy tr td{
    font-size:16px;
    color:#333;
    text-align: center;
}
.course-not-buy tr td i{
    display:block;
    margin: 0 auto;
    background: url("images/u37.png") no-repeat center;
    width: 200px;
    height:200px;
}*/
.course-not-buy{
    width: 100%;
    position:relative;
}
.course-not-buy i{
    display:block;
    margin: 0 auto;
    background: url("images/u37.png") no-repeat center;
    width: 200px;
    height:200px;
}
.course-not-buy span{
    display: block;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    font-size:16px;
    color:#333;
}
/****直播课栏目首页****/
.top-my{
    position:relative;
    width: 100%;
    /*padding:10px 5px;*/
    height:45px;

}
.m-course-box{
    position:absolute;
    left:5px;
    top:-10px;
    z-index: 50;
}
.my-course-title{
    float: left;
    width:124px;
    font-size:14px;
    color:#333;
    line-height: 25px;
    overflow: hidden;
}

.gain{
    float:left;
    z-index: 50;
    width:52px;
    color:#1ccda6;
    margin-top: 26px;
    border-bottom:2px solid #1ccda6;
    text-align: center;
    font-size:12px;
    line-height: 14px;

}

.gain:hover{
    color:#1ccda6;
}
.my-search-box{
    position:relative;
    padding-right:34px;
    padding-left:190px;
}
.my-search-box input{
    margin-top: 10px;
    width: 100%;
    border:1px solid #e4e4e4;
    border-right:none;
    height:25px;
    border-radius:2px 0 0 2px;
    padding:0 5px;
    font-size:12px;
    color:#333;
}
.m-s-icon{
    position:absolute;
    right:5px;
    top:10px;
    width: 29px;
    height:25px;
    background: #f2f2f2;
    border:1px solid #e4e4e4;
    border-left:none;
    border-radius:0 2px 2px 0;
    font-size:16px;
    color:#999;
    text-align: center;
    line-height:25px;
    cursor: pointer;
}

.broadcast-box{
    position:relative;
    margin-bottom: 5px;
    height:69px;
    padding:0 78px 0 5px;
    background:#f2f2f2;
}
.broadcast-box.new{
    margin-top: 25px;
}
.broadcast-box:last-of-type{
    margin-bottom:0;
}
.broadcast-info{
    width: 100%;
    padding:8px 0;
}
.broadcast-info p{
    width: 100%;
    /* margin: 0;
    line-height:24px;
   white-space: nowrap;
    text-overflow:ellipsis;*/

}
.b-in-tp{
    margin:0;
    height:38px;
    font-size:13px;
    color:#f39800;
    overflow: hidden;
}
.b-in-bt{
    margin:0;
    font-size:12px;
    color:#666;
}
.detail-btn{
    position:absolute;
    top:0;
    right:0;
    width: 78px;
    height:69px;
    outline:none;
    border:0;
    text-align: center;
    background: #1ccda6;
    font-size:14px;
    color:#fff;
    /*padding:21px 0;*/
}
.detail-btn.new{
    padding-top:12px;
}
.detail-text{
    margin: 0;
    position:absolute;
    top:13px;
    right:0;
    width: 80px;
    height:69px;
    /*background: #f00;*/
    font-size:14px;
    color:#fff;
    text-align: center;
    cursor: pointer;
}
/*.detail-btn.new{
    padding-top:14px;
}
.detail-btn.new:hover{
    text-decoration: none;
    color:#fff;
}*/
/***牛人店铺首页****/
.answer-top-header{
    width: 100%;
    height:149px;
    overflow: hidden;
    position:relative;
}
.answer-top-header img{
    width: 100%;
}
.set-icon {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 100;
    font-size: 20px;
    color: #fff;
}
.set-icon:hover{
    color:#fff;
}


.answer-headshow-box{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 50;
}
.answer-headshow{
    position: relative;
    margin: 15px auto 10px;
    width:65px;
    height:65px;
    /*border-radius:50%;*/
    overflow: hidden;
}
.answer-headshow img{
    display: block;
    width:100%;
    height: 100%;
    border-radius:50%;
}
/****新原型****/
.answer-headshow.new{
    width:50px;
    height:50px;
}

.niu-an-text{
    width: 100%;
    /*height:36px;*/
    margin-top: 10px;
    font-size:12px;
    color:#fff;
    text-align: center;
    line-height:18px;
    padding:0 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.niu-navlist{
    width: 100%;
    height:40px;
    line-height: 40px;
    background: #f2f2f2;
    border-bottom:1px solid #dddcdf;
}
.niu-navlist li{
    float: left;
    width:16.6%;
    font-size:14px;
    color:#333;
    text-align: center;
    cursor:pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.niu-navlist li:hover{
    color:#0c9;
}
.niu-navlist li.selected{
    color:#0c9;
    border-bottom:1px solid #0c9;
}
.niu-answer-course{
    width: 100%;
    padding:0 5px;
}
.niu-answer-course li{
    width: 100%;
    padding:10px 0;
    border-bottom:1px solid #e6e6e6;
}
.niu-answer-course li a{
    display: table;
    width: 100%;
}
.niu-answer-imgbox{
    display: table-cell;
    vertical-align:middle;
}
.niu-answer-c-img{
    position:relative;
    width:120px;
    height:66px;
    overflow: hidden;
}
.niu-answer-c-img i{
    position:absolute;
    top:0;
    right:0;
    background:url("images/shenhe.png") no-repeat center;
    width: 37px;
    height:36px;
}
.niu-answer-c-img img{
    width: 100%;
    position:relative;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.niu-answer-course-info{
    display: table-cell;
    width: 100%;
    padding-left:15px;

}
.niu-answer-course-info h3{
    width: 100%;
    font-size:14px;
    color:#333;
    height:16px;
    line-height: 16px;
    /* white-space: nowrap;
     text-overflow: ellipsis;*/
    overflow: hidden;
}
.niu-a-star{
    margin-bottom:5px;
}
.niu-a-star span{
    color:#fdc539;
}
.niu-an-price{
    padding-right:20px;
    line-height: 18px;
}
.niu-an-price em{
    float: left;
    margin-top: 2px;
    font-size:12px;
    color:#78bf47;
    font-style: normal;

}
.niu-an-price span{
    float: right;
    font-size:12px;
    color:#999;
    font-style: normal;
}
.d-load span{
    display: block;
    width: 80px;
    margin: 5px auto;
    background: url("images/loading4.gif") left no-repeat;
    background-size: 16px 16px;
    padding-left: 15px;
    padding-bottom: 0;
    line-height: 30px;
}
.service-link{
    position: fixed;
    right: 0;
    bottom:100px;
    z-index: 50;
    width: 42px;
    height: 42px;
    background: url("esm.images/icon_service.png") center no-repeat;
    background-size: 32px 32px;
}
/***上传发布****/
.upload-title{
    margin: 0;
    width: 100%;
    height: 45px;
    background: #0c9;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
.upload-info-line{
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding:10px 5px;
}
.upload-info-line:last-of-type{
    margin-bottom: 60px;
}
.up-info-label{
    position:absolute;
    left:5px;
    top:10px;
    width:95px;
    height:30px;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    line-height: 30px;
    overflow: hidden;
}
.up-info-input{
    padding-left:100px;
    width:100%;
    height: 30px;
    font-size: 13px;
    color: #666;
    outline: none;
    border:none;
    /*border: 1px solid #f00;*/
    border-radius: 0;
    background: #fff;
    text-align: right;

}

.up-info-text{
    padding-left:116px;
    width:100%;
    height:66px;
    border:none;
    line-height:18px;
    font-size: 13px;
    color: #666;
    overflow: hidden;
    border-radius: 0;
    text-align: right;
}
.up-in-sp{
    float:right;
    font-size:13px;
    color:#999;
    line-height: 30px;
}
.up-info-check{
    float: right;
    margin-bottom: 0;
    height:30px;

}
.up-info-check input{
    float: left;
    margin-top:9px;
    margin-right: 5px;
}
.in-up-label{
    float: left;
    font-size:12px;
    color:#999;
    line-height: 30px;
}
.up-sure-btn{
    position:fixed;
    bottom:20px;
    left:2%;

    width: 96%;
    height:39px;
    background: #0c9;
    border-radius:3px;
    border:none;
    font-size:14px;
    color:#fff;
    text-align: center;

}
.up-sure-btn.new{
    position:static;
    display: block;
    margin: 0 auto 10px;
}
.bt-btn-box{
    position: fixed;
    bottom:0;
    left:0;
    z-index: 100;
    width: 100%;
    background: #fff;
}
.up-sure-btn.disabled{
    opacity: .7;
    filter: alpha(opacity=70);
}
.up-sure-btn span{
    display: none;
    margin-right: 5px;
    font-size: 18px;
}
.up-sure-btn.disabled span{
    display: inline-block;
}
/***上传发布---加入课程****/
.up-classify{
    position:relative;
    float:right;
    font-size:13px;
    color:#999;
   /* border: 1px solid #f00;*/
    width: 70%;
    height:30px;
    line-height: 30px;
}
.up-classify-hide{
    position:absolute;
    top:5px;
    right:0px;
    z-index: 100;
    width: 100%;
    background: #fff;
    text-align: right;
    line-height: 20px;
    padding:0 25px 0 5px;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border:none;

}
.down-arrow{
    position:absolute;
    top:0;
    right:5px;
    z-index: 101;
    display: block;
    text-align: right;
    cursor: pointer;
}
.join-course{
    display:block;
    margin-left:2%;
    font-size:14px;
    color:#0c9;
    line-height: 40px;
    text-decoration: underline!important;
}
.course-switch{
    padding-bottom:50px;
}
/***分销中心微信引导提示****/
.sale-g-code{
    position:fixed;
    width: 200px;
    height:250px;
    top:50%;
    left:50%;
    margin-top: -125px;
    margin-left: -100px;
    padding:0 14px;
}
.code-explain{
    width:100%;
    font-size:13px;
    color:#00cc99;
    line-height: 24px;
    /*text-align: center;*/
}
.sale-code-img{
    position: relative;
    display:block;
    margin:5px auto;
    width: 132px;
    height:132px;

    background:#fff;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    color: #ccc;
    line-height: 130px;
    text-align: center;
}
.sale-code-img.default{
    border: 1px solid #e4e4e4;
}
.sale-code-img span{
    display: none;
}
.sale-code-img.default span{
    display: block;
}
.sale-code-img img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    width: 132px;
    height: 132px;
}
.sale-code-text{
    font-size:13px;
    color:#333;
    line-height: 24px;
    text-align: center;
}
/****ML001普通班展示系列******/
.common-navlist{
    width: 100%;
    border-bottom:1px solid #e4e4e4;
}
.common-navlist.new li{
    width: 100%;
}
.common-navlist li{
    float: left;
    width: 50%;
    height:40px;
    font-size:14px;
    color:#333;
    text-align: center;
    line-height:40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.common-navlist li:hover{
    color:#0c9;
}
.common-navlist li.selected{
    color:#0c9;
    border-bottom:1px solid #0c9;
}
.common-text-info{
    width: 100%;
    padding:10px 5px 0;
    border-bottom:1px solid #e4e4e4;
}
.common-title{
    margin: 0;
    width: 100%;
    height:54px;
    font-size:18px;
    color:#666;
    line-height: 26px;
    overflow: hidden;
}
.common-price{
    margin-right: 5px;
    font-size:16px;
    color:#f60;
    font-style:normal;
}
.commom-brief{
    width: 100%;
    padding:0 5px;
    font-size:14px;
    text-align: center;
}
.commom-brief h3{
    font-size:14px;
    color:#b90502;
    font-weight: bold;
    margin-top: 15px;
}
.c-b-headshow{
    margin:  0 auto;
    width: 90px;
    height:90px;
    border-radius:50%;
    overflow: hidden;
}
.c-b-headshow img{
    width: 100%;
}
/******/
.c-period-list{
    width: 100%;
    padding-left:12px;
    /*padding-bottom:20px;*/
}
.c-period-list li:last-of-type .c-period-info{
    padding-bottom:10px;
}
.common-chapter{
    margin-top:0;
    margin-bottom: 0;
    width:100%;
    height:32px;
    background: #f2f2f2;
    border-radius:20px;
    font-size:12px;
    color:#666;
    line-height: 32px;
    padding:0 15px;
}
.c-p-time{
    float: left;
    margin-top:7px;
    font-size:12px;
    color:#999;
}
.c-p-time.new{
    margin-top:12px;
}
.c-period-info{
    position:relative;
    float: left;
    width: 83%;
    margin:0 0 0 18px;
    border-left:1px solid #d3d3d3;
    padding-top:5px;
}
.c-period-info.new{
    padding-top:10px;
}
.c-p-line{
    position: absolute;
    top:0;
    left:-1px;
    width: 2px;
    height:8px;
    background: #fff;
}
.c-p-line.new{
    height:9px;
}
.c-p-dot{
    float: left;
    margin-left: -9px;
    margin-top:3px;
    width: 16px;
    height:16px;
    z-index: 50;
    border-radius:50%;
    border:1px solid #d3d3d3;
    background: #fff;
}
.c-period-text{
    width: 94%;
    margin-left:8px;
    margin-bottom:5px;
}
.c-period-text a{
    display:block;
    margin-left: 6px;
    margin-top:2px;
    font-size:12px;
    color:#333;
    width: 100%;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}

.c-period-text a.disabled{
    color:#333;
    cursor: default;
}
.c-p-status{
    margin:4px 0 0 5px;
    font-size:12px;
    color:#999;
}
.c-p-status span{
    display: inline-block;
}
.c-p-status.new{
    color:#0c9;
}
/*新会员*/
.new-member-t{
    width: 100%;
    height: 4px;
    background: url("esm.images/m-i-info.png") repeat-x;
}
.new-member-info{
    width: 100%;
    background: #fff;
    background-size: 100% 4px;
}
.new-member-line{
    position: relative;
    border-top: 1px solid #f2f2f2;
    width: 100%;
    padding: 5px 60px 10px 5px;
}
.new-member-title{
    font-size: 14px;
    color: #1e1e1e;
    line-height: 20px;
}
.new-member-shot{
    display: inline-block;
    position: relative;
    top:2px;
    left: 2px;
    width: 20px;
    height: 20px;
    line-height: 1;
    overflow: hidden;
}
.new-member-shot img{
    width: 100%;
    vertical-align: bottom;
}
.new-member-link{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    font-size: 13px;
    color: #0c9!important;
    text-decoration: none!important;
    line-height: 20px;
}
.new-member-i{
    margin: 10px 0;
    background: #fff;
    padding:5px;
    font-size: 11px;
    color: #f93;
    line-height: 15px;
}
.new-member-nav{
    border-bottom: 1px solid #e4e4e4;
    font-size: 13px;
    color: #333;
    line-height: 44px;
    padding-left: 5px;
}
.new-member-list{
    width: 100%;
    padding:20px 5px 0 5px;
}
.new-member-list a{
    width: 100%;
    margin-bottom: 20px;
    display: table;
    table-layout: fixed;
    text-decoration: none!important;
}
.new-member-list dt{
    width: 160px;
    display: table-cell;
    vertical-align: middle;
}
.new-member-img{
    display: block;
    position: relative;
    width: 160px;
    height: 90px;
    overflow: hidden;
}
.new-member-list dd{
    display: table-cell;
    width: 100%;
    padding-left: 15px;
    vertical-align: middle;
}
.new-member-ins{
    height: 30px;
    font-size: 12px;
    color: #999;
    line-height: 15px;
    overflow: hidden;
}
/***安全验证（小课堂）***/
.xkt-verify-box{
    width: 100%;
    padding: 0 5%;
}
.xkt-verify-img{
    margin: 15% auto 0;
    width: 86px;
    height:86px;
    border-radius: 50%;
    overflow: hidden;
}

.xkt-verify-code{
    display: block;
    margin-top: 60px;
    width: 100%;
    height:50px;
    border:1px solid #d7d7d7;
    border-radius:5px;
    background: #fff;
    font-size: 18px;
    color:#333;
    text-align: center;
    line-height: 50px;
}
.xkt-verify-img img{
    width: 100%;
    border-radius: 50%;
}
.xkt-verify-btn{
    display: block;
    margin-top: 30px;
    width: 100%;
    height:50px;
    border: 0;
    border-radius:5px;
    background: #0c9;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.send-code{
    position:relative;
    font-size:12px;
    color:#999;
}
.again-time{
    position:absolute;
    right:0;
    top:0;
    color:#0c9;
    cursor:pointer;
}
.again-time.disabled{
    color:#999;
    cursor: default;
}

/***老师设置（小课堂）***/
.xkt-teacher-box{
    width: 100%;
    padding:0 10px 60px 10px;
}
.xkt-set-img{
    position:relative;
    margin: 15px auto 0;
    width: 50px;
    height:50px;
    overflow: hidden;
}
.xkt-set-img img{
    width: 100%;
}
.change-img{
    display: none;
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    height:26px;
    font-size:11px;
    color:#fff;
    background: rgba(0,0,0,.5);
    line-height: 26px;
    text-align: center;
}
.xkt-set-img:hover .change-img{
    display: block;
    color:#fff;
}
.xkt-teacher-info{
    position:relative;
    margin-top: 15px;
    width: 100%;
    padding-left:40px;
}
.xkt-teacher-name{
    position:absolute;
    top:0;
    left:0;
    z-index: 20;
    width:40px;
    height:36px;
    font-size:14px;
    color:#666;
    line-height: 36px;
    /*background: #ccc;*/
}
.xkt-teacher-input{
    width: 100%;
    border-radius:3px;
    border:1px solid #d7d7d7;
    font-size:13px;
    color:#666;
    height:36px;
    line-height: 36px;
    padding:0 5px;
}
.xkt-t-textarea{
    width: 100%;
    border-radius:3px;
    border:1px solid #d7d7d7;
    font-size:12px;
    color:#666;
    height:108px;
    line-height:18px;
}
.teacher-btn-box{
    position: fixed;
    bottom:0;
    left:0;
    z-index: 100;
    width: 100%;
    background: #f2f2f2;
}
.xkt-set-btn {
    display: block;
    margin: 10px auto;
    width: 96%;
    height: 36px;
    border: 0;
    border-radius: 5px;
    background: #0c9;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}
/*充值金额选择*/
.charge-head{
    width: 100%;
    background: #fd9e28;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
.charge-list{
    width: 100%;
    border-top: 4px solid #eee;
}
.charge-list li{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 5px 5px 33px;
    background: url("esm.images/card.png") 5px no-repeat;
    background-size: 22px 16px;
}
.charge-btn{
    width: 80px;
    height: 36px;
    background: #f49927;
    border: 0;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    text-align: center;
}
/*文档图片查看*/
.lib-img-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.lib-img-s{
    /*display: table;*/
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    vertical-align: middle;
    z-index: 10;
    overflow-y:auto;

}
.lib-img-s span{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
.lib-img-s img{
    margin: 0 auto;
    max-width: 100%;
    width: auto!important;
    vertical-align: middle;
}
.lib-info-content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 100%;
    background: rgba(0,0,0,.5);
    padding: 10px 5px;
}
.lib-info-title{
    float: left;
    max-width: 89%;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    max-height: 32px;
    overflow: hidden;
}
.lib-info-num{
    float: left;
    margin: 0 0 0 5px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
}
.lib-info-detail{
    width: 100%;
    max-height: 64px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    overflow: hidden;
    text-indent: 2em;
}
/***小课堂首页***/
.xkt-product-info{
    width: 100%;
    padding:10px 5px;
    border-bottom:10px solid #f4f4f4;
}
.xkt-product-info.new{
    border-bottom:0;
    padding:10px 5px 0;
}
.x-tp-title{
    width: 100%;
    height:38px;
    line-height: 38px;

}
.x-more-rg{
    float: right;
    font-size:14px;
    color:#999;
    line-height: 38px;
}

.xkt-ad-box{
    width: 100%;
    display: block;
}
.xkt-ad-img{
    position:relative;
    display: block;
    width:100%;
    height:100px;
    overflow: hidden;
}
.xkt-ad-img.new{
    height:130px;
}

.xkt-ad-img img{
    position:relative;
    width: 100%;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.x-a-text{
    width: 100%;
    height: 30px;
    font-size:14px;
    color:#333;
    line-height: 15px;
    overflow: hidden;
}
.xkt-ad-list{
    width: 100%;
    border-bottom:10px solid #f4f4f4;
    padding-bottom:10px;
}
.xkt-ad-list li{
    float:left;
    width:50%;
    padding:0 5px;
    margin-top:5px;
}
.xkt-ad-list li:first-of-type{
    width: 100%;
    float: none;
    margin-top: 5px;
}
.x-h-more{
    color: #09f;
    font-size: 14px;
    width:100%;
    background: #fff;
    height: 40px;
    line-height: 40px;
    margin:10px auto 0;
    text-align: center;
    display: block;
    border-top:1px solid #f4f4f4;
}
/***首页(轮播图）****/
.xkt-banner-box{
    position:relative;
    width: 100%;
    /*  height:175px;
      overflow: hidden;*/

}
.xkt-banner-box .swiper-slide{
    height:150px;
    overflow: hidden;
}
.pagination.micro{
    z-index: 60;
    bottom: -10px;
}
.pagination.micro .swiper-pagination-bullet{
    margin: 0 5px;
    opacity: 1;
    background:rgba(255,255,255,.6)!important;
}
.pagination.micro .swiper-pagination-bullet-active{
    background: #fff!important;
}

.xkt-home-nav{
    width: 100%;
    border-bottom:10px solid #f4f4f4;
    padding-bottom:20px;
}
.xkt-home-nav li{
    float: left;
    width: 25%;
    margin-top: 20px;
}
.xkt-home-nav li a{
    display: block;

}
.x-tag-icon{
    display:block;
    margin: 0 auto;
    width: 40px;
    height:40px;
}

.x-tag-title{
    display: block;
    margin-top: 10px;
    font-size:12px;
    color:#333;
    text-align: center;
    /*line-height: 24px;*/
}
.x-project-box{
    width: 100%;
    margin-top: 10px;
}
.x-project-box a{
    margin-bottom: 15px;
}
.x-ad-market{
    display: block;
    width: 100%;
}
.x-market-list{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.x-ad-market:last-child .x-market-list{
    margin-bottom: 10px;
}
.x-market-list dt{
    display: table-cell;
    vertical-align: middle;
    width: 144px;
    height:81px;
    overflow: hidden;
}
.x-market-list dt span{
    display: block;
    position:relative;
    width:144px;
    height:81px;
}
.x-market-list dt img{
    position:relative;
    width: 100%;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.x-market-list dd{
    display: table-cell;
    vertical-align: middle;
    padding-left:10px;
}
.x-market-title{
    margin: 0;
    height: 30px;
    font-size: 14px;
    line-height: 15px!important;
    overflow: hidden;
}
.x-m-text{
    margin: 2px 0 0;
    font-size:12px;
    color:#666;
    height:38px;
    line-height: 18px;
    overflow: hidden;
}
.r-g-btn {
    position: fixed;
    bottom: 20px;
    left: 2%;
    width: 96%;
    height: 45px;
    border: 0;
    border-radius: 5px;
    background: #2db9ef;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
/*领取红包*/
.red-box{
    width: 100%;
    position: relative;
    background: url("images/red-bg.jpg") top repeat;
    background-size: 100%;
    padding-top: 15%;
}
.red-num-box{
    margin: 0 auto;
    width: 320px;
    height: 218px;
    background: url("images/red-bag.png") center no-repeat;
    background-size: 320px 218px;
    padding-top: 75px;
}
.red-num{
    height: 40px;
    font-size: 15px;
    color: #c73133;
    text-align: center;
    padding-left: 5px;
    line-height: 40px;
}
.red-num span{
    margin-left: 5px;
    font-size: 28px;
}
.red-info{
    margin-top: 74px;
    padding-left: 8px;
    font-size: 14px;
    height: 20px;
    color: #f99f00;
    text-align: center;
    line-height: 20px;
}
.m-red-btn,
.m-red-btn:hover{
    display: block;
    margin: 15% auto 0;
    width: 210px;
    height: 45px;
    background: url("images/red-btn.png") center no-repeat;
    background-size: 100% 100%;
    font-size: 18px;
    color: #fbe995;
    text-align: center;
    line-height: 45px;
}
.red-pop{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    padding-top: 15%;
}
.m-red-btn.pop{
    width: 225px;
    height: 41px;
    background: url("images/red-pop-btn.png") center no-repeat;
    background-size: 100% 100%;
    font-size: 15px;
    line-height: 41px;
}
.red-over{
    margin: 0 auto;
    width: 250px;
    height: 298px;
    background: url("images/red-over.png") center no-repeat;
    background-size: 250px 298px;
    padding-top: 170px;
}
.red-over-title{
    font-size: 12px;
    color: #fed639;
    text-align: center;
}
.red-over-btn,
.red-over-btn:hover{
    display: block;
    margin: 50px auto 0;
    width: 200px;
    height:36px;
    border-radius: 18px;
    background:#fed639;
    font-size: 15px;
    color: #d02223;
    text-align: center;
    line-height: 36px;
}
/*发票详情*/
.receipt-box{
    width: 100%;
    border-radius: 0 0 10px 10px;
    background: #fff;
    padding: 10px 5px;
}
.receipt-left,
.receipt-right{
    font-size: 13px;
    color: #333;
    line-height: 24px;
}
.receipt-left{
    float: left;
    width: 100px;
    text-align: right;
}
.receipt-right{
    width: 100%;
    padding-left: 100px;
    font-style: normal;
}
.receipt-right span{
    word-break: break-all;
}
.receipt-type-tag{
    position: absolute;
    right: 5px;
    top: 0;
    width: 40px;
    height: 24px;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    background: #F2F2F2;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    text-align: center;
}
.work-search-box{
    width: 100%;
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px 0 30px;
    background: #fff;
}
.work-search-icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    font-size: 16px;
    color: #666;
    line-height: 42px;
    text-align: center;
}
.work-search-in{
    width: 100%;
    height: 42px;
    outline: none;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    color: #333;
    background: #fff;
}
.work-search-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 42px;
    border:0;
    background: #f2f2f2;
    font-size: 14px;
    color: #333;
    text-align: center;
    outline: none;
}
.exam-prompt-title{
    width: 100%;
    padding: 0 5px;
    font-size: 14px;
    color: #f39800;
    line-height: 20px;
}
.exam-course-info{
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 10px 5px;
    margin-bottom: 0;
}
.exam-course-info dt{
    display: table-cell;
    width: 124px;
    vertical-align: middle;
}
.exam-course-shot{
    display: block;
    position: relative;
    width: 124px;
    height: 70px;
    overflow: hidden;
}
.exam-course-info dd{
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding-left: 8px;
}
.exam-course-title,
.exam-course-title:hover{
    display: block;
    font-size: 14px;
    color: #333;
}
.exam-course-link,
.exam-course-link:hover{
    color: #39f;
}
/*图片播放*/
.yui-img-pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
    color: black;
    position: absolute;
    z-index: 9;
    text-align: center;
}

.yui-swiper-loading{
    position: absolute;
    left:0;
    bottom: 10px;
    color:red;
    z-index: 9;
    text-align: center;
    width: 100%;
}
.yui-whole-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.yui-whole-page .yui-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: auto;
}
.yui-top-bar {
    height: 44px;
    padding: 0 15px;
    font-size: 18px;
    color: #333;
    background-color: #fff;
    line-height: 42px;
    position: relative;
}

.yui-top-bar .yui-top-bar-fixed {
    position: fixed;
    background-color: #f2f3f2;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    z-index: 10001;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-bottom: solid 1px #dfdfdf
}
.yui-top-bar-back {
    position: absolute;
    font-size: 30px !important;
    color: #1a81da;
    top: 6px;
    left: 0;
    z-index: 9;
    cursor: pointer;
    width: 40px;
    padding-left: 15px
}
.swiper-img-view {
    position: absolute!important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.swiper-img-view .swiper-zoom-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.swiper-img-view .swiper-zoom-container img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.yui-imglist-page-menu {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 15px;
    z-index: 3;
}
.col-flex-1 {
    float: none;
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.yui-img-page-progress {
    position: relative;
    background-color: #70788c;
    height: 2px;
}

.yui-img-page-progress .yui-img-page-progressbar {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #1f9eff;
}

.yui-img-page-progress .yui-imgprogress-circle {
    position: absolute;
    background-color: #fff;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: solid 1px #1f9eff;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    top: -6px;
}
.yui-img-page-progress .yui-imgprogress-circle span{
    display: block;
    margin: -7px 0 0 -6px;
    width: 25px;
    height: 25px;
}
.revise-pwd-head{
    width: 100%;
    height: 45px;
    background:#41a7ed;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
.revise-pwd-line{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 5px 0 90px;
}
.revise-pwd-label{
    position: absolute;
    left: 0;
    top: 10px;
    width: 90px;
    height: 30px;
    border-right: 1px solid #e4e4e4;
    padding-right: 10px;
    font-size: 13px;
    color: #999;
    line-height: 30px;
    text-align: right;
}
.revise-pwd-in{
    width: 100%;
    height: 50px;
    border: 0;
    padding-left: 10px;
    font-size: 13px;
    color: #333;
}
.revise-pwd-error{
    position: absolute;
    top: 210px;
    left: 0;
    font-size: 12px;
    color: #ff0000;
}
.revise-pwd-btn{
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 3px;
    background:#41a7ed;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
/*题目练习*/
.ex-sw-box{
    position: fixed;
    left: 0;
    top: 45px;
    width: 100%;
    height: 100%;
    z-index: 125;
}
.ex-sw-box.exam{
    top: 90px;
}
.sw-wd{
    /*position: relative;*/
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.sw-con{
    /*position: relative;*/
    display: table-cell;
    width: 100%;
    height: 100%;
    padding-bottom: 55px;
}

.ex-choice-list li{
    width: 100%;
    margin-top: 20px;
}
.ex-choice-radio,
.ex-choice-check{
    float: left;
    width: 35px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 50%;
    font-size: 18px;
    color: #333;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
}
.ex-choice-list li.correct .ex-choice-radio,
.ex-choice-list li.correct .ex-choice-check{
    background: url("esm.images/icon-correct.png") center no-repeat;
    background-size: 35px 35px;
    font-size: 0;
    border: 0;
}
.ex-choice-list li.correct .ex-choice-info{
    color:#82cb22;
}
.ex-choice-list li.wrong .ex-choice-radio,
.ex-choice-list li.wrong .ex-choice-check{
    background: url("esm.images/icon-wrong.png") center no-repeat;
    background-size: 35px 35px;
    font-size: 0;
    border: 0;
}
.ex-choice-list li.wrong .ex-choice-info{
    color:#ff5757;
}
.ex-question-line{
    max-width: 93%;
}
.ex-choice-check.selected{
    background:#41a7ed;
    border-color:#41a7ed;
    color: #fff;
}
.ex-choice-info{
    padding: 7px 0 0 15px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    color: #333;
}
.ex-analysis-content{
    position: absolute;
    left: 0;
    bottom: 51px;
    z-index: 125;
    width: 100%;
    background: #fff;
    padding-bottom: 10px;
}
.ex-analysis-title{
    width: 100%;
    height: 26px;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 26px;
}
.ex-analysis-title span{
    position: relative;
    top: -13px;
    display: inline-block;
    width: 90px;
    height: 26px;
    background: #fff;
}
.ex-analysis-d{
    width: 100%;
    margin-top: -15px;
    padding: 10px 5px;
    height: 140px;
    overflow-y: auto;
}
.ex-analysis-tag{
    float: left;
    width: 42px;
    height: 16px;
    background: url("esm.images/icon-tag.png") center no-repeat;
    background-size: 42px 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px;
}
.ex-analysis-r{
    width: 100%;
    padding:0 0 5px 55px;
    font-size: 12px;
    color: #333;
    line-height: 16px;
}
.ex-analysis-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 125;
    width: 100%;
    height: 51px;
    border-top: 1px solid #e0e0e0;
    background: #fff;
}
.ex-favor{
    font-size: 12px;
    color: #808080;
    line-height: 50px;
}
.ex-favor span{
    font-size: 18px;
    color: #ffc000;
}
.ex-an-link{
    width: 75px;
    height: 30px;
    border: 0;
    border-radius: 3px;
    background:#01a0e9;
    font-size: 12px;
    color: #fff;
    text-align: center;
    outline: none;
}
.ex-choose-btn{
    width: 30%;
    height: 40px;
    border: 0;
    border-radius: 3px;
    background:#01a0e9;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.ex-choose-btn:disabled{
    opacity: .5;
}
.ex-comb-ques {
    position: absolute;
    bottom: 0;
    bottom: calc(env(safe-area-inset-bottom));
    bottom: calc(constant(safe-area-inset-bottom));
    left: 0;
    z-index: 10;
    width: 100%;
    min-height: 60%;
    font-size: 16px;
    line-height: 24px;
    background-color: #fff;
    box-sizing: border-box;
}

.ex-comb-ques__content--hidden {
    display: flex;
}

.ex-comb-ques__item {
    flex: 1;
    margin-top: -20px;
}

.ex-comb-ques .move {
    position: relative;
    bottom: 26px;
    display: flex;
    height: 26px;
    justify-content: center;
}

.ex-comb-ques .move .move-drag {
    position: absolute;
    bottom: 0;
    height: 24px;
    box-sizing: border-box;
    width: 90px;
    height: 26px;
    background: #ffff;
    border-radius: 8px 8px 0 0;
    background: url("esm.images/drag.png") center no-repeat;
}

.ex-comb-ques .content {
    position: absolute;
    top: 0;
    bottom: 48px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}
.ex-ques-content {
    height: calc(100% - 48px);
    overflow-y: auto;
}
.ex-comb-ques-bottom {
    /*display: flex;*/
    /* justify-content: right;*/
    /* align-items: center;*/
    padding: 6px 12px;
    position: absolute;
    width: 100%;
    height: 48px;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e9e9e9;
    background:#FFF;
}
.ex-comb-ques-button {
    position: relative;
    display: block;
    box-sizing: border-box;
    min-width: 68px;
    height: 36px;
    margin: 0;
    padding: 8px 16px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    border-radius: 8px;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
    border: none;
    background: rgba(0,153,253, .2);
    color: rgba(0,153,253);
}
.ex-comb-ques-button--left {
    border-radius: 18px 0 0 18px;
}
.ex-comb-ques-button--right {
    border-radius: 0 18px 18px 0;
}
.ex-comb-ques-button--right::before {
    position: absolute;
    content: ' ';
    width: 1px;
    background: rgba(0,153,253);
    height: 20px;
    left: 0;
    top: 8px;
}
.ex-comb-ques-button--disabled {
    box-shadow: none;
    color: rgba(0,153,253, .4);
}

/*信息收集*/
.goods-info-title {
    width: 100%;
    height: 40px;
    background: #f2f2f2;
}
.goods-info-title span{
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #aeaeae;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 24px;
}
.goods-info-line{
    position: relative;
    width: 100%;
    padding: 0 5px 0 70px;
    border-bottom: 1px solid #f2f2f2;
}
.goods-info-line p.radio-line{
    min-height: 50px;
}
.goods-info-line .field-validation-error{
    font-size: 12px;
    color: #ff0000;
}
.goods-info-label{
    position: absolute;
    left: 5px;
    top: 0;
    width: 60px;
    font-size: 12px;
    color: #999;
    line-height: 50px;
    height: 50px;
}
.goods-info-label i{
    float: left;
    width: 48px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
}
.goods-info-in{
    width: 100%;
    height: 50px;
    border: 0;
    outline: none;
    padding: 0 0 0 5px;
    color: #999;
    font-size: 12px;
    text-align: right;
}
.goods-select-line{
    width: 49%;
    height: 50px;
}
.goods-select-line.short{
    width: 32%;
}
.goods-select-line.long{
    width: 100%;
}
.goods-select-line+.goods-select-line{
    margin-left: 2%;
}
.goods-s-select{
    margin: 0;
    width: 100%;
    height: 50px;
    outline: none;
    background: #fff url("esm.images/icon-8.png") right no-repeat;
    background-size: 10px 6px;
    padding: 0 20px 0 6px!important;
    font-size: 12px;
    color: #999;
    border: 0;
    direction: rtl;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.goods-s-arrow{
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 14px;
    color: #999;
    line-height: 50px;
}
.goods-s-text{
    margin: 5px 0;
    width: 100%;
    height: 80px;
    border: 0;
    border-radius: 3px;
    font-size: 13px;
    color: #999;
    padding: 10px;
}
.goods-s-btn{
    width: 100%;
    height: 45px;
    border-radius: 3px;
    border:0;
    background: #f19724;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.goods-s-btn:disabled{
    background: #ccc;
}
.goods-i-img{
    position: relative;
    width: 100%;
    height: 211px;
    overflow: hidden;
}
.goods-i-title{
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.goods-i-line{
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}

.goods-i-btn {
    position: fixed;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    left: 0;
    z-index: 20;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 0;
    background: #09f;
    font-size: 13px;
    color: #fff;
    text-align: center;
}
.goods-i-btn.buy{
    position: static;

}
.goods-i-btn:disabled{
    background: #999!important;
    pointer-events: none;
}
.goods-i-box {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    z-index: 90;
    width: 100%;
    border-radius: 3px 3px 0 0;
    background: #fff;
}
.goods-i-in{
    width: 72px;
    height: 30px;
    border: 1px solid #c9c9c9;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 28px;
}
.goods-i-close{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 16px;
    width: 25px;
    height: 25px;
    color: #333;
    cursor: pointer;
}
.goods-i-radio{
    float: left;
    margin: 18px 5px 0 0!important;
    width: 15px;
    height: 15px;
}
.goods-radio-label{
    margin-top: 17px;
    margin-bottom: 0;
    max-width: 91%;
    font-size: 12px;
    color: #999;
}
/*音频播放*/
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(1turn);
    }

}
@-moz-keyframes rotate {

    100% {
        -moz-transform: rotate(1turn);
    }
}
@-ms-keyframes rotate{
    100% {
        -ms-transform: rotate(1turn);
    }
}
@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}
.audio-bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}
.audio-bg img{
    width: 100%;
}
.audio-content{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    overflow-y: auto;
}
.audio-c{
    width: 100%;
    height: 100%;
    padding-top: 8%;
}
.audio-single-s{
    margin: 0 auto;
    width: 220px;
    height: 220px;
}
.audio-single-shot{
    width: 220px;
    height: 220px;
    border-radius: 50%;
    cursor: pointer;
    background:url('images/u39.png') center no-repeat;
    background-size: cover;
}
.spin{
    -webkit-animation:rotate 15s linear infinite;
    -moz-animation:rotate 15s linear infinite;
    -ms-animation:rotate 15s linear infinite;
    animation:rotate 15s linear infinite;
}
.audio-single-shot.spin.pause{
    animation-play-state: paused;
    -moz-animation-play-state: paused;
    -webkit-animation-play-state:paused;

}
.audio-disk-shot{
    margin: 0 auto;
    width: 220px;
    height: 220px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    text-align: center;
    background: url("images/pic.png") center no-repeat;
    background-size: cover;
}
.audio-title{
    font-size: 16px;
    color: #333;
    line-height: normal;
}
.audio-title.disk,
.audio-t-d{
    line-height: normal;
    color: rgba(255,255,255,.8);

}
.audio-t-t{
    line-height: normal;
    color:rgba(255,255,255,.7);
}

.audio-progress{
    position: relative;
    padding: 0 62px;
    height: 20px;
}
.audio-progress-line{
    position: relative;
    top: 9px;
    width: 100%;
    height: 2px;
    background: #e9ebf1;
}
.audio-progress-line span{
    position: absolute;
    left:0;
    top: 0;
    z-index: 15;
    display: block;
    height: 2px;
    background: #fdb029;
}
.audio-progress-line em{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 2px;
    background: #ccc;
}
.audio-progress-time{
    position: absolute;
    top: 0;
    width: 50px;
    height: 20px;
    font-size: 12px;
    color: #333;
    line-height: 20px;
}
.audio-progress-time.start{
    left: 0;
    color: #333;
    text-align: right;
}
.audio-progress-time.end{
    right: 0;
    color: #e9ebf1;
}
.audio-progress.disk .audio-progress-time.start,
.audio-progress.disk .audio-progress-time.end{
    color: #abacb3;
}
.audio-progress-dot{
    position: absolute;
    top: 50%;
    z-index: 20;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}
.audio-progress-dot em{
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background:#fdb029;
    opacity: .6;
}
.audio-progress-dot i{
    position: relative;
    display: block;
    margin: 4px auto 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background:#fdb029;
}
.audio-operate{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.audio-operate+.audio-operate{
    margin-left: 25px;
}
.audio-operate.back,
.audio-operate.go{
    top: -6px;
    width: 20px;
    height: 20px;
}
.audio-disk .audio-operate.back,
.audio-disk .audio-operate.go{
    top: -4px;
    width: 24px;
    height: 24px;
}
.audio-operate.back{
    background: url("esm.images/audio/style-1/backwards.png") center no-repeat;
    background-size: 20px 20px;
}
.audio-disk .audio-operate.back{
    background: url("esm.images/audio/style-2/backwards.png") center no-repeat;
    background-size: 24px 24px;
}

.audio-operate.go{
    background: url("esm.images/audio/style-1/go.png") center no-repeat;
    background-size: 20px 20px;
}

.audio-disk .audio-operate.go{
    background: url("esm.images/audio/style-2/go.png") center no-repeat;
    background-size: 24px 24px;
}

.audio-operate.play,
.audio-operate.pause{
    width: 33px;
    height: 33px;
}
.audio-operate.play{
    background: url("esm.images/audio/style-1/play.png") center no-repeat;
    background-size: 33px 33px;
}
.audio-operate.pause{
    background: url("esm.images/audio/style-1/pause.png") center no-repeat;
    background-size: 33px 33px;
}
.audio-disk .audio-operate.play{
    background: url("esm.images/audio/style-2/play.png") center no-repeat;
    background-size: 33px 33px;
}
.audio-disk .audio-operate.pause{
    background: url("esm.images/audio/style-2/pause.png") center no-repeat;
    background-size: 33px 33px;
}
.audio-operate.prev,
.audio-operate.next{
    top: -4px;
    width: 25px;
    height: 25px;
}
.audio-operate.prev{
    background: url("esm.images/audio/style-1/last.png") center no-repeat;
    background-size: 25px 25px;
}
.audio-operate.prev.disabled{
    background: url("esm.images/audio/style-1/last_notclickable.png") center no-repeat;
    background-size: 25px 25px;
    pointer-events: none;
}
.audio-operate.next{
    background: url("esm.images/audio/style-1/next.png") center no-repeat;
    background-size: 25px 25px;
}
.audio-operate.next.disabled{
    background: url("esm.images/audio/style-1/next_notclickable.png") center no-repeat;
    background-size: 25px 25px;
    pointer-events: none;
}
.audio-disk .audio-operate.prev{
    background: url("esm.images/audio/style-2/last.png") center no-repeat;
    background-size: 25px 25px;
}
.audio-disk .audio-operate.prev.disabled{
    background: url("esm.images/audio/style-2/last_notclickable.png") center no-repeat;
    background-size: 25px 25px;
    pointer-events: none;
}
.audio-disk .audio-operate.next{
    background: url("esm.images/audio/style-2/nest.png") center no-repeat;
    background-size: 25px 25px;
}
.audio-disk .audio-operate.next.disabled{
    background: url("esm.images/audio/style-2/next_notclickable.png") center no-repeat;
    background-size: 25px 25px;
    pointer-events: none;
}
/*课程学习新模板*/
.course-new-con{
    position: relative;
    width: 100%;
    height:200px;
}
.course-new-info{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    padding: 7px 5px 5px 5px;
}
.course-new-arrow{
    width: 25px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
}
.course-new-arrow.new{
    width:30px;
    height:30px;
    background: url("esm.images/back.png") center no-repeat;
    background-size: 30px 30px;
}
.course-reward-link,
.course-reward-link:hover,
.course-reward-link:link{
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.course-reward-link i,
.course-thumb-link i{
    position: relative;
    top: 1px;
    margin-right: 3px;
    font-size: 16px;
    line-height: 1;
}
.course-reward-link.new{
    width: 30px;
    height: 30px;
    background: url("esm.images/reward.png") center no-repeat;
    background-size: 30px 30px;
}
.course-new-bottom{
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
}
.course-thumb-link,
.course-thumb-link:hover,
.course-thumb-link:link{
    font-size: 12px;
    color: #f2f2f2;
    line-height: 20px;
}
.course-chapter-info{
    width:100%;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background: #f2f2f2;
    padding:8px 5px;
}
.course-chapter-info:first-of-type{
    border-top: 0;
}
.course-chapter-info.new{
    border-top: 0;
    border-bottom: 0;
    background:#f7f9fc;
    padding: 5px;
}
.course-new-list{
    width: 100%;
    /*background: #fff;*/
}
.course-new-list.new{
    padding-bottom: 8px;
}
.course-new-list a{
    position: relative;
    display: block;
    height: 57px;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 5px 10px 36px;
}
.course-new-list a:last-of-type{
    border-bottom: 0;
}
.course-new-list.new a{
    border-bottom: 0;
    height: 50px;
    padding:8px 5px 0 26px;
}

.course-new-list.new.course-bag{
    padding-bottom: 0;
}
.course-new-list.new.course-bag a{
    border-bottom: 1px solid #f2f4f7;
    padding-bottom: 8px;
    height: 58px;
}
.course-new-icon{
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url("esm.images/icon-video.png") center no-repeat;
    background-size: 24px 24px;
}
.course-new-title{
    font-size: 14px;
    max-width: 85%;
    line-height: normal;
    color: #333;
}
.course-new-title.new{
    max-width: 85%;
}
.course-new-sup{
    position: relative;
    top: -7px;
    vertical-align: middle;
    height: 18px;
    border: 1px solid #F89900;
    border-radius: 3px;
    background: #fff;
    font-size: 10px;
    color: #f90;
    line-height:17px;
    padding: 0 5px;
}
.course-new-sup.study, .course-new-sup-1.study {
    border-color: #09f;
    color: #09f;
}
.course-new-list.new a .course-new-icon{
    width: 10px;
    height: 10px;
    top: 13px;
    margin-top: 0;
    background: url("esm.images/icon-video-small.png") center no-repeat;
    background-size: 10px 10px;
}

.course-new-nav{
    width: 100%;
    padding: 0 5px;
    border-top: 2px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.course-new-nav.new{
    border-top: 12px solid #f2f4f7;
    border-bottom: 0;
}
.course-new-nav.new.course-bag{
    border-top: 0;
}
.course-new-comment,
.course-new-comment > li{
    width: 100%;
}
.course-new-comment > li{
    position: relative;
    padding: 5px 5px 5px 50px;
}
.course-new-comment.new li{
    padding-left: 50px;
}
.course-comment-shot{
    position: absolute;
    left: 5px;
    top: 5px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.course-new-comment.new .course-comment-shot{
    width: 36px;
    height: 36px;
}
.course-comment-shot img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.course-comment-author{
    max-width: 70%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
}
.course-new-comment.new .course-comment-author{
    font-size: 13px;
    line-height: 20px;
}
.course-new-star{
    display: inline-block;
    font-size: 15px;
    color: #ccc;
    line-height: 20px;
    text-align: center;
}
.course-new-comment.new .course-new-star{
    font-size: 13px;
    line-height: 15px;
}
.course-new-star+.course-new-star{
    margin-left: 3px;
}
.course-new-star:before{
    content: "\f005";
}
.course-new-star.selected{
    color: #f90;
}
.course-new-more{
    display: block;
    margin: 5px auto 0;
    width: 50px;
    height: 30px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: center;
}
.course-new-more:hover{
    color: #666;
}
.course-new-more i{
    font-size: 24px;
    color: #999;
}
.course-new-tag{
    margin-top: 2px;
    /*width: 22px;*/
    height: 12px;
    box-shadow: 0 0 1px #ffb200;
    font-size: 8px;
    line-height: 13px;
    padding: 0 3px;
    text-align: center;
    color:#ffb200;
    font-weight: normal;
    vertical-align: middle;
}
.course-choose-btn{
    position: absolute;
    left: 5px;
    top:1px;
    width: 60px;
    height: 24px;
    border-radius: 12px;
    background: #999;
    cursor: pointer;
}
.course-choose-btn.selected{
    background: #1fcd9a;
}
.course-choose-select{
    position: absolute;
    left: 1px;
    top:1px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.course-choose-left,
.course-choose-right{
    position: absolute;
    top: 0;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
}
.course-choose-left{
    left: 8px;
}
.course-choose-right{
    right: 8px;
}
/*匿名考试弹窗*/
.exam-info-box{
    position: fixed;
    left: 3%;
    top: 20%;
    z-index: 90;
    width: 94%;
    border-radius: 3px;
    background: #fff;
}
.exam-info-label{
    display: inline-block;
    width: 60px;
    height: 35px;
    font-size: 14px;
    color: #333;
    line-height: 35px;
    text-align: right;
}
.exam-info-in{
    display: inline-block;
    width: 60%;
    height: 35px;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    color: #333;
    padding: 0 5px;
    line-height: 33px;
}
.exam-info-btn{
    width: 100%;
    height: 46px;
    border: 0;
    border-top: 1px solid #e4e4e4;
    border-radius: 0 0 3px 3px;
    outline: none;
    background: #fff;
    font-size: 16px;
    color: #333;
    text-align: center;
}
/*支付成功*/
.pay-success-info{
    position: relative;
    width: 100%;
    height: 258px;
    background: url("esm.images/pay-success-bg.png") center no-repeat;
    background-size: cover;
    padding-top: 70px;
}
.pay-success-icon{
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: url("esm.images/pay-ok.png") center no-repeat;
    background-size: 50px 50px;
}
.pay-success-title{
    width: 100%;
    font-size: 20px;
    color: #8fbd15;
    text-align: center;
}
.pay-success-btn{
    width: 100%;
    height: 45px;
    border: 0;
    outline: none;
    border-radius: 3px;
    background: #f39800;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.pay-success-btn.s-1{
    border:1px solid #f39800;
    background: #fff;
    color: #f39800;
}
.pay-notice-link{
    position: fixed;
    left: 0;
    bottom: 10px;
    z-index: 30;
    width: 100%;
    font-size: 14px;
    color: #f93;
    line-height: 25px;
    text-align: center;
}
.pay-success-pop{
    position: fixed;
    left: 0;
    top: 100%;
    z-index: 90;
    width: 100%;
    height: 100%;
    padding-top:303px;
    -webkit-transition: top 1s linear;
    -moz-transition: top 1s linear;
    transition: top 1s linear;
}
.pay-success-pop.show{
    top: 0;
}
.pay-success-n{
    width: 100%;
    height: 100%;
    border-top: 3px solid #999;
    background: #F2F2F2;
    padding-top: 40px;
}
.pay-success-t{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
}
.pay-success-close{
    width: 40px;
    color: #999;
    font-size: 25px;
    text-align: right;
}
.pay-notice-content{
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.pay-notice-content img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.login-check{
    display: block;
    font-weight: normal;
    cursor: pointer;
    position: relative;
}

.login-check > input[type='checkbox']{
    position: absolute;
    width: 40px;
    height: 20px;
    z-index: 20;
    left: 0;
    top: 0;
    opacity: 0;
}
.login-check > .login-check-i{
    display: inline-block;
    border: 0!important;
    height: 20px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    font-size: 18px;
    color: #2AABE6;
    line-height: 20px;
}
.login-check > .login-check-i:before{
    content: "\e6f9";
}
.login-check.checked > .login-check-i:before {
    content: "\e6f7";
}
.pwd-success-shot{
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background: url("esm.images/pwd-set-success.png") center no-repeat;
    background-size: 200px 200px;
}
.reg-teacher-shot{
    margin: 10% auto 0;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}
/*直播回看*/
.live-back-link{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    background: url("esm.images/icon-live-back.png") center no-repeat;
    background-size: 56px 56px;
}
.live-back-tag{
    width: 35px;
    height: 20px;
    border: 1px solid #F50600;
    border-radius: 3px;
    background: #F53528;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.live-back-nav{
    width: 100%;
    border-top: 1px solid #E4E4E4;
}
.live-back-nav li{
    float: left;
    width: 50%;
    border-bottom: 1px solid #E4E4E4;
    font-size: 14px;
    color: #333;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
}
.live-back-nav li.selected{
    border-bottom: 1px solid #09f;
    color: #09f;
}
.live-back-nav li:only-child{
    float: none;
    width: 100%;
    pointer-events: none;
}
.live-back-content img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.live-section-title{
    width: 100%;
    height: 32px;
    border-radius: 16px;
    background: #f2f2f2;
    font-size: 12px;
    color: #666;
    line-height: 32px;
}
.live-course-list{
    width: 100%;
    padding:0 0 0 68px;
}
.live-course-list > div{
    border-left: 1px solid #D3D3D3;
    padding: 18px 0 15px 0;
}
.live-course-list a.disabled{
    pointer-events: none;
}
.live-course-list a+a{
    margin-top: 7px;
}
.live-course-num{
    position: absolute;
    left: -70px;
    width: 52px;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    text-align: right;
}
.live-course-list a.selected .live-course-num,
.live-course-list a.selected h4,
.live-course-list a.selected h5{
    color: #09f;
}
.live-course-dot{
    margin-left: -9px;
    width: 16px;
    height: 16px;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    background: #fff;
}
.live-course-icon{
    position: absolute;
    right:5px;
    top: 0;
    font-size: 23px;
    width: 18px;
    color: #09f;
    line-height: 1;
}
.live-course-list a.disabled .live-course-icon,
.live-course-list a.disabled .live-course-num,
.live-course-list a.disabled h4,
.live-course-list a.disabled h5{
    color: #ccc;
}
.live-over-box{
    width: 100%;
    padding-top: 12%;
}
.live-over-icon{
    width: 250px;
    height: 195px;
    background: url("esm.images/icon-live-over.png") center no-repeat;
    background-size: 250px 195px;
}
.live-over-tag{
    margin-top: -3px;
    width: 30px;
    height: 18px;
    border: 1px solid #09f;
    border-radius: 3px;
    font-size: 12px;
    color: #09f;
    line-height: 16px;
    text-align: center;
}
.vip-show-box{
    position: fixed;
    left: 10%;
    top: 20%;
    z-index: 90;
    width: 80%;
    border-radius: 3px;
    background: #fff;
}
.vip-show-close{
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
    height: 30px;
    font-size: 22px;
    color: #999;
    line-height: 30px;
}
.vip-show-box img{
    width: 100%;
    border-radius: 3px 3px 0 0;
}
.vip-show-list{
    width: 100%;
    max-height: 91px;
    overflow-y: auto;
}
.vip-show-list li{
    float: left;
    margin: 15px 2% 0 0!important;
    width: 32%;
    height: 30px;
    border: 1px solid #c6c8c9;
    border-radius: 2px;
    font-size: 12px;
    color: #c6c8c9;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}
.vip-show-list li:nth-child(3n){
    margin-right: 0!important;
}
.vip-show-list li.selected{
    color: #f39800;
    border-color: #f39800;
}
.vip-show-btn{
    width: 100%;
    height: 45px;
    border-radius: 3px;
    border: 0;
    outline: 0;
    background: #f39800;
    font-size: 17px;
    color: #fff;
    text-align: center;
}
/*CPS*/
.cps-wrap{
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.cps-main-header{
    width: 100%;
    height: 168px;
    background: url("esm.images/cps-main-head.jpg") center no-repeat;
    background-size: cover;
}
.cps-main-info{
    position: relative;
    margin: 20px auto 0;
    width: 100%;
    padding: 20px 0;
    box-shadow: 0 4px 14px rgba(243,152,0,.21);
    border-radius: 8px;
    background:#fff url("esm.images/cps-i-bg.png") center bottom no-repeat;
    background-size: cover;
}
.cps-login-out{
    width: 45px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 23px;
}
.cps-login-out:link,
.cps-login-out:hover{
    color: #fff;
}
.cps-i-list{
    margin-top: 20px;
}
.cps-i-list a{
    float: left;
    width: 50%;
    height: 26px;
    text-align: center;
}
.cps-i-list a h3{
    margin-top: -10px;
}
.cps-i-list a+a{
    border-left: 1px solid #ebebeb;
}
.cps-trade-ranking li{
    width: 100%;
    padding: 15px 0;
}
.cps-trade-ranking li+li,
.cps-student-list li+li,
.cps-trade-list li+li{
    border-top: 1px solid #f0eff5;
}
.cps-ranking-name{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F39800;
    font-size: 13px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}
.cps-course-list a{
    display: block;
    margin-top: 15px;
    width: 100%;
}
.cps-course-img{
    float: left;
    position: relative;
    width: 165px;
    height: 92px;
    border-radius: 5px;
    overflow: hidden;
}
.cps-course-img img{
    border-radius: 5px;
}
.cps-course-tag{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
    width: 45px;
    height: 18px;
    border-radius: 0 4px 0 4px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.cps-course-tag.yellow{
    background: #f39800;
}
.cps-course-tag.blue{
    background: #069af6;
}
.cps-course-tag.green{
    background: #3aa600;
}
.cps-course-title{
    font-size: 13px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    color: #333;
}
.cps-search-line{
    width: 100%;
    height: 28px;
    border-radius: 4px;
    background: #f2f4f7;
    text-align: center;
}
.cps-search-box.focus{
    padding-right: 40px;
}
.cps-search-box.focus .cps-search-line{
    text-align: left;
    padding: 0 28px;
}
.cps-search-box.focus .cps-search-icon{
    position: absolute;
    left: 8px;
    top: 0;
}
.cps-search-box.focus .cps-search-i{
    display: none;
}
.cps-search-icon{
    font-size: 16px;
    color: #bbb;
    line-height: 28px;
}
.cps-search-i{
    font-size: 13px;
    color: #ccc;
    line-height: 28px;
}
.cps-search-input{
    display: none;
    width: 100%;
    height: 28px;
    border: 0;
    background: transparent;
    font-size: 13px;
    color: #333;
    outline: none;
}
.cps-search-del{
    display: none;
    position: absolute;
    right: 8px;
    top: 0;
    font-size: 16px;
    line-height: 28px;
    color: #ccc;
}
.cps-search-cancel{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    color: #333;
    line-height: 28px;
}
.cps-search-box.focus .cps-search-input,
.cps-search-box.focus .cps-search-del,
.cps-search-box.focus .cps-search-cancel{
    display: block;
}
.cps-sum-num li{
    float: left;
    width: 33.33%;
    text-align: center;
}
.cps-student-list li{
    width: 100%;
    padding: 10px 0 0 0;
}
.cps-load-icon{
    width: 16px;
    height:16px;
    background: url("images/loading4.gif") center no-repeat;
    background-size: 16px 16px;
}
.cps-time-filter{
    width: 100%;
    border-bottom: 1px solid #f0eff5;
    padding: 0 5%;
}
.cps-time-filter li{
    float: left;
    width: 33.33%;
    text-align: center;
}
.cps-time-filter li.fi > span{
    display: inline-block;
    color: #646566;
    padding: 0 5px 9px 5px;
}
.cps-time-filter li.fi.selected > span{
    color: #f39800;
    border-bottom: 1px solid #f39800;
}
.cps-time-select{
    width: 75px;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 20px;
    background: transparent;
    line-height: 20px;
    font-size: 13px;
    color: #646566;
    text-align: right;
    direction: rtl;
}
.cps-time-arrow{
    position: relative;
    top: 1px;
    font-size: 15px;
    color: #cacaca;
}
.cps-trade-list li{
    padding: 10px 0;
}
.cps-trade-title{
    width: 100%;
    display: flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size: 16px;
}
.cps-arr-tag{
    width: 15px;
    min-width: 15px;
    height: 15px;
    border-radius: 1px;
    background:#f39800;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 15px;
}
.cps-trade-blank{
    width: 1px;
    height: 10px;
    background: #ccc;
}
.cps-discount-tag{
    margin-top: 3px;
    width: 50px;
    height: 15px;
    border-radius: 2px;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
}
.cps-discount-tag.red{
    border: 1px solid #fecbc8;
    background: #fff5f4;
    color: #fb4e44;
}
.cps-discount-tag.yellow{
    border: 1px solid #ffe7c0;
    background: #fff7e9;
    color: #f39800;
}
.cps-no-more{
    margin: 15px auto 0;
    width: 140px;
    height: 21px;
    text-align: center;
    border-top: 1px solid #dcdfe5;
}
.cps-no-more legend{
    width: auto;
    margin: 0;
    border: 0;
    height: 20px;
    background: none;
}
.cps-no-more span{
    position: relative;
    top: -8px;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #939aa6;
}
.cps-qr-title{
    max-height:50px;
    font-size: 22px;
    color: #333;
    line-height: 25px;
    overflow: hidden;
}
.cps-qr-box{
    margin: 30px auto 0;
    width: 300px;
    height: 300px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(31,42,53,.1);
    background: #fff;
    padding: 20px;
}
.cps-bottom-box {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    width: 100%;
    height: 51px;
    z-index: 50;
    border-top: 1px solid #e7e6eb;
    background: #fff;
}
.cps-bottom-btn{
    width: 50%;
    height: 50px;
    border: 0;
    font-size: 16px;
    color: #333;
    background: #fff;
    text-align: center;
}
.cps-bottom-btn:only-child{
    width: 100%;
}
.cps-bottom-btn+.cps-bottom-btn{
    background: #f39800;
    color: #fff;
}
/*证书*/
.certificate-list li{
    width: 100%;
    padding: 15px 5px 10px 5px;
}
.certificate-list li+li{
    border-top: 4px solid #e4e4e4;
}
.certificate-img{
    width: 100%;
    height: 200px;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.certificate-img img{
    height: 200px;
}
.certificate-line{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 24px;
}
.certificate-tag{
    width: 2px;
    height: 8px;
    background: #09f;
}
/*我的课程-新*/
.my-courses-nav{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 45px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.my-icon-category{
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    background: url("esm.images/icon-category.png") center no-repeat;
    background-size: 14px 14px;
}
.my-type-choose{
    position: fixed;
    left: 0;
    top:45px;
    z-index: 90;
    width: 100%;
    background: #fff;
}
.my-type-choose li{
    width: 100%;
    font-size: 15px;
    color: #333;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.my-type-choose li.selected{
    color: #09f;
}
.my-course-type{
    height: 30px;
    font-size: 15px;
    color: #333;
    line-height: 30px;
}
.my-course-icon{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #09f;
}
.my-course-icon i{
    width: 20px;
    height: 20px;
    display: block;
}
.my-course-icon i.online{
    background: url("esm.images/icon-online.png") center no-repeat;
    background-size: 12px 12px;
}
.my-course-icon i.live{
    background: url("esm.images/icon-live.png") center no-repeat;
    background-size: 12px 12px;
}
.my-course-icon i.offline{
    background: url("esm.images/icon-offline.png") center no-repeat;
    background-size: 12px 12px;
}
.my-course-form{
    width: 55%;
    height: 30px;
    border: 1px solid #999;
    border-radius: 3px;
    padding-right: 40px;
}
.my-search-in{
    width: 100%;
    height: 28px;
    border: 0;
    border-radius: 3px 0 0 3px;
    background: #fff;
    font-size: 13px;
    color: #333;
    outline: none;
}
.my-search-btn{
    position: absolute;
    right: 0;
    top: 0;
    width:40px;
    height: 28px;
    border: 0;
    border-radius: 0 3px 3px 0;
    background: #D7D7D7;
    font-size: 16px;
    color: #666;
    text-align: center;
}
.my-course-list a{
    display: block;
    position: relative;
    width: 100%;
    height: 75px;
    padding-right: 130px;
}
.my-course-list a+a{
    margin-top: 25px;
}
.my-course-name{
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    color: #333;
}
.my-progress-bar{
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #ddd;
}
.my-progress-bar span{
    display: block;
    height: 4px;
    border-radius: 2px;
    background: #09f;
}
.my-course-img{
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 75px;
    border-radius: 5px;
}
.my-course-img p{
    width: 120px;
    height: 75px;
    overflow: hidden;
}
.my-course-img img{
    border-radius: 5px;
}
.my-back-tag{
    width: 39px;
    height: 20px;
    border-radius: 3px;
    background: #09f;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.my-no-course{
    width: 100%;
    padding-top: 20%;
}
.my-no-img{
    width: 105px;
    height: 102px;
    background: url("esm.images/icon-no-course.png") center no-repeat;
    background-size: 105px 102px;
}
/*会员购买提示,课程过期提示，注册成功提示*/
.vip-p-box,
.expire-box,
.reg-success-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.vip-p-box,
.expire-box{
    padding-top: 10%;
}
.reg-success-box{
    padding-top: 20%;
}
.vip-img{
    width: 133px;
    height: 141px;
    background: url("esm.images/icon-vip.png") center no-repeat;
    background-size: 133px 141px;
}
.expire-img{
    width: 178px;
    height: 146px;
    background: url("esm.images/icon-expire.png") center no-repeat;
    background-size: 178px 146px;
}
.reg-success-img{
    width: 225px;
    height: 155px;
    background: url("esm.images/icon-reg-success.png") center no-repeat;
    background-size: 225px 155px;
}
.vip-p-btn,
.expire-p-btn{
    border: 0;
    border-radius: 3px;
    background: #09f;
    color: #fff;
    text-align: center;
}
.vip-p-btn{
    width: 105px;
    height: 40px;
    font-size: 16px;
}
.expire-p-btn{
    width: 82px;
    height: 32px;
    font-size: 12px;
}
.vip-bottom-info,
.reg-success-bottom{
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 15px;
    color: #999;
    line-height: 20px;
}
.vip-bottom-info{
    bottom: 15px;
    font-size: 14px;
}
.reg-success-bottom{
    bottom:30px;
    font-size: 16px;
}
.c-t-title-box {
    display: flex;
    align-items: center;
}
.c-t-title-1 {
    font-size: 12px;
    line-height: 18px;
    color: #333;
}
.time-d-text-1 {
    flex-shrink: 0;
    flex-grow: 1;
    text-align: right;
    font-size: 12px;
    color: #999;
    line-height: 18px;
}
.course-new-sup-1 {
    flex-shrink: 0;
    border: 1px solid #F89900;
    border-radius: 3px;
    background: #fff;
    font-size: 10px;
    color: #f90;
    line-height: 17px;
    padding: 0 5px;
}
.course-time-tag-1 {
    position: absolute;
    left: 11px;
    top: 31px;
    width: calc(100% - 60px);
    height: 18px;
    border-radius: 8px;
    background: #e4e4e4;
    font-size: 11px;
    color: #666;
    line-height: 18px;
    text-align: center;
}
.course-time-tag-1.course-time-tag-eb {
    top: 35px;
}
@media(min-width: 360px) {
    .new-p-s{
        max-width:77%;
    }
    .course-right-t{
        width: 80%;
    }
    .c-t-title{
        max-width: 60%;
    }
    .c-t-title.long{
        max-width: 95%;
    }
    .c-t-title.short{
        max-width: 84%;
    }
    .c-s-title{
        max-width: 81%;
    }
    .account-bind-info{
        max-width: 60%;
    }
    .s-pro{
        width:78%;
    }
    .new-s-bar{
        width:78%;
    }
    .new-course-teacher{
        max-width: 53%;
    }
    .red-box,
    .red-pop{
        padding-top: 20%;
    }
    .red-num-box{
        width: 330px;
        height: 225px;
        background-size: 330px 225px;
        padding-top: 80px;
    }
    .red-info{
        margin-top: 77px;
    }
    .goods-info-label{
        width: 72px;
    }
    .goods-info-label i{
        width: 59px;
    }
    .goods-info-line{
        padding-left: 80px;
    }
    .ex-question-line{
        max-width: 93%;
    }
    .audio-c{
        padding-top: 15%;
    }
    .course-new-title{
        max-width: 87%;
    }
    .course-new-title.new{
        max-width: 85%;
    }
}
@media(min-width: 375px){
    .new-p-s{
        max-width:78%;
    }
    .course-right-t{
        width: 80%;
    }
    .c-t-title{
        max-width: 75%;
    }
    .c-t-title.short{
        max-width: 85%;
    }
    .c-s-title{
        max-width: 82%;
    }
    .account-bind-info{
        max-width: 62%;
    }
    .s-pro{
        width:80%;
    }
    .new-s-bar{
        width:80%;
    }
    .new-course-teacher{
        max-width: 55%;
    }
    .ex-question-line{
        max-width: 94%;
    }
    .audio-c{
        padding-top: 22%;
    }
    .course-new-title{
        max-width: 87%;
    }
    .course-new-title.new{
        max-width: 88%;
    }
}
@media(min-width:412px){
    .new-p-s{
        max-width:80%;
    }
    .course-right-t{
        width: 82%;
    }
    .c-t-title{
        max-width: 77%;
    }
    .c-t-title.long{
        max-width: 96%;
    }
    .c-t-title.short{
        max-width: 87%;
    }
    .c-s-title{
        max-width: 84%;
    }
    .account-bind-info{
        max-width: 65%;
    }
    .s-pro{
        width:82%;
    }
    .new-s-bar{
        width:82%;
    }
    .new-course-teacher{
        max-width: 59%;
    }
    .goods-info-label{
        width: 84px;
    }
    .goods-info-label i{
        width: 72px;
    }
    .goods-info-line{
        padding-left: 94px;
    }
    .ex-question-line{
        max-width: 94%;
    }
    .audio-c{
        padding-top: 27%;
    }
    .course-new-title{
        max-width: 87%;
    }
    .course-new-title.new{
        max-width: 89%;
    }
}
@media(min-width: 600px){
    .new-p-s{
        max-width:87%;
    }
    .course-right-t{
        width: 88%;
    }
    .c-t-title{
        max-width: 85%;
    }
    .c-t-title.long{
        max-width: 91%;
    }
    .c-t-title.short{
        max-width: 88%;
    }
    .c-s-title{
        max-width: 89%;
    }
    .account-bind-info{
        max-width: 76%;
    }
    .s-pro{
        width:87%;
    }
    .new-s-bar{
        width:87%;
    }
    .new-course-teacher{
        max-width: 72%;
    }
    .goods-info-label{
        width: 112px;
    }
    .goods-info-label i{
        width: 100px;
    }
    .goods-info-line{
        padding-left: 121px;
    }
    .ex-question-line{
        max-width: 96%;
    }
    .audio-c{
        padding-top: 36%;
    }
    .course-new-title,
    .course-new-title.new{
        max-width: 92%;
    }
}
@media(min-width: 768px){
    .new-p-s{
        max-width:90%;
    }
    .course-right-t{
        width: 90%;
    }
    .c-t-title{
        max-width:88%;
    }
    .c-t-title.long{
        max-width: 98%;
    }
    .c-t-title.short{
        max-width: 93%;
    }
    .c-s-title{
        max-width:91%;
    }
    .account-bind-info{
        max-width: 81%;
    }
    .s-pro{
        width:90%;
    }
    .new-s-bar{
        width:90%;
    }
    .new-course-teacher{
        max-width: 78%;
    }
    .ex-question-line{
        max-width: 97%;
    }
    .audio-c{
        padding-top: 28%;
    }
    .course-new-title,
    .course-new-title.new{
        max-width: 94%;
    }
}
@media(min-width: 1024px){
    .audio-c{
        padding-top: 14%;
    }
    .course-new-title{
        max-width: 95%;
    }
    .course-new-title.new{
        max-width: 95%;
    }
}
@media (min-width: 320px) and (max-width: 768px) and (orientation: landscape) {
    .audio-c{
        padding-top: 5%;
    }
}
@media (min-width: 960px) and (max-width: 1024px) and (orientation: landscape) {
    .audio-c{
        padding-top: 5%;
    }
}

/*2019年12月30日 14:04:04*/
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    word-break: normal;
}
.pay-search-list {
    position: absolute;
    left: 0;
    z-index: 50;
    top: 30px;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0; 
}
.pay-search-list li {
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 32px;
    cursor: pointer;
}
.pay-search-list li + li {
    border-top: 1px solid #e4e4e4;
}
.train-tag {
    display: inline-block;
    min-width: 34px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    border-radius: 3px;
    margin-left: 5px;
    background: #D5E9FD;
    color: #5CA6F8;
    font-size: 12px;
}

.user-badge-container {
    position: relative;
    height: 100%;
}

.user-badge-container .user-bottom {
    width: 100%;
    min-height: 300px;
    background: #ffffff;
    margin-top: -30px;
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 210px;
    bottom: 0;
}

.user-badge-container .user-top {
    width: 100%;
    height: 217px;
    background: url(images/user_top_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-badge-container .user-top .avatar {
    width: 100px;
    height: 100px;
    border: 2px solid #FFD502;
    border-radius: 50%;
    margin-top: 16px;
}

.user-badge-container .user-top .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.user-badge-container .user-top .username {
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

.user-badge-container .user-top .desc {
    font-size: 14px;
    color: #ffffff;
}

.user-badge-container .user-bottom .title {
    font-size: 15px;
    color: #000;
    padding: 20px 0 20px 20px;
    font-weight: bold;
    margin: 0;
}

.user-badge-container .user-bottom .item-container {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    position: absolute;
    top: 60px;
    bottom: 0;
    width: 100%;
}

.user-badge-container .item-container .item {
    width: 33.3%;
    height: 111px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.user-badge-container .item-container .item:nth-child(3n+3) {
    margin-right: 0;
}

.user-badge-container .item-container .item .icon {
    width: 66px;
    height: 80px;
    display: block;
    margin: 10px 0;
    object-fit: scale-down;
}

.user-badge-container .item-container .item .name {
    font-size: 12px;
    color: #000000;
        }

.float_layer {
    position: relative;
}

.floatwindow_Center {
    position: fixed;
    z-index: 10050;
}

.float_layer img {
    display: block;
    max-width: 100%;
}

.float_layer_close {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url("esm.images/new_close.png") center no-repeat;
    webkit-animation: bounce .3s infinite alternate;
    -moz-animation: bounce .3s infinite alternate;
    animation: bounce .3s infinite alternate;
    -webkit-animation-iteration-count: 8;
    -moz-animation-iteration-count: 8;
    animation-iteration-count: 8;
}

@-webkit-keyframes bounce {
    to {
        -webkit-transform: scale(1.1);
    }
}

@-moz-keyframes bounce {
    to {
        -moz-transform: scale(1.1);
    }
}

@keyframes bounce {
    to {
        transform: scale(1.1);
    }
}

.cer-res {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.cer-res-desc {
    padding-left: 30px;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    font-weight: normal;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.cer-res-img-box {
    height: 30%;
    padding: 24px;
    flex-shrink: 0;
    background: #FFF;
    overflow: hidden;
}
.cer-res-img-box img {
    width: 100%;
}
.cer-res-desc-box {
    flex: 1;
    margin-top: 16px;
    padding: 24px;
    background: #FFF;
    overflow: auto;
}
.cer-res-title {
    margin-bottom:20px;
    font-size: 18px;
    line-height: 26px;
    color: #333;
}
.cer-res-desc.cer-res-desc__cer-no {
    background-image: url('esm.images/cer-info.png');
}
.cer-res-desc.cer-res-desc__cer-date {
    background-image: url('esm.images/cer-date.png');
}
.cer-res-desc.cer-res-desc__cer-org {
    background-image: url('esm.images/cer-org.png');
}
.cer-res-desc.cer-res-desc__cer-intro {
    background-image: url('esm.images/cer-intro.png');
}
.cer-res-item {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}