/*顶部S*/
.hdfixed{position:fixed;top:0;max-width:7.5rem;width:100%; height:2.4rem;z-index:100}
.hdsmallfixed{position:fixed;top:0;max-width:7.5rem;width:100%;z-index:100}
.hdfixed+.module{margin-top:1.7rem;}
.hdfixed+.modwrap{margin-top:1.7rem;}
.hdsmallfixed+.artwrap{margin-top:0.9rem;}
.hdsmallfixed+.artbox{margin-top:0.9rem;padding:0rem;width:100%;overflow:hidden;}

.topbar{position:relative;height:0.9rem;background:#0077CC;padding:0 .1rem;}
.topbar:after{content:" ";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#0065B0;}
.topbar .hlogo{display:inline-block; padding-top:0.12rem;width:2.2rem;height:.6rem;background-size:contain; float:left;}
.topbar .hsearch{ float:left;margin-left:.2rem;width:3rem;height:0.1rem;padding-top:0.2rem;}
.topbar .hsearch input{padding:.05rem;height:.4rem; width:100%;line-height:.4rem;font-size:.2rem;border:0;color:#5a646e;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;background:url('../images/ico1.png') right top no-repeat; background-color:#FFFFFF;background-size:25%}
.topbar .hsearch .isearch{}
.topbar .hlogin{ float:right;margin-top:0rem;width:.8rem;height:.8rem;background:url('../images/ico1.png') no-repeat;background-position:0 -0.77rem;background-size:100%;}
.topbar .hmore{ float:right;margin-top:0rem;display:block;width:.8rem;height:.8rem;background:url('../images/ico1.png') no-repeat 0 -1.55rem;background-size:100%;}
.topbar .ztb{ float:left;margin-top:0rem;display:block;width:.8rem;height:.8rem;background:url('../images/ico1.png') no-repeat 0 -2.30rem;background-size:100%;}
.topbar .menulist{margin-left:0.2rem;font-size:0.24rem;line-height:0.8rem;height:0.8rem;color:#FFFFFF;}
.topbar .menulist::before{content:"/";display:inline-block;padding-right:0.1rem;font-size:0.3rem;color:#FFFFFF;}

.topscroll { width:7.5rem;}
.topscroll .zback{ float:left;margin-top:0rem;display:block;width:.8rem;height:.8rem;background:url('../images/ico1.png') no-repeat 0 -2.30rem;background-size:100%;}
.topscroll .zback a{display:block;width:.8rem;height:.8rem;}
.topscroll .zname{height:0.8rem; float:left;font-size:0.45rem; padding-top:0.05rem;text-align:center;line-height:0.8rem; width:5.7rem }
.topscroll .zname a{color:#FFFFFF;}
.topscroll .zmore{float:left;margin-top:0rem;display:block;width:.8rem;height:.8rem;background:url('../images/ico1.png') no-repeat 0 -1.55rem;background-size:100%;}



/*导航s*/
.navbar{height:0.8rem;background:#0077CC;overflow:hidden; line-height:0.8rem}
.navbar ul li{display:inline-block;padding:0 0.5em 0 0.6em;font-size:.32rem;text-align:center;opacity:.75;}
.navbar ul li.on{opacity:1;-webkit-transform:scale(1.125);-ms-transform:scale(1.125);transform:scale(1.125);}
.navbar ul li a{color:#FFFFFF;}
.navbar ul li.on a{font-weight:bold;}

/*二级导航s*/
.subnav{background:#0077CC;border-top:1px solid #0065B0;padding:0 0.2rem;}
.subnav ul{overflow-x:scroll;overflow-y:hidden;color:#fff;font-size:0;height:.68rem;line-height:.68rem;text-align:center;-webkit-overflow-scrolling:touch;white-space:nowrap;}
.subnav ul::-webkit-scrollbar{display:none;}
.subnav li{display:inline-block;height:.68rem;font-size:0;text-align:left;vertical-align:top;-webkit-transition:.5s;transition:.5s;}
.subnav li:not(:first-child)::before{content:"/";display:inline-block;font-size:.3rem;color:#fff;opacity:.75;}
.subnav li a{display:inline-block;padding:0 .13rem;font-size:.28rem;color:#fff;text-align:center;opacity:.75;-webkit-transition:.25s;transition:.25s;}
.subnav li.on a,.subnav-list li.on a{opacity:1;font-weight:bold;}

/*更多导航*/
.fixmore{position:relative;z-index:999;top:-0.8rem}
.fixmore.sticky{position:fixed;top:0;max-width:7.5rem;width:100%;z-index:10001;background:#fff;}
.fix-hot,.shortcut,.fixmore.sticky{z-index:998 !important;}
.fixmore.sticky,.nav-more{z-index:999 !important;}

.nav-more{position:absolute;top:0.8rem;width:100%;z-index:100001;background-color:#0077CC;-webkit-backdrop-filter:blur(10px) saturate(180%);visibility:visible;opacity:1;pointer-events:auto;-webkit-transition:.5s;transition:.5s;}
.nav-more:not(.show){visibility:hidden;opacity:0;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.nav-more:not(.show) .nav-more{-webkit-transform:translate3d(0,-0.2rem,0);transform:translate3d(0,-0.2rem,0);}
.nav-more ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:.2rem 0 .4rem 0;font-size:.32rem;color:#555;text-align:center;-webkit-transition:1s cubic-bezier(0.35,2,0.35,1),opacity 1s;transition:1s cubic-bezier(0.35,2,0.35,1),opacity 1s;}
.nav-more ul li a{color:#fff;}
.nav-more ul.with_line::after{content:" ";display:block;height:.4rem;margin:0 .3rem .4rem;border-bottom:1px solid #fff;clear:both;}
.nav-more .nav-bar-text li{width:25%;height:.4rem;margin:.2rem 0;}
/*.nav-more .nav-bar-text li:last-child{width:100%;}*/

/*搜索*/
.ser-box-form{margin:0 .2rem;line-height:0;border-radius:.5rem;overflow:hidden;background:#fff;}
.ser-box{position:relative;padding-top:.3rem;background-color:#0077CC;}
.ser-box-form input[type=text]{float:left;width:90%;text-indent:.4rem;font-size:.32rem;}
.ser-box-form input[type=submit]{float:left;width:10%;font-size:0;background:url(../images/ico-1.png) right center no-repeat;background-position:-.1rem -1.2rem;background-size:0.6rem 1.8rem;}

.navrank{display:-webkit-flex;display:flex;padding:.3rem .1rem;box-sizing:border-box;width:100%;}
.navrank li{width:20%;font-size:.28rem;text-align:center;}
.navrank li i{display:block;width:.9rem;height:.9rem;margin:.1rem auto;border-radius:5px;font-size:.64rem;line-height:1rem;color:#fff;}
.navrank li:nth-of-type(1) i{background-color:#993300}/*   */
.navrank li:nth-of-type(2) i{background-color:#DB214C;}
.navrank li:nth-of-type(3) i{background-color:#81BC3F;}
.navrank li:nth-of-type(4) i{background-color:#ffcc00;}
.navrank li:nth-of-type(5) i{background-color:#9562FF;}
.icon1 {background-image:url(../images/newsnav-ico.png);background-position:0 0;background-size:100%;}
.icon2 {background-image:url(../images/newsnav-ico.png);background-position:0 -0.9rem;background-size:100%;}
.icon3 {background-image:url(../images/newsnav-ico.png);background-position:0 -1.8rem;background-size:100%;}
.icon4 {background-image:url(../images/newsnav-ico.png);background-position:0 -2.7rem;background-size:100%;}
.icon5 {background-image:url(../images/newsnav-ico.png);background-position:0 -3.6rem;background-size:100%;}
.navrank span{display:block;width:100%;height:100%;}