@charset "utf-8";

@font-face {
    font-family: 'iconfont';  /* project id 1309781 */
    src: url('//at.alicdn.com/t/font_1309781_fwcs273ny6i.eot');
    src: url('//at.alicdn.com/t/font_1309781_fwcs273ny6i.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1309781_fwcs273ny6i.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1309781_fwcs273ny6i.woff') format('woff'),
    url('//at.alicdn.com/t/font_1309781_fwcs273ny6i.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1309781_fwcs273ny6i.svg#iconfont') format('svg');
}


.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*分页*/
.gk_fy{text-align: center;margin-top: 20px;}
.gk_fy a{display: inline-block;
    padding: 0 15px;
    line-height: 35px;
    color: #666;
    text-align: center;
    margin-right:5px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #f1f1f1;}
.gk_fy .gk_fy1{background: #25b983;color: #FFFFFF;}
.gk_fy a:hover{background: #25b983;color: #FFFFFF;
    transition: all .3s;
    -moz-transition:all .3s; /* Firefox 4 */
    -webkit-transition:all .3s; /* Safari and Chrome */
    -o-transition:all .3s; /* Opera */}
/*分页*/


.ms_js{padding: 11px 0px;background: #FFFFFF;border-radius: 8px;}
.mj_left{margin-left: 20px;background: #F8F8F8;border: 1px solid #f5f5f5;padding: 9px;}
.mj_left .banner{width: 815px;/* height: 460px; *//*background: url(../images/ms_banner_03.jpg);*/}
.mj_left ul{margin:12px 0 4px 0;}
.mj_left ul li{color: #666666;font-size: 12px;margin-right: 15px;margin-top: 10px;}
.mj_left ul li a{color:#999;display: block;}
.mj_left ul li div{width: 16px;height: 16px;border-radius:20px;margin-right: 6px;}
.mj_left ul li a:hover div{opacity:0.7;}
.mj_left ul li a:active div{opacity:1;}
.mj_1 div{background: url(../images/ms_i.png)-6px -7px;}
.mj_2 div{background: url(../images/ms_i.png) -32px -7px;}
.mj_3 div{background: url(../images/ms_i.png) -60px -7px;}
.mj_1-1 div{background: url(../images/ms_i.png)-289px -7px;}
.mj_2-1 div{background: url(../images/ms_i.png)-315px -7px;}
.mj_3-1 div{background: url(../images/ms_i.png)-341px -7px;}

.mj_right{width: 283px;margin-right: 32px;position: relative;}
.mj_right h1{margin-top: 20px;color: #333333;font-size: 16px;}
.mj_right h1 div{width: 5px;height: 13px;background: #089e67;margin:5px  7px 0 0;}
.mr_top h2{color: #333333;font-size: 14px;line-height: 23px;margin: 16px 0 0 0 ;max-height: 46px;overflow: hidden;}
.mr_top ul{color: #7a7a7a;font-size: 14px;margin-top: 14px;border-bottom: 3px solid #eeeeee;padding-bottom: 13px;}
.mr_top ul li{margin-bottom: 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mr_1 i{width: 14px;height: 15px;background: url(../images/ms_i.png) -86px -7px;margin: 3px 10px 0 0;}
.mr_2 i{width: 12px;height: 12px;background: url(../images/ms_i.png) -110px -7px;margin: 5px 12px 0 0;}
.mr_3 i{width: 13px;height: 13px;background: url(../images/ms_i.png) -132px -7px;margin: 5px 11px 0 0;}
.mr_4 i{width: 15px;height: 13px;background: url(../images/ms_i.png) -155px -7px;margin: 5px 9px 0 0;}
.mr_bottom{margin-top: 5px;position: absolute;}
.mb_b{position: absolute;width: 1px;height: 166px;display: none;top: 291px;left:18px;background: #f3f3f3;}
.mr_bottom li{height: 38px;line-height: 38px;font-size: 14px;z-index: 999;overflow-y: hidden}
.mr_bottom li:hover{background: #f8f8f8;}
.mr_bottom li:hover b{background: url(../images/ms_i.png) -180px -7px;}
.mr_bottom li:hover a{color: #089e67;}
.mr_bottom li .selfVideo{color: #089e67;}
.mr_bottom li b{width: 15px;height: 15px;background: url(../images/ms_i.png) -203px -5px;margin: 12px 5px 0 0;}
.mr_bottom li a{color: #666666;width: 195px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mr_bottom li span{color:#aaaaaa; float:right}

.ms_left{margin-top: 10px;width: 860px;border-radius: 8px;}
.ml_top,.ml_bottom,.ms_right{background: #FFFFFF;padding: 20px;border-radius: 8px;}
.ml_top h1,.ml_bottom h1,.ms_right h1{color: #666666;font-size:16px;line-height: 23px;border-bottom: 3px solid #f7f7f7;padding-bottom: 11px;}
.ml_top h1 i,.ml_bottom h1 i,.ms_right h1 i{color:#d7d7d7;margin:0 4px 0 2px ;font-size: 18px;}
.ml_top p b{width: 9px;height: 10px;background: url(../images/ms_i.png) -226px -9px;position: absolute;top:10px;left:3px;}
.ml_top p{color: #666666;font-size: 14px;text-indent:3em;position: relative;margin: 25px 0 0 5px;line-height: 28px;}
.ml_top h2{color: #333;font-size: 14px;margin:32px 0 13px 0;display: none;}
.ml_top h2 i{color: #d7d7d7;margin-right:8px;}
.ml_top ul li{height: 48px;line-height: 48px;}
.ml_top ul li:hover{background: #f8f8f8;}
.ml_top ul li:hover a{color: #089e67;}
.ml_top ul li span{color: #b2b1b1;font-size: 12px;margin-left: 11px;}
.ml_top ul li a{margin-left:29px;color: #666666 ;font-size: 14px;width:680px;}
.ml_top ul li em{color: #b2b1b1;font-size: 12px;margin-right: 20px;}
.ml_top ul .being a{color:#089e67 ;}
.ml_top ul .being em{color:#089e67 ;}

.ml_bottom{margin-top:10px; margin-bottom: 20px;}
.ml_bottom h1 span{font-size: 12px;}
.tx_x{width: 66px;height: 66px;border-radius:50px;margin: 42px 0 0 15px;background:url(../images/mrtx.png);}
.ml_input b{width: 10px;height: 18px;background: url(../images/ms_i.png) -245px -5px;margin: 70px 0 0 24px;}
.ml_input textarea{background: #f5f5f5;outline:none;width:810px;height:83px;margin-top: 30px;border-radius: 4px;padding:15px 36px;resize:none;font-family: microsoft yahei !important;}
::-webkit-input-placeholder { color: #979696;}
.ml_input input{outline:none;width: 84px;height: 32px;background: #22ba82;border-radius: 2px;color: #FFFFFF;margin:15px 13px 0 0;font-size: 14px;cursor:pointer;}
.ml_input input:hover{background:#2ec48d;}
.ml_input input:active{background: #22ba82;}
.ml_input{border-bottom:1px solid #f5f5f5;padding-bottom: 27px;}
.ml_com .tx_x{margin-top: 0px;}
.ml_top ul {display: none;}
.mc_txt{margin:6px 0 0 26px;width: 750px;}
.mc_txt p{color: #666666;font-size: 16px;margin-bottom: 9px;}
.mc_txt span{color: #333333;font-size: 14px;}
.ml_com li{margin-top: 25px;}
.ml_com em{color: #b1b1b1;font-size: 12px;margin:10px 14px 0 0;}

.ms_right{margin-top: 10px;width:270px;padding: 24px 30px;}
.ms_right h1{border: none;}
.ms_jj{margin-top: 21px;}
.tx_d{width: 87px;height:87px;background: url(../images/mrtx_d.png) no-repeat;display: none;}
.ms_txt{color: #333;font-size: 16px;margin: 3px 0 0 0;}
.ms_txt b{width: 14px;height: 12px; background: url(../images/ms_i.png) -265px -8px;margin: 6px 0 0 5px;}
.ms_txt span{display: block;width: 155px;color: #666666;font-size: 14px;margin-top:12px;}
.ms_right h3{margin-top: 29px;font-size: 14px;line-height: 25px;font-weight: normal;}
.ms_right h3 p{color: #666666;}
.ms_right h3 span{color: #666;}


.ms_title{
    padding: 14px 0px;
    background: #FFFFFF;
    margin: 0 auto 10px auto !important;
    color: #666666;
    font-size: 14px;
    border-radius: 6px;
}
.ms_title b{    width: 4px;
    height: 12px;
    background: #089e67;
    display: block;
    margin: 5px 10px 0 30px;}

.ml_top ul .being a b{width: 11px;height: 9px;}



@media screen and (max-width: 1460px) {
    .mj_left .banner{width:830px;}
    .mj_right{width: 283px;}
    .mr_bottom li a{width: 195px;}
    .ms_left{width: 860px;}
    .ml_input textarea{width: 633px;}
    .mc_txt{width: 620px;}
    .ml_top ul li a{width: 697px}
}
.videoLesson{
    width: 295px;
    height: 190px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y: scroll;
}

.share a {
    padding: 0 !important;
    line-height: 16px !important;
    margin: 0px !important;
    margin-left: 5px!important;
    width: 48px !important;
    height: 18px !important;
    /*background: url(/images/share.png) no-repeat !important;*/
}

.share .bds_weixin {
    background-position: 0px 0px !important;
}

.share .bds_sqq {
    background-position: 0px -26px !important;
}

.share .bds_qzone {
    background-position: 0px -53px !important;
}

.share .bds_tsina {
    background-position: 0px -79px !important;
}

.mj_left .banner img{width:100%;height:auto}
.ml_top img {width: 90%;}
/* play.css 增加 */
@media screen and (max-width: 1460px){
    .mj_left .banner {width: 830px;height: 418px;}
    .videoLesson{width:304px;height:180px}
    .mb_b{height:155px}
}

/*试用学校大账号提示信息*/
.levelUp{background: url(../images/weChat/levelUp.png) center no-repeat; width: 350px; height: 520px; z-index:10000001; margin: 200px auto; position: relative;}
.levelUp a{ font-size: 20px; color: #78482f; position: absolute; bottom: 110px; right: 82px;display: block; height: 35px; line-height: 35px; padding: 0 30px;}
.levelUp div{position: absolute; bottom: 0px;right: 155px; cursor: pointer;}
.levelUp span{ font-size: 14px; color: #333; position: absolute; bottom: 290px; right: 10px;display: block; height: 26px; line-height: 26px; padding: 0 30px;width: 260px;}

.btnPlay{position:relative;}
.btnPlay .playButton{display:none;position: absolute;top: 0px;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 9999;}
.btnPlay:hover .playButton{display:block;}
.btnPlay:hover .playButton img{width:46px; height:46px; position:relative; top:50%; left:50%; transform:translate(-50%,-50%)}




.wechat-qrcode{border-radius:0;}
.wechat-qrcode .help{width:100% !important;margin-top: 100px!important; height:100% !important;}
.social-share a:hover .wechat-qrcode{opacity:1;}