*{margin:0;padding:0;}
body{font-family:PingFangSC-Regular,"Source Han Sans CN",Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,sans-serif;background:#fff;color:#222;width:100%;max-width:640px;margin:0 auto;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:#222;}
ol,ul{list-style:none;}
img{border:0;}
.mt12{margin-top:12px;}
.sticky{position:sticky;position:-webkit-sticky;z-index:2;top:0;background:#fff;}
.boxShdow{box-shadow: 0px 10px 10px rgba(0,0,0,0.1);}
.lineControl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.separateBox{width:100%;height:8px;background:#f8f8f8;}

/*header*/
.headerBox header{width:100%;height:45px;padding:0px 12px;box-sizing:border-box;}
header a.logo{width:125px;height:31px;display:inline-block;margin-top:10px;}
header .mainMenu{float:right;height:17px;margin-top:14px;}
header .mainMenu span{width:18px;height:1.5px;background:#b30b0b;margin-bottom:5.5px; display:block; transition:transform 0.5s; -webkit-transition:-webkit-transform 0.5s; opacity:1; transform:rotate(0deg) translate(0px,0px);}

/*横向滚动*/
.scrollBox{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
.scrollBox::-webkit-scrollbar{display:none}
.scrollBox div{white-space:nowrap;font-size:0}
.scrollBox div a{display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0.0);}
	/*nav*/
nav{padding:0px 12px;box-sizing:border-box;margin-bottom:3px;box-shadow: 2px 2px 5px #f4f4f4;}
nav .scrollBox div a{margin:0px 20px 0px 2px;height:45px;line-height:45px;font-size:17px;position:relative;}
nav .scrollBox div a:last-child{margin:0px 3px 0px 3px;}
nav .scrollBox div a.current{font-weight:bold;}/*color:#8f3a34; #083b90*/
nav .scrollBox div a.current:after{content: '';position:absolute;left:50%;bottom:5px;margin-left:-6px;width:12px;height:4px;border-radius:2px;background:#b30b0b}

/*menuBox*/
.menuBox{position:absolute;z-index:3;top:45px;width:100%;max-width:640px;margin:0 auto;padding:0px 6px 20px 6px;background:#fff;box-sizing:border-box;line-height:32px;font-family:-apple-system;display:none;}
.menuBox a,.menuBox a:visited,.menuBox a:hover,.menuBox a:active{color:#3f4146;display:block;}
.menuBox p{font-weight:bold;font-size:16px;border-bottom:1px solid #f7f7f7;margin:12px 6px;}
.menuBox ul{width:100%;overflow:hidden;}
.menuBox li{float:left;margin: 6px 0;padding: 0 6px;box-sizing:border-box;}
.menuBox li a{background:#f9f9f9;text-align:center;font-size:15px;border-radius: 4px;}
@media screen and (orientation:landscape){/* 横屏 */.menuBox li{width:16.6%;}}
@media screen and (orientation:portrait){/* 竖屏 */.menuBox li{width:25%;}}

/*Scroll nav*/
.navScroll{background:#f6f7fa;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
.navScroll::-webkit-scrollbar{display:none}
.navScroll div{white-space:nowrap;font-size:0}
.navScroll div a{display:inline-block;padding:0px 12px;-webkit-tap-highlight-color:rgba(0,0,0,0.0);height:50px;line-height:50px;font-size:16px;}



/*头条+描述*/
.toplist{padding:12px 12px 0px 12px;}
.toplist li{text-indent:1.9em}
.toplist li:first-child h3{background:url(../images/iv_red.png) no-repeat 0px 5px;background-size:26px;}
.toplist li:last-child h3{background:url(../images/iv_yellow.png) no-repeat 0px 5px;background-size:25px;}
.toplist li h3{font-size:18px;line-height:30px;font-weight:normal;color:#222;padding:3px 0px;}
.toplist li h3 img{vertical-align:middle;}
.toplist p{font-size:15px;color:#939393;line-height:25px;padding:8px 0px;text-indent:2em; }

/*头条*/
.touTiao{padding:0px 12px 0px 12px;}
.touTiao li{border-bottom:1px solid #ededed;}
.touTiao li:last-child{border-bottom:none;}
.touTiao li h3{font-size:16px;line-height:30px;font-weight:normal;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.touTiao li h3 img{vertical-align:middle;height:16px;margin-right:10px;margin-bottom:3px;}
.touTiao li h3 em{font-style: normal;display: inline-block;width: 45px;line-height: 18px;padding-top: 2px;margin-right: 10px;font-size: 15px;border-radius: 6px;text-align: center;background: /*#083b90*/ linear-gradient(45deg,#e6b550,#f73434);transform: skew(-6deg);}
.touTiao li h3 p{display:inline;}
/*.touTiao p{line-height:25px;padding:0px 0px 12px 0px;color:#ccc;font-size:12px;}
.touTiao p span{color:#23a0f3;margin-right:10px;}*/	





/* 持续弹跳 */
.infinite-bounce{-webkit-animation-name:bounce;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes bounce{
    0%{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(-7px);}
    100%{-webkit-transform:translateY(0);}
}

/*持续震荡*/
.infinite-Shock{-webkit-animation-name:Shock;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes Shock{
    0%{-webkit-transform:translateX(0);}
    50%{-webkit-transform:translateX(7px);}
    100%{-webkit-transform:translateX(0);}
}
	


/*shadow*/
.shadow{position: fixed;z-index: 1;opacity: 0;width: 100%;height: 100%;top: 45px;left: 0;background: #000;display: none;}

/*top*/
.goTop{position:fixed;bottom:25px;right:15px;z-index:2;width:40px;height:40px;line-height:37px;text-align:center;background:rgba(240,240,240,0.1);border-radius:50%;color:#fff;box-shadow:0 1px 10px rgba(34,25,25,0.12);display:none;}
.goTop img{width:60%;vertical-align:middle;}





