.search-bg{padding:6px 12px 6px 80px;}
/*login*/
.login-box{margin:13px;padding-top:60px;overflow: visible;overflow-x: hidden;}
.login-h2{height:45px; line-height:45px; text-align:center; background:#00a5e0; color:#fff;  width:100%; font-size:18px;display:block; position:fixed;top:0;left:0;}
.login-p p{border-radius:5px;border:1px solid #dedede;background:#fff; margin-bottom:5px;height: 45px; line-height:45px; width:100%; box-sizing:border-box;}
.login-p i{color:#ccc;font-size: 1.2em; display:inline-block; padding:0 5px 0 10px; margin-bottom:5px; width:16px;}
.login-inp{border:none; height:42px; line-height:42px; width:87%;vertical-align: top;background: none; font-size:16px;font-family:"微软雅黑";}
.p-checkbox{ padding-left:6px;font-size:17px;line-height: 45px; margin-bottom:5px;}
.login-btn{ display:block;background:#00a5e0; height:42px; line-height:38px; width:100%; border-radius:12px; border:none; font-family:"微软雅黑";color:#fff; font-size:17px; text-align:center;}

/*banner*/
.banner{ overflow:hidden;z-index:2; position:relative; width:100%;}
.banner img{ width:100%; height:auto; display:block;}

/* sy-menu */
.sy-menu{background:#fff; padding:10px 0;width:100%; box-sizing:border-box;}
.sy-menu li{float:left;width:25%; text-align: center;}
.sy-menu li span{display:block;text-align:center;line-height:36px;color:#444;font-size: 14px;}
.sy-menu li img { width: 54px; height: 54px;}
.sy-menu li i{width:54px; height:54px; background-size:cover;}
.sy-menu li i:before{display:none;}
.sy-menu li i.icon-course{background-image:url(images/m-1.png);}
.sy-menu li i.icon-ct{background-image:url(images/m-2.png);}
.sy-menu li i.icon-doc{background-image:url(images/m-3.png);}
.sy-menu li i.icon-live{background-image:url(images/m-4.png);}
.sy-menu li i.icon-bm{background-image:url(images/m-5.png);}
.sy-menu li i.icon-opinion{background-image:url(images/m-6.png);}
.sy-menu li i.icon-group{background-image:url(images/m-7.png);}
.sy-menu li i.icon-news{background-image:url(images/m-8.png);}
.sy-menu li i.icon-qa{background-image:url(images/m-9.png);}
.sy-menu li i.icon-prize{background-image:url(images/m-10.png);}
.sy-menu li i.icon-book{background-image:url(images/m-11.png);}
.sy-menu li i.icon-game{background-image:url(images/m-12.png);}
.sy-menu li i.icon-exam{background-image:url(images/m-13.png);}
.sy-menu li i.icon-map{background-image:url(images/m-14.png);}
.sy-menu li i.icon-task{background-image:url(images/m-15.png);}
.sy-menu li i.icon-survey{background-image:url(images/m-16.png);}
.sy-menu li i.icon-myinfo{background-image:url(images/m-17.png);}
.sy-menu li i.icon-pk{background-image:url(images/m-18.png);}

/*新闻*/
.sy-news{background:#fff;border-top:1px solid #f1f1f1; width: 100%; box-sizing: border-box; position: relative; padding:10px 10px 10px 54px; margin-bottom: 12px;}
.sy-news .news-txt{background-image:url(images/xwzq.png);background-size:cover; width: 32px;height: 30px; position: absolute;top:10px;left: 10px;}
.sy-news dd{border-left:1px solid #e5e5e5;height: 32px;line-height: 32px; overflow: hidden; padding-left: 15px;font-size: 14px;}
.sy-news .icon-new{background-image:url(images/new.png);background-size:cover; width:24px;height:13px; margin-right: 12px;vertical-align: -1px;}
.sy-news .txt-hide{display: block;height: 32px;}

/*猜你喜欢*/
.sy-h2{height:48px;line-height:18px; padding: 15px 0;}
.sy-h2 span{border-left:none;display: inline-block;font-size: 15px; padding-left:5px;}
.sy-h2 a{font-size: 11px;color: #666;}
.sy-h2 a i{color: #666; margin-right: 5px;font-size: 11px;vertical-align:-1px;}
.sy-h2 a i.icon-up{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);vertical-align: 0px;margin: 0 0 0 6px;}
.sy-h2 .icon-cnxh{background-image:url(images/like.png);background-size:cover; width:16px;height:14px;vertical-align: -1px;}
.sy-h2 .icon-jptj{background-image:url(images/jptj.png);background-size:cover; width:16px;height:14px;vertical-align: -1px;}
.sy-h2 .icon-zxkc{background-image:url(images/zxkc.png);background-size:cover; width:16px;height:15px;vertical-align: -2px;}
.sy-h2 .icon-kng{background-image:url(images/kng.png);background-size:cover; width:16px;height:15px;vertical-align: -2px;}
.sy-h2 .icon-ht{background-image:url(images/ht.png);background-size:cover; width:16px;height:15px;vertical-align: -2px;}
.sy-h2 .icon-wd{background-image:url(images/qa.png);background-size:cover; width:16px;height:16px;vertical-align: -3px;}

.sy-list{background: #fff; padding: 0 12px; width: 100%; box-sizing: border-box; margin-bottom: 10px;}
.kc-ul li{width:48%; height:auto;margin-bottom:4%; float:left;}
.kc-ul li:nth-child(2n-1){margin-right:4%;}
.kc-ul li .c-img{ position:relative; overflow:hidden;}
.kc-ul li .c-img img{width:100%; height:auto;}
.kc-ul li .txt-info{width:100%; box-sizing:border-box; padding:0 10px; border:1px solid #e3e3e3; border-top:none;font-size:13px;}
.kc-ul li .txt-hide{line-height:33px;height:33px;}

/*ad*/
.sy-ad{ width:100%;background: #fff; box-sizing:border-box; margin-top:12px;padding: 5px; margin-bottom: 12px;}
.sy-ad img{width:100%; height:auto; }

/*热门知识*/
.kng-ul{margin-top: -10px;}
.kng-ul li{padding: 15px 0 15px 70px;position: relative;min-height:90px;border-bottom:1px solid #eee;}
.kng-ul li:last-child,.ht-ul li:last-child{border-bottom:none;}
.kng-ul .kng-img{width: 60px;height: 70px;position: absolute;left:0;top: 15px;}
.kng-ul .txt-info{font-size: 12px;color: #888;line-height: 23px;}
.kng-ul .txt-info .orange{font-family: Arial;} 
.kng-ul .txt-info .txt-hide{font-size: 14px; color: #444; margin-bottom:3px;}

/*最新话题*/
.ht-ul{margin-top:-15px;}
.ht-ul li{ position:relative;padding:15px 0 15px 55px; border-bottom:1px solid #eee;}
.ht-ul .ht-tx{position:absolute;left:0;top:15px;}
.ht-ul .ht-tx img{ height:44px; height:44px; border-radius:100%;}
.ht-ul .txt-name{margin-top:6px;}
.ht-ul .txt-name strong{font-size:16px; color:#444; font-weight:normal;}
.ht-ul .txt-name .level{font-size:11px; margin-left:6px;}
.ht-ul .txt-name .right{font-size: 12px;color: #888;}
.ht-ul .txt-name .right .icon-group{font-size: 15px;vertical-align:-2px;margin-right: 5px;}
.ht-ul .txt-name .right .icon-group:before {content: "\e912";}
.ht-ul .txt-hide{ font-size:13px; margin:10px 0 7px 0;}
.ht-ul .txt-info{overflow:hidden;text-overflow:ellipsis; display:-webkit-box !important;display:block;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all; font-size:12px; color:#999;}
.ht-ul .ht-pic{text-align:left;margin-top:7px;}
.ht-ul .ht-pic .tu{max-width:100%; max-height:185px;}
.ht-ul .ht-pic ul{margin-left:-2%;}
.ht-ul .ht-pic li{ float:left; padding:0; width:31%; margin-left:2%;}
.ht-ul .ht-pic li img{width:100%; height:auto}
.ht-ul .txt-foot{margin-top:5px; padding-top:5px;font-family:Arial;}
.ht-ul .txt-foot span{display:inline-block;width: 22%;font-size: 12px;color: #666;text-align:center;}
.ht-ul .txt-foot span:first-child{text-align:left;width: 30%;}
.ht-ul .txt-foot span:last-child{text-align:right;}
.ht-ul .txt-foot i{font-size: 15px;vertical-align: -1px;margin-right:7px;}
.ht-ul .txt-foot .icon-heart-o{color:#e84057;}

/*问答*/
.sy-list .qa-ul{margin:-5px -12px 0;}
.qa-ul li{ position:relative; background:#fff; border-radius:5px; /*! box-shadow:0px 2px 2px #ccc; */ width:100%; box-sizing:border-box;margin-bottom:5px;box-sizing:border-box;clear:both;}
.qa-ul li a{display:block;}
.qa-h{ height:auto;min-height:40px;padding:12px; display:inline-block; position:absolute;width:100%; box-sizing:border-box;}
.qa-h-l{ position:absolute;}
.qa-h-l img{width:40px; height:40px; border-radius:100%;}
.qa-h-r{padding-left:50px;font-size:12px;display:inline-block;}
.qa-tx{ font-size:14px; color:#333;}
.qa-tx span{position:absolute;right:8px;}
.qa-tx span i{margin-bottom:1px;font-family:Arial;}
.qa-tx span em{margin: 1px 2px 2px 2px;vertical-align: -1px;}
.qa-time{color:#888; font-size:12px;margin-top: 2px; font-family:Arial;}
.qa-cont{clear:both;color:#333;font-size:14px;padding:65px 12px 8px 12px;line-height:150%;word-break:break-all;} 
.qa-foot{height:36px;text-align: center;line-height: 23px;margin-bottom: -1px;/*background:#f9f9f9b3;border-top:1px solid #eee;*/display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display: flex;font-size:12px;clear:both;border-bottom: 1px solid #eee;font-family:Arial;} 
.qa-foot a{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 100%;padding: 6px 0;display: block;position: relative; color:#666;}
.qa-foot a i{display:inline-block;margin: -1px 5px 2px 0;font-size: 13px;}
.qa-foot a.green{color:#6c3;}
.qa-foot .icon-eye:before{content: "\e606";}
.line-gradient{background: #ccc;-webkit-mask: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(30%,#000),color-stop(70%,#000),color-stop(100%,transparent)); -webkit-mask: -webkit-linear-gradient(top,transparent,#000 30%,#000 70%,transparent 100%); width: 1px;height: 24px;background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(50%,#dadada),color-stop(100%,#dadada));background-image: -webkit-linear-gradient(left,transparent 50%,#dadada 50%,#dadada 100%);background-image: linear-gradient(to right,transparent 50%,#dadada 50%,#dadada 100%);background-size: 1px 100%;background-repeat: no-repeat; background-position: right;margin-top: 6px;display: none;}

.qa-b-foot-kuang{height:45px;}
.qa-b-foot{position:fixed; width:100%; height:45px; line-height:45px;text-align:center; bottom:0;left:0; z-index:19;}
.qa-b-foot a{display:block; width:100%; height:100%; color:#fff; background:#66cc33;}
/*语音*/
.detail-h-yy{margin:5px 0;height:38px;width: 100%;position: relative;}
.h-qa-yy{display:inline-block; position:relative; height:38px; border:1px solid #75c319; background:#b2e866; border-radius:8px; width:120px;}
.h-qa-yy i{display:block; position:absolute;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg); color:#439e1b; font-weight:bold;font-size:20px;top:8px;right:5px;}
.h-yy-sj{border-top:1px solid #75c319;border-right:1px solid #75c319; background:#b2e866; position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:14px;right:-4px;width:6px;height:6px}
.yy-num{position:absolute;top:0;display:inline-block; height:38px; line-height:40px;vertical-align:top;padding-left:10px; color:#598ba7; font-weight:bold;}

/*账单弹出层*/
.panel-bill{ background:rgba(0,0,0,.6); height:100%;padding:0;}
.panel-bill .bill-main{position:relative;}
.panel-close{text-align:right; padding:50px 10px 20px 0;}
.panel-close .iconfont{background:rgba(255,255,255,.2);border-radius:100%;width:32px;height:32px;color:#fff;font-size: 23px;text-align: center;line-height: 32px;}
.bill-main .bill-pic1{width:100%; height:auto;}
.bill-main .bill-pic2{ position:absolute;width:100%; height:auto; top:0;left:0;}
.bill-main .bill-pic3{width:37.65%; height:auto;}
.bill-main .bill-btn{width:140px; height:40px; line-height:40px; border-radius:20px; color:#fff;background-image: linear-gradient(#fcd601, #faac15); display:inline-block; font-size:16px;}


.panel-scan{position:fixed;top:0;left:0;width:100%; height:100%; text-align:center;}
.panel-scan .scan-img{ width:100%; height:auto;}
.scan-txt{display:block;top: 81%;position:absolute;width:100%;text-align:center;}
.scan-txt span{display:inline-block;background:rgba(0,0,0,.3);border:1px solid #999;color:#fff;font-size: 18px;padding: 0 20px;border-radius:20px;height: 34px;line-height: 33px;}
.scan-dh{width: 70%;position: absolute;top:25.75%;left: 15%;}
.scan-dh img{width:100%;}
.scan-kuang{opacity:0;}
.scan-dh .scan-line{-moz-animation:2s linear 1s normal infinite t-line;-0-animation:2s linear 1s normal infinite t-share;animation:2s linear 1s normal infinite  t-line; position:absolute;left:0;}

/*排行榜*/
.sy-h2 .icon-phb{ background-image: url(images/phb.png);background-size: cover;width: 16px;height: 16px;vertical-align: -3px;}
.sy-h2 .icon-phb::before{display:none;}
.phb-ul li{float:left;width: 33.33%;text-align: center;font-size:13px;color:#444;padding-bottom: 15px;}
.phb-ul li .tx{margin: 2px auto 4px;background-image: url(images/pbg-bg.png);background-size: cover;width: 82px;height: 84px;}
.phb-ul li .tx img{ width: 60px; height: 60px;border-radius: 100%;}
.phb-ul li .tx span{display: inline-block;height: 18px;line-height: 18px;background: #f4bf37;top: -7px;position: relative;font-size: 12px;color: #fff;}
.phb-ul li p:nth-child(3){font-size: 11px;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 20px;}

/*金牌讲师*/
.sy-h2 .icon-teacher{ color: #ffa01e;vertical-align: -1px;width: 16px;}
.js-ul li{background: #f5f5f9;width: 48%;margin-bottom: 4%;float: left;font-size:13px;color:#444;text-align: center;padding: 18px 0;}
.js-ul li:nth-child(2n-1){ margin-right:4%;}
.js-ul li img{width: 85px;height: 85px;border-radius: 100%;margin-bottom: 12px;}
.js-ul li p:nth-child(3){font-size: 11px;color: #fe8209;margin-top: 3px;}
.js-ul li p .iconfont{vertical-align: 0px;margin: 0 2px 0 0;font-size: 13px;}


@-webkit-keyframes  t-line {
  0%{opacity: .3;top:0;}
  20%{opacity:1;top:20%;}  
  40%{opacity:1;top:40%;}
  60%{opacity: 1;top:60%;}
  80%{opacity:1;top:80%;}
  100%{opacity:.3;top:98%;}
}
@-webkit-keyframes  t-line {
  0%{opacity: .3;top:0;}
  20%{opacity:1;top:20%;}  
  40%{opacity:1;top:40%;}
  60%{opacity: 1;top:60%;}
  80%{opacity:1;top:80%;}
  100%{opacity:.3;top:98%;}
}

@media screen and (max-width:1024px){
.kc-ul li .c-img img{height:267px;}
.kc-ul .ht-pic li img{height:298px;} 
}

@media screen and (max-width:770px){
.kc-ul li .c-img img{height:200px;} 
.kc-ul .ht-pic li img{height:217px;}
}
@media screen and (max-width:640px){
.kc-ul li .c-img img{height:175px;} 
.kc-ul .ht-pic li img{height:180px;}  
.scan-dh{top: 19.25%;}  
.scan-txt{top:62%;}
.scan-txt span{font-size:14px; padding:0 10px; border-radius:20px; height:24px; line-height:23px;}

}
@media screen and (max-width:580px){
.kc-ul li .c-img img{height:158px;} 
.kc-ul .ht-pic li img{height:160px;}  
}
@media screen and (max-width:480px){
.kc-ul li .c-img img{height:122px;} 
.kc-ul .ht-pic li img{height:125px;}  
}
@media screen and (max-width:415px){
.kc-ul li .c-img img{height:104px;}
.ht-ul .ht-pic li img{height:106px;}
}
@media screen and (max-width:375px){
.kc-ul li .c-img img{height:94px;}  
.ht-ul .ht-pic li img{height:93px;}
}
@media screen and (max-width:360px){
.kc-ul li .kc-img img{height:94px;} 
.ht-ul .ht-pic li img{height:93px;}
}
@media screen and (max-width:320px){
.kc-ul li .c-img img{height:80px;}
.ht-ul .ht-pic li img{height:76px;}
}