@charset "utf-8";

*{border:0;margin:0;padding:0;outline:0;}
body{font-family:"微软雅黑",Arial,"宋体",serif;font-size:16px;color:#333;background:#f5f6f9}
a,a:link,a:visited{color:#333;text-decoration:none;outline:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover{color:#f80}
li,ul{list-style:none}
hr{border-top:1px solid #eee}
h3{font-size:18px;color:#f60;font-weight:700;height:26px;display:inline-block;border-bottom:2px solid #f60;margin-left:10px;margin-top:10px}
.container{width:1200px;margin:0 auto;overflow:hidden}
.hcenter{margin:10px auto 0;padding:20px 0;width:1200px;background-color:#fff;color:#000;text-align:center}
.hcenter h2{position:relative;display:inline-block;padding:0 15px;color:#333;font-weight:400;font-size:30px}
.hcenter h2:after,.hcenter h2:before{position:absolute;top:60%;right:-198px;width:198px;height:1px;background:url(/public/img/line.png) no-repeat 0 -1px;content:"";}
.hcenter h2:before{left:-198px;background-position:0 0;}
.line_10{width:100%;height:10px;}
.line_20{width:100%;height:20px;}
.line_40{width:100%;height:40px;}

.hleft{margin:10px auto 0;width:1200px;height:50px;border-bottom:1px solid #ddd;background-color:#fff;}
.hleft900{float:left;width:900px;border-radius:10px 10px 0 0}
.hleft h1,.hleft h2{float:left;display:inline-block;margin-top:10px;margin-left:20px;height:38px;border-bottom:2px solid #f80;color:#f80;font-weight:700;font-size:20px;line-height:30px}
.hleft h1 a,.hleft h2 a{color:#f80}
.hleft p{float:left;display:inline-block;overflow:hidden;margin-top:10px;margin-left:20px;text-overflow:ellipsis;white-space:nowrap;line-height:30px}
.hleft900 p{width:700px}
.hleft>a{float:right;margin-top:10px;font-size:16px;line-height:30px}
.hleft>a::after{margin:0 5px;content:"|"}
.hleft>a:first-of-type::after{content:""}
.hleft>a:hover::after{color:#333}
.topnav{height:30px;line-height:30px;background-color:#323232}
.topnav h1{line-height:30px;display:inline-block;color:#fff;font-size:14px;font-weight:400;height:30px;float:left;margin-left:16px}
.topnav h1 a{color:#fff}
.topnav h1 a:hover{color:#f80}
.topnav span{margin-left:200px;line-height:30px;display:inline-block;color:#fff;font-size:14px;font-weight:400;height:30px;float:left}
.topnav span:hover{color:#f80;cursor:pointer}
.topnav .member{display:inline-block;float:right}
.topnav .member a{display:inline-block;color:#fff}
.topnav .member a:hover{color:#f80}
.nav{top:0;width:100%;line-height:70px;background:#FFF;z-index:999}
.nav .menu{margin:0 auto;font-size:16px}
.nav .menu>li{float:left;position:relative;z-index:999;width:100px;height:70px}
.nav .menu>li a{display:block;padding:0 10px;text-align:center;height:66px}
.nav .menu>li.active>a,.nav .menu>li>a:hover{border-bottom:solid 4px #f80}
.nav .menu>li.active>a{color:#f80}
.nav .menu .logo{width:200px;margin-right:100px}
.nav .menu .logo a{display:block}
.nav .menu .logo a img{height:60px;/* vertical-align:middle; */}
.nav .menu .logo a:hover{background-color:#fff;border-bottom:none}
.nav .menu .sub>a:after{content:'';display:inline-block;width:7px;height:4px;vertical-align:middle;margin-left:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAIAAADNpLIqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA4SURBVHjaPEw5DgAwCMK+Ut/noH9kqS1pGbhCsMwEEBG4qKrhpawgnsZIjutubd39CB/m6vstwACDrCRuZb7BlQAAAABJRU5ErkJggg==) no-repeat;-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s}
.nav .menu .sub:hover a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.nav .menu .sub-menu{display:none}
.nav .menu .sub:hover .sub-menu{display:block;position:absolute;width:332px;background:#FFF;border:1px solid #f0f0f0;z-index:99;top:70px}
.nav .menu .sub:hover .sub-menu li{font-size:14px;float:left;width:165px;height:40px;line-height:40px;border-bottom:1px solid #f0f0f0}
.nav .menu .sub:nth-child(9):hover .sub-menu{width:auto}
.nav .menu .sub:nth-child(9):hover .sub-menu li{float:none}
.nav .menu .sub:nth-child(10):hover .sub-menu{width:auto}
.nav .menu .sub:nth-child(10):hover .sub-menu li{float:none}
.nav .menu .sub:hover .sub-menu li:nth-of-type(odd){border-right:1px solid #f0f0f0}
.nav .menu .sub:hover .sub-menu li a{height:38px;line-height:40px}
.nav .menu .sub:hover .sub-menu li a:hover{border-bottom:solid 2px #f80}
.nav .wapmenu{display:none}
.nav .menu .username{display:block;width:160px;}
.nav .menu .username:hover .sub-menu{display:block;position:absolute;width:auto;background:#FFF;border:1px solid #f0f0f0;z-index:99;top:70px}
.nav .menu .username:hover .sub-menu li{font-size:14px;float:left;width:160px;height:40px;line-height:40px;border-bottom:1px solid #f0f0f0}
.nav .menu .username:hover .sub-menu li a{height:38px;line-height:40px}
.nav .menu .username:hover .sub-menu li a:hover{border-bottom:solid 2px #f80}
.nav .menu .username .headicon {height:30px; float:left;margin:20px 0 0 5px;}
.nav .menu .username .user_nicename {position:absolute;z-index:99;left:52px;}

.foot{clear:both;margin-top:20px;height:80px;background-color:#2a2a2a;/* 置于底部 */position:fixed;left:0;bottom:0;z-index:200;}
.foot .copyright{ color:#ccc;text-align:center;font-size:16px;line-height:25px;padding-top:10px;}
.foot .copyright a{color:#ccc;}
.foot .copyright a:hover{color:#f80;}
.foot .copyright span::after{display:inline-block;margin:0 10px;content:"|";font-style:normal;}

.subnav{height:45px;width:1200px;margin:10px auto 0;overflow:hidden}
.subnav .path{float:left;margin:0 auto;overflow:hidden;background-color:#fff;padding:0 20px;width:920px;border-radius:10px}
.subnav .path a{color:#595757;font-size:16px;line-height:45px}
.subnav .path a:hover{color:#f80}
.subnav .path a:before{content:">"}
.subnav .path a:hover:before{color:#595757}
.subnav .path a:first-child:before{content:""}
.subnav .tags{width:960px;height:45px;float:left;background:#fff;border-radius:10px;overflow:hidden}
.subnav .tags h2{float:left;font-size:18px;color:#f60;font-weight:700;height:25px;display:inline-block;border-bottom:2px solid #f60;margin-left:20px;line-height:25px;padding-top:10px}
.subnav .tags h1{font-weight:400;font-size:16px;padding:10px;display:inline-block;line-height:25px;height:25px}
.subnav .tags h1 a{background-color:#08f;color:#fff;border-radius:3px;padding:0 3px;display:inline-block;margin-bottom:10px;margin-right:4px}
.subnav .tags h1 a:hover{background-color:#f80}
.subnav .search{float:right;width:230px;height:45px;border-radius:10px;background-color:#fff;border:0;overflow:hidden}
.subnav .search input{float:left;width:160px;height:45px;border:0 none;outline:0;padding-left:20px}
.subnav .search input:focus{background-color:#eee}
.subnav .search input:last-child{float:right;width:50px;height:45px;background:url(../images/search.png) no-repeat center bottom;background-color:#0ae;background-size:auto 90px}
.subnav .search input:last-child:hover{cursor:pointer;background-position-y:top;background-color:#0ae}
.subnavs .path{width:860px}
.subnavs .search{width:290px;}
.subnavs .search input{width:220px;}

.banners{position:relative;height:400px;overflow:hidden;width:960px;float:left}
.banners ul li img{position:absolute;left:50%;top:50%;margin-left:-480px;margin-top:-200px}
.banners>ul>li{display:none}
.banners>ul>li:first-child{display:block}
.banners>ul>li>a{display:block;width:100%;height:100%}
.banners .bannersLeft,.banners .bannersRight{
    width:42px;height:70px;position:absolute;
    top:50%;margin-top:-35px;background:url(../images/bannertogglebtn.png) no-repeat;cursor:pointer;display:none}
.banners .bannersLeft{background-position:-84px 0;left:50%;margin-left:-480px}
.banners .bannersRight{background-position:-126px 0;right:50%;margin-right:-480px}
.banners .bannersLeft:hover{background-position:0 0}
.banners .bannersRight:hover{background-position:-42px 0}
.banners>ol{width:130px;position:absolute;bottom:20px;left:50%;margin-left:-65px}
.banners>ol>li{float:left;width:12px;height:12px;background:#a6a5a0;margin-right:10px;cursor:pointer;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.banners>ol>li.current{background:#61e7f7;width:30px}

.page{width:1198px;margin:20px auto 0;list-style:outside none none;background-color:#fff;color:#8e8b8b;overflow:hidden;border:1px solid #eee;border-radius:8px}
.page a{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center}
.page b{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center;background-color:#f60;color:#fff}
.page b:first-child{width:100px;background-color:#fff;color:#333}
.pages{margin:20px auto 0;list-style:outside none none;background-color:#fff;color:#8e8b8b;overflow:hidden;border:1px solid #eee;border-radius:8px}
.pages a{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center}
.pages b{float:left;height:50px;line-height:50px;width:50px;border-right:1px solid #eee;text-align:center;background-color:#f60;color:#fff}
.pages b:first-child{width:100px;background-color:#fff;color:#333}
.ads{float:right;width:230px;overflow:hidden}
.ads h2{font-size:16px;color:#f60;font-weight:700;height:24px;display:inline-block;border-bottom:2px solid #f60;margin-left:10px;margin-top:14px}
.ads .fixed[class*=adimg]{position:fixed;top:70px;width:230px}
.ads .fixed[class*=tags]{position:fixed;top:260px;width:220px}
.ad{width:290px}
.ad .fixed[class*=adimg]{position:fixed;top:70px;width:290px}
.ad .fixed[class*=tags]{position:fixed;top:260px;width:280px}
.ads .adimg{margin-top:10px;border-radius:10px}
.ads .adimg img{border-radius:10px}
.ads .shebao{height:auto;margin-top:10px;margin-bottom:10px;height:280px}
.ads .shebao .shebao-province{margin:0 0 0 5px}
.ads .shebao .shebao-province h1{font-size:18px;color:#f60;font-weight:700;height:26px;display:inline-block;border-bottom:2px solid #f60;margin-left:10px;margin-top:10px}
.ads .tags{margin-top:10px;background-color:#fff;border-radius:10px;padding:0 5px;overflow:hidden}
.ads .tags h1{margin-top:10px;font-weight:400;font-size:14px;padding:0 10px;}
.ads .tags h1 a{background-color:#08f;color:#fff;border-radius:3px;padding:0 3px;display:inline-block;margin-bottom:10px;margin-right:4px;}
.ads .tags h1 a:hover{background-color:#f80;}

.online {width:44px;height:auto;position:fixed;right:0;top:50%;z-index:100000;margin-top: -210px;}
.online p {border-top-left-radius: 6px;border-bottom-left-radius: 6px;width:44px;height:auto;background:rgba(26, 149, 231,1);font-size:14px;text-align:center;color:#fff;cursor:pointer;margin-bottom:5px;padding: 10px 0;transition:all .5s ease-in-out;}
.online p:hover {width:44px;background:#0675be;}
.w50{width:50px;}
.online p img {vertical-align:middle; width: 24px;margin-bottom: 5px;}
.online p span {display: block;width: 20px;line-height: 18px;word-wrap: break-word;margin: 0 auto; }
.online p.bg01{background: #f60;}

/* 列表页分页 */
.pagemain{width:90%;margin:15px auto;display:flex;justify-content:center;align-items:center;/* 通过flex布局实现不定宽高下的水平垂直居中   */}
.pagination {height:30px; color:#8e8b8b;}
.pagination li {display:inline;}
.pagination>li>a,.pagination>li>span {
    position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;
    text-decoration:none;background-color:#fff;border:1px solid #ddd;
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius:4px;border-bottom-right-radius:4px;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    background-color:#eee;
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca;
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span {
    color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd;
}
.pagination-lg>li>a,.pagination-lg>li>span {
    padding:10px 16px;font-size:18px;
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius:6px;border-top-left-radius:6px;
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius:6px;border-bottom-right-radius:6px;
}
.pagination-sm>li>a,.pagination-sm>li>span {
    padding:5px 10px;font-size:12px;
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius:3px;border-top-left-radius:3px;
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius:3px;border-bottom-right-radius:3px;
}



/* 小组等详情页顶部效果 */
.infotop{width:100%;height:46px;background:#fff;position: fixed;top:0;left: 0;z-index:200;border-bottom:1px solid #CCCCCC;}
.larrow {position:relative;width:30px;top:-5px;left:-5px;}
.larrow:before {content:"";position:absolute;width:12px;height:12px;border:1px solid #666;border-width:1px 0 0 1px;-webkit-transform:rotate(315deg);transform:rotate(315deg);top:22px;left:25px;}
.vtitle {text-align:center;font-size:18px;font-weight:400;color:#111;width:auto;padding:10px;margin:0 60px;}
/*弹窗部分*/
.side{position:absolute;right:0;top:0;width:40px;padding:8px 0 0 0;fill:#999;}
.szsxd{position: fixed;width: 100%;top: 46px;max-width: 640px;z-index: 1000;}
.weszmask{position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.6);}
.szsxddhk{position: relative;width: 130px;height: auto;overflow:hidden;margin-right: 5px;float: right;padding-top: 10px;background: transparent;
    z-index:5000;}
.mobox{width:125px;height: auto;padding:0 3px;background:#fff;border-radius: 5px;}
.mobox:before {position: absolute;content: "";width: 0;height: 0;top: 1px;right: 18px;z-index: 11;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #fff;}
.mobox li{list-style:none;font-size: 16px;color: #111;white-space: nowrap;}
.vux1b{position: relative;padding:15px 0;}
.vux1b:after{bottom:0;border-bottom:1px solid #c7c7c7;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.vux1b:after{content:" ";position:absolute;left: 0;right:0;height:1px;color:#c7c7c7;border-color:#e6e6e6;}
.szicon{display: block;margin-left: 10px;position:fixed;}
.szicon img{display:block;width: 20px;height: auto;}
.sztext{padding:0 45px;}
/*弹窗部分end*/
/* 小组等详情页顶部效果--end */








/* 手机端底部按钮 */
.fixfooter {width:100%;height:56px;position:fixed;margin:0 auto;bottom:0;text-align:center;color:#fafafa;background:#ddd;z-index:999;padding-top:2px;}
.fixfooter a {font-size:0.8rem;}
.fixfooter .nav1 {display:block; text-align:center;}
.fixfooter .nav1 {display:block;text-align:center;padding-top:0;color:#595959;}
.fixfooter .nav1 .nav-box {background:url(../images/php8icon.png) no-repeat;width:27px;height:32px;display:block;margin:0 auto;background-size:300px;}
.fixfooter .nav1 .i-home {background-position:-5px 1px;}
.fixfooter .nav1 .i-cate {background-position:-36px 1px;}
.fixfooter .nav1 .i-shop {background-position:-171px 1px;}
.fixfooter .nav1 .i-user {background-position:-103px 1px;}
.fixfooter .nav1.active {color:#ec5151;}
.fixfooter .nav1.active .i-home {background-position:-2px -35px;}
.fixfooter .nav1.active .i-cate {background-position:-34px -35px;}
.fixfooter .nav1.active .i-shop {background-position:-13.9rem -35px;}
.fixfooter .nav1.active .i-user {background-position:-8.38rem -35px;}
.dis-box {display:-webkit-box;display:-moz-box;display:-ms-box;display:box;}
.box-flex {-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;display:block;width:100%;}