﻿@charset "utf-8";
body{ background:#eee;}
/*主导航*/
.mainNavwrap{z-index:9999; width:100%; position:relative;}
.moreNav{ width:35px; height:35px;   box-shadow:-1px 0px 1px #e2e2e2; cursor:pointer;  }
.moreNav i{ width:13px; height:13px; display:inline-block; position:relative;margin-left:10px;top:10px;-webkit-transition: -webkit-transform .2s ease-in;}
.moreNav i:before,.moreNav i:after{left:7px;top:0px;content:""; display:block;position:absolute; width:1.5px; height:13px; background:#e22f1c}
.moreNav i:after{-webkit-transform:rotate(90deg);}
i.transform{-webkit-transform: rotate(-45deg);}
.moreselc{ display:none; padding:15px 0; height:100px; position:absolute; width:100%; left:0; bottom:-130px; color:#737785; font-size:1.2rem; overflow:hidden;}
.moreselc .lay{ width:100%; height:100%; background:#f8f8f8; opacity:0.95; top:0;left:0; display:inline-block; position:absolute;}
.moreselc .chance{ position:relative; padding-top:15px;}
.moreselc .chance p{margin-left:4%;}
.moreselc a{ display:inline-block; width:19%; background:#fff; line-height:35px; color:#565656; font-size:1.3rem; border-radius:6px; margin:2% 3% 0% 3%; text-align:center;}
.moreselcbox{ -webkit-animation:fadeInDown .6s linear;}@-webkit-keyframes fadeInDown{from{-webkit-transform:translateY(-130px)}to{-webkit-transform:translateY(0)}
}
.moreselcmask{ position:absolute; left:0; top:0; width:100%; height:130px;-webkit-animation: mask .6s linear;overflow:hidden;}@-webkit-keyframes mask {from{ height:40px;}to{height:130px;}}

.sectionNav .mainNav{ height:48px; line-height:48px;background:#ff5f5f;}
.sectionNav .mainNav li{ float:left; position:relative;}
.sectionNav .mainNav li a,.sectionNav.mainNav li a:visited{color:#ffbaba;}
.sectionNav .mainNav li.ui-state-active a{ color:#fff; border-bottom:2.5px solid #fff; height:45.5px;}
.sectionNav .moreNav{ width:48px; height:48px;background:#ff5f5f;box-shadow:-1px 0px 1px #d95151;}
.sectionNav .moreNav i{ width:15px; height:15px;margin-left:17px;top:17px;}
.sectionNav .moreNav i:before,.sectionNav .moreNav i:after{ background:#fff;}
.sectionNav .moreselc{height: 230px;bottom: -260px;}
.sectionNav .moreselcmask{height: 260px;}
.sectionNav .moreselcbox{ -webkit-animation:fadeInDown1 .6s linear;}@-webkit-keyframes fadeInDown1{from{-webkit-transform:translateY(-260px)}to{-webkit-transform:translateY(0)}}
.sectionNav .moreselcmask{ height:260px;-webkit-animation: mask1 .6s linear;overflow:hidden;}
@-webkit-keyframes mask1 {from{ height:40px;}to{height:260px;}}
.tabflexd{ position:fixed;}
/*swipe*/
.swipe,.swipe-wrap > .wrap {width:100%;overflow: hidden;position: relative;}
.swipe {visibility: hidden; }
.swipe-wrap > .wrap { float:left;}
.swipe-wrap > .wrap .swipphoto{ padding-top: 50.64%; position:relative;}
.swipe-wrap > .wrap .swipphoto img {display: block;width: 100%; height: 100%;position: absolute; top: 0; left: 0;}
.swipe-wrap > .wrap .text{ position:absolute; width:100%; left:0;  bottom:0;}
.swipe-wrap > .wrap .text p{white-space:nowrap;text-overflow:ellipsis; overflow:hidden;line-height:30px; height:30px; color:#fff; font-size:1.3rem;  text-indent:.6rem; margin-right:50px; }
.swipe-wrap > .wrap .text .masklay{ position:absolute; z-index:inherit;}
#sider_dot,#sider_dot01{z-index:9999; }
#sider_dot{ position: absolute;right:0; bottom:8px;padding:0 10px;z-index:99;}
#sider_dot01{ text-align:center;}
#sider_dot span,#sider_dot01 span{background:#dadada;width:4px;height:4px;display:inline-block; border-radius:10px; vertical-align:middle; }
#sider_dot span.on{background:#e33927;}
#sider_dot01 span.on{ background:#f8b551}
/*工具栏*/
.tools  i{ display:inline-block; background:url(../images/tools-spri.png) no-repeat; background-size:25px auto;width:25px;height:22px; margin-bottom:2px;}
.tools  i.t-01{background-position:0 0;}
.tools  i.t-02{background-position:0 -24px;}
.tools  i.t-03{background-position:0 -49px;}
.tools  i.t-04{background-position:0 -72px;}
.tools  i.t-05{background-position:0 -96px;}
.tools  i.t-06{background-position:0 -120px;}
.tools  i.t-07{background-position:0 -143px;}
.tools  i.t-08{background-position:0 -169px;}
.tools  i.t-09{background-position:0 -193px;}
.tools  i.t-10{background-position:0 -220px;}
.tools  i.t-11{background-position:0 -244px;}
.tools a{ color:#737785; font-size:1rem; text-align:center;}

/*首页推送列表*/
.mainCont{top:80px;}
.listItem h3{-webkit-line-clamp: 2; max-height:48px;}
.listItem p span:before{ margin-right:2.5px;}
.listItem p i{ float:right; border:1px solid #dcdcdc; background:#f4f4f4; border-radius:20px; padding:2px 4px 1px 4px;font-size:1rem;}
/*版块列表*/
.sectionCont{top:92px; overflow-y:auto;-webkit-overflow-scrolling:touch;}
.sectionsupMenu{display:none;width:48%;right:0; background:#fff; left:52%; border-left:1px solid #e7e7e7; }
.sectionsupMenu .flexbox{ margin-left:15px;}
.sectionsupMenu .flexbox .flex1{ line-height:44px;}
.sectionsupMenu .flexbox .faveBtn{ color:#eaeaea; width:44px; height:44px; font-size:1.85rem; text-align:center;}
.sectionsupMenu .flexbox .faveBtn i{ position:relative;top:12px;}
.sectionsupMenu .flexbox .faveBtn.active{ color:#ffcc00;}
.square{ display:none;width:10px; height:10px; background:#fff; border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;-webkit-transform:rotate(-45deg); position:absolute;top:40%;right:-5px;z-index:9999;}
.supleft{width: 52%;z-index: 9999; overflow-x:hidden}
.supleft i.arrow{ display: none;}
/**/
.footBar a{font-size:1.1rem;}
