@charset "utf-8";
div, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0px;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
a {text-decoration: none;transition: all 0.18s ease-out 0s;}
a:hover {text-decoration: none; color:#9e2b2d;}
b {font-family: Georgia, Helvetica, Arial, Sans-serif;font-weight: normal}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input, button, select, textarea {outline: none}
html {-webkit-text-size-adjust: none;}
select, input, button, textarea {font: 99% arial, helvetica, clean, sans-serif;}
table {font-size: inherit;}
button {cursor: pointer;border: 0;padding: 0;overflow: hidden;filter:alpha(opacity=50); /*支持 IE 浏览器*/-moz-opacity:0.50; /*支持 FireFox 浏览器*/opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/}
textarea {overflow: auto;resize: none;}
.clearfix:after, .layout:after, .clearfixlist li:after {content: "\0020";display: block;clear: both;height: 0;font-size: 0;}
.clearfix, .layout, .clearfixlist li {zoom: 1;}
.clear {clear: both;display: block;}
.input_c, .input_r {width: 16px;height: 16px;padding: 0;overflow: hidden;vertical-align: middle;}
.marginLeft-10 {margin-left: 10px !important;}
.left, .f-left{ float:left;}
.right, .r-right{ float:right;}
*{word-break:break-all;margin: 0;padding: 0;}
body,ul,dl,dd{margin:0;padding:0; font-family:"Microsoft YaHei",微软雅黑,"Microsoft Yahei","黑体","宋体",Arial,Simsun,Helvetica,sans-serif;}
table {background-color: transparent;border-collapse: collapse;border-spacing: 0;max-width: 100%;}


/*公用头部*/
.public-header{height: 70px; line-height: 70px; padding-left: 30px; padding-right: 30px; background: #2d3e50; font-size: 18px; color: #fff; position: relative;}
.public-header a{color: #fff;}
.public-header .links{float: left;}
.public-header .header-avatar{position: relative; float: right; padding-left: 18px; color: #899faa; font-size: 14px; cursor: pointer; }
.public-header .header-avatar--active{background: #4b5f74;}
.public-header .header-avatar .avater-lists{padding: 15px 0; position: absolute; z-index: 999; top: 70px; left: 0; width: 100%; background: #4b5f74; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.public-header .header-avatar .lists-item{display: block; padding-left: 47px; height: 34px; line-height: 34px; color: #fff; font-size: 16px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.public-header .header-avatar .lists-item--avtive,.public-header .header-avatar .lists-item:hover{background: #2d3e50;}
.public-header .login-area{float: right; margin-top: 17px; font-size: 16px; line-height: 32px;}
.public-header .login-area .login-btn{display: inline-block; margin-right: 17px; width: 76px; text-align: center; height: 32px; background: #495b6b; border: 2px solid #899faa; border-radius: 5px;}
.public-header .login-area .login-btn:hover{background: #899faa; color: #fff;}
.public-header .login-area .regis-btn{display: inline-block; margin-right: 4px; width: 96px; text-align: center; height: 32px; border: 2px solid #c64446; border-radius: 5px; background: #eb5255;}
.public-header .login-area .regis-btn:hover{background: #c64446;}

.public-list-menu{background:url(../images/public-list-menu.png?v=1017) no-repeat; display:inline-block;}
.public-header .header-avatar .lists-item span.p-list-icon-1{background-position:0 0;width:20px; height:16px; position:absolute; left:15px; top:9px;}
.public-header .header-avatar .lists-item span.p-list-icon-2{background-position:-30px 0;width:18px; height:21px; position:absolute; left:15px; top:9px;}
.public-header .header-avatar .lists-item span.p-list-icon-3{background-position:-60px 0;width:18px; height:18px; position:absolute; left:15px; top:8px;}
.public-header .header-avatar .lists-item span.p-list-icon-4{background-position:-90px 0;width:20px; height:18px; position:absolute; left:15px; top:8px;}
.public-header .header-avatar .lists-item span.p-list-icon-5{background-position:-120px 0;width:20px; height:20px; position:absolute; left:15px; top:8px;}
.public-header .header-avatar .lists-item span.p-list-icon-6{background-position:-150px 0;width:18px; height:18px; position:absolute; left:15px; top:8px;}
.public-header .header-avatar .lists-item span.p-list-icon-7{background-position:-180px 0;width:18px; height:18px; position:absolute; left:15px; top:8px;}
.public-header .header-avatar .lists-item span.p-list-icon-8{background-position:-210px 0;width:20px; height:20px; position:absolute; left:15px; top:8px;}

.public-header .links .link-item{float: left; position:relative;}
.public-header .links .link-item:hover{  color:#ffffff!important;}
.public-header .links .link-item::before {background: #eb5255 ;border-radius: 2px;bottom: 0;content: "";height: 4px;left: 50%;position: absolute;transition: all 0.3s ease 0s;width: 0;}
.public-header .links .link-item:hover::before {left: 20%;right: 20%;width: 60%;}
.public-header .links .link-logo{width: 262px;}
.public-header .links .link-logo img{display: block;}
.public-header .links .link-home{margin-right: 46px;}
.public-header .links .link-teachers{margin-right: 58px;}
.public-header .links .link-community{margin-right: 52px;}
.public-header .links .link-download{margin-right: 46px;}

.public-header .avatar-img{float: left; position: relative; margin-top: 18px; margin-right: 8px; width: 36px; height: 36px; }
.public-header .avatar-img>img{width: 32px; height: 32px; vertical-align: top; border-radius: 50%;border: 2px solid #71828b; }
.public-header .avatar-img .num-babel{position: absolute; top: -8px; left: 20px; width: 30px; text-align: center; height: 16px; line-height: 16px; border: 2px solid #be4244; background: #eb5255;border-radius: 8px; color: #FAFAFA; font-size: 12px;}
.public-header .avatar-txt{float: left;  overflow: hidden; min-width: 28px;}
.public-header .header-avatar .drop-down{float: left; padding: 0 16px; line-height: 70px;}
.public-header .header-avatar .drop-down .tri-down{display: inline-block; width: 14px; height: 8px; background: url("../images/tri-down.png") no-repeat;}

.public-m-prompt{background: #ede4e8; text-align: center;font-size: 16px; color: #e0282b; height: 30px; line-height: 30px;}
.public-m-prompt a.link{color: #e0282b;}
.public-m-prompt a.link:hover{ text-decoration: underline;}

/*公用头部-C*/
.public-header-c{position: absolute; top: 70px; left: 0; width: 100%; height: 126px; border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc;background-color: #fff; z-index: 9999; opacity: 1;}
.public-header-c .item-cotainer{margin: 0 auto; width: 1000px;}
.public-header-c .teacher-item{ float: left; margin-right: 60px; padding-top: 15px; width: 120px; text-align: center; line-height: 24px; color: #666; font-size: 14px; cursor: pointer;}
.public-header-c .teacher-item p{font-size: 16px;}
.public-header-c .teacher-item p>img{margin-left: 4px; position: relative; top: -1px;}
.public-header-c .teacher-item:hover .pic-box img{width: 65px; height: 65px;}
.public-header-c .teacher-item--last{margin-right: 0;}
.public-header-c .teacher-item .pic-box img{width: 50px; height: 50px; vertical-align: middle; transition: 0.5s;}
.public-header-c .teacher-item .pic-box{width: 80px; height: 70px; margin: 0 auto; vertical-align: middle; display: flex; justify-content: center;  align-items: center;}
.public-header-c .teacher-item .course-num{color: #eb5255;}


.public-header-introduce{height: 118px; border-bottom: 2px solid #dcdcdc; background: #fff;}
.public-header-introduce .item-cotainer{width: 1200px; margin: 0 auto;}
.public-header-introduce .item-cotainer .logo{float: left; width: 242px; margin-right: 28px; text-align: center; height: 98px; padding-top: 20px; vertical-align: middle;}
.public-header-introduce .teacher-item{float: left; position: relative; margin-right: 65px; width: 165px; text-align: center; height: 94px; padding-top: 24px; cursor: pointer}
.public-header-introduce .teacher-item:before{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 8px;border-radius:4px;background: #eb5255;transition: all .3s;} 
.public-header-introduce .teacher-item:hover:before{width: 100%;left: 0;right: 0;}
.public-header-introduce a.teacher-item--active:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 8px;border-radius:4px;background: #eb5255;}
.public-header-introduce .teacher-item--last{margin-right: 0}
.public-header-introduce .teacher-item h3{height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; color: #2d3e50;}
.public-header-introduce .teacher-item--active h3{color: #eb5255;}
.public-header-introduce .teacher-item p{line-height: 22px; color: #888888; font-size: 14px;}
.public-header-introduce .teacher-item:hover h3{color: #eb5255;}
.public-header-introduce .teacher-item .tri-down{position: absolute; bottom: -14px; left: 50%; margin-left: -9px; }
/*公用翻页*/
.newpage-block{text-align:center; margin:30px auto;}
.newpage-block a.link {color: #333; display:inline-block;margin-left:5px;font-size: 14px;border:2px solid rgba(0, 0, 0, 0); font-weight:bold;height: 28px;line-height: 28px;text-align: center; width: 35px;}
.newpage-block a.link:hover, .newpage-block a.current{background:#2996eb; border:2px solid #1a82d3;/* width:28px;*/ height:28px; line-height:28px; color:#fff;border-radius:4px;}

/*火箭飞到顶部*/
.rocket-obj{position: fixed; right: 0; top: 80%; z-index: 11;height: 114px; width:50px; cursor: default;overflow: hidden; cursor: pointer; display: none;}
.rocket-obj .rocket-ready{height: 114px; width:50px; background: url("../images/rocket-ready.png") no-repeat;}
.rocket-obj .rocket-fly{height: 114px; width:50px; background: url("../images/rocket-fly.gif") no-repeat}

/*小红的*/
.zz-red-point{display: inline-block; width: 0; height: 0; border: 4px solid #e30000;vertical-align: middle; margin-left: 8px; border-radius: 50%;}

/*右侧公用滚动条*/
#YSF-BTN-HOLDER{visibility: hidden;}
#elevator{position: fixed; right: 6px; bottom: 200px; width: 60px; z-index: 9999;}
#elevator a{color: #fff; font-size: 12px;}
#elevator .item-container{margin-top: 5px; border: 1px solid #dddddd; border-radius: 4px; }
#elevator a{position: relative; display: block; padding: 14px; width: 30px; height: 30px; line-height: 16px; text-align: center; background: #ffffff; }
#elevator a.elevator-service{padding: 15px; background: #1879c5; border-radius: 4px;}
#elevator a span{display: none;}
#elevator a i{display: inline-block;}
#elevator a:hover span{display: block; color: #2996eb;}
#elevator a.elevator-service:hover span{color: #fff; }
#elevator a:hover i{display: none;}
#elevator a i::after{display: block; content: ''; background: url(../images/elevator.png) no-repeat;}
#elevator a i.elevator-icon-service::after{background-position: 0 0; width: 30px; height: 29px}
#elevator a i.elevator-icon-phone::after{margin-top: 3px; background-position: 0 -38px; width: 25px; height: 25px}
#elevator a i.elevator-icon-weixin::after{margin-top: 3px; background-position: 0 -70px; width: 26px; height: 24px}
#elevator a i.elevator-icon-gotop::after{margin-top: 8px; background-position: 0 -103px; width: 26px; height: 14px}
#elevator .item-container a.last-item{border-top: 1px solid #edf0f5 ;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
#elevator .item-container a.first-item{border-bottom: 1px solid #edf0f5; border-top-left-radius: 4px;border-top-right-radius: 4px;}
#elevator a .elevator-layer-phone{position: absolute; left: 0; top: -1px; width: 0; height: 58px;  line-height: 58px; background: #fff; text-align: center; font-size: 16px; color: #888; transition: width 0.5s, left 0.5s; overflow: hidden;}
#elevator a:hover .elevator-layer-phone{left: -161px; width: 158px; border: 1px solid #dddddd;}
#elevator a .elevator-layer-weixin{position: absolute; left: -179px; top: -60px;-webkit-transition: opacity .25s,transform .3s; -moz-transition: opacity .25s,transform .3s; transition: opacity .25s,transform .3s;opacity: 0;filter: alpha(opacity=0); max-width: 0; -webkit-transform: scale(.01);-ms-transform: scale(.01);transform: scale(.01);-webkit-transform-origin: 100% 95%;-ms-transform-origin: 100% 95%;transform-origin: 100% 95%;  width: 176px; height: 176px; text-align: center; line-height: 176px; background: #fff; border: 1px solid #ddd; border-radius: 4px; background-image:url('../images/bzgkfwh.jpg'); background-repeat: no-repeat;background-size: cover;}
#elevator a .elevator-layer-weixin img{width: 156px; height: 156px;}
#elevator a:hover .elevator-layer-weixin{transform: scale(1);opacity: 1 ;max-width: none;display: block; visibility: visible; opacity: 1;filter: alpha(opacity=100); max-width: none;-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}

/*小九吸粉*/
#elevator .wx-gift{
    padding: 0 4px;
    width: 50px;
    height: 58px;
    border-top: 1px solid #edf0f5;
}
#elevator .wx-gift .img-gift {
    height: 100%;
}
#elevator .img-gift img{
    width: 100%;
    height: auto;
}
#elevator .sidegift-pop {
    display: none;
    position: absolute;
    right: 60px;
    top: 50%;
    z-index: 10;
    margin-top: -15px;
    width: 212px;
    height: 30px;
    cursor: default;
}
#elevator .sidegift-pop img{
    width: 100%;
    height: auto;
}
#elevator .sidegift-pop .giftpop-text{
    position: absolute;
    left: 44px;
    top: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #8e4213;
}
#elevator .sidegift-pop .close-btn{
    position: absolute;
    right: 14px;
    top: 6px;
    z-index: 11;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s linear;
    -webkit-transition:  all .3s linear;
    -moz-transition:  all .3s linear;
    -o-transition: all .3s linear;
}
#elevator .sidegift-pop .close-btn:hover{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.getgiftpop-mask{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2001;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .4);
}
.getgift-pop {
    position: fixed;
    right: 36px;
    bottom: 290px;
    width: 560px;
    z-index: 2002;
    padding: 40px 37px;
    text-align: left;
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transform: translate(0, 0) scale(0);
    -moz-transform: translate(0, 0) scale(0);
    -ms-transform: translate(0, 0) scale(0);
    -webkit-transform: translate(0, 0) scale(0);
    -o-transform: translate(0, 0) scale(0);
    transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    opacity: 0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;;
}
.getgift-pop.display {
     display: block;
     right: 50%;
     bottom: 50%;
     transform: translate(50%, 52%) scale(1);
     -webkit-transform: translate(50%, 52%) scale(1);
     -moz-transform: translate(50%, 52%) scale(1);
     -o-transform: translate(50%, 52%) scale(1);
     -ms-transform: translate(50%, 52%) scale(1);
     opacity: 1;
 }
.getgift-pop  .top-title{
    margin-bottom: 45px;
    line-height: 45px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.getgift-pop .top-title .red{
    padding: 0 2px;
    font-size: 40px;
    color: #ff4e6a;
}
.getgift-pop .title{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}
.getgift-pop .title .gift-icon{
    position: relative;
    top: -2px;
    padding-right: 10px;
    width: 16px;
    height: auto;
    vertical-align: middle;
}
.getgift-pop .close-pop-btn {
    position: absolute;
    right: 0;
    top: -38px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 20px;
    transition: all .2s linear;
}
.getgift-pop .close-pop-btn:hover{
    background-color: rgba(0, 0, 0, .8);
}
.getgift-pop img{
    transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
}
.getgift-pop img:hover{
     opacity: .8;
}
.getgift-pop .giftpop-text{
    position: absolute;
    left: 44px;
    top: 0;
    font-size: 12px;
    color: #8e4213;
}
.getgift-pop .avatar-box {
    padding: 16px;
    border-radius: 8px;
    background-color: #f5f5f5;
}
.getgift-pop .avatar-box img{
    width: 36px;
    height: auto;
    vertical-align: middle;
}
.getgift-pop .avatar-box em{
    display: inline-block;
    padding-left: 14px;
    line-height: 36px;
    vertical-align: middle;
}
.getgift-pop .avatar-box .avatar-text{
    margin-top: 12px;
    font-size: 12px;
    line-height: 16px;
    color: #999;
}
.getgift-pop .marginbottom20{
    margin-bottom: 20px;
}
.getgift-pop .service-bottom-gift-list{
    margin-bottom:40px;
}
.getgift-pop .service-bottom-gift-list li{
    line-height: 1.7;
    font-size: 14px;
    color: #666;
}
.getgift-pop .service-gift-wx{
    margin-bottom: 26px;
}
.getgift-pop .service-gift-wx img{
    width: 128px;
    height: auto;
    border: 2px solid #fff2e2;
    border-radius: 6px;
}

/*提示*/
.buzhi-tishi-box{width:100%; height:40px; line-height:40px; background:#e3705b; opacity: 0.9; color:#fff; text-align:center; position:fixed; top:0; left:0; font-size:14px; z-index:1000;}

/*404*/
body{background: #ffffff;}
.notfound{width: 1000px; margin: 0 auto; display: flex; justify-content: center; align-items: center; min-height: 800px;}
.notfound .notfound-link{width: 480px;}
.notfound .notfound-img{flex: 1; text-align: center; vertical-align: middle;}
.notfound .notfound-num{color: #2e9ff7; font-size: 100px; font-weight: bold; line-height: 1.6; font-family: Calibri;}
.notfound .notfound-desc{color: #666666; font-size: 18px; margin-bottom: 30px; }
.notfound .notfound-link-btn{display: block; width: 116px; height: 36px; text-align: center; line-height: 36px; border-radius: 18px; border: 2px solid #52b0f8; font-size: 18px; color: #2e9ff7;}
.notfound .notfound-link-btn:hover{background: #52b0f8; color: #fff;}
.notfound .notfound-img img{width: 580px; padding-top: 70px;}


/*广告位*/
.ads-top-1{height:100px; background:#ccc; margin-bottom:20px;}
.ads-top-2{height:80px; background:#ccc; margin-bottom:10px;}