html,body,div,h1,h2,h3,h4,h5,h6,a,p,b,i,dl,dt,dd,span{
    margin:0;padding:0;
    font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB",
    "Heiti SC","WenQuanYi Micro Hei",sans-serif;}

input{box-shadow:none!important;}
span,i,b,a{display:inline-block;}
button{background:none;border:0;}
body{background:#f2f2f2;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.marginauto{margin:0 auto;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.cursor{cursor:pointer;}
.bold{font-weight:600;}
i{font-style:normal;}
b{font-weight:normal;}
.bordernone{border:0!important;}
.margin25r{margin-right:25px;}
.color9{color:#999}
.color6{color:#666}
.color3{color:#333}
.margin10t{margin-top:10px}
.margin10l{margin-left:10px;}
.margin30l{margin-left:30px;}
.margin10b{margin-bottom:10px;}
.logobox{
    position:relative;
}
.mobilelogin{
    position:absolute;
    right:0;
    bottom:0;
}
.logo{
    margin-left:-10px;
}
.logo img{
    padding:.5rem 0 0;
}
.mobile-login{
    min-height:3rem;
    line-height:3rem;
    /*margin-right:-10px;*/
}
.mobile-top{background:#fff;}
.mobile-login img{
    width:1.8rem;
    height:1.8rem;
    border-radius:1.8rem;
    margin:0 .5rem 0 0;
}
.layui-nav{
    height:2.5rem;
    padding:0 10px 0 0;
    background:#fff;
    border-radius:0;
}
.layui-nav .layui-nav-item{
    line-height:0;
}
.layui-nav .layui-nav-item a{
    color:#1c1c1c;
    line-height:2.5rem;
    padding:0 .7rem;
}
.layui-nav .layui-nav-item.layui-this a,
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{
    color:#30afff;
}
.layui-nav .layui-this:after, 
.layui-nav-bar, 
.layui-nav-tree .layui-nav-itemed:after{
    display:none;
}
.layui-tab-title li{
    min-width:0
}
.layui-nav-item .nav-school-ewmmobile{
    width:100px;
    height:100px;
    line-height:35px;
    top:40px;
    left:-70px;
}
.layui-nav-item .nav-school-ewm{
    position:relative;
}
.layui-nav-item .nav-school-ewm i{
    width:23px;
    height:23px;
    background:red;
    position:absolute;
    left:39px;
    top:39px;
}
/*banner*/
.bannerbox{
    width:100%;
    height:325px;
}
.banner{
    position:relative;
}
.bannerpic{
    width:100%;
    height:325px;
    position:absolute;
    left:0;
    top:0;
    display:none;
}
/*.banner1{
    background:url("/static/shared/images/mobileindex1.png") no-repeat center;
}
.banner2{
    background:url("/static/shared/images/mobileindex2.png") no-repeat center
}*/


.layer{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    position:fixed;
    left:0;
    top:0;
    display:none;
}
.leftnav{
    width:auto;
    display:inline-block;
    position:fixed;
    left:15px;
    bottom:65px;
    background:#fff;
    z-index:1000;
}
.leftnav ul{
    padding:0 1rem;
}
.leftnav ul li{
    line-height:2.5rem;
}
.leftnav ul li i{
    margin:0 0 0 .8rem;
    color:#93999F; 
}
/*shool-teacher-wk 教师微课*/
.h2-span h2{
    font-size:1rem;
    color:#07111B;
    line-height:1.2rem;
    margin:.5rem 0 0;
}
.h2-span a{
    float:right;
}
.h2-span span.more{
    font-size:.7rem;
    color:#93999F;
    float:right;
}
.h2-span i{
    font-size:.7rem;
}
.h2-span b{
    width:1.3rem;
    height:1.3rem;
    float:left;
}
.h2-span b.img1{
    width:1.4rem;
    height:1.4rem;
    background:url("/static/shared/images/school-mobile1.png") no-repeat center;
    background-size:100%;
    margin:-.2rem .5rem 0 0;
}
.h2-span b.img2{
    background:url("/static/shared/images/school-mobile2.png") no-repeat center;
    background-size:100%;
    margin:-.1rem .5rem 0 0;
}
/*.mobile-teacherwk{
    border-radius:.3rem;
    margin-bottom:.5rem;
}*/
.wk-img{
    width:100%;
    min-height:75px;
    border:1px #e6e6e6 solid;
    border-radius:.2rem;
}
.wk-img img{
    border-radius:.3rem .3rem 0 0;
    width:100%;
    border-radius:.2rem;
}
.wk-text{
    font-size:.7rem;
    margin-top:.15rem;
}
.kemu{
    padding:0 .2rem;
    margin:.5rem .5rem .2rem 0;
    color:#fff;
    height:1rem;
    border-radius:.2rem;
    line-height:1.1rem;
}
.xueke{
    color:#93999F;
}
.wk-title{
    height:35px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:.9rem;
    color:#000;
    line-height:1.2rem;
    margin:.25rem 0 1rem 0;
    word-break:break-all;
}
i.yuwen{
    background:#fc6b6b;
}
i.shuxue{
    background:#54d3ff;
}
i.yingyu{
    background:#f3da02;
}
i.kexue{
    background:#ff855c;
}
i.pinde{
    background:#fa98c3;
}
i.yinyue{
    background:#f2a7e6;
}
i.qita{
    background:#fd445a;
}
i.wuli{
    background:#1bd6ec;
}
i.huaxue{
    background:#0dcdc0;
}
i.shengwu{
    background:#8fd017;
}
i.zhengzhi{
    background:#ff6352;
}
i.lishi{
    background:#f9c82d;
}
i.dili{
    background:#8ca9e5;
}
i.tiyu{
    background:#ffa834;
}
i.meishu{
    background:#3786d3;
}
i.author{
    font-size:.7rem!important;
    color:#07111b;
    height:1rem;
    max-width:60px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.time-see{
    color:#93999F;
    line-height:1rem;
}
.mobile-index{
    margin-bottom:1.5rem;
}
.teacher-rank{
    margin-bottom:1.5rem;
}
.layui-container > .layui-row{
    background:#fff;
    border-radius:.7rem;
    padding:0 .5rem;
}

/*teacher-rank*/
.mobile-rankbox{
    margin-bottom:1rem;
}
.mobile-rankbox p{
    margin-left:.5rem;
    max-width:70px;
    white-space:nowrap;
    overflow:hidden;
    height:1.2rem;
}
.num-color{
    font-size:1rem;
    font-weight:bold;
    min-height:2.2rem;
    line-height:2.2rem;
    color:#93999F;
}
p.name{
    line-height:1rem;
}
p.score{
    font-size:.7rem;
    color:#93999F;
    margin-top:.3rem;
}
.color1{
    color:#f37358;
}
.color2{
    color:#2dc1c5;
}
.color3{
    color:#98c431;
}
.mobile-rankbox img{
    width:2.2rem;
    height:2.2rem;
    border-radius:2.2rem;
}


.type{
    width:20px;
    height:20px;
    float:left;
}
span.ppt,span.pptx,i.ppt,i.pptx{
    background:url("/static/shared/images/iconpng3.png") no-repeat center;
    background-size:100%;
}
span.doc, span.docx,i.doc, i.docx{
    background:url("/static/shared/images/iconpng4.png") no-repeat center;
    background-size:100%;
}
span.xls, span.xlsx,i.xls, i.xlsx{
    background:url("/static/shared/images/iconpng1.png") no-repeat center;
    background-size:100%;
}
span.pdf,i.pdf{
    background:url("/static/shared/images/iconpng2.png") no-repeat center;
    background-size:100%;
}
span.txt,i.txt{
    background:url("/static/shared/images/ico-doctype.png") no-repeat center;
    background-size:100%;
}
span.mp3,i.mp3{
    background:url("/static/shared/images/iconpng.png") no-repeat center;
    background-size:100%;
}
/*mobile-res*/
.mobile-res{
    padding:.3rem 0;
    overflow:hidden;
    height:1rem;
}
.type{
    width:18px;
    height:18px;
    float:left;
}
span.ppt,span.pptx,i.ppt,i.pptx{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -19px;
}
span.doc, span.docx,i.doc, i.docx{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 0;
}
span.xls, span.xlsx,i.xls, i.xlsx{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -38px;
}
span.pdf,i.pdf{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -57px;
}
span.txt,i.txt{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -76px;
}
span.mp3,i.mp3{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -95px;
}
i.res-kemu{
    border:1px #e6e6e6 solid;
    margin:0 .5rem 0 0;
    font-size:.7rem;
    float:left;
    padding:.1rem .3rem;
    border-radius:.2rem;
    line-height:.85rem;
    color:#93999F;
    width:70px;
    overflow:hidden;
    white-space:nowrap;
}

.mobile-res span{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:62%;
    font-size:.9rem;
    color:#07111b;
}

footer{
    background:#393D49;
    padding:1rem 0;
    text-align:center;
    color:#93999F;
    font-size:.7rem;
    margin:0 auto;
}
footer p{
    margin-bottom:5px;
}
.appdownloadbox{
    width:100%;
    position:fixed;
    bottom:1rem;
}
.appdownload{
    width:50%;
    height:2.3rem;
    border-radius:2.3rem;
    background:#23B9FF;
    color:#fff;
    text-align:center;
    line-height:2.3rem;
    margin:0 auto;
    box-shadow:0 0 3px #999;
}





/*main-nav*/

.main-nav{
    padding:.7rem;
    position:relative;
    background:#23B9FF;
    margin-bottom:1rem;
    color:#fff;
}
.main-nav .title{
}
.main-nav .title i.active{
    transform:rotate(180deg);
    transition:all .3s
}
.mainnav-box{
    background:#f9f9f9;
    position:absolute;
    left:0;
    top:2.5rem;
    z-index:9999;
    padding:2%;
    display:none;
    border-bottom:1px #f2f2f2 solid;
    width:96%;
}
.mainnav{
    padding-bottom:1rem;
    color:#999;
}
.mainnav i{
    padding:.3rem .5rem;
    border:1px #e6e6e6 solid;
    margin:.2rem;
}
.mainnav i.active{
    color:#23B9FF;
    border:1px #23B9FF solid;
}
.mainnav p{
    color:#07111b;
    padding-bottom:.3rem;
    font-weight:bold;
}


/*mobile-resdetail*/
.mobile-resdetail{
    border-bottom:1px #efefef solid;
    padding:.5rem 0;
}
.mobile-resdetail span{
    width:90%;
    margin-left:.5rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.mobile-resdetail p{
    font-size:.7rem;
    color:#828282;
    margin-top:.5rem
}

/*检索*/
/*.retrieve{
    height:auto;
    margin-bottom:1.5rem;
}
.retrieve .img-i{
    width:3rem;
    height:3rem;
    display:block;
    margin:0 auto;
}
.retrieve .img1{
    background:url("/static/shared/images/xx.png") no-repeat center;
    background-size:100%;
}
.retrieve .img2{
    background:url("/static/shared/images/cz.png") no-repeat center;
    background-size:100%;
}

.retrieve .img3{
    background:url("/static/shared/images/gz.png") no-repeat center;
    background-size:100%;
}

.retrieve .img4{
    background:url("/static/shared/images/zj.png") no-repeat center;
    background-size:100%;
}
.kemu-box{
    padding:.5rem;
    background:#f9f9f9;
    margin-top:.3rem;
    display:none;
}
.kemu-box span{
    padding:.3rem .8rem;
}
*/



/*schoolresdetail*/
.schoolresdetail{
    padding:1rem 0;
    font-size:1rem;
    background:#fff;

}
.resdetail{
    font-size:.7rem;
    margin-top:.3rem;
}
.mobile-resborder{
    border:1px #e6e6e6 solid;
    padding:.4rem .3rem .2rem;
    border-radius:.2rem;
}
.mobile-resborder span{
    width:90%;
    margin-left:.5rem;
    font-size:.7rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.footer-img{
    margin-bottom:1rem;
}

.nofind{
    margin:1rem auto;
    display:block;
    text-align:center;
}
#loading{
    display:block;
}

.mobileApp{
    width:100%;
    height:3rem;
    position:fixed;
    left:0;
    bottom:0;
    padding:1% 0;
    border-top:1px #eaeaea solid;
    background:#fff;
}
.mobileApptxt{
    float:left;
    width:65%;
    height:100%;
}
.mobileApptxt img{
    height:100%;
    width:auto;
}
.mobileApp_right{
    float:right;
    margin:3.5% 2% 0 0;
}
.mobileApp_right button{
    background:#61D7FF;
    padding:.3rem .5rem!important;
    color:#fff;
    border-radius:1rem;
    float:right;
    font-size:.8rem;
}
.mobileApp_close{
    float:left;
    height:100%;
    padding:0 .3rem;
}
i.icon_close{
    width:1.2rem;
    height:1.2rem;
    display:inline-block;
    background:url("/mobilepage/images/closeimg.png") no-repeat center;
    background-size:100%;
    margin-top:80%;
}
.mobileApptxt b{
    width:2rem;
    height:2rem;
    background:url("/mobilepage/images/navpic1.png") no-repeat center left;
    background-size:100%;
    float:left;
    margin:.5rem .5rem 0 0;
}
.mobileApptxt p{
    font-size:1rem;
    margin-top:.3rem;
    color:#07111b;
}
.mobileApptxt span{
    font-size:.6rem;
    color:#93999F;
    white-space:nowrap;
    width:78%;
    overflow:hidden;
}
/*音频播放器*/
.audioplayer{
    height: 2.5em;
    color: #fff;
    border: 1px solid #222;
    position: relative;
    z-index: 1;
    background: #333;
    margin:5% 0;
    font-size:.6rem;
    display:inline-block;
    width:290px!important;
}
.audioplayer > div{
    position: absolute;
}
.audioplayer-playpause{
    width: 2.5em; /* 40 */
    height: 100%;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{
    border-right: 1px solid #555;
    border-right-color: rgba( 255, 255, 255, .1 );
}
.audioplayer-mini .audioplayer-playpause{
    width: 100%;
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus{
    background-color: #222;
}
.audioplayer-playpause a{
    display: block;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{
    width: 0;
    height: 0;
    border: 0.5em solid transparent; 
    border-right: none;
    border-left-color: #fff;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.25em; 
}
.audioplayer-playing .audioplayer-playpause a{
    width: 0.75em; /* 12 */
    height: 0.75em; /* 12 */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.375em 0 0 -0.375em; /* 6 */
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after{
    width: 40%;
    height: 100%;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before{
    left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after{
    right: 0;
}
.audioplayer-time{
    width: 4.375em; /* 70 */
    height: 100%;
    line-height: 2.375em; /* 38 */
    text-align: center;
    z-index: 2;
    top: 0;
}
.audioplayer-time-current{
    border-left: 1px solid #111;
    border-left-color: rgba( 0, 0, 0, .25 );
    left: 2.5em;
}
.audioplayer-time-duration{
    border-right: 1px solid #555;
    border-right-color: rgba( 255, 255, 255, .1 );
    right:27%; /* 40 */
}
.audioplayer-fast{
    right:11%;
}
.audioplayer-slow{
    right:19%;
}
.fast{
    width:.7rem;
    height:28px;
    background:url("/static/shared/images/fast.png") no-repeat center;
    background-size:80%;
    padding:0 5px;
}
.slow{
    width:.7rem;
    height:28px;
    background:url("/static/shared/images/slow.png") no-repeat center;
    background-size:80%;
    padding:0 5px;
}
.fast:hover,
.slow:hover{
    background-color:#222;
}
.audioplayer-novolume .audioplayer-time-duration{
    border-right: 0;
    right: 0;
}
.audioplayer-bar{
    height: 0.875em; /* 14 */
    background-color: #222;
    cursor: pointer;
    z-index: 1;
    top: 50%;
    right: 42%; /* 110 */
    left: 6.875em; /* 110 */
    margin-top: -0.438em; /* 7 */
    width:25%;
}
.audioplayer-novolume .audioplayer-bar{
    right: 4.375em; /* 70 */
}
.audioplayer-bar div{
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.audioplayer-bar-loaded{
    background-color: #333;
    z-index: 1;
}
.audioplayer-bar-played{
    background: #007fd1;
    background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
    background: -webkit-linear-gradient( left, #007fd1, #c600ff );
    background: -moz-linear-gradient( left, #007fd1, #c600ff );
    background: -ms-radial-gradient( left, #007fd1, #c600ff );
    background: -o-linear-gradient( left, #007fd1, #c600ff );
    background: linear-gradient( left, #007fd1, #c600ff );
    z-index: 2;
}
.audioplayer-volume{
    width: 2.5em; /* 40 */
    height: 100%;
    border-left: 1px solid #111;
    border-left-color: rgba( 0, 0, 0, .25 );
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    right:0;
}
.audioplayer-volume:hover,
.audioplayer-volume:focus{
    background-color: #222;
}
.audioplayer-volume-button{
    width: 100%;
    height: 100%;
}
.audioplayer-volume-button a{
    width: 0.313em; /* 5 */
    height: 0.375em; /* 6 */
    background-color: #fff;
    display: block;
    position: relative;
    z-index: 1;
    top: 40%;
    left: 35%;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after
{
    content: '';
    position: absolute;
}
.audioplayer-volume-button a:before
{
    width: 0;
    height: 0;
    border: 0.5em solid transparent; /* 8 */
    border-left: none;
    border-right-color: #fff;
    z-index: 2;
    top: 50%;
    right: -0.25em;
    margin-top: -0.5em; /* 8 */
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
{
    width: 0.313em; /* 5 */
    height: 0.313em; /* 5 */
    border: 0.25em double #fff; /* 4 */
    border-width: 0.25em 0.25em 0 0; /* 4 */
    left: 0.563em; /* 9 */
    top: -0.063em; /* 1 */
    -webkit-border-radius: 0 0.938em 0 0; /* 15 */
    -moz-border-radius: 0 0.938em 0 0; /* 15 */
    border-radius: 0 0.938em 0 0; /* 15 */
    -webkit-transform: rotate( 45deg );
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    -o-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
.audioplayer-volume-adjust{
    height: 6.25em; /* 100 */
    cursor: default;
    position: absolute;
    left: 0;
    right: -1px;
    top: -9999px;
    background: #222;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{
    opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust{
    top: auto;
    bottom: 100%;
}
.audioplayer-volume-adjust > div{
    width: 40%;
    height: 80%;
    background-color: #222;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin:30% auto 0;
}
.audioplayer-volume-adjust div div{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #007fd1;
    background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
    background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
    background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
    background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
    background: -o-linear-gradient( bottom, #007fd1, #c600ff );
    background: linear-gradient( bottom, #007fd1, #c600ff );

}
.audioplayer-novolume .audioplayer-volume{
    display: none;
}
.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a{
    -webkit-filter: drop-shadow( 1px 1px 0 #000 );
    -moz-filter: drop-shadow( 1px 1px 0 #000 );
    -ms-filter: drop-shadow( 1px 1px 0 #000 );
    -o-filter: drop-shadow( 1px 1px 0 #000 );
    filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.audioplayer-bar,
.audioplayer-volume-adjust > div{
    -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played{
    -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
}
.audioplayer-volume-adjust{
    -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after{
    -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}

/*音频播放器*/



/*v6mobile直播改版*/
.mobile-v6live{
    border-bottom:1px #efefef solid;
    padding:.9rem 0;
}
.v6live-left{
    width:37%;
    max-width:140px;
    min-height:75px;
    float:left;
    border:1px #e8e8e8 solid;
    border-radius:4px;
    position:relative;
}
.v6live-right{
    width:59%;
    height:auto;
    float:left;
    margin-left:3%;
}
.v6live-left img{
    width:100%;
    height:75px;
    border-radius:4px;
}
.v6live-left p{
    background:rgba(0,0,0,.2);
    color:#fff;
    font-size:.6rem;
    position:absolute;
    left:0;
    bottom:0;
    padding:0 .5rem 0 .4rem;
    border-radius:0 20px 20px 0;
}
.v6live-left span{
    position:absolute;
    right:3px;
    top:3px;
    background:rgba(0,0,0,.2);
    color:#fff;
    font-size:.6rem;
    padding:.1rem .3rem .2rem;
    border-radius:3px;

}
.v6live-right .title,
.mobilev6live .title{
    font-size:1rem;
    line-height:1.3rem;
    margin-bottom:.4rem
}
.v6live-right .info,
.v6live-right .price,
.v6live-right .apply,
.mobilev6live .info,
.mobilev6live .apply{
    font-size:.6rem;
    color:#828282;
}
.v6live-right .info,
.mobilev6live .info{
    font-size:.7rem;
}
.v6live-right .price{
    margin:.5rem 0;
    position:relative;
}
.v6live-right .price span i,
.mobilev6live .apply .applyright i{
    color:#f01414;
}
.v6live-right .price span.span1{
    color:#f01414;
    font-size:1.1rem;
}
.v6live-right .price span.span1 i{
    font-size:.6rem;
}
.v6live-right .price span.span2{
    color:#828282;
    text-decoration:line-through;
    margin:0 .3rem;
}
.v6live-right .price span.span3{
    /*margin-top:.1rem;*/
    color:#4f4f4f;
    font-size:.5rem;
    position:absolute;
    right:0;
    bottom:.15rem;
}
.v6live-right .price span.span3 i{
    letter-spacing:1px
}
.v6live-right .apply span.span1{
    margin-left:.5rem;
}
.v6live-right .price-video{
    margin:.5rem 0 0;
}
.v6live-right .price-video span.span3{
    font-size:.7rem;
}
span.free{
    color:#43bc60;
    font-size:1rem;
}

.mobilev6live{
    border-bottom:1px #efefef solid;
    padding:1rem 0 .5rem;
    position:relative;
}
.mobilev6live .title i{
    color:#fff;
    border-radius:4px;
    font-size:.7rem;
    padding:0 .3rem!important;
    margin:0 .5rem 0 0;
    float:left;
}
.mobilev6live .title i.c5ba6dd{
    background:#5ba6dd;
}
.mobilev6live .title i.c9aa8dc{
    background:#9aa8dc;
}
.mobilev6live .title i.c74b886{
    background:#74b886;
}
.mobilev6live .teacher{
    height:2rem;
    margin:1rem 0;
    line-height:2rem;
    font-size:.8rem;
}
.mobilev6live .teacher img{
    float:left;
    margin-right:.8rem;
    width:2rem;
    height:2rem;
    border-radius:2rem;
    border:1px #eaeaea solid;
}
.mobilev6live .apply{
    font-size:.7rem;
    margin-bottom:.5rem;
}
.mobilev6live .apply span.span3{
    position:absolute;
    right:0;
    bottom:1.1rem;
}
.mobilev6live .apply .applyright{
    margin-top:-1.5rem;
}
.mobilev6live .apply .applyright .span2{
    text-decoration:line-through;
    margin-right:.5rem;
}
.mobilev6live .apply .applyright .span1{
    font-size:1.1rem;
}
.mobilev6live .apply .applyright .span1 b{
    font-size:.6rem
}
.mobilev6live .apply .applyright .span3{
    font-size:.6rem;
}
















@media screen and (min-width: 768px){
    .layui-nav .layui-nav-more{
        top:28px!important;
    }
    .layui-nav{
        height:4rem;
    }
    .layui-nav .layui-nav-item a{
        line-height:4rem;
        font-size:1rem;
    }
    .layui-nav dl.layuichild{
        top:70px!important;
    }
    .mobile-resdetail span{
        width:87%;
    }  
    .sm5{
        margin-left:20%
    }
    .banner1{
        background:url("/static/shared/images/mobileindex1.png") no-repeat top center;
        background-size:100%;
    }
    .banner2{
        background:url("/static/shared/images/mobileindex2.png") no-repeat top center;
        background-size:100%;
    } 
    .banner3{
        background:url("/static/shared/images/mobileindex3.png") no-repeat top center;
        background-size:100%;
    } 
}
@media screen and (max-width:767px){
    .bannerpic,.bannerbox{height:200px}
    .banner1{
        background:url("/static/shared/images/mobileindex1.png") no-repeat top center;
        background-size:100%;
    }
    .banner2{
        background:url("/static/shared/images/mobileindex2.png") no-repeat top center;
        background-size:100%;
    } 
    .banner3{
        background:url("/static/shared/images/mobileindex3.png") no-repeat top center;
        background-size:100%;
    } 
    .site-tree-mobile{
        display: block!important;
        position: fixed;
        z-index: 100000;
        bottom: 15px;
        left: 15px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 2px;
        text-align: center;
        background-color: rgba(0,0,0,.7);
        color: #fff; 
        cursor:pointer;
    }
}
@media screen and (min-width: 320px) and (max-width:628px){
    .bannerpic,.bannerbox{height:120px;}
}
@media screen and (min-width: 360px) and (max-width:768px){
    .bannerbox{
        margin-bottom:1rem;
    }
}
@media screen and (min-width:768px) and (max-width:850px){
    .bannerbox{
        height:230px;
    }
}
@media screen and (min-width:850px) and (max-width:890px){
    .bannerbox{
        height:280px;
    }
}
@media screen and (min-width: 430px) and (max-width:628px){
    .bannerbox{
        margin-bottom:1.5rem;
    }

}