/* 预定义公用元素样式 */

*{ color: #333; font-family: 'Microsoft Yahei'; font-size: 14px; box-sizing: border-box;}

body{
    margin: 0; background: #f5f5f5;
}

p{
    margin: 0
}
ul,ol{ list-style: none; margin: 0; padding: 0;}
input{
    border: none; border: #ccc solid 1px; height: 30px; line-height: 30px; text-indent: 5px;
    outline: none;
}
button{ border: none; background: none;}
a{ text-decoration: none; }
.left{ float: left; }    
.right{ float: right; }
.clearfix{ *zoom:1;}
.clearfix:after { content:"\200B";display:block;height:0;clear:both;}
.mengban {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #333;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: none;
}


.layout{ width: 100%; max-width: 640px; margin: 0 auto;}

.theme{ color: #ec320d }

.text-ellipsis{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mt70{ margin-top: 70px; }





/*页头*/
.header-wp{ position: fixed; z-index: 5; left: 0; top: 0; width: 100%;}
.page-header{ 
    height: 50px; background: #fff; box-shadow: 0 0 15px #999;
}
.page-header>.fa-angle-left{ float: left; line-height: 50px; font-size: 24px; margin-left: 10px;}
.page-header-c{ position: absolute; left: 50%; margin-left: -100px;}
.page-header-p1{ 
    font-size: 18px; font-weight: bolder; padding-right: 10px; border-right: #bf1329 solid 1px;
    line-height: 17px; margin-top: 17px; margin-right: 10px; float: left; color: #bf1329;
}
.page-header-p2{ float: left;}
.type-name{ line-height: 50px; color: #bf1329; margin-right: 5px; font-size: 16px;}
.page-header-p2 i{ color: #bf1329; vertical-align: 3px;}
.page-header .right i{ line-height: 50px; color: #333; margin-right: 20px; font-size: 18px;}


/*弹出菜单*/
.fixed-nav-wp{ position: fixed; z-index: 15; left: 0; bottom: 0; width: 100%; display: none;}
.fixed-nav{
    background: #fff; overflow: hidden; box-shadow: 0 0 10px #666; padding-top: 20px;
}
.fixed-nav-item{ display: block; float: left; width: 33.3%; margin-bottom: 5px;}
.fixed-nav-item div{ 
    width: 65px; height: 65px; margin: 0 auto; line-height: 65px; border-radius: 100%;
    text-align: center; font-size: 24px; 
}
.fixed-nav-item p{ text-align: center; line-height: 30px;}
.fixed-nav-item .div-1{ border: #72a4ff solid 1px;}
.fixed-nav-item .div-1 i{ color: #72a4ff;}
.fixed-nav-item .div-2{ border: #ff858a solid 1px;}
.fixed-nav-item .div-2 i{ color: #ff858a;}
.fixed-nav-item .div-3{ border: #ffd800 solid 1px;}
.fixed-nav-item .div-3 i{ color: #ffd800;}
.fixed-nav-item .div-4{ border: #98a7ff solid 1px;}
.fixed-nav-item .div-4 i{ color: #98a7ff;}
.fixed-nav-item .div-5{ border: #00dbd5 solid 1px;}
.fixed-nav-item .div-5 i{ color: #00dbd5;}
.fixed-nav-item .div-6{ border: #5bdd92 solid 1px;}
.fixed-nav-item .div-6 i{ color: #5bdd92;}
.fixed-nav-item .div-7{ border: #33d2ff solid 1px;}
.fixed-nav-item .div-7 i{ color: #33d2ff;}
.fixed-nav-item .div-8{ border: #ffb93e solid 1px;}
.fixed-nav-item .div-8 i{ color: #ffb93e;}
.fixed-nav-item .div-9{ border: #ff97de solid 1px;}
.fixed-nav-item .div-9 i{ color: #ff97de;}
.fixed-nav-footer{ 
    width: 100%; overflow: hidden; margin-bottom: 10px; text-align: center; border-top: #eee solid 1px; padding-top: 10px;
}
.close-nav{ font-size: 32px; color: #ccc; cursor: pointer;}


/*页脚*/
.footer{ padding: 10px 0 80px; text-align: center; margin-top: 20px;}
.footer p{ color: #999; font-size: 12px; margin-bottom: 5px;}
.footer a{ color: #999; font-size: 12px; margin: 0 10px;}



/*幻灯片*/
.swiper-container{ width: 100%; max-width: 640px; margin: 50px auto 0;}
.swiper-slide{ float: left; }
.swiper-slide img{ display: block; width: 100%; }



/*栏目导航*/
.common-title{ position: relative; background: #fff; margin-top: 15px;}
.common-title .tixing-1{
    position: absolute; left: 0; top: 0;
    border-right: 25px solid transparent; 
    height: 0; 
    width: 140px; 
}             
.common-title .tixing-2{
    position: absolute; left: 133px; top: 0;
    width: 5px;
    height: 40px;
    -webkit-transform: skew(149deg);
    -moz-transform: skew(149deg);
    -o-transform: skew(149deg);
    transform: skew(149deg);
}
.common-title p{ 
    position: relative; z-index: 1; line-height: 40px; color: #fff; font-size: 18px; padding-left: 15px;
}
.common-title p i{ color: #fff;}
.common-title p a{ float: right; font-size: 12px; margin-right: 10px;}

.xihuan{ border-top: #ff6b6b solid 2px;}
.xihuan .tixing-1{ border-top: 40px solid #ff6b6b;}
.xihuan .tixing-2{ background: #ff6b6b;}

.jigou{ border-top: #2fa9ff solid 2px;}
.jigou .tixing-1{ border-top: 40px solid #2fa9ff;}
.jigou .tixing-2{ background: #2fa9ff;}
.jigou a{ color: #2fa9ff; }

.tuijian{ border-top: #52c96b solid 2px;}
.tuijian .tixing-1{ border-top: 40px solid #52c96b;}
.tuijian .tixing-2{ background: #52c96b;}
.tuijian a{ color: #52c96b; }

.baokao{ border-top: #ffb93f solid 2px;}
.baokao .tixing-1{ border-top: 40px solid #ffb93f;}
.baokao .tixing-2{ background: #ffb93f;}
.baokao a{ color: #ffb93f; }


/*热点推荐*/
.hot{ background: #fff; padding: 20px 0 0 0;}
.hot li{ width: 95%; margin: 0 auto 15px; padding-bottom: 15px; border-bottom: #eee dashed 1px;}
.hot li:last-child{ border-bottom: none; margin-bottom: 0;}
.hot li a span{ color: #666; margin-right: 3px;}




/*栏目菜单*/
.common-nav{ overflow-x: auto; background: #fff; padding: 20px 0;}
.common-nav-ul{ height: 30px; }
.common-nav-ul li{ float: left; margin-right: 20px; line-height: 30px; font-size: 16px;}
.common-nav-ul li:first-child{ margin-left: 10px; }
.jigou-active{ color: #ffb93e; border-bottom: #ffb93e solid 2px;}
.kecheng-active{ color: #52c96b; border-bottom: #52c96b solid 2px;}
.baokao-active{ color: #ffb93f; border-bottom: #ffb93f solid 2px;}



.query{ background: #fff; padding: 20px 0 0 0;}
.query li{ width: 95%; margin: 0 auto 15px; padding-bottom: 15px; border-bottom: #eee dashed 1px; overflow: hidden;}
.query li:last-child{ border-bottom: none; margin-bottom: 0;}
.query li a{ float: left; display: block; width: 87%; color: #000;}
.query li p{ float: right; width: 13%; text-align: right; font-size: 12px; color: #999;}

.more-wp{ width: 100%; line-height: 50px; background: #fff; border-top: #ddd solid 1px; text-align: center;}
.more-btn{ color: #999; font-size: 13px; cursor: pointer;}




/*资讯列表页*/
.list-head{ width: 100%; height: 50px; background: #fff; position: relative; border-bottom: #ddd solid 1px;}
.list-menu{ float: left; margin-top: 15px;}
.list-menu>p{ width: 7px; height: 20px; background: #ff0000; float: left; margin: 0 10px; }
.open-btn{ float: left; font-size: 17px; margin-top: 1px;}
.open-btn i{ margin-left: 5px; }
.two-ul{ 
    position: absolute; left: 0; top: 50px; background: #fff; text-align: center;
    width: 212px; display: none; box-shadow: 2px 2px 5px #ccc; overflow-y: auto;
}
.two-ul li{ line-height: 35px; width: 100%;}
.two-ul li:first-child{ line-height: 40px; border-bottom: #eee solid 1px;}
.two-ul li:first-child a{ font-size: 16px;}
.even{ float: left; width: 65%; height: 50px;}

.query{ background: #fff; padding: 20px 0 0 0;}
.query li{ width: 95%; margin: 0 auto 15px; padding-bottom: 15px; border-bottom: #eee dashed 1px; overflow: hidden;}
.query li:last-child{ border-bottom: none; margin-bottom: 0;}
.query li a{ float: left; display: block; width: 87%; color: #000;}
.query li p{ float: right; width: 13%; text-align: right; font-size: 12px; color: #999;}









/*资讯详情页*/
.article{ background: #fff; padding-top: 30px; padding-bottom: 20px;}
.article header{ width: 95%; margin: 0 auto; border-bottom: #eee dashed 1px; padding-bottom: 20px; text-align: center;}
.article h3{ width: 90%; margin: 0 auto 20px; font-size: 16px;}
.article span{ color: #999; margin: 0 5px; font-size: 12px;}
.article time{ color: #999; margin: 0 5px; font-size: 12px;}
.article b{ color: #dc201e; margin: 0 5px; font-size: 12px; font-weight: 400;}
.text{ width: 93%; margin: 0 auto; padding: 20px 0; line-height: 25px;}
.section{ background: #fff; margin-top: 20px; padding: 10px 10px 0 10px;}
.section>p{ font-size: 16px; margin-bottom: 15px;}
.section>p>i{ color: #108df7; }
.ul{ width: 100%; }
.ul li{ width: 100%; padding: 15px 0; border-bottom: #eee dashed 1px;}
.ul li:last-child{ border-bottom: none; margin-bottom: 0;}
.ul li span{ margin-right: 5px;}








/*专题分类选择页*/
.menu-head{ width: 100%; background: #fff; border-bottom: #ddd solid 1px; padding: 15px 10px; color: #999;}
.menu{ background: #fff; padding: 20px 0 20px 0; text-align: center; overflow: hidden;}
.menu li{ 
    float: left; width: 30%; line-height: 35px; margin-left: 2.5%; border: #ddd solid 1px; 
    border-radius: 17.5px;
    text-align: center; margin-bottom: 15px;
}
.menu li a{ display: block; color: #000;}