@header-user-fontColor:#fff; //用户下拉字体颜色
@pub-ioc:"../../images/unicomProject/icons.png";   //小图标
//页头
.head_wrap .header{width:90%;height:28px;background: #282b2f;padding-top: 12px;padding-right: 10%;font-size: 16px;color: @header-user-fontColor;line-height: 28px;}
.head_wrap .header .logo{float: left;padding-left: 2%;}
.head_wrap .header .head-ioc{float:right;display:inline-block;line-height: 28px;padding-top: 2px;}
.head_wrap .header .head-ioc ul{width:100%;}
.head_wrap .header .head-ioc ul li{float:right;margin:0 5px;width:18px;height:18px;}
.head_wrap .header .head-ioc ul li a.help{width:18px;height:18px;display:inline-block;background:url(@pub-ioc) no-repeat 0 0;}
.head_wrap .header .head-ioc ul li a.tow{width:18px;height:18px;display:inline-block;background:url(@pub-ioc) no-repeat -30px 0;}
.head_wrap .header .user{position:relative;float:right;margin:0 10px 0 0;cursor:pointer;min-width:110px;}
//页头 用户下拉
.head_wrap .header .user:hover{background: rgba(0,0,0,0.6)}
.head_wrap .header .user:hover p span{transform:rotate(9deg);-moz-transform:rotate(9deg);}
.head_wrap .header .user:hover > ul{display: block;background: rgba(0,0,0,0.6)}
.head_wrap .header .user > span{display:block;float: left;}
.head_wrap .header .user > p{font-family:"思源黑体";float: left;width: 100%;text-align: center}
.head_wrap .header .user > ul{position:absolute;top:28px;left:0;z-index:100;display:none;width:100%;overflow:hidden;padding-bottom: 8px;}
.head_wrap .header .user > ul li{margin: 0 6px;border-bottom: 1px solid #808080;}
.head_wrap .header .user > ul li .icon1{width:16px;height:18px;background:url(@pub-ioc) no-repeat -60px 0;float: left;margin:5px 25px 0 0;}
.head_wrap .header .user > ul li .icon2{width:19px;height:19px;background:url(@pub-ioc) no-repeat -86px 0;float: left;margin:4px 22px 0 0;}
.head_wrap .header .user > ul li a{display:block;color:@header-user-fontColor;font-size:12px;font-family:'思源黑体';font-size: 14px;}
.head_wrap .header .nav_list{float: right;}
.head_wrap .header .nav_list a{padding-right: 38px;font-family:"思源黑体";font-size: 16px;color: @header-user-fontColor;float: left;}
//导航
.head_wrap .nav-wary{position:relative;width:100%;height:50px;background-color:#282b2f;}
.head_wrap .nav-wary .wrap{width: 70%;margin: 0 auto;}
.head_wrap .nav-wary .logo{float:left;width:227px;height:45px;}
.head_wrap .nav-wary .nav{margin-left:268px;padding-top: 12px;}
.head_wrap .nav-wary .nav li{float:left;line-height:34px;position: relative;padding:0 30px;}
.head_wrap .nav-wary .nav li a{display:inline-block;color:#fff;font-size:18px;font-family:'黑体';padding:0 5px;position:relative;border-bottom:4px solid #282b2f;}
.head_wrap .nav-wary .nav li a.hover{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:4px solid #228eeb;color: #228eeb}
.head_wrap .nav-wary .nav li a:hover{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:4px solid #228eeb;text-decoration:none;color: #228eeb}
.head_wrap .nav-wary .nav li:hover > ul{display: block}
.head_wrap .nav-wary .nav li > ul{position: absolute;left: 0;top:38px;background: rgba(0,0,0,0.6);z-index: 1;padding-bottom: 10px;display: none}
.head_wrap .nav-wary .nav li > ul li{float: none;line-height: 21px;padding: 16px 5px 0 5px;}
.head_wrap .nav-wary .nav li > ul li a{border-bottom: 1px solid #aaaaaa;padding: 0 30px;}
.head_wrap .nav-wary .nav li > ul li a:hover,.head_wrap .nav-wary .nav li > ul li a.hover{border-bottom-width: 1px;}
.centre{margin:1% auto 30px;width:70%;min-height: 500px;position: relative;}
.gambitcentre{background: #fff;padding-bottom: 5px;}
.centre .hide_classify{width:100px;height: 30px;line-height: 30px;cursor: pointer;float: right;background: url(../../images/comold/show_hide_classify.png) 0 0 no-repeat;position: absolute;top:10px;right: 20px;}
.centre .show_classify{width:100px;height: 30px;line-height: 30px;cursor: pointer;float: right;background: url(../../images/comold/show_hide_classify.png) 0 -37px no-repeat;position: absolute;top:15px;right: 20px;}
.footer_wrap{width:70%;height:150px;background-color:#272b2e;color:rgba(170,173,173,0.65);margin: 0 auto;padding: 0 15%;overflow: hidden;}
.footer_wrap .footer{border-top: 2px solid #414447;border-bottom: 2px solid #414447;line-height: 48px;height: 48px;margin-top: 33px;color: rgba(170,173,173,0.65);font-size: 12px;}
.footer_wrap .footer p{float: left;color: #d7d7d6;}
.footer_wrap .footer p a{display: inline-block;padding-right: 40px;color: rgba(170,173,173,0.65);font-size: 12px;}
.footer_wrap .footer .img_wrap{float: right;}
.footer_wrap .footer .img_wrap .img{float:left;width: 29px;height: 29px;background: url(@pub-ioc) 0 -70px no-repeat;margin-top: 9px;}

.addnav_wrap{position:relative;left:10px;z-index:9;float:left;width:31px;height:40px;line-height: 34px;}
.addnav_wrap .beacon{float:left;width:40px;color:#fff;font-size:16px;font-family:"黑体";cursor:pointer;}
.addnav_wrap .navmore_wrap{position:absolute;float:left;display:none;margin-top:38px;margin-left:-65px;width:100px;height:auto;background:#282b2f;}
.addnav_wrap .navmore_wrap ul{float:left;margin-bottom:10px;width:100px;height:auto;}
.addnav_wrap .navmore_wrap ul li{float:left;margin-top:10px;width:100px;height:30px;}
.addnav_wrap .navmore_wrap ul li a{float:left;display:block;margin-left:3px;width:94px;height:30px;color:#fff;text-align:center;font-size:14px;line-height:30px;position: relative;}

.compile-index .compile-tit{position:fixed;top:40px;left:3%;z-index:9;display: block;width:94%;height: 60px;background-color: #fff;-webkit-box-shadow:0px 3px 3px #D2D2D2;box-shadow:0px 3px 3px #D2D2D2;-mox-box-shadow:0px 3px 3px #D2D2D2;}
.compile-index .compile-tit > ul{display: block;overflow:hidden;margin: 20px 0 0 20px;}
.compile-index .compile-tit > ul li{float:left;display: block;margin-left: 10px;}
.compile-index .compile-tit > ul li a{display: block;padding:5px;background-color: #38a9e1;color:#fff;font-size:12px;}
.compile-index .compile-tit > ul li a:hover{background-color: #e27d7e;}
.compile-index .compile-tit > ul li a.hover{background-color: #e27d7e;}
@media screen and (max-width:1600px){
  .head_wrap .nav-wary .wrap{width: 80%}
  .nav-wary .wrap{width: 80%}
  .centre{width: 80%}
}
//话题挖掘
.switch {
  border-bottom: 1px solid #e5e5e5;
  ul {
    a {
      font-size: 16px;
      li {
        float: left;
        margin-right: 60px;
        margin-left: 20px;
        height: 50px;
        line-height: 50px;
        font-weight: bold;
      }
    }
  }
}