pfhwyigou/mobile/web/overseas/css/knowledgebase/zsk_list.css

body{background:#fff;}
.max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}
.max_box img{display:block;}



/*头部*/
.m_category_box{width:100%;background:#fff;position:fixed;top:50px;z-index: 10;}

.m_category_list_box{width:100%;position:absolute;top:45px;display:none;}
.m_category_list{background:#FFF;padding:15px 0;}
.m_category_list li{float:left;width:33.3%;text-align:center;font-size:0.9rem;color:#87888A;margin-bottom:13px;}
.m_OuterLayer{width:100%;background:rgba(53, 52, 52, 0.59);height:100%;}


/*内容*/
.m_category_zx_box{width:100%;background:#FFF;}
.m_category_zx{padding:15px 0;width:95%;margin:auto;}
.m_category_zx_bx{border-bottom:1px solid #EEE;}
.m_category_zx a{display:block;}
.m_category_zx img{width:30%;height:88px;float:left;}

.m_category_text{width:67%;float:left;margin-left:10px;}
.m_category_text em{font-size:0.95rem;color:#3A4044;line-height:22px;display:block;margin-top:5px;}
.m_category_text p{margin-top: 18px;}
.m_category_text p i{margin-right:10px;font-size:0.7rem;color:#C1C4C7;}



.m_category_st{padding:15px 0;width:95%;margin:auto;}
.m_category_st em{font-size:0.95rem;color:#3A4044;line-height:22px;display:block;margin-top:5px;}
.m_category_st p{margin-top:5px;}
.m_category_st p i{margin-right:10px;font-size:0.7rem;color:#C1C4C7;}

.m_category_st ul{margin-top:10px;}
.m_category_st ul li{width:32%;height:88px;float:left;margin-right:7px;}
.m_category_st ul li:last-child{margin-right:-50px;}
.m_category_st ul li img{width:100%;height:100%;}


/*报名*/
.m_bm{height:80px;margin-top:20px;background:#FFF;border-bottom:10px  solid #EFEFF4;border-top:10px  solid #EFEFF4;}
.m_bm_l{float:left;width:28%;height:60px;background: url(/overseas/img/knowledgebase/zsk11.png) no-repeat 0 0/ 100% 100%;text-align:center;line-height:60px;font-size:1rem;color:#fff;}
.m_bm form{width:67%;height:40px;float:right;background:#EDEDEF;margin:10px 10px 0 0;}
.m_bm form input[type="text"]{width:62%;height:40px;float:left;display:block;border:0;background:#EDEDEF;padding:0 15px;font-size:0.8rem;color:#757575;}
.m_bm form input[type="button"]{width:33%;height:40px;float:right;display:block;border:0;font-size:0.9rem;color:#FFF;background:#459FFF;border-radius:3px;}

.m_bm1 {position:relative;background:#EFEFF4;padding-top:10px;padding-bottom:10px;}
.m_bm1 img {display:inline-block;width:100%;}
.submit_area1 {position: absolute;bottom:17px;left:50%;margin-left:-133px;}
.submit_area1 input[name="mobile"] {height:32px;border:none;border-top-left-radius:20px;border-bottom-left-radius:20px;font-size: 0.8125rem;padding-left:10px;line-height: 32px;}
.submit_area1 input.apply_submit {font-size: 0.9125rem;border: none;height: 32px;line-height: 32px;padding: 0 15px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;color:#0158B2;font-weight:600;
  background: -webkit-linear-gradient(#FFD920,#FFD920,#FCA140); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#FFD920,#FFD920,#FCA140); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#FFD920,#FFD920,#FCA140); /* Firefox 3.6 - 15 */
  background: linear-gradient(#FFD920,#FFD920,#FCA140); /* 标准的语法 */
}


/*悬挂*/
.m_category_xg{width:40px;position:fixed;top:50%;right:10px;margin-top:-50px;z-index:100;}
.m_category_xg img{width:100%;}

/*公众号*/
.m_follow_box{position:fixed;top:0;left:0;width:100%;display:none;}
.m_follow{width:85%;position:absolute;top:50%;left: 50%;background:#FFF;border-radius:10px;overflow:hidden;text-align:center;margin-top:-112.5px;padding-bottom: 10px;margin-left:-42.5%;}
.m_follow_title img{width:100%}

.m_follow .m_follow_sm{width:25%;margin:auto;position:relative;top:-23px;}
.m_follow span{font-size:0.8rem;color:#646162;position:relative;top:-13px;}
.m_follow .m_follow_gb{margin:auto;width:25px;position:relative;top:-5px;}

.m_follow_zez{background:rgba(53, 52, 52, 0.59);width:100%;height:100%;}
.m_follow{      
animation:change 0.4s;
-webkit-animation:change 0.4s;
-moz-animation:change 0.4s; 
}

@keyframes change {
  0% {margin-left:10%}
}

-webkit-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

-moz-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}





/*列表导航*/
.find_nav {width: 100%; height:45px;background-color: #fff;border-bottom: 1px solid #ddd;display: -moz-box;display: -webkit-box;display: box;}
.find_nav_left {height: 45px;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.find_nav_list {position: absolute;left: 0;top:10px;}
.find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;}
.find_nav_list ul li {display: inline-block;padding: 0 10px;height:34px;}

.find_nav_list ul li a { display: block;width: 100%;height: 100%;line-height: 25px;font-size: 0.9rem;text-align: center;color: #333;float:left;}
.find_nav_list ul li a span{float:left;display:block;}
.find_nav_list ul li img{margin-top:7px;display:block;float:left;}

.find_nav_cur a {font-size:0.98rem;/*padding:1px 10px;*/display:block;}
.find_nav_cur a.on {color:#459FFF;border-bottom:2px solid #459FFF;}
.sideline { display: block;position: absolute;border: 0;height: 2px;background-color: #48a5f4;left: 0;top: 43px;pointer-events: none;}
.search_logo {display: block;width: 44px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #48a5f4;}

/* 加载更多 */
.dropload-down {width:100%;text-align:center;padding:8px 0;color:#999;font-size: 0.95rem;}



@media screen and (min-width: 300px) and (max-width: 374px) {
  .m_category_zx img{height: 78px;}
  .m_category_text{width:66%;}
  .m_category_text p{margin-top:9px;}

}

@media screen and (min-width: 414px){


}