pfhwyigou/wechat/web/css/knowledgebase/zsk_index.css

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

.y_header{display:none;}
.height{display:none;}

/*头部*/
.m_head_box{width:100%;height:210px;background:#459FFF url(/image/knowledgebase/zsk1.png) no-repeat 0 0/ 100% 100%;}
.m_head_dh{width:100%;height:50px;position:relative;text-align:center;}
.m_head_dh span{font-size:1.4rem;color:#FFF;line-height:54px;}
.m_head_dh span a{ color: #fff;}
.m_head_gt{position:absolute;top:15px;left:15px;width:20px;}
.m_head_gt img{width:100%;}
.m_head_logo{margin:auto;width:20px;}
.m_head_Navigation{position:absolute;top:12px;right:10px;}
.m_head_Navigation img{width:26px;}
.m_head_Navigation p{font-size:0.8rem;color:#fff;margin-top:4px;}
.m_head_search_box{width:90%;height:40px;margin:auto;margin-top:10px;border-radius:20px; background:#C9E3FF;}

.m_head_search{margin:auto;overflow:hidden;border-radius:20px;}
.m_head_search .m_head_search_input{float:left;padding-left:40px;width:72%;height:40px;background:#C9E3FF url(/image/knowledgebase/zsk4.png) no-repeat 11px 11px / 20px 20px;border:0;font-size:0.95rem;color:#757575;}
.m_head_search input[type="button"]{width:25%;float:right;height:40px;background:#FF5849;border:0;font-size:1rem;color:#FFF;}

.m_head_img{width:90%;margin:auto;margin-top:25px;border-radius:10px;overflow:hidden;box-shadow :1px 3px 18px 0px rgba(161, 160, 160, 0.62);}
.m_head_img img{width:100%;height:100%;}

/*知识库*/
.m_zsk_list_box{margin-top:90px;}

/*.m_zsk_list_box .m_zsk_list:nth-child(1) .m_zsk_list_title{padding:3px 0 3px 0;}
.m_zsk_list_box .m_zsk_list:nth-child(1) .m_zsk_list_title em{padding:0;position:relative;top:-6px;}
.m_zsk_list_box .m_zsk_list:nth-child(1) .m_zsk_list_title p{position:relative;top:-18px;}
*/
.sqclick{display:none;}
#z_index{z-index:100;box-shadow:1px 7px 20px 0px rgba(107, 107, 107, 0.48);}

.m_zsk_list{width:90%;height:184px;margin:auto;margin-top:15px;border-radius:10px;position:relative;}
.m_zsk_list_xf{position:absolute;top:0;background:#fff;transition: all 0.6s;border-radius:10px;padding-bottom:8px;width:100%;}

.m_zsk_list_title{border-bottom:1px solid #E0E0E0;position:relative;padding: 15px 0;}
.m_zsk_list_title p{background:#459FFF;margin:auto;width:110px;line-height:30px;text-align:center;border-radius:20px;font-size:1rem;color:#FFF;position:relative;top:-24px;}
.m_zsk_list_title em{display:block;text-align:center;font-size:1rem;color:#322929;width: 100px;margin:auto;}
.m_zsk_list_title em i{background:#312828;width:3px;height:3px;display:block;border-radius:10px;float:left;margin-top:10px;}
.m_zsk_list_title em span{float:left;margin: 0 4px;}

.m_zsk_list_ul{margin-top:20px;height:70px;overflow:hidden;transition: all .4s;}
.m_zsk_list_ul li{float:left;width:33%;text-align:center;margin-bottom:15px;}
.m_zsk_list_ul li a{font-size:0.9rem;color:#898C8E;}
.m_zsk_list_zk{width:60px;height:25px;margin:auto;margin-top:5px;}
.m_zsk_list_zk span{float:left;font-size:0.95rem;color:#864f4f;}
.m_zsk_list_zk img{float:left;width:14px;margin-top:6px;margin-left:6px;}




.xm_zsk_list_ul{margin-top:20px;height:70px;overflow:hidden;transition: all .4s;}
.xm_zsk_list_ul li{float:left;width:50%;text-align:center;margin-bottom:15px;}
.xm_zsk_list_ul li a{font-size:0.9rem;color:#898C8E;}

/*报名*/
.m_bm{width:90%;margin:auto;margin-top:20px;border-radius:10px;background:#FFF;box-shadow :1px 3px 18px 0px #d4d4d4;padding-bottom:20px;overflow:hidden;background:#459FFF url(/image/knowledgebase/zsk71.png) no-repeat 0 0/ 100% 100%;}
.m_bm_title{height:85px;text-align:center;overflow:hidden;}

.m_bm_title em{font-size:1.1rem;color:#FFF;display:block;font-weight:600;margin-top:15px;}
.m_bm_title span{font-size:0.7rem;color:#FFF;position:relative;top:5px;}

.m_bm form{width:85%;margin:auto;margin-top:5px;margin-bottom:30px;background:#fff;height:35px;border-radius:3px;border-radius:20px;}
.m_bm form input[type="text"]{width:64%;height:35px;float:left;display:block;border:0;background:#fff;padding:0 15px;font-size:0.8125rem;color:#757575;border-bottom-left-radius:20px;border-top-left-radius:20px;}
.m_bm form input[type="button"]{width:33%;height:35px;float:right;display:block;border:0;font-size:0.9375rem;font-weight:600;color:#0D31BC;background:#459FFF;border-bottom-right-radius:20px;border-top-right-radius:20px;
 background: -webkit-linear-gradient(#FFD920,#FFD920,#FCA84E); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#FFD920,#FFD920,#FCA84E); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#FFD920,#FFD920,#FCA84E); /* Firefox 3.6 - 15 */
  background: linear-gradient(#FFD920,#FFD920,#FCA84E); /* 标准的语法 */
}

@media screen and (min-width: 300px) and (max-width: 374px) {
.m_zsk_list_box{margin-top:65px;}
}

@media screen and (min-width: 414px) and (max-width: 768px) {
.m_zsk_list_box{margin-top:105px;}
}