@charset "gb2312";
/****重置****/

body { font: 100%/1.5 "冬青黑体简体中文", "Droidsansfallback", "Droid Sans", "Heiti SC", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
::selection { background: #f5ecd4; color: #fff; }
/*Mozilla Firefox*/
::-moz-selection {
    background:#f5ecd4;
    color:#fff;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i, b { font-style: normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
legend { display: none }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: "" }
a { text-decoration: none; color: #444; }
a:active { background: none; color: #333; }
a:hover { text-decoration: none }
.on { font-weight: bold; }
/*a:hover{color:#eba702;}*/
abbr, acronym { border: 0; }
.less12px { -webkit-text-size-adjust: none; }/*chrome私有属性，允许font-size<12px*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1%; }
.clearfix { display: block }
.tul, .tul:hover { text-decoration: underline; }
input[type="checkbox"], input[type="radio"] { margin-left: 5px; margin-right: 5px; }
input, img, textarea { outline: none; vertical-align: middle; }
/****登录悬浮框***/

#mini-member-login { padding-top: 32px; }
.member-dialog iframe { position: absolute; width: 100% !important; ; height: 100% !important; }
.member-dialog { display: none; background: url(member-dialog-bg.jpg) top left no-repeat; background-size: 100% auto; width: 100%; padding-bottom: 63.8%; left: 0; top: 0; position: fixed; z-index: 1002; }
.member-dialog .close { position: absolute; width: 40px; line-height: 40px; font-size: 18px; text-align: center; right: 3px; top: 0; color: #fff; }
.member-dialog .btn-regist { position: absolute; left: 8%; bottom: 8%; z-index: 1000; }
.member-dialog .btn-regist .btn-defaul { padding: 0 0.5rem; text-align: center; font-size: 1rem; line-height: 2rem; }
.mini-member-login { position: relative; }
.member-login { background: #fff; width: 42%; top: 0.9rem; right: 2.1rem; position: absolute; padding: 0.6rem 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; overflow: hidden; }
.member-login .title { line-height: 40px; font-size: 20px; line-height: 24px; }
.member-login .title .eg { font-size: 14px; }
.member-login .main .text { padding: 3px 0; }
.member-login-form { padding-top: 0.6rem; }
.member-login-form label { position: relative; margin-bottom: 0.4rem; display: block; overflow: hidden; font-size: 0.75rem; }
.member-login-form label .name { display: none; position: absolute; top: 0; left: 10px; line-height: 38px; color: #777; }
.member-login-form label input[type='text'], .member-login-form label input[type='password'], .member-login-form label textarea { background: #f6f6f6; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; text-indent: 10px; min-height: 20px; padding: 9px 0; border: 1px solid #d8d8d8; border-radius: 3px; }
.member-login-form .code-list .code-img { position: absolute; right: 1px; top: 1px; height: 34px; width: 112px; background: #eee; cursor: pointer; }
.member-login-form .code-list .code-img img { width: 100%; height: 100%; display: block; }
.member-login-form .price-right { font-size: 0.75rem; padding-top: 0.4rem; }
.member-login-form .price-right .fcred { padding-right: 12px; margin-right: 10px; border-right: 1px solid #ddd; }
.member-login-form label input[type='submit'] { padding: 0; width: 100%; line-height: 40px; font-family: "微软雅黑"; cursor: pointer; display: block; border: none; }
.member-login-form .btn-list .btn-defaul { display: block; }
.member-login-form label>div { margin-bottom: 0; color: #999; font-size: 0.65rem; line-height: 1rem; }
.other-login2 { text-align: center; }
.other-login2 .name { margin-bottom: 10px; font-size: 14px; }
.other-login2 .list { overflow: hidden; }
.other-login2 .list li { display: inline-block; *display: inline;
    zoom: 1; margin: 0 5px; }
.other-login2 .list li a { background: url("../images/icon-login2.png") 0 0 no-repeat; display: block; width: 30px; height: 30px; }
.other-login2 .list li .qq { background-position: 0 0; }
.other-login2 .list li .sina { background-position: -40px 0; }
.other-login2 .list li .wechat { background-position: -80px 0; }
@media screen and (min-width:320px) {
    html, body { font-size: 14px; }
}
@media screen and (min-width:400px) {
    html, body { font-size: 15px; }
}
@media screen and (min-width:520px) {
    html, body { font-size: 18px; }
}
@media screen and (min-width:560px) {
    html, body { font-size: 20px; }
}
@media screen and (min-width:767px) {
}
@font-face { font-family: "iconfont"; src: url('../images/iconfont.eot'); /* IE9*/ src: url('../images/iconfont.eot?#iefix') format('embedded-opentype'),   /* IE6-IE8 */ url('../images/iconfont.woff') format('woff'),   /* chrome、firefox */ url('../images/iconfont.ttf') format('truetype'),   /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../images/iconfont.svg') format('svg');/* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 1em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-to-right:before { content: '\e613'; }
.icon-menu:before { content: '\e601'; }
.icon-menu-close:before { content: '\e633'; }
.icon-nav1:before { content: '\e60c'; }
.icon-nav2:before { content: '\e631'; }
.icon-nav3:before { content: '\e600'; }
.icon-state:before { content: '\e60b'; }
.icon-person:before { content: '\e693'; }
.icon-age:before { content: '\e626'; }
.icon-mine:before { content: '\e61c'; }
.icon-jifen:before { content: '\e603'; }
.icon-jiang:before { content: '\e645'; }
.icon-peixun:before { content: '\e67c'; }
.icon-down:before { content: '\e604'; }
.icon-up:before { content: '\e602'; }
.icon-screen:before { content: '\e605'; }
.icon-zixun:before { content: '\e60d'; }
.icon-phone:before { content: '\e70a'; }
.icon-shiting:before { content: '\e608'; }
.icon-mobile-phone:before { content: '\e623'; }
.icon-code:before { content: '\e622'; }
.icon-left:before { content: '\e62d'; }
.icon-qq:before { content: '\e606'; }
.icon-wechat:before { content: '\e675'; }
.icon-sina:before { content: '\e63f'; }
.icon-price:before { content: '\e614'; }
.icon-youzhi:before { content: '\e62f'; }

.title01 { border-bottom: 1px solid #dcdddd; padding: 0.8rem 0; overflow: hidden; line-height: 1.2rem; }
.title01 .more { float: right; padding: 0 0.8rem; color: #888; text-align: center; }
.title01 .more .iconfont { font-size: 0; line-height: 0; }
.title01 .more .iconfont:before { font-size: 1rem; line-height: 1.2rem; }
.title01 .name { padding-left: 0.8rem; font-size: 1.2rem; }
.title01 .name img { width: 1.2rem; margin-right: 0.3rem; }
/***按钮***/
.btn-box { margin: 0 auto; text-align: center; font-size: 0.875rem; }
.btn-defaul { min-width: 4rem; display: inline-block; line-height: 1.8rem; font-size: 0.875rem; padding: 0 0.5rem; background: #ddd; text-align: center; border: 1px solid #e6e6e6; background: #fff; border-radius: 4px; overflow: hidden; color: #666; }
.btn-block { width: 100%; display: block; box-sizing: border-box; }
.btn-kong-qing { color: #12b7f5; }
.btn-kong-qing:hover, .btn-kong-qing.hover { background: #12b7f5 !important; color: #fff; }
.btn-txt.hover { color: #01c1de; }
.btn-qing { border-color: #12b7f5; background: #12b7f5; color: #fff; }
.btn-qing:hover, .btn-qing.hover { background: #09aeec !important; color: #fff; }
.btn-red { background: #f2504b; color: #fff; border-color: #f2504b; }
.btn-red:hover { background: #e4332b; color: #fff; }
.btn-blue { background: #0194eb; border-color: #0194eb; color: #fff; }
.btn-blue.hover { background: #059df7 !important; color: #fff; }
.btn-large { padding: 0 35px; line-height: 36px; font-size: 1rem; }
.btn-yellow { background: #ec9c1f; color: #fff; }
.btn-yellow.hover { background: #ec9c1f; color: #fff; }
.btn-kong-red { color: #cb000e; border-color: #cb000e; }
.btn-kong-red:hover, .btn-kong-red.hover { background: #cb000e !important; color: #fff; }
.btn-blue-qian { background: #2ba8f0; color: #fff; }
.btn-blue-qian:hover { background: #1792d9; color: #fff; }
/*返回头部*/
.izl-rmenu { position: fixed; right: 5px; bottom: 1rem; padding-bottom: 50px; z-index: 1001; }
.izl-rmenu .btn { width: 44px; height: 44px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-top { background: url(r_top.png) 0px 0px no-repeat; }
.izl-rmenu .btn-top { border-radius: 3px; background-color: #aaa !important; background-size: 100%; }
.izl-rmenu .btn-class:hover, .izl-rmenu .btn-qq:hover, .izl-rmenu .btn-wx:hover, .izl-rmenu .btn-phone:hover, .izl-rmenu .btn-top:hover, .izl-rmenu .btn-phone .phone { background-color: #2daec2 !important; }
.hover { background: rgba(255,255,255,0.1) !important; }
html, body { position: relative; min-height: 100%; }
body { padding-bottom: 3.3rem; }
.container { min-height: 100%; max-width: 760px; margin: 0 auto; background: #ffffff; }
.head { background: #fff; padding-top: 1rem; padding-bottom: 1rem; z-index: 2147483647000 !important; position: relative;}
.head .logo { float: left; padding-left: 0.8rem; border-right: 1px solid #3e3a39; -padding-right: 0.8rem; -height: 2rem; line-height: 2rem; font-weight: 700; text-align: left; }
.head .logo img { height: 100%; }
.head-tel { float: left; padding: 0 0.5rem; padding-left: 0.8rem; z-index: 100; top: 0; color: #3f3e3e; font-size: 0.75rem; line-height: 0.875rem; }
.head-tel a { display: block; }
.head-tel .numb { display: block; font-size: 1.2rem; line-height: 1.2rem; font-weight: 500; }
.head-tel a .iconfont { position: relative; top: 0.2rem; color: #7c7878; }
.head .right { right: 0; }
.head .logo { text-align: left; }
.head .iconfont { color: #666; font-size: 1.4rem; }
.head .h-btn-menu { position: absolute; z-index: 100; top: 0; right: 0; height: 4rem; line-height: 4rem; width: 4rem; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.head .icon-menu { color: #333; }
.menu-float-bg { display: none; position: fixed; z-index: 2147483647000 !important; width: 75%; background: #394148; box-sizing: border-box; top: 4rem; right: 0; bottom: 0; }
.menu-float-close { width: 35%; height: 100%; top: 0; left: -35%; position: absolute; z-index: -1; }
.menu-float-bg .main-nav a { color: #fff; }
.nav-foot { position: fixed; right: 0; bottom: 0; width: 75%; background: #333b42; overflow: hidden; }
.nav-foot li { float: left; width: 33.33%; }
.nav-foot li a { padding: 0.5rem 0 0.3rem; display: block; color: #fff; text-align: center; font-size: 1rem; color: #b5b8ba; }
.nav-foot li .iconfont { display: block; margin: 0 auto; margin-bottom: 0.4rem; font-size: 2rem; line-height: 2rem; color: #b5b8ba; }
.main-nav { width: 100%; padding-top: 0.6rem; padding-bottom: 0.6rem; overflow: hidden; }
.main-nav li { float: left; overflow: hidden; }
.menu-float-bg .main-nav li { width: 33.33%; }
.main-nav li a { display: block; text-align: center; font-size: 0.875rem; line-height: 1.2rem; padding: 0.6rem 0; }
.main-nav li .icon-nav { display: block; width: 3rem; max-width: 80%; margin: 0 auto; margin-bottom: 0.3rem; }
.main-nav li .icon-nav img { width: 100%; }

.bd-bottom { border-bottom: 0.8rem solid #efefef; }
.bd-top { border-top: 0.6rem solid #efefef; }
.nav-box { }
.nav-box .main-nav { }
.nav-box .main-nav li { float: left; width: 20%; }
.advert-item { }
.advert-item a { display: block; }
.advert-item img { width: 100%; }
.state-menu { border-top: 1px solid #fff; background: #12b7f5; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; }
.state-menu li { position: relative; float: left; width: 25%; box-sizing: border-box; border-left: 1px solid #fff; }
.state-menu li { text-align: center; font-size: 0.875rem; }
.state-menu li a { padding: 0.5rem 0 0.4rem; display: block; line-height: 1.2rem; color: #fff; }
.state-menu li .iconfont { font-size: 1.2rem; display: block; margin: 0 auto; line-height: 1.4rem; }
.sub-state-menu { display:none; border:1px solid #ccc;  padding-top:0.2rem; padding-bottom: 0.2rem; border-radius: 5px; position: absolute; z-index: 1000; width: 90%; left: 5%; bottom: 4.5rem; background: url(state-bg.png) bottom center no-repeat; background-size: 100% auto; background:#fff; }
.sub-state-menu::after{ position:absolute; z-index:1001; bottom:-20px; left:50%; margin-left:-10px; content:''; width:0; height:0; border:10px solid #ccc; border-color:transparent; border-top-color:#ccc;}
.sub-state-menu::before{  position:absolute; z-index:1002; bottom:-18px; left:50%; margin-left:-9px; content:''; width:0; height:0; border:9px solid #fff; border-color:transparent; border-top-color:#fff;}


.sub-state-menu dd { position: relative; }
.sub-state-menu dd:after { content: ''; display: block; width: 80%; margin: 0 auto; height: 1px; background: #ddd; }
.sub-state-menu dd:last-child:after { display: none; }
.sub-state-menu dd a { color: #333; }
.class-state-menu { background: #3a424d; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; }
.class-state-menu li { position: relative; float: left; width: 20%; background-color: #f03131; box-sizing: border-box; border-right: 1px solid #fff; }
.class-state-menu li { text-align: center; font-size: 0.875rem; }
.class-state-menu li a { padding: 0.5rem 0 0.4rem; display: block; line-height: 1.2rem; color: #fff;}
.class-state-menu li .iconfont { font-size: 1.2rem; display: block; margin: 0 auto; height: 1.4rem; line-height: 1.4rem; }
.class-state-menu .light { border-right: none; background: #3a424d; width: 40%; font-size: 1rem; }
.class-state-menu .light a {padding: 0.5rem 0 0.4rem;padding-left: 4.2rem;text-align: left;color: #fff;font-size: 0.75rem;background: url(../images/customer.png) no-repeat 15px center;background-size: 40px;}
.class-state-menu .light p { font-size: 0.875rem; }

.footer { margin-top: 0; line-height: 1.2rem; background: #f0f0f0; overflow: hidden; font-size: 0.875rem; }
.friend-link { padding: 1rem 0.8rem; background: #dcdddd; }
.friend-link .list { overflow: hidden; margin-bottom: -0.5rem; }
.friend-link .list li { float: left; width: 22.5%; margin-left: 2%; margin-bottom: 0.5rem; height: 1.2rem; overflow: hidden; }
.friend-link .list li img { width: 100%; }
.copyRight { text-align: center; padding: 1rem 0.8rem; font-size: 0.75rem; line-height: 1rem; color: #666; }
.foot-menu { text-align: center; padding: 1.6rem 0.2rem 0.5rem; overflow: hidden; }
.foot-menu li { position: relative; width: 20%; float: left; text-align: center; color: #666; font-size: 0.875rem; }
.foot-menu li:before { content: ''; position: absolute; left: 0; top: 25%; height: 50%; width: 1px; background: #ccc; }
.foot-menu li:first-child:before { display: none; }
.foot-menu li .iconfont { display: block; width: 100%; margin-bottom: 0.3rem; font-size: 0; line-height: 0; }
.foot-menu li .iconfont:before { font-size: 1.4rem; color: #888; line-height: 1.4rem; }
/****首页****/
.class-list-x { overflow: hidden; }
.class-list-x li { position: relative; float: left; width: 50%; height: 40%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; margin-top: -1px; margin-left: -1px; }
.class-list-x li .main { padding: 1rem 0; display: block; }
.class-list-x li .pic { position: absolute; right: 0; bottom: 0; max-height: 95%; width: 50%; text-align: right; overflow: hidden; }
.class-list-x li .pic img { max-height: 80%; max-width: 90%; }
.class-list-x li .cen { max-width: 70%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1rem; position: relative; z-index: 10; }
.class-list-x li .title { font-size: 1.2rem; line-height: 1.4rem; height: 1.4rem; color: #ff5858; font-weight: 600; }
.class-list-x li .txt { font-size: 0.875rem; line-height: 1.2rem; height: 3.6rem; }
.class-list-x li .btn-defaul { min-width: inherit; padding: 0 0.5rem; background: #ff5858; color: #fff; border: none; line-height: 1.6rem; border: none; }
.class-list-x .list2 .title { color: #05c9c5; }
.class-list-x .list2 .btn-defaul { background: #05c9c5; }
.class-list-x .list3 .title { color: #40c3ff; }
.class-list-x .list3 .btn-defaul { background: #40c3ff; }
.class-list-x .list4 .title { color: #ff6e3d; }
.class-list-x .list4 .btn-defaul { background: #ff6e3d; }
.class-list-x2 { overflow: hidden; }
.class-list-x2 li { float: left; border: 1px solid #ddd; border-right: none; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.class-list-x2 li:first-child { border-left: none; }
.class-list-x2 li .main { display: block; text-align: center; }
.class-list-x2 li .cen { padding: 0.8rem 0.2rem; padding-bottom: 0.5rem; line-height: 1.2rem; }
.class-list-x2 li .title { font-size: 1rem; line-height: 1.2rem; font-weight: 600; }
.class-list-x2 li .txt { font-size: 0.875rem; height: 2.4rem; overflow: hidden; color: #666; }
.class-list-x2 li .pic { width: 100%; position: relative; margin: 0 auto; }
.class-list-x2 li img { max-width: 90%; }
.teacher-home { padding: 0.3rem 0 1rem; overflow: hidden; }
.teacher-home li { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1rem 0.8rem; padding-right: 0.5rem; }
.teacher-home li .main { display: block; padding-left: 38%; position: relative; font-size: 0.875rem; line-height: 1rem; }
.teacher-home li .head-pic { background: #eee; position: absolute; left: 0; top: 0; width: 34%; }
.teacher-home li .head-pic img { width: 100%; }
.teacher-home li .title { margin-bottom: 0.2rem; font-size: 1rem; }
.teacher-home li .start { margin-bottom: 0.3rem; color: #ff5858; font-size: 0.75rem; }
.teacher-home li .txt { margin-bottom: 0.2rem; height: 1rem; overflow: hidden; }
.teach-advant { padding-bottom: 1rem; }
.teach-advant .title { padding: 1.5rem 0 1rem; position: relative; text-align: center; font-size: 1.2rem; color: #333; font-weight: 600; line-height: 1.2rem; }
.teach-advant .title:before, .teach-advant .title:after { background: #41d0cd; content: ''; display: inline-block; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.teach-advant .title:before { margin-right: 0.8rem; }
.teach-advant .title:after { margin-left: 0.8rem; }
.teach-advant li a { color: #333; }
.teach-advant-list { overflow: hidden; }
.teach-advant-list li { float: left; width: 25%; text-align: center; }
.teach-advant-list li a { padding: 0.8rem 0; display: block; font-size: 0.85rem; line-height: 1rem; }
.teach-advant-list li .icon-img { display: block; width: 3.2rem; max-width: 80%; margin: 0 auto 0.4rem; }
.teach-advant-list li img { width: 100%; }
.teach-advant .title-blue { margin-bottom: 0.5rem; }
.teach-advant-page { margin-bottom: 0; }
.teach-advant { background-color: #3a424d; }
.teach-advant .title { color: #fff; }
.teach-advant li a { color: #fff; }
.teach-advant-white { background: #fff; }
.teach-advant-white .title { color: #333; }
.teach-advant-white li a { color: #333; }
/****课程页面***/
.page-menu { border-bottom: 0.6rem solid #efefef; position: relative; padding: 0.8rem; line-height: 1rem; height: 1rem; }
.page-menu .name { min-width: 4rem; border-left: 0.2rem solid #12b7f5; padding-left: 0.4rem; display: inline-block; position: relative; font-size: 1rem; }
.page-menu .name .iconfont { margin-left: 0.3rem; }
.page-menu .right-menu { }
.page-menu .right-menu { padding-left: 0; position: absolute; right: 0.8rem; top: 0.8rem; border-left: none; color: #12b7f5; }
.sub-down-menu { display: none; padding-top: 0.8rem; min-width: 6rem; width: 100%; position: absolute; z-index: 1000; top: 1.6rem; left: 0; background: url("../images/down-bg.png") top center no-repeat; background-size: 100% auto; border-bottom: 1px solid #9fa0a0; border-radius: 0 0 5px 5px; }
.right-menu .sub-down-menu { right: 0; left: inherit; }
.sub-down-menu li { position: relative; }
.sub-down-menu li:after { content: ''; display: block; width: 70%; margin: 0 auto; height: 1px; background: #ddd; }
.sub-down-menu li:last-child:after { display: none; }
.sub-down-menu li a { display: block; text-align: center; color: #333; font-size: 0.875rem; line-height: 1.2rem; padding: 0.4rem 0; }
/***课程列表***/
.class-list-y { }
.class-list-y li { border-bottom: 0.3rem solid #efefef; }
.class-list-y li a { padding: 1rem 0.8rem; display: block; overflow: hidden; font-size: 0.875rem; line-height: 1.2rem; color: #777; }
.class-list-y li .img { float: left; width: 40%; margin-right: 3%; }
.class-list-y li .img img { width: 100%; }
.class-list-y li .name { margin-bottom: 0.3rem; font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.class-list-y li .text { height: 2.4rem; margin-bottom: 0.4rem; overflow: hidden; }
.class-list-y li .btn-defaul { padding: 0 0.8rem; }
.class-list-y .advert-item a { padding: 0; }
/***课程详情页***/
.class-detail { padding-bottom: 0.2rem; }
.class-head { font-size: 0.875rem; line-height: 1.2rem; }
.class-head .media { }
.class-head .media img { width: 100%; }
.class-head .class-name { font-size: 1.2rem; font-weight: 500; color: #1e7dc1; padding: 0.8rem; border-bottom: 1px solid #dcdddd; }
.class-head .head-title { line-height: 1.8rem; border-bottom: 1px solid #dcdddd; padding: 0.8rem; overflow: hidden; }
.class-head .head-title .btn-defaul { float: right; }
.class-head .head-title .name { font-size: 1.2rem; font-weight: 500; }
.class-head .class-tag { overflow: hidden; padding: 0.8rem 0.8rem 0.5rem; }
.class-head .class-price { padding: 0.4rem 0.8rem; padding-bottom: 0.8rem; color: #cd0c19; font-size: 1rem; font-weight: 500; }
.class-head .class-tag p { float: left; width: 50%; }
.class-head .class-tag .target { width: 50%; }
.class-head .numb .iconfont { color: #0194eb; }
.class-head .time .iconfont { color: #1e7dc1; }
.class-head .target .iconfont { color: #108b00; }
.activity-photo{ padding: 0 0.8rem; margin-bottom: 0.8rem; overflow:hidden;}
.activity-photo img{ width: 100%;}

.class-main { }
.title-gray { padding: 0.6rem 0.8rem; line-height: 1.2rem; font-size: 1rem; background: #efefef; font-weight: 500; }
.title-blue { padding: 0.6rem 0.8rem; line-height: 1.2rem; background: #12b7f5; color: #fff; overflow: hidden; }
.title-blue .name { font-size: 1rem; font-weight: 500; }
.title-blue .more { float: right; font-size: 0.875rem; color: #fff; }
.class-main .detal-box { padding: 0.6rem 0.8rem; font-size: 0.875rem; }
.main-knowledge { }
.main-knowledge .detal-box p { padding-left: 0.8rem; position: relative; }
.main-knowledge .detal-box p:before { content: ''; position: absolute; width: 0.3rem; height: 0.3rem; left: 0; top: 0.5rem; border-radius: 50%; background: #4b4b4b; }
.main-student .title-gray { color: #1969a3; }
.main-student .detal-box p { padding-left: 0.8rem; position: relative; color: #1969a3; }
.main-student .detal-box p:before { content: ''; position: absolute; width: 0.3rem; height: 0.3rem; left: 0; top: 0.5rem; border-radius: 50%; background: #1969a3; }
.main-ask .title-gray { color: #cb000e; text-decoration: underline; }
.main-ask .detal-box { padding: 1.5rem 0.8rem; }
.main-ask .detal-box .btn-defaul { margin: 0.5rem; }
.class-date { padding-bottom: 1rem; font-size: 0.875rem; }
.class-date .title { position: relative; padding: 0.8rem; line-height: 1.2rem; }
.class-date .name { margin-bottom: 0.8rem; font-size: 1rem; font-weight: 500; }
.class-date-tit { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 100; right: 0.8rem; top: 0.7rem; padding-right: 1.4rem; line-height: 1.4rem; border: 1px solid #ddd; }
.class-date-tit .iconfont { position: absolute; right: 0; top: 0; border-left: 1px solid #ddd; width: 1.4rem; height: 1.4rem; text-align: center; font-size: 0; }
.class-date-tit .iconfont:before { font-size: 0.875rem; }
.class-date-tit .list li { padding: 0.2rem 0.4rem; display: none; }
.class-date-tit .list .current { display: block; padding: 0 0.4rem; }
.date-tit { overflow: hidden; background-color: #eee; }
.date-tit li { float: left; width: 16.66%; text-align: center; line-height: 2.2rem; cursor: pointer; }
.date-tit .current { background-color: #12b7f5; color: #fff; }
.date-coontent { padding: 0.8rem 0; }
.date-main .list { overflow: hidden; width: 100%; }
.date-main .list li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2%; width: 8.88%; line-height: 2.2rem; margin-bottom: 0.6rem; border: 1px solid #e2e2e2; text-align: center; }
.date-main .list .has { background: #1e7dc1; color: #fff; }
.class-date-foot { padding: 0 0.8rem 1rem; text-align: right; color: #777; font-size: 0.75rem; line-height: 1rem; }
.class-introduce { margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.2rem; }
.class-introduce .detal-box { padding: 1.2rem 0.8rem; line-height: 1.4rem; }
.class-point { padding: 1.2rem 0.8rem 0.7rem; }
.class-point .list { margin-bottom: 0.5rem; padding: 0.6rem; background: #f6f6f6; padding-left: 12px; border-left: 3px solid #95d3ff; }
.class-point .list p { margin-bottom: 0; }
.class-point .list:hover { background: #d2ecff; border-left-color: #1e7dc1; }
.class-point { padding: 1.2rem 0.8rem 0.7rem; }
.class-point dt { margin-bottom: 1rem; font-weight: 500; }
.class-point dd { margin-bottom: 0.2rem; padding: 0.6rem; background: #f6f6f6; padding-left: 12px; border-left: 3px solid #95d3ff; }
.class-point dd:hover { background: #d2ecff; border-left-color: #1e7dc1; }
.class-introduce .teach-advant-list { padding: 0.6rem 0; }
.class-table { width: 100%; font-size: 0.875rem; line-height: 1.2rem; border-bottom: 3px solid #fff; overflow: hidden; }
.class-table th { line-height: 1.2rem; font-size: 1rem; padding: 0.6rem 0.2rem; }
.class-table th img { width: 1rem; margin-right: 5px; }
.class-table td, .class-table th { position: relative; text-align: center; background: #f6f6f6; }
.class-table td { padding: 0.5rem 0.4rem; }
.class-table th { background: #525252; color: #fff; }
.class-table td:after, .class-table th:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #fff; }
.class-table tr:last-child td:after { display: none; }
.class-table .table-our { border-right: 1px solid #1e7dc1; border-left: 1px solid #1e7dc1; }
.class-table th.table-our { background: #1e7dc1; }
.class-table td.table-our { color: #1e7dc1; }
/***试听详情页****/
.person-table { text-align: left; width: 100%; font-size: 0.875rem; }
.person-table th { text-align: center; background: #dcdddd; }
.person-table th, .person-table td { padding: 0.5rem; line-height: 1.2rem; border: 3px solid #fff; }
.person-table td { background: #efefef; }
.person-table .bg-none { background: none; }
.person-table .btn-defaul { margin-right: 0.2rem; }
/***推荐课程****/
.recommend-class { padding: 1.2rem 0 0.4rem; overflow: hidden; }
.recommend-class li { float: left; margin-left: 2%; width: 22.5%; text-align: center; border: 1px solid #d3d3d3; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.8rem; border-radius: 3px; }
.recommend-class li a { padding: 0 0.2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.recommend-class li:hover a { background: #12b7f5; color: #fff; }
.class-introduce .btn-box { padding: 0 0.8rem; }
/***图片列表****/
.picture-list { padding-top: 1.2rem; padding-bottom: 0.5rem; overflow: hidden; }
.picture-list li { float: left; margin-left: 3%; width: 45.5%; margin-bottom: 1rem; }
.picture-list li a { display: block; }
.picture-list li .img { position: relative; padding-bottom: 69.3%; display: block; }
.picture-list li .video-name { padding-left: 2.3rem; background: url(video-img.png) left center no-repeat; background-size: 2rem auto; left: 0.3rem; position: absolute; bottom: 4%; color: #888; }
.picture-list li img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.picture-list li .cen { padding: 0.6rem 0.8rem 0.7rem; background: #f0f0f0; font-size: 0.875rem; line-height: 1rem; text-align: center; }
.picture-list li .name { font-weight: 600; margin-bottom: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.picture-list li .text { color: #777; height: 1rem; overflow: hidden; }
/***服务流程***/
.service-flow { overflow: hidden; padding: 1.2rem 0.8rem 0; }
.service-flow li { margin-bottom: 1.2rem; position: relative; float: left; width: 25%; text-align: center; }
.service-flow li:before { content: ''; position: absolute; left: 0; top: 1rem; height: 1px; width: 100%; background: #1e7dc1; }
.service-flow li .icon-numb { color: #1e7dc1; position: relative; z-index: 10; margin: 0 auto; display: block; width: 2rem; height: 2rem; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; text-align: center; line-height: 2rem; }
.service-flow li .name { padding-top: 0.6rem; width: 4rem; margin: 0 auto; height: 3rem; }
/***服务保障***/
.service-guarantee { padding: 1.2rem 0 0.2rem; overflow: hidden; }
.service-guarantee li { margin-bottom: 1.2rem; float: left; width: 33.33%; text-align: center; }
.service-guarantee li .icon-img { display: block; margin: 0 auto; width: 3.2rem; max-width: 80%; }
.service-guarantee li .icon-img img { width: 100%; }
/***师资力量-学生****/
.member-list { padding: 1.2rem 0 0.2rem; overflow: hidden; }
.member-list li { float: left; width: 45.5%; margin-left: 3%; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; }
.member-list li .main { display: block; font-size: 0.875rem; line-height: 1.2rem; }
.member-list li .img { position: relative; display: block; width: 100%; padding-bottom: 69.93%; }
.member-list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.member-list li .cen { background: #f0f0f0; padding: 0.5rem; }
.member-list li .name { text-align: center; font-size: 1rem; height: 1.2rem; margin-bottom: 0.4rem; overflow: hidden; }
.member-list li .btn-box { padding-top: 0.4rem; text-align: center; }
.member-list li .btn-kong-red { padding: 0 0.4rem; background: none; }
.member-list li .other { text-align: center; height: 1.2rem; overflow: hidden; }
.member-list li .other span { display: inline-block; margin: 0 0.1rem; }
.member-list li .other .iconfont { font-size: 0; }
.member-list li .other .iconfont:before { font-size: 1rem; }
/***pic-list****/
.pic-list { padding: 1.2rem 0 0.2rem; overflow: hidden; }
.pic-list li { float: left; width: 45.5%; margin-left: 3%; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; }
.pic-list li .main { display: block; font-size: 0.875rem; line-height: 1.2rem; }
.pic-list li .img { position: relative; display: block; width: 100%; }
.pic-list li .img img { width: 100%; left: 0; top: 0; }
.pic-list li .cen { background: #f0f0f0; padding: 0.5rem; }
.pic-list li .name { display: block; text-align: center; height: 1.2rem; margin-bottom: 0.4rem; overflow: hidden; }
/***资料下载***/
.down-pic-list { overflow: hidden; padding: 0.6rem 0.8rem 0.2rem; font-size: 0.875rem; line-height: 1.2rem; }
.down-pic-list li { padding: 0.5rem 0; overflow: hidden; line-height: 1.8rem; }
.down-pic-list li .name { float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.down-pic-list li .btn-defaul { float: right; }
/***在线试听****/
.shiting-list-y { }
.shiting-list-y li { padding: 1rem 0.8rem; display: block; overflow: hidden; font-size: 0.875rem; line-height: 1.2rem; color: #777; border-bottom: 0.3rem solid #efefef; }
.shiting-list-y .img { float: left; width: 40%; margin-right: 3%; }
.shiting-list-y li .img img { width: 100%; }
.shiting-list-y li .name { margin-bottom: 0.3rem; font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shiting-list-y li .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.4rem; }
.shiting-list-y li .btn-box { padding-top: 0.4rem; text-align: left; }
.shiting-list-y li .btn-defaul { line-height: 1.6rem; }
/*news-list*/
.news-list { }
.news-list li { padding: 1rem 0.8rem; display: block; overflow: hidden; font-size: 0.875rem; line-height: 1.2rem; color: #777; border-bottom: 0.3rem solid #efefef; }
.news-list .img { float: left; width: 40%; margin-right: 3%; }
.news-list li .img img { width: 100%; }
.news-list li .name { margin-bottom: 0.3rem; font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li .text { overflow: hidden; text-overflow: ellipsis;/* white-space: nowrap;*/ margin-bottom: 0.4rem; }
.news-list li .btn-box { padding-top: 0.4rem; text-align: left; }
.news-list li .btn-defaul { line-height: 1.6rem; }
.yuyue-form { }
.yuyue-form label { margin: 0 0.8rem; position: relative; display: block; background: #fff; border-bottom: 1px solid #eee; padding: 0.5rem 0.8rem; line-height: 1.8rem; }
.yuyue-form label .name { position: absolute; top: 0.5rem; left: 0.8rem; width: 1.5rem; color: #5e9c0e; font-size: 1.3rem; }
.yuyue-form label input[type='text'] { display: block; width: 100%; height: 1.8rem; line-height: 1.8rem; border: none; padding-left: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.yuyue-form label .btn-defaul { position: absolute; right: 0.8rem; top: 0.5rem; }
.yuyue-form label>div { color: #999; font-size: 0.675rem; text-align: right; line-height: 1rem; }
.yuyue-form label .onError { color: #f03131; }
.yuyue-form label .onCorrect { color: #00bb00; }
.yuyue-form .btn-box { padding: 1.2rem 0.8rem 0; }
.yuyue-form .btn-box .btn-defaul { line-height: 2rem; }
.yuyue-wrap { padding-bottom: 1.2rem; background: #292e36; }
.yuyue-wrap .class-name { background: #fff; }
.yuyue-wrap { color: #fff; }
.yuyue-wrap .title-gray { border-top: 1px solid #3a424d; background: none; margin: 0 0.8rem; }
.yuyue-wrap .detal-box p:before { background: #fff; }
/****会员中心****/
.crumb-title { position: relative; padding: 0.5rem 0; height: 2rem; margin-bottom: 1rem; line-height: 2rem; background-color: #12b7f5; color: #fff; }
.crumb-title .name { text-align: center; font-size: 1.2rem; }
.crumb-title .black-left { position: absolute; z-index: 10; left: 0; top: 0; width: 3rem; height: 3rem; text-align: center; font-size: 0; }
.crumb-title .black-left .iconfont:before { font-size: 1.2rem; color: #fff; line-height: 3rem; }
.bg-gray { background-color: #efefef; }
.user-box { padding-bottom: 2rem; margin: 0 0.8rem 1rem; }
.user-form { margin-bottom: 1.5rem; font-size: 0.875rem; }
.user-form .text-box { padding: 0.1rem 0.8rem; margin-bottom: 1rem; border-radius: 4px; overflow: hidden; background-color: #fff; }
.user-form .list { display: block; position: relative; padding: 0.6rem 0; line-height: 1.9rem; border-bottom: 1px solid #eee; }
.user-form .list:last-child { border-bottom: none; }
.user-form .list input { background: none; border: none; display: block; width: 100%; height: 1.9rem; font-size: 0.875rem; }
.user-form .list .btn-code { position: absolute; right: 0; top: 0.6rem; }
.user-form .btn-box .btn-defaul { line-height: 2.6rem; }
.user-box .btn-block { line-height: 2.6rem; font-size: 1.1rem; }
/*
*/
.user-form .text-box li>div {color: #999;font-size: 0.675rem;text-align: right;line-height: 1.6rem;}
.user-form .text-box li .onError { color: #f03131; }
.user-form .text-box li .onCorrect { color: #00bb00; }
.user-form .text-box li .code-tag { position: absolute; right: 0; top: 0.6rem; color: #888; height: 1.9rem; }
.user-form .text-box li .code-tag img { height: 100%; }
.user-form .list input[type='checkbox'] { width: auto; display: inline-block; }
.user-form .list a.btn-defaul{display: block;line-height: 2.0rem;}

.other-login { text-align: center; }
.other-login .title { font-size: 1rem; position: relative; }
.other-login .title:before, .other-login .title:after { content: ''; width: 3rem; height: 1px; display: inline-block; background-color: #aaa; position: relative; top: -0.3rem; }
.other-login .title:before { margin-right: 10px; }
.other-login .title:after { margin-left: 10px; }
.other-login .list { padding: 1rem 0; overflow: hidden; margin: 0 18%; }
.other-login .list li { float: left; width: 33.33%; text-align: center; }
.other-login .list li .iconfont { font-size: 0; }
.other-login .list li .iconfont:before { font-size: 1.8rem; }
.other-login .list .icon-qq { color: #2a9cd5; }
.other-login .list .icon-sina { color: #c90000; }
.other-login .list .icon-wechat { color: #00bb00; }
/***资料下载****/
.down-list { padding: 0 0.8rem; }
.down-list li { border-bottom: 1px solid #ddd; position: relative; padding-right: 5rem; height: 1.9rem; line-height: 1.9rem; padding: 0.6rem 0; }
.down-list li .btn-defaul { position: absolute; padding: 0; right: 0; top: 0.6rem; }
.down-list li P { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.down-list li P .icon-img { float: left; height: 1rem; margin-right: 0.3rem; }
.down-list li P .icon-img img { height: 100%; }
/****师资力量****/
.teacher-advantage { padding: 0.5rem 0; }
/****师资详情页***/
.member-detail { padding-bottom: 1rem; padding-bottom: 0; }
.member-head { font-size: 0.875rem; line-height: 1.2rem; }
.member-head .media { max-height: 20rem; overflow: hidden; text-align: center; }
.member-head .media img { width: 100%; }
.member-head .member-title { border-bottom: 1px solid #dcdddd; overflow: hidden; line-height: 1.2rem; padding: 0.8rem 0.8rem; }
.member-head .member-title .other { padding-top: 0.5rem; text-align: left; }
.member-head .member-title .name { font-size: 1.2rem; }
.member-head .detal-box { padding: 1rem 0.8rem; }
.tuijian-list { line-height: 1.2rem; }
.tuijian-list p { position: relative; padding-left: 0.5rem; }
.tuijian-list p a { position: relative; padding: 0.2rem 0; overflow: hidden; display: block; }
.tuijian-list p:before { content: ''; width: 0.2rem; height: 0.2rem; left: 0; top: 0.7rem; position: absolute; border-radius: 50%; background: #12b7f5; }
.title-line { margin-bottom: 0.5rem; background: #efefef; font-size: 1rem; font-weight: 500; padding: 0.5rem; border-left: 2px solid #12b7f5; }
.member-introduce { }
.member-introduce .detal-box { padding: 1.2rem 0.8rem; }
.page { overflow: hidden; padding: 1.2rem 0.8rem 1.2rem; }
.page a { font-size: 0.875rem; border-radius: 3px; border: 1px solid #e6e6e6; line-height: 1.6rem; padding: 0 0.6rem; background: #f5f5f5; }
.page .prev { float: left; }
.page .next { float: right; }
/***课程频道页面***/
.class-advantage-list { overflow: hidden; padding: 1.2rem 0; }
.class-advantage-list li { float: left; width: 20%; text-align: center; font-size: 0.8rem; line-height: 1.1rem; }
.class-advantage-list li .img { margin: 0 auto; margin-bottom: 0.6rem; display: block; width: 3.2rem; max-width: 80%; }
.class-advantage-list li .img img { width: 100%; }
.class-advantage-list li .text { max-width: 90%; margin: 0 auto; width: 4.4rem; }
.class-list-wrap { padding-bottom: 0.6rem; }
.advert-item-wrap { margin-bottom: 0; }
.class-system { }
.class-system .detal-box { padding: 0.8rem; }
.detail-table { width: 100%; font-size: 0.875rem; }
.detail-table td { border: 1px solid #d6d6d6; text-align: center; line-height: 1.2rem; padding: 0.5rem 0.2rem; }
.detail-table tfoot td { color: #666; text-align: center; padding: 0.8rem 0.8rem; }
.detail-table .bg-red { background: #c9151e; color: #fff; }
.detail-table .bg-yellow { background: #f96b03; color: #fff; }
.detail-table .bg-blue { background: #1e7dc1; color: #fff; }
.detail-table .bg-black { background: #3b3b3b; color: #fff; }
.class-honor { padding-bottom: 0.5rem; }
.class-honor .title-blue { margin-bottom: 0.8rem; }
.zizi-list-small { padding: 0 2% 0.5rem; padding-bottom: 0.8rem; overflow: hidden; }
.zizi-list-small li { float: left; width: 20%; }
.zizi-list-small li:last-child { width: 40%; }
.zizi-list-small li .img { display: block; }
.zizi-list-small li .img img { width: 100%; }
.zizi-list-pic { overflow: hidden; }
.zizi-list-pic li { float: left; margin-left: 2%; width: 47%; margin-bottom: 0.8rem; text-align: center; }
.zizi-list-pic li .img { margin-bottom: 0.5rem; position: relative; padding-bottom: 63%; display: block; }
.zizi-list-pic li .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.zizi-list-pic li .text { font-size: 0.875rem; height: 1.2rem; line-height: 1.2rem; overflow: hidden; }
.shiting-wrap { padding-bottom: 0.5rem; }
.fcblue { color: #1969a3; }
.flarge { font-size: 1rem; }
.fcred { color: #f1514a; }
/***banner***/
.banner { background: #fff; }
.swiper-banner { }
.swiper-banner img { width: 100%; }
.swiper-container-horizontal>.bannerFocuse, .advFocuse { line-height: 34px; bottom: 5px; text-align: right; }
.bannerFocuse { text-align: center !important; }
.bannerFocuse .swiper-pagination-bullet, .advFocuse .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity: 1; }
.swiper-banner .swiper-pagination-bullet-active, .advFocuse .swiper-pagination-bullet-active { background: #fa8e03; }
.swiper-banner .swip-b-txt { padding: 8px 0; position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; font-size: .85em; text-indent: 10px; z-index: 100; background: rgba(0,0,0,.6) }
/***详情页***/
.detal-box { font-size: 0.875em; line-height: 1.3em; }
.detail-head { line-height: 1.2rem; text-align: center; padding-bottom: 1rem; }
.detail-head .title { font-size: 1.2rem; margin-bottom: 0.2rem; color: #111; }
.detail-head .date { font-size: 0.875rem; color: #666; }
.detal-box .cen {
    font-size:.875rem; margin: 10px 0px 0; overflow: hidden; }
.detal-box .t2 { text-indent: 2rem; }
.detal-box h3 { margin-bottom: 0.5rem; font-size: 0.875rem; }
.detal-box p { margin-bottom: 0.2rem; line-height: 1.4rem; }
.detal-box img { width: 100%; }
.detal-box .media { margin: 0.5rem 0; text-align: center; }
.detal-box img { max-width: 100% !important; height: auto !important; }
.detal-box .tit-cen { font-weight: 500; font-size: 1rem; margin-bottom: 0.5rem; color: #111; }
.detal-box .tit-cen span { padding: 4px 0; height: 25px; display: inline-block; *display:inline;
    zoom: 1; border-bottom: 1px solid #d30300; }
.detal-box .cen-list li { margin-bottom: 0.2rem; }
.detail-table { margin-bottom: 0.8rem; }
.detail-table td { min-width: 2.8rem; border: 1px solid #89979a; padding: 0.3rem 0.4rem; text-align: center; line-height: 1.2rem; font-size: 0.875rem; }
.text-title { margin-bottom: 0.8rem; font-size: 1.2rem; line-height: 1.2rem; color: #111; padding-left: 0.4rem; border-left: 4px solid #28dee9; }
.text-large { font-size: 1.2rem; }
.pt1rem { padding-top: 1rem; }
.detail-wrap { padding-top: 1.2rem; padding-left: 0.8rem; padding-right: 0.8rem; }
.detail-wrap .detail-recom { margin-left: -0.8rem; margin-right: -0.8rem; }
.detail-wrap .detal-box { padding-bottom: 1rem; }
/***首页***/
.serarch-form { }
.serarch-form label { position: relative; display: block; }
.serarch-form label input[type='text'] { box-sizing: border-box; width: 100%; border-radius: 3px; background: #f7f7f7; border: 1px solid #ddd; display: block; font-size: 0.875rem; line-height: 1rem; padding: 0.5rem; padding-right: 3rem; }
.serarch-form label .search-btn { cursor: pointer; position: absolute; top: 1px; right: 1px; width: 3rem; height: 2rem; line-height: 2rem; text-align: center; border: none; background: none; font-size: 1.2rem; color: #7c7878; }
.friend-link-pic { padding-bottom: 0.5rem; padding-top: 0.8rem; overflow: hidden; }
.friend-link-pic li { float: left; margin-bottom: 0.8rem; margin-left: 3%; width: 29.33%; box-sizing: border-box; border: 1px solid #ddd; }
.friend-link-pic li a { display: block; }
.friend-link-pic li img { width: 100%; }


.downlist{ padding-top: 1rem;}
.downlist .btn-defaul{ margin-bottom: 0.8rem; display: block; border-radius: 22px; line-height: 2.1rem; }
.downlist a { color: #fff !important; }

.dialogBg { display: none; background: url(alp-bg-black.png) left top repeat; position: fixed; z-index: 10002; top: 0; left: 0; width: 100%; height: 100%; }
.dialogBody { display: none; border-radius: 8px; background-color: #fff; box-shadow: 0 0 7px #999; position: fixed; z-index: 10003; width: 80%; left: 10%; top: 23%; }
.dialog-main { padding: 1rem; }
.dialogBody .title { margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.46rem; }
.dialogBody .tit-small { font-size: 0.875rem; margin-bottom: 0.8rem; }
.dialogBody .state-text { padding-top: 10px; width: 100%; margin: 0 auto 15px; text-align: center; font-size: 16px; line-height: 22px; }
.dialogBody .state-img { display: block; max-width: 75px; width: 20%; margin: 0 auto 15px; }
.dialogBody .state-img img { width: 100%; }
.person-form { }
.person-form .list { overflow: hidden; display: block; position: relative; margin-bottom: 1rem; position: relative; }
.person-form .list:last-child { margin-bottom: 0; }
.person-form .list .name { position: absolute; width: 45%; line-height: 2.4rem; color: #666; font-size: 0.875rem; left: 0.8rem; top: 0; z-index: 10; }
.person-form .list input[type='text'], .person-form .list input[type='password'] { display: block; float: left; border: 1px solid #e62a47; box-sizing: border-box; width: 100%; font-size: 0.875rem; padding: 0.5rem 0; line-height: 1.4rem; height: 2.4rem; padding-left: 0.8rem; }
.person-form .list.code-list { padding-right: 5.5rem; }
.person-form .list.code-list input { }
.person-form .list .btn-defaul { width: 100%; cursor: pointer; display: block; padding: 0; text-align: center; line-height: 2.4rem; font-size: 0.875rem; background-color: #e62a47; color: #fff; border-radius: 0; border: none; }
.person-form .code-list .btn-defaul { position: absolute; right: 0; top: 0; width: 5.5rem; }
.close-dialog { position: absolute; right: 0.8rem; top: 0.8rem; font-size: 1rem; color: #888; width: 1.4rem; text-align: center; line-height: 1.2rem; }


@media screen and (min-width:374px) {
    .menu-float-bg { }
    .head { padding-top: 0.9rem; padding-bottom: 0.9rem; }
    .head-tel .numb { display: block; font-size: 1.4rem; line-height: 1.4rem; font-weight: 500; }
}
.unreadNum { background-color: #f03131; border-radius: 50%; position: absolute; top: -0.5rem; right: 5%; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; color: #fff; font-size: 0.65rem; }
.unreadNum2 { background-color: #12b7f5; border-radius: 50%; position: absolute; top: -0.5rem; right: 3%;width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; color: #fff; font-size: 0.65rem; }
#unread { visibility: hidden; }
/**评价**/
.online-scoring-wrap{ margin-bottom: 20px; background-color: #fff; }
.scorinig-tit-line{ line-height: 2.5rem; background-color: #f6f6f6;}
.scorinig-tit-line span{ display: inline-block; padding: 0 25px; color: #444; background-color: #eee; font-size: 15px;}
.scoring-message{ padding: 0 0.8rem; }
.scoring-message .list{ padding-bottom: 1.25rem;}
.scoring-message .list>li{ position: relative; padding: 1.2rem 0 0 4.8rem; color: #444; font-size: 0.875rem;}
.scoring-message .list .info{ padding-bottom: 1.25rem; border-bottom: 1px dotted #aaa;}
.scoring-message .head-img{ position: absolute; width: 4.2rem; left: 0; top: 1.25rem;}
.scoring-message .head-img .img{ width: 4.2rem; height: 4.2rem; border-radius: 100%; overflow: hidden;}
.scoring-message .head-img img{ width: 100%; height: 100%;}

.score-list{ margin-right: 5px; padding-top: 0.4rem; float: left; overflow: hidden;}
.score-list li{ width: 0.7rem; height: 0.7rem; float: left; margin-right: 0.1rem; background: url(icon-start.png)center no-repeat; background-size: cover; }
.scoring-message .message-tag{ color: #888; line-height: 1.5rem; overflow: hidden; margin-bottom: 5px;}
.scoring-message .name{ margin-right: 0.875rem; color: #555; }
.scoring-message .txt{ font-size: 0.875rem; line-height: 1.3rem; }
.scoring-message .pic-show{ overflow: hidden; padding: 0.8rem 0; }
.scoring-message .pic-show .pic-li{  margin-right: 0.2rem; display: block; float: left; width: 5.5rem; height: 5.5rem; }
.scoring-message .pic-show img{ width: 100%; height: 100%; }
.scoring-message .date{ color: #888;}

.contUnitbg table td{ border: 1px solid #ddd;}

/* 头部广告位 */
.header-adv{ position: relative;}
.header-adv a,
.header-adv img{ display: block; width: 100%;}
.headDialogBg{ display: none; background: url(alp-bg-black.png) left top repeat; position: fixed;  z-index: 10003; top: 0; left: 0; width: 100%; height: 100%;}
.dialogHeadAdv{ display: none;  position: fixed;
    z-index: 10005; width: 86%; max-width: 520px; left: 7%; right: 7%; margin: 0 auto; top: 23%; }
.dialogHeadAdv .dialog-main{ width: 100%;}
.dialogHeadAdv .main-pic{ display: block; width: 100%;}
.dialogHeadAdv .close-dialog{ cursor: pointer; position: absolute;}
.dialogHeadAdv{  }
.dialogHeadAdv .close-dialog{ right: 52px; top: 52px; width: 33px; height: 33px; }
.dialogHeadAdv .dialog-main{ position: relative; padding: 0; }
.dialogHeadAdv .title{ display: none;}
.header-adv-form{ padding-top: 46.5%; position: absolute; top: 0; left: 0; width: 100%;}
.header-adv-form .list{ margin-bottom: 2.5%; padding-left: 10.3%; width: 81%; position: relative; font-size: 1rem; }
.header-adv-form .list input[type='text']{ width: 100%; height: 2.5rem; line-height: 2.5rem; border: none; background: none; display: block; text-indent: 2rem; text-indent: 11%;}
.header-adv-form .list .btn-defaul{ cursor: pointer; width: 100%; text-align: center; height: 2.5rem; border: none; background: none; text-indent: -999em;}

@media screen and (max-width:321px) {
    .header-adv-form .list{  margin-bottom: 2.2%; }
    .header-adv-form .list input[type='text']{ height: 2.1rem; line-height: 2.1rem;;}
    .header-adv-form .list .btn-defaul{ height: 2.1rem;}
}