/* 96kaifa原创源码，唯一官网：www.96kaifa.com*/
@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none;-webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input { outline: none; }
li { list-style: none; }
a { text-decoration: none; }
body { font: 12px STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; color: #555; }
em, i { font-style: normal; }
strong { font-weight: bolder; }
img { width: 100%; height: auto; }
.fl { display: block; float: left; }
.fr { display: block; float: right; }
#Wrap { min-width: 320px; max-width: 768px;min-height: 70vh; margin: 0 auto; background: #f6f6f6; overflow: hidden; position: relative; }

/*top*/
#QZhead { min-width: 320px; max-width: 768px; width: 100%; background: #2e9dd9; z-index: 2017; }
#QZhead .box { display: flex; flex: 1; margin: 0 12px; }
#QZhead .box > a { display: inline-block; flex: 0 0 35px; order: -1; width: 100px; height: 35px; background: url(../images/logo.png) no-repeat left center; background-size: auto 35px; cursor: pointer; margin-top: 8px; }
#QZhead .box div.search { flex: 1; height: 35px; margin: 7px 20px 7px 10px; border: 1px #ddd solid; border-radius: 4px; background: #f6f6f6; overflow: hidden; }
#QZhead .box div.search div { display: block; height: 25px; margin: 5px 33px 5px 18px; position: relative; }
#QZhead .box div.search input.search-input { width: 92%; float: left; height: 25px; line-height: 25px; color: #888; border: none; background: none; overflow: hidden; font-size: 14px; }
#QZhead .box div.search input.search-btn { display: inline-block;  height: 20px; width: 20px; padding: 6px 12px 6px 10px; position: absolute; right: -24px; top: 2px; background: url(../images/ico-ss.png) no-repeat; background-size: 100%; }
#QZhead .box span.meun { display: inline-block; flex: 0 0 33px; width: 33px; height: 33px; margin-top:12px; background: url(../images/btn-meun.png)  no-repeat ; background-size: 33px auto; cursor: pointer; }
#QZhead .box p { flex: 1;color: #fff;font-size: 20px;text-align: center;font-weight: bold;line-height: 40px;}
.QZburger{display: none;width: 100%;position: absolute;top: 51px;height: auto;padding: 12px 0;background: #fff;box-shadow: 0 4px 15px rgba(0,0,0,.2);z-index: 99;}
.QZburger .bt{overflow: hidden;margin: 0 12px;border-left: 2px solid #1a89ed;font-size: 14px;color: #323232;text-indent: 8px;}
.QZburger .cont1{margin: 12px 12px;overflow: hidden;border-bottom: 1px solid #eee;}
.QZburger .cont1:last-child{border-bottom: none;}
.QZburger .cont1 p{display: block;float: left;width: 33.3%;}
.QZburger .cont1 p a{display: block;margin: 0 auto 12px;width: 90%;line-height: 24px;font-size: 14px;color: #767676;background: #f6f6f6;border-radius: 4px;text-align: center;overflow: hidden;}

/*.YQ_link{background: #f4f4f4 !important;}*/
.YQ_link .lis { overflow: hidden; margin: 0 12px 10px 12px; }
.YQ_link .lis a { font-size: 12px; color: #909090; margin-right: 20px; line-height: 28px; }

.QZfoot { clear: both; display: block; background-color: #2e9dd9; text-align: center; overflow: hidden; }
.QZfoot span { display: block; height: 70px; background: url(../images/logo2.png) no-repeat center center; background-size: 140px auto; }
.QZfoot p { font-size: 10px; color: #ffffff; line-height: 20px; margin: 0 0 12px; }

.basebox { background: #fff; margin-top: 6px; }
.basebox .bt { display: block; overflow: hidden; margin: 0 12px; border-bottom: 1px solid #eee; }
.basebox .bt p { float: left; color: #323232; font-size: 16px; font-weight: bold; line-height: 42px; }
.basebox .bt a { float: right; font-size: 14px; color: #323232; line-height: 42px; text-decoration: none; }
.basebox .bt a:after{display:inline-block;content: '';width: 6px;height: 10px;background: url(../images/ico-jt.png) no-repeat;background-size: 100%;margin-left: 6px;}

.Head1{display: block;padding: 0 12px;overflow: hidden;}
.Head1 h2{float: left;color: #333;font-size: 16px;line-height: 42px;}
.Head1 a{float: right;color: #888;font-size: 12px;line-height: 42px;padding-right: 10px;background-size: 4px auto;}

.Cont3{display: block;padding: 15px 12px;overflow-y: hidden;overflow-x: scroll;}
.Cont3 .Cont3-box{width: 906px;overflow: hidden;}
.Cont3 .Cont3-box a{display: inline-block;float: left;background: #f6f6f6;width: 170px;height: 85px;border-radius: 4px;margin-right: 11px;text-align: center;overflow: hidden;}
.Cont3 .Cont3-box a img{display: inline-block;width: auto;height: 100%;}
.Cont3 .Cont3-box span{display: inline-block;float: left;background: #f6f6f6;width: 170px;height: 85px;border-radius: 4px;margin-right: 12px;text-align: center;overflow: hidden;}
.Cont3 .Cont3-box span a{display: inline-block;padding-top: 30px;margin-top: 21px;height: 30px; background: #f6f6f6;color: #bbb;background: url(../images/more-icon.png) no-repeat top center;background-size: 25px auto;}


.Head3{display: block;position: relative;/*background: #fff;*/height: 42px;overflow: hidden;}

.Head3 .Head3-box{position: absolute;width: 100%;z-index: 10;top: 0;left: 0;}

.Head3 .Head3-box a{display: inline-block;float: left;text-align: center;background: #f0f0f0;color: #999;font-size:14px;line-height: 42px;width: 100%;}
.Head3 .Head3-box a.cur2{background: #fff;color: #333;}
.Head3 span{display: inline-block;position: absolute;z-index: 9;width: 50%;left: 20%;height: 21px;background: #f0f0f0;}
.Head3 em{display: inline-block;position: absolute;z-index: 9;width: 50%;top: 21px;left: 20%;height: 21px;background: #fff;}

.Cont4{padding: 0 12px;}
.Cont4 .Cont4-list{overflow: hidden;padding-bottom: 8px;}
.Cont4 .Cont4-list a{display: block;background: url(../images/list-icon.png) no-repeat left center;background-size: 5px auto;padding: 8px 15px;color: #333;font-size: 14px;
    overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.Cont4 .Cont4-list a:active{background: #eee;}

.yxk-library{width: 100%;background: #fff;margin: 0 0 6px 0;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.yxk-cont1{display: block;margin: 0 12px;border-top: 1px solid #f6f6f6;}
.yxk-cont1 ul{padding-bottom: 15px;overflow: hidden;border-bottom: 1px solid #f6f6f6;}
.yxk-cont1 ul li{float: left;display: inline-block;width: 20%;margin-top: 15px;text-align: center;}
.yxk-cont1 ul li a{display: inline-block;border: 1px solid #ddd;width: 90%;margin: 0 auto;border-radius: 4px;height: 28px;line-height: 28px;
    background: #f6f6f6;    color: #969696;font-size: 12px;}
.yxk-cont1 ul li span{display: inline-block;border: 1px solid #ddd; width: 90%; margin: 0 auto; border-radius: 5px; height: 28px; line-height: 28px; background: url(../../img/comm/ico-opmor.png) no-repeat center;}
.yxk-cont1 .currC a{background: #2e9dd9;color: #fff;border: 1px solid #2e9dd9;}
.morritae{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.yxk-cont1 ul li a:active{background-color: #eee;}
.lei-3{padding: 10px 0;margin: 0 12px;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.lei-3 dt{display: inline-block;text-align: center;line-height: 30px;background: #f5f5f5;width: 18%;margin-right: 10px;border-radius: 2px;float: left;cursor: pointer;}
.lei-3 dd{display: inline-block;text-align: center;line-height: 30px;background: #f5f5f5;border-radius: 2px;width: 18%;cursor: pointer;}
.lei-3 dd a{    color: #969696;}
.lei-3 *.currC{background: #2e9dd9;color: #fff;}
.lei-3 *.currC a{color: #fff;}
.lei-3 *:active{opacity: .8;}

.Cont2{display: block;background: #fff;}

.Cont2 ul{display: block;overflow: hidden;}
.Cont2 ul li{position: relative;padding: 15px 12px;border-bottom: 1px solid #f5f5f5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.Cont2 ul li:active{background: #eee;}
.Cont2 ul li:last-child{border-bottom: none;}
.Cont2 ul li>a.C2-explain{display: inline-block;float: left;}
.C2-explain div{display: inline-block;position: relative;}
.C2-explain div span{display: inline-block;position: absolute;width: 38px;height: 19px;top: -2px;left: -2px;z-index: 10;}
.C2-explain div span.hot{background: url(../images/hot.png) no-repeat;background-size: 38px 19px;}
.C2-explain div img{display: inline-block;width: 57.5px;height: 57.5px;border-radius: 10px;background: #969696;}
.Cont2 ul li .sub{display: block;height: 57.5px;margin: 0 67.5px;position: relative;/*overflow: hidden;*/}
.Cont2 ul li .sub div{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.sub a{display: inline-block;max-height: 40px;margin-bottom: 2.5px;color: #333;font-size: 16px; overflow: hidden;}
.sub p{display: block;color: #888;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sub dl{display: block;overflow: hidden;}
.sub dt,.sub dd{display: inline-block;float: left;color: #888;margin-right: 10px;}
.sub dt span{color: #ff3f3f;}

.Cont2 ul li a.l_btn{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #2e9dd9;border-radius: 3px;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.Cont2 ul li a.l_btn:active{opacity: .8;}
.Cont2 ul li a.l_btn2{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #2e9dd9;border-radius: 3px;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.Cont2 ul li a.l_btn2:active{opacity: .8;}

.ym{display: flex;justify-content: space-between;border-top: 1px solid #f5f5f5;padding: 10px 20px;}

.ym>a{width: 22%;margin: 14px 0;display: inline-block;line-height: 30px;border-radius: 4px;background: #f6f6f6;text-align: center;color: #333;font-family: Helvetica Regular,'æ–¹æ­£ä¸­ç­‰çº¿', Microsoft YaHei,sans-serif,'å®‹ä½“',Tahoma;}

.ym>a:active,.ym>span .cbtn a:active{background: #ddd;}

.ym>a:nth-child(2){width: 14%;}

.ym>a:nth-child(4){width: 14%;}

.ym>a.over{color: #bbb;}

.ym>span{width: 22%;margin: 14px 0;/*padding: 0 10px;*/display: inline-block;line-height: 30px;border-radius: 4px;text-align: center;background: #2e9dd9;color: #fff;font-size: 14px;font-family: Helvetica Regular,'æ–¹æ­£ä¸­ç­‰çº¿', Microsoft YaHei,sans-serif,'å®‹ä½“',Tahoma;position: relative;}

.ym>span .cbtn{position: absolute;top: -62px;left: 0;z-index: 10;height: 92px;overflow-y: scroll;background: #fff;border-radius: 4px;-webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30px 3px #bbb; box-shadow: 0 0 3px #bbb;width:100%;}

.ym>span .cbtn a{display: inline-block;text-align: center;line-height: 30px;margin-bottom: 1px;float: left;width: 100%;background: #f6f6f6;font-size: 14px;color: #666;}
.ym>span .cbtn a.now{background: #2e9dd9;color: #fff;}


#BreadcrumbNavigation{display: block; clear: both; background: #f5f5f5;}

#BreadcrumbNavigation>.BN-a{ display: block; padding: 0 12px; overflow: hidden;}

#BreadcrumbNavigation>.BN-a>.BN-a-head{ display: inline-block; float: left; margin: 5px 6px 5px 0; overflow: hidden;}

#BreadcrumbNavigation>.BN-a>.BN-a-head>span{ display: inline-block; width: 38px; height: 20px; font-size: 12px; font-family: Helvetica Regular,'æ–¹æ­£ä¸­ç­‰çº¿', Microsoft YaHei,sans-serif,'å®‹ä½“',Tahoma; color: #fff; text-align: center; line-height: 20px; cursor: pointer;}

#BreadcrumbNavigation>.BN-a>.BN-a-head>em{ display: inline-block; float:left; width: 20px; height: 20px; background: url(../images/position.png) no-repeat; background-size: 20px  auto;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont{display: block;overflow: hidden; height: 30px;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont>a{ font-size: 14px; color: #555; height: 30px; line-height: 30px; font-family: Helvetica Regular,'æ–¹æ­£ä¸­ç­‰çº¿', Microsoft YaHei,sans-serif,'å®‹ä½“',Tahoma;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont>a.BN-lei{ padding-left: 10px; background: url(../images/up-down3.png) no-repeat 1px top; background-size: 7px auto;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont>a.open{color: #2e9dd9; font-weight: bold;background: url(../images/up-down3.png) no-repeat left bottom; background-size: 7px auto;}

#BreadcrumbNavigation>.BN-b{background-color:#f5f5f5; position:absolute; z-index: 1000; border-bottom: 1px solid #ebebeb;}

#BreadcrumbNavigation>.BN-b>.BN-classify{display: block;margin: 0 6px;overflow: hidden; padding-top: 5px;}

#BreadcrumbNavigation>.BN-b>.BN-classify>li{display: inline-block;float: left;width: 25%;margin-bottom: 10px;}

#BreadcrumbNavigation>.BN-b>.BN-classify>li>a{display: block;margin: 0 6px;text-align: center;border-radius: 2px;background: #fff;color: #333;line-height: 30px;font-size: 12px;font-family: Helvetica Regular,'æ–¹æ­£ä¸­ç­‰çº¿', Microsoft YaHei,sans-serif,'å®‹ä½“',Tahoma;}

#BreadcrumbNavigation>.BN-b>.BN-classify>li>a.BN-cur{background: #2e9dd9;color: #fff;}


/*menu*/

.menu{min-width: 320px;max-width: 768px;width: 100%;height: 43px; z-index:1999; background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04); overflow-x: scroll; overflow-y: hidden;}

.menu>span,.meunmor{display: inline-block;height: 43px;width: 30px;position: absolute;z-index:325; top: 50px;}

.menu .l-y{background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background:
        -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); left: 0;}

.menu .r-y{right: 0px;background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%);}


.menu ul{display: inline-block;padding: 0 12px;overflow: hidden;}

.menu ul li{display: inline-block;padding: 0 15px;float: left;text-align: center;}

.menu ul li a{display: inline-block;color: #333; font-size: 16px;line-height: 35px;border-bottom: 2px solid #fff;margin: 2px 0 4px 0;}

.menu ul li a.current{color: #2e9dd9;font-weight: bold;border-bottom-color: #2e9dd9;}

/*up*/

.QZ-up{display: none;width: 60px;height: 60px;background: url(../images/btn-up.png) no-repeat;background-size: 100%;position: fixed;bottom: 10%;right: 20px;z-index: 325;}

#page li {
    display: inline-block;
}

#page a, #page span {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    margin: 0 5px;
}
.activP {
    background-color: #1a89ed !important;
    color: #fff !important;
}

.ym>li>a{
	color: #1a89ed;
	
}

.ym>li>a.activP{
	padding: 1px 6px;
	 border-radius: 5px;
}
