@charset "utf-8";
/*-----------------------------------------公共样式-----------------------------------------*/
* {margin:0; padding:0;}
html{font-size: 14px;}

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
u, i, s, em {font-style: normal;text-decoration: none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
img{border:0;vertical-align: middle;}
a{color:#000;text-decoration:none;}
ul,li{list-style:none;}
body{ max-width:640px; /*width:320px;*/ margin:0px auto; position:relative; font-family:"微软雅黑";font-size:18px;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;color:#000;-webkit-text-size-adjust:none;background:#e8e8e8;word-break:break-all;}

/* 首页头部 */
.head{background:#FFFFFF;width:100%;z-index:1000;overflow:hidden;}
.header {position:relative;height:4rem;background:#4398ed;color:#fff;}
.header a{color:#fff; display: flex;align-items: center;
height: 100%;
}
.header a img{ max-height: 90%}
.header .a-logo{position: absolute;top:0;left:0;height:4rem;padding:0 1.2rem;width:8.5rem;}
.header .logo{width: inherit; height:4rem;color: transparent;background: url(../images/logo.png) no-repeat center;background-size: 100%;}
.header .return {display: block;float: left;height:55px;text-align:left;width:20px; margin-left:15px;}
.header .return img{height:55px;margin-right:5px;vertical-align:middle}
.header h1{ font-size:14px;}
.header h2{font-weight:normal;position: absolute; text-align:center;left:50%; width:200px;margin-left:-100px;line-height:55px;}
.header h2 a{color:#FFFFFF;}
.header .column{float:left;color:#FFFFFF;font-size:22px;line-height:23px;margin:16px 0 12px; height:27px;padding-left:10px;border-left:1px solid #4dadf8;position: absolute;left:150px;}
.header-operate {position: absolute;top: 0;right: 0;padding:0.5rem;z-index:999;}
.header-operate-a,.header-operate>.icon {float:left;overflow:hidden;}
a.icon-more:empty {position:relative;width:3rem;height:3rem}
a.icon-more:empty::after,a.icon-more:empty::before {position:absolute;top:1.5rem;left:50%;width:1.8rem;margin-top:-1px;margin-left:-.5625rem;content:'';-webkit-transition:all .15s;transition:transform .15s;border-top:3px solid}
a.icon-more:empty::before {-webkit-transform-origin:top center;transform-origin:top center;border-bottom:3px solid;height:6px;}
a.icon-more:empty::after {-webkit-transform:translateY(-10px);transform:translateY(-10px)}
a.icon-more.active::before {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);border-bottom:0;height:0;}
a.icon-more.active::after {-webkit-transform:translateY(0) rotate(-45deg);transform:translate(-0.5px,1px) rotate(-45deg);}
/*导航*/
.guide {position:fixed;z-index:999;top:4rem;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden;transition:visibility .25s;-wekit-transition:visibility .25s}
.active.guide {visibility:visible;transition:none;-wekit-transition:none}
.active>.aside-overlay,.active>.guide-overlay {opacity:.6}
.aside-overlay,.guide-overlay {-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0;background-color:#000}
.aside,.aside-overlay,.footer-backtop-circle svg,.full,.guide-overlay {position:absolute;top:0;right:0;bottom:0;left:0}
.guide-content {position:relative;overflow:hidden;-webkit-transition:-webkit-transform .15s;transition:transform .15s;-webkit-transform:translateY(-100%);transform:translateY(-100%);background-color:#fff}
.active>.guide-content {-webkit-transform:translateY(0);transform:translateY(0)}
.guide-nav {font-size:0;text-align:justify;margin:0 5%;}
.guide-nav::after {display:inline-block;width:100%;height:0;content:'';vertical-align:top}
.guide-content {position:relative;overflow:hidden;-webkit-transition:-webkit-transform .15s;transition:transform .15s;-webkit-transform:translateY(-100%);transform:translateY(-100%);background-color:#fff}
.active>.guide-content {-webkit-transform:translateY(0);transform:translateY(0)}
.guide-nav {font-size:0;text-align:justify;margin:0 5%;}
.guide-nav::after {display:inline-block;width:100%;height:0;content:'';vertical-align:top}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.guide-nav-a>.icon {position:absolute;right:0;bottom:1.625rem;left:0;margin:auto}
.guide-footer {text-align:center;padding-left:1%;}
.guide-footer a{font-size: 1rem;width:24%;margin:0.5rem 1% 0.5rem 0;line-height:3.5rem;display:block;text-align: center;float:left;color: #fff;border-radius:5px;background-color: #4398ed;}

#nav{background:#FFFFFF;line-height:55px;overflow:hidden;margin-bottom: 2%;width:100%}
#nav ul{overflow:hidden;width:100%}
#nav ul li{display:block;width:20%;float:left;position: relative;}
#nav ul li a{font-size:19px;display:block;width:100%;color:#000000;text-align:center;position:relative}
/*#nav ul li a:hover{border-bottom: 2px solid #07A7E1;;}*/
#nav ul li.select:before{content:"";height:2px;background:#008af5;width:80%;float:left;position:absolute;bottom:0;left:0;margin-left:10%}
#nav ul li i.open-more{background-image:url("../images/open-more.png");display: inline-block;position: absolute; width:10px;top:25px;height:6px;margin-left:2%;}
/*栏目导航*/
.sub-nav{display:none;}
.sub-nav dl{overflow:hidden;}
.sub-nav dl dt{text-align:center;margin:2% 2% 0;color:#008af5;font-size:14px; overflow:hidden;line-height: 22px;font-weight: bold;}
.sub-nav dl dd{overflow:hidden; width:100%;}
.sub-nav dl dd span{float:left;display:inline-block; width:31.333%;padding:0 1%;margin-top:2%;height:20px; line-height:20px;text-align:center;}
.sub-nav dl dd span a{display:block; width:100%;color:#6d6d6d;background:#f3f3f3; border-radius:10px; line-height:20px; font-size:13px;}
.sub-nav dl dd span.select a{background:#008af5 none repeat scroll 0 0;color: #fff;}

.sub-nav-close-btn{height:30px;text-align:center;overflow:hidden;}
.sub-nav-close-btn a{line-height:normal;display:block;}
.sub-nav-close-btn img{width:auto;line-height:normal;margin-top:15px;}

/* 主体 */
.main{overflow:hidden;margin:0 auto;margin-bottom: 2%}
/*.main{overflow: hidden;margin-top:2%;margin-right: auto;margin-bottom: 0%;margin-left: auto;}*/
.breadcrumbs{position:relative;height:43px;line-height:43px;background:#f2f2f2;border-bottom:1px solid #e5e6e7;white-space:nowrap;overflow:hidden}
.breadcrumbs .home{padding-left: 40px;display: inline-block;padding-right: 10px;background-image: url(../images/home.gif);background-color: #f2f2f2;background-repeat: no-repeat;background-size: 20px 18px;background-position: 10px 11px;float: left;}
.breadcrumbs a.fh-list{display: inline-block;height:40px; float:right;line-height: 40px; margin-top:3px;margin-right:10px;position: absolute;right: 0;overflow: hidden;white-space: nowrap;color: #999;font-size: 14px;}
.breadcrumbs *{display:inline-block;vertical-align:top;color:#333;font-size:14px;font-weight:400}
/*首页分类*/
.index-tag-3{background-color:#fff;border-radius: 5px;overflow:hidden;margin:2% 0;}
.index-tag-3 .title{background-color:#fff;border-bottom: 2px solid #008af5;padding: 12px 14px;}
.index-tag-3 .title span{color:#666666;font-size:18px;line-height:20px;}
.index-tag-3 ul.list-bq{overflow: hidden;zoom: 1;margin: 1%;}
.index-tag-3 ul.list-bq li{width:32%;float:left;margin-bottom:10px; margin-right:2%;border-radius: 5px; background:#FFF;overflow:hidden}
.index-tag-3 ul.list-bq li:nth-child(3n+0){margin-right:0;}

.index-tag-3 ul.list-bq li img {
    display: block;
    width: 100%;
    height: 115px;
    text-align: center;
    border-radius: 5px;
}

.index-tag-3 ul.list-bq li a.is-title{width:94%;padding:2% 3% 0;height:28px;line-height:28px;overflow:hidden;display:block; text-align:center}
.index-tag-3 ul.list-wz{overflow:hidden;margin:0 auto;}
.index-tag-3 ul.list-wz li{background:url("../images/dot.gif") no-repeat scroll 2% center transparent;border-bottom:1px solid #eee;font-size:16px;display:block;line-height:46px;overflow:hidden;float:left;width:47%;padding-left:3%;text-overflow: ellipsis;white-space:nowrap;}
.index-tag-3 ul{overflow:hidden;margin:0 auto;}
.index-tag-3 ul li a{color:#2a2a2a;}
.index-tag-3 ul li:nth-child(9){border-bottom:none;}
/*列表*/
.tab-page{overflow:hidden;}
#page-tab-2{overflow:hidden;}
#page-tab-2 .is-pics-title{float:left;width:47%;margin-right:2%;}

#page-tab-2 .is-pics-title img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 168px;
}

.is-pics-title{background-color:#fff;display:inline-block;position:relative;width:96%;margin:0 2% 2%;border-radius:5px}
.is-pics-title img{display:block;width:100%;height:100%;text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background: url(../images/spinner.gif) no-repeat center;}
.is-pics-title a.is-title{width:94%;padding:2% 3%;height:28px;line-height:28px;overflow:hidden;display:block}
.is-pics-title p.is-brief{width:94%;padding:1% 3% 0;font-size:12px;height:50px;line-height:18px;color:#888;overflow:hidden}
.is-pics-title p.is-brief#info{font-family:Georgia,serif}
.is-pics-title p.is-brief#like{font-family:Georgia,serif;position:relative;height:34px;line-height:24px}
.is-pics-title p.is-list-brief{width:94%;padding:1% 3% 0;font-size:11px;height:30px;line-height:18px;color:#888;overflow:hidden}

#page-tab-3 {overflow: hidden;padding:0 2%;}
#page-tab-3 li{width:32%;float:left;margin-bottom:10px; margin-right:2%;border-radius: 5px; background:#FFF}
#page-tab-3 li:nth-child(3n+0){margin-right:0;}
#page-tab-3 li a{display:block;width:100%;float:left}
#page-tab-3 li a img{width:100%;height:120px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;background: url(../images/spinner.gif) no-repeat center;}
#page-tab-3 li .is-title{width:94%;padding:2% 3%;height:28px;line-height:28px;overflow:hidden;display:block; font-size:16px;}
#page-tab-3 li .is-list-brief{width:94%;padding:1% 3% 0;font-size:11px;height:30px;line-height:18px;color:#888;overflow:hidden}

/* 内容 */
.userinfo{padding: 5px;color: #aaa;text-align: center;font-size: 14px;text-decoration: none;overflow:hidden; }
.article{background-color: #fff;border-radius: 5px;margin:0 2% 2%;}
.article .title{display: block;overflow:hidden;margin: 3px 0;position: relative;border-bottom:1px solid #eee;}
.article .title h1{font-size: 24px;font-weight:bold;color: #333;line-height:36px;padding:3%;font-size:20px;font-weight:normal;}
.art_content{overflow:hidden;padding:8px 12px;text-align:justify;word-wrap:break-word;font-size:1em;line-height:26px;}
.art_content img{margin:2%;height:auto;max-width:96%;}
.art_content p{margin-bottom:0.5em;font-size:16px;}
.art_content a{color:#5494ea;}
.article .title .is-brief#like.is-brief{font-family:Georgia,serif;height:32px;line-height:32px;position:relative;color:#888;font-size:12px;overflow:hidden;padding:0 3% 2%;width:94%}
.is-name-info{border-top:none;margin-top:0;padding:3%;}
/*分页*/
.pages {border: 1px solid #ddd;box-shadow: 0px 1px 3px #ccc;margin: 10px; overflow:hidden; background:#F4F4F4;}
.pages li {float: left;width: 33.1%;position: relative; list-style:none;}
.pages li.info {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.pages li  a {display: block;height: 32px;text-align: center;line-height: 32px;font-size:16px;color: #999;}

.page { width: 100%; position: relative; margin-bottom: 12px; }
.page p { width: 40%; height: 45px; line-height: 45px; font-size: 18px; color: #999; border-radius: 2px; text-align: center;border: 1px solid #ddd; }
.page p a { color: #999; }
.page .active:hover {color:#fff; background-color:/*#e12160*/#ccc; border-color:/*#e12160*/#ccc;}
.page .prev { position: absolute; top: 0; left: 0; }
.page .next { position: absolute; top: 0; right: 0; }
.page .active {background:#F4F4F4;}
.page .sum { text-align: center; background-color: #f4f4f4; color: #999; margin: 0 auto; width:15%; }
/*翻页按钮*/
.page-fy{margin:0 2% 2%;}
.showprev{float:left}
.shownext{float:right}
.showprev,.shownext{border:1px solid #f5f5f5; display: inline-block; width: 49%; padding:10px 0;color:#fff; text-align: center;background-color: #f4a100;font-size:1em;border-radius:5px;}
/*列表分页*/
.turn-page{ width:90%; padding:1% 5%; display:block;}
.turn-page a{color: #fff;border:1px solid #19B5FE; background-color:#19B5FE;padding:5px 19px;display:none;border-radius:16px;}
.turn-page a.no-turn {border: 1px solid #ccc;color: #ccc;background-color:#fff;}
.turn-page a.prev{float:left;display:inline-block;}
.turn-page a.next{float:right;display:inline-block;}
.turn-page .in,.turn-page .num{display:none;}
/*列表分页*/
.pagelist{margin:1% 0 1%;overflow:hidden;}
.pagelist ul {overflow:hidden; margin:0 auto; text-align:center;}
.pagelist ul a {padding: 2% 5%; margin: 0 2%;border:1px solid #d7d7d7;background: #fff;color: #ccc; border-radius:3px; overflow:hidden; display:inline-block; width:35%}
.pagelist ul a.nextclass{background:#008af5; color: #fff; border:1px solid #008af5;}
/* 分享 */
#channel-funx{position:absolute;top:0;right:3%}
#channel-funx .bds_more{background-color:#4cd964;background-image:none;border-radius:2px;font-size:14px;height:24px;line-height:24px;text-align:center;text-indent:0;width:50px;display:inline-block;float:none;margin:0;color:#FFF}

.page-share{margin:6% 2%;height:30px;line-height:30px;}
.page-share span{position:relative;float:left;border-radius:4px;font-size:14px;width:64px;height:28px;line-height:28px;text-align:center;margin-right:15px;background:#efefef;border:1px solid #dedede}
.page-share span i{position:absolute;display:block;width:5px;height:15px;top:7px;right:-5px;background:url("../images/share.png") 0 -157px no-repeat;background-size:30px auto}
.page-share a{float:left !important;width:30px !important;height:30px !important; margin: 0 8px 0 0 !important;border-radius: 4px !important;background:url("../images/share.png") #e95454 no-repeat !important; background-size: 30px auto !important; padding-left:0;}
.page-share .bds_tsina:hover{background-color: #d13b3b !important}
.page-share .bds_sqq{background-position: 0 -30px !important; background-color: #54b6e9 !important}
.page-share .bds_sqq:hover{background-color: #318fbf !important}
.page-share .bds_qzone{background-position: 0 -60px !important; background-color: #ffc600 !important}
.page-share .bds_qzone:hover{background-color: #d4a502 !important}
.page-share .bds_weixin{background-position: 0 -90px !important; background-color: #3fae4c !important}
.page-share .bds_weixin:hover{background-color: #21982f !important}
.page-share .bds_more{background-position: 0 -120px !important; background-color: #dedede !important}
.page-share .bds_more:hover{background-color:#bcbbbb !important}
/*推荐*/
.cr {clear:both;height:0px;overflow:hidden;}
.tuijian{background-color:#fff;border-radius: 5px;overflow:hidden;margin:2% 2% 2%;}
.tuijian .title{background-color:#fff;border-bottom: 2px solid #dfdfdf;padding: 12px 14px;}
.tuijian .title span{color:#666666;font-size:16px;line-height:16px;}

.tuijian ul.list-bq{overflow:hidden;zoom:1;margin:2% auto;}
.tuijian ul.list-bq li{box-sizing:border-box;display:inline-block; margin-left:2%;margin-right:1%;margin-bottom:2%;float:left;overflow:hidden;width:30%;text-align:center;}
.tuijian ul.list-bq li img{width:100%;height: 100px;}
.tuijian ul.list-bq li p{background-color:#e6e4e5;box-sizing:border-box;color:#000000;font-size:14px;line-height:14px;padding:7px 2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;}
.tuijian ul.list-bq li p{color:#000000;}

.tuijian ul.list-tp{overflow: hidden;zoom: 1;margin: 1%;}
.tuijian ul.list-tp li{width:32%;float:left;margin-bottom:10px; margin-right:2%;border-radius: 5px; background:#FFF}
.tuijian ul.list-tp li:nth-child(3n+0){margin-right:0;}
.tuijian ul.list-tp li img{display:block;width:100%;height:100%;text-align:center;border-radius: 5px;}
.tuijian ul.list-tp li a.is-title{width:94%;padding:2% 3% 0;height:28px;line-height:28px;overflow:hidden;display:block; text-align:center}

.tuijian ul.list-wz{overflow:hidden;margin:0 auto;}
.tuijian ul.list-wz li{border-bottom:1px solid #eee;font-size:16px;display:block;line-height:46px;overflow: hidden;float: left;width:48%;padding-left:2%;text-overflow: ellipsis;white-space:nowrap;}
.tuijian ul{overflow:hidden;margin:0 auto;}
.tuijian ul li a{color:#2a2a2a;}
.tuijian ul li:nth-child(9){border-bottom:none;}
/*.tuijian ul li:nth-child(5),.tuijian ul li:nth-child(6),.tuijian ul li:nth-child(7),.tuijian ul li:nth-child(8){border-bottom:none;}*/
/* 底部 */
.footer{margin: 0 auto;padding:10px 0;text-align:center;background:#fff;border-top:1px solid #eee; font-size:12px;font-family: Georgia,serif;}
.footer p{color:#888;line-height:30px}
.footer p a{ color:#888; margin:0 10px;}
/*返回顶部*/
.bottom_tools{position:fixed;z-index:1070;right:2%;bottom:2%}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.scrollUp{width:40px;height:40px;background:url(../images/custom-icon.png) no-repeat top right; background-size:400px;pxdisplay:none}
/*GG*/
.YD-GD{overflow:hidden;}


.menuwrapmain{overflow:auto;}
.menuwrapmain>a{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:fixed;left: 0;right: 0;margin: 0 auto}

.now_pos{
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;

}
.now_pos a{
    color: #666;
}
.now_pos > a + a:before {
    content: ">";
    padding: 0 5px;
    color: #666;
}

.page{margin:20px 0 0;text-align:center;}
.page a,.page li span{ position:relative; display:inline-block; overflow:hidden; padding:2px 10px; width:auto; border:1px solid #E3E3E3; background:#fff; color:#333; text-align:center; font-size:13px; zoom:1; _display:inline; }
.page a[disabled]{ border:1px solid #ccc; background:#e4e4e4; color:#333; cursor:not-allowed; }
.page a[disabled]:hover{ border:1px solid #ccc; background:#e4e4e4; color:#333; }
.page .active span, .page .active:hover{  background:#4398ed; color:#fff; text-decoration:none; }
.page li{
    margin: 0 5px;
}
.page .pagination{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.nav{
    width: 100%;
    white-space: nowrap;
    overflow-x:scroll;
    overflow-y:hidden;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #e3e3e3;
    background: white;

}
.nav .navs{
    display: inline-block;
}
.nav .navs a{
    display: inline-block;
    padding: 8px 10px;
    font-size: 16px;
    color: #333;
}

.nav::-webkit-scrollbar {
    height: 0;
}

.subcate {
    padding: 5px;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 2rem rgba(0,0,0,0.01);
    font-size: 16px;
   margin-bottom: 10px;
}

.subcate ul {
    font-size: 0;
}

.subcate li {
    display: inline-block;
    font-size: 1.4rem;
    padding: 0 1.6rem;
    position: relative;
}

.subcate li a {
    line-height: 40px;
}

.subcate li:after {
    content: '/';
    position: absolute;
    top: 5px;
    right: -.4rem;
    color: #9ca0ad;
    opacity: .28
}

.subcate li:last-child {
    padding: 0 0 0 1.6rem;
}

.subcate li:last-child:after {
    display: none
}

.subcate li.active a {
    color: #448EF6
}