/*顶部搜索*/
.top-box{width: 100%; background-color: #fff; padding-top: 32px; padding-bottom: 34px;}
.top{ margin: auto;/*border:solid 1px #ccc;*/ width: 1200px; height: 86px;}
.logo-img{float: left;}
.search{width: 500px; height: 42px;border:solid 2px #5c99ff;}
.logo-img{width: 200px; height: 86px; margin-left: 10px; margin-right: 50px; position: relative;}
.logo-img img{max-height: 85px; max-width: 200px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.search-box{float: left;}
.terminal-box{ background-image: url(../images/line.png);  background-repeat: no-repeat; background-position: center center;}
.terminal-box ul{ height: 58px;}
/*..terminal-box ul .kong{clear: both;}*/
.terminal-box li{float: left; padding-left: 10px; padding-right: 10px;}
.terminal-box i{display: block; width: 40px;}
.terminal-box i img{display: block; width: 100%;}
/*.terminal-box li:nth-child(2){border-left: solid 1px #dfdfdf;}*/
.terminal-box li:nth-child(2) img{width: 95%; margin: auto; margin-bottom: 2px; }
.terminal-box span{display: block;}
.terminal-box{margin-top: 14px;}
.tel-box,.terminal-box{ float: right; }
.tel-box{margin-left: 60px; margin-right: 10px; margin-top: 20px; overflow: hidden;}
.tel-box i{float: left; width: 40px; margin-right: 16px; margin-top: 4px; height: 40px; background-image: url(../images/changecity_tel.png); background-repeat: no-repeat; background-size: contain;}
.tel-box p{ float: left; }
.tel-box p span{display: block; font-size: 14px;}
.tel-box p span:nth-child(2){font-size: 20px; }
.search{overflow: hidden;}
.sub-btn{ width: 90px; height: 42px; background-color: #5c99ff; float: right;}
.sub-btn button{background:none; color: #fff; width: 100%; height: 100%; text-align: center; line-height: 42px; border: none; outline: none; font-size: 18px;}
.search input{width: 364px;border: none; outline: none; font-size: 15px; margin-top: 9px;}
.search input::-webkit-input-placeholder{color: #b5b5b5;}    /* 使用webkit内核的浏览器 */
.search input:-moz-placeholder{color: #b5b5b5;}                  /* Firefox版本4-18 */
.search input::-moz-placeholder{color: #b5b5b5;}                  /* Firefox版本19+ */
.search input:-ms-input-placeholder{color: #b5b5b5;}           /* IE浏览器 */
.search i{float: left; width: 18px; height: 18px; margin-left:10px; margin-right: 10px; margin-top: 12px; background-image: url(../images/search_icon.png); background-repeat: no-repeat; background-size: cover;}
.label-box{overflow: hidden;}
.label-box span{float: left; cursor: pointer; text-align: center; color:#5c99ff;width: 50px; height: 26px; border-top-left-radius: 4px;border-top-right-radius: 4px; line-height: 30px; }
.label-box span.onlabel{background-color: #5c99ff; color: #fff !important; }

.pannel-box {position: relative; background-color: #fff; width: 100%;}
.fixed-pannel{position: fixed; top:0; z-index: 10;}
/*导航栏*/
.nav-box{width: 100%; background-color: #5c99ff; box-shadow: 0 5px 5px rgba(0,92,255,.17); /*background:linear-gradient();*/ }
.nav{max-width: 1200px;min-width:1000px; margin: auto; height: 56px; overflow: hidden;}
.nav li{font-size: 18px; line-height: 56px;  float: left; cursor: pointer;}
.nav li a{color: #fff; display: block;padding-left: 30px; padding-right: 30px; }
.nav .onnav a{background-color: #276de9; }
.nav li:hover{background-color: #276de9;}

/*底部*/
.footer-box{width: 100%; height: 100px !important; background-color: #fff; padding-top: 20px;}
.footer-box .footer-text{ font-size: 12px ; color: #787878; width: 1200px; margin: auto;background-color: #fff; line-height: 28px;}


.terminal-box{position: relative;}
.terminal-box-ul .down{display:none;background:#fff;padding:26px 31px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;border-top:solid 3px #21acf4; z-index: 99;-moz-box-shadow:0 0 9px rgba(83,83,83,.14); -webkit-box-shadow: 0 0 9px rgba(83,83,83,.14);box-shadow: 0 0 9px rgba(83,83,83,.14); -webkit-animation: popup .6s ease-out;-moz-animation: popup .6s ease-out;animation: popup .6s ease-out; }
.terminal-box-ul .down .con-box,.wx-con .c-box{width:30%;float: left;margin-right:16px;text-align: center;}
.terminal-box-ul .down .con-box:last-child,.wx-con .c-box:last-child{margin-right:0;}
.terminal-box-ul .down .con-box img,.wx-con .c-box img{width: 124px;height: 124px;}
.terminal-box-ul .down .con-box p,.wx-con .c-box p{color:#a0a0a0;text-align: center;margin-top:17px;}
.terminal-box-ul .down.app-down{width:300px;position: absolute;top: 60px; left: -109px;}
.terminal-box-ul .down.wx-down{width:404px;position: absolute;top: 60px; left: -139px;}
.terminal-box-ul .down.app-down .con-box{width:46%;float: left;}
.terminal-box-ul li:hover> .down{display: block;}


/*左侧浮动导航*/
.fudong-nav{position: relative;width: 114px; text-align: center; background-color: #fff; position: absolute; left: -124px; top: 0; display: block; padding-top: 20px; }
.fudong-nav>li {height: 46px; line-height: 46px; color: #6a6b6e; font-size: 16px; cursor: pointer;  }
.fudong-nav>li:nth-last-child(1){margin-bottom: 20px;}
.kong{clear: both;}
.fudong-nav>li {box-sizing: border-box; border-left: solid 6px #fff;}
.fudong-nav>li a{width:108px ;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fudong-nav>li i{display: block; width: 44px; height: 28px;  background-repeat: no-repeat; background-position: left top; position: absolute; top: -13px; right: -8px;}
.fudong-nav>li i.icon-1{background-image: url(../images/hot_icon1.png);}
.fudong-nav>li i.icon-2{background-image: url(../images/hot_icon2.png);}
.fudong-nav>li:hover{background-color: #4a89ff; box-sizing: border-box; border-left: solid 6px #3965f7; color: #fff;}
.fudong-nav>li.active a span{color: #276de9;}
.fudong-nav>li:hover>a{color: #fff;}
.fudong-nav>li:hover>.secondnac-box {display: block; z-index: 9; }
.secondnac-box{position: absolute; right: -114px;  display: none;}
.second-nav{border-top-right-radius: 4px; border-bottom-right-radius: 4px ; background-color: #67a3ff;  width: 114px;  padding-top: 20px; padding-bottom: 20px;}
.second-nav a{width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.second-nav li a{color: #fff; display: block;}
.second-nav li:hover{background-color: #4a89ff; }
.fudong-nav a{display: block;}
.second-nav li.on_nav a{color: #276de9;}
/*右侧浮动图标*/
.fudong-right-box{position: fixed; bottom: 140px; left:90%;display: block; }
.fudong-right li{width: 40px; height: 40px; font-size: 12px; line-height: 40px; color: #fff; text-align: center; background-color: #4a9dea; cursor: pointer;margin-bottom: 2px; border-radius: 2px; background-repeat: no-repeat; background-position: center center;}
.fudong-right li:nth-child(1){background-image: url(../images/right_icon1.png);}
.fudong-right li:nth-child(2){background-image: url(../images/right_icon2.png);}
.fudong-right li:nth-child(3){background-image: url(../images/right_icon4.png);}
.fudong-right li:nth-child(4){background-image: url(../images/right_icon3.png);}
.fudong-right li a{display: block; width: auto; height: 100%; color: #fff;}

/*贴吧图片--查看大图*/
.pic_big{width: 100%; position: relative;}
.pic_big li{display: none; text-align: center;}
.pic_big li img{max-width: 90%; }
/*.pic_big li a{cursor: url(../images/scale1.png) default !important;}*/
.pics-box  .onImg a{border: solid 2px #ff5e52 !important;}
.pic_big i{display: none; width: 30px; height: 30px; position: absolute; top: 50%;  border-top:solid 2px #ccc ;  border-right:solid 2px #ccc ; border-radius: 2px; cursor: pointer;}
.pic_big i.left{left: 10px;transform: rotate(-135deg);}
.pic_big i.right{right: 10px;transform: rotate(45deg);}
/*.pic-box{width: 200px; height: 150px; float: left; text-align: center;}
.pic-box img{height: 100%; }*/

/*没有相关帖子   可能与list里样式重复*/
.empty{width: 320px; margin: auto; }
.empty_img{margin-top: 120px;}
.empty img{width: 100%; display: block;}
.empty p{color: #8c8c91; font-size: 16px; text-align: center; margin-top: 64px; margin-bottom: 130px;}

/*测试*/
.emotion-img{width: 30px; height: 30px;}

/* 分享功能 */
#shareBtn {position: absolute; z-index: 20; width: 95px; padding: 6px 0; border: 1px solid #e2e2e2; background: #fff; box-shadow: 0 3px 15px rgba(0,0,0,.15);}
#shareBtn s {position: absolute; top: -8px; left: 50%; margin-left: -8px; width: 16px; height: 9px; background: url('../images/icons.png') -10px -591px;}
#shareBtn li, #shareBtn li a {height: 26px; line-height: 26px; font-size: 12px;}
#shareBtn a {padding-left: 37px; display: block; background: url('/static/images/share_icon.png') no-repeat;}
#shareBtn a:hover {background-color: #f3f3f3;}
#shareBtn .tqq a {background-position: 13px -3px;}
#shareBtn .qzone a {background-position: 13px -30px;}
#shareBtn .qq a {background-position: 13px -56px;}
#shareBtn .sina a {background-position: 13px -82px;}
/*二维码*/
.qrcode{position: absolute; z-index: 2!important; left: -100px; padding: 8px ; width: 74px; height: 74px; background-color: #fff;  box-shadow: 0 0 5px 2px rgba(0,92,255,.17); display: none;}
.qrcode-box{position: relative;}
.qrcode-box:hover .qrcode{display: block;}