@charset "utf-8";

*{padding: 0;margin: 0;}
body{background: #f0f0f0; font-family:"Microsoft YaHei"}
a{color: #000;text-decoration: none;}
html{font-size: 16px;}
.container{width: 100%;margin: 0 auto;padding-bottom: 50px;}
/* banner */
.home-banner{width: 100%;height: 8rem;overflow: hidden;}
.home-banner img{width: 100%;height: 100%;}
.logo-information{width: 100%;height: 2.75rem;display: flex;justify-content: space-between;}
.logo-box{display: flex;}
.logo{display: flex;}
.logo img{width: 1.875rem;height: 1.875rem;margin-left: 10px;margin-right: 5px;margin-top: 0.4375rem;}
.logo span{display: block;line-height: 2.75rem;font-size: 22px;font-family: "宋体";font-weight: 600;}
.nav-information{width: 3.75rem;position: relative;}
.nav-icon{width: 1.875rem;height: 1.875rem;overflow: hidden;margin: 0.4375rem auto;}
.nav-icon img{width: 100%;height: 100%;}
.nav{width: 60px;height: auto;background-color: #434343;list-style: none;position: absolute;top: 2.5rem;right: 0;z-index: 99;display: none;}
.nav li{width: 3.75rem;text-align: center;line-height: 2.5rem;font-size: 2.55rem;background-color: #434343;font-size: 18px;}
.nav li.current{background-color: #D10013;}
.nav li a{color: #fff;}
.search-input{padding: 10px;display: flex;}
.search-input input{width: calc(100vw - 50px);height: 1.875rem;background-color: #eee;font-size: 1rem;border: none;padding: 0 10px}
.search-input button{width: 1.875rem;height: 1.875rem;background: #D10013 url(../images/sousuo.png)no-repeat center;background-size: 1.25rem 1.25rem;border: none;}

/* 活动广告图 */
.advertising{padding: 0 0.625rem;display: flex;flex-wrap: wrap;}
.advertising img{width: 49%;height: 3.125rem;margin-bottom: 0.4375rem;}
.advertising img:nth-child(odd){margin-right: 2%;}

/* 推荐 */
.recommend{padding: 0.625rem;}
.recommend h3{font-size: 1.375rem;font-weight: normal;margin-bottom: 5px;}
.recommend h3 a{color: #D10013;}
.recommend .recommend-other a{display: block;color: #797979;line-height: 30px;}
.recommend .recommend-more{font-size: 1rem;display: flex;color: #D10013;}
.recommend .recommend-more img{width: 20px;height: 20px;}

/* 头条 */
.module-banner{width: 100%;height: 100px;overflow: hidden;margin-top: 20px;}
.module-banner img{width: 100%;height: auto;}
.module-box{width: 100%;background-color: #fff;margin-top: 10px;}
.module-box .module-title{position: relative;margin: 0 10px;border-bottom:1px solid #D10013;}
.module-box .module-title div{width: 80px;height: 40px;text-align: center;line-height: 40px;color: #fff;background-color: #D10013;font-size: 18px;}
.module-box .module-title a{display: flex;font-size: 14px;color: #797979;position: absolute;right: 0;top: 10px;}
.module-box .module-title a img{width: 20px;height: 20px;}
.module-list{padding: 10px;}
.module-list ul{list-style: none;}
.module-list li{display: flex;}
.module-list li:not(:last-child){margin-bottom: 10px;}
.module-list .module-img{width: 120px;height: 72px;overflow: hidden;margin-right: 10px;}
.module-list .module-img img{width: 100%;height: 100%;}
.module-list .module-matter{width: calc(100vw - 150px);}
.module-list .module-matter a{display: block;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 5px;}
.module-list .module-matter p{font-size: 16px;color: #797979;margin-top: 5px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.module-box:nth-child(odd){margin-right: 10px;}
.module-list li.listNoImg .module-matter{width: 100%;}

/* 合作伙伴 */
.team-banner{width: 100%;height: 100px;overflow: hidden;margin-top: 10px;}
.team-banner img{width: 100%;height: 100%;}
.team-box{padding: 10px;background-color: #fff;}
.team-box .team-title{position: relative;border-bottom:1px solid #D10013}
.team-box .team-title div{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;background-color: #D10013;font-size: 18px;}
.team-box .team-title a{display: flex;font-size: 14px;position: absolute;right: 0;top: 20px;}
.team-box .team-title a img{width: 20px;height: 20px;}
.team-box .team-list{width: calc(100vw - 20px);overflow: hidden;white-space: nowrap;margin-top: 10px;}
.team-box .team-list ul{list-style: none;display: inline-block;}
.team-box .team-list li{display: inline-block;width: 150px;height: 50px;overflow: hidden;}
.team-box .team-list li img{width: 150px;height: 50px;}

/* 友情链接 */
.friend-box{margin-top: 10px;padding-bottom: 30px;}
.friend-link{margin-top: 10px;}
.friend-link ul{list-style: none;display: flex;flex-wrap: wrap;}
.friend-link li{font-size: 15px;margin-right: 10px;line-height: 30px;}

/* 底部 */
.footer{background-color: #d10013;padding: 20px 10px;}
.footer .footer-item{font-size: 16px;color: #fff;padding: 5px 0;text-align: center;line-height: 30px;}
.footer .footer-item a{color: #fff;padding: 0 5px;}

/* 列表页 */
.breadcrumb{width: 100%;background-color: #fff;padding-bottom: 5px;}
.breadcrumb ul{display: flex;padding: 10px;border-bottom: 1px solid #eee;}
.breadcrumb ul li{display: flex;font-size: 16px;}
.breadcrumb ul li a{color: #D10013;}
.breadcrumb ul li.active a{color: #797979;}
.breadcrumb ul li:not(:first-child){padding-left: 5px;}
.breadcrumb ul li:not(:first-child)::before{content: '/';color: #797979;padding-right: 5px;}
.news-box{margin-bottom: 30px;}
.news-box .module-list{margin-bottom: 10px;}
.news-box ._page_container ._pages li{min-width: 20px;font-size: 16px;font-weight: normal;}
.news-box ._page_container ._jumper ._jumper_input{width: 30px;}

/* 详情页 */
.article-detail{padding: 10px;}
.article-detail h3{font-size: 20px;text-align: center;margin-bottom: 10px;}
.article-detail .article-source{display: flex;justify-content: space-around;font-size: 14px;color: #797979;margin-bottom: 10px;}
.article-detail .article-desc{font-size: 16px;line-height: 35px;text-indent: 2em;overflow: hidden;margin-bottom: 20px;}
.article-detail .article-desc img{width: 100%;}
.module-box.article-recommend{margin-bottom: 30px;}

.head_box{height: 210px;background: #f0f0f0;text-align: center;padding: 20px;}
.head_box img{width: 80px;height: 80px;border-radius: 10px;background: #fff;margin: 10px 0;}
.head_title{font-size: 20px;font-weight: 600;}
.head_remark{font-size: 16px;color: #8a8a8a;margin-top: 10px;}

.sub_box{ background: #fff; padding: 20px 20px;}
.sub_title{font-size: 18px; font-weight: 600}
.sub_box_2{padding:10px; }
.sub_box_3{ width: 20%;float: left; margin: 10px 0}
.sub_img_box{ padding:0  8px;}
.sub_img_box img{ width: 100%;border-radius: 10px;}
.sub_nick{ text-align: center;color: #8a8a8a;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 0 5px;}

.remark_box{ background: #f0f0f0;margin: 20px 20px;}
.remark_title{ font-size: 18px; font-weight: 600}
.remark_cotent{font-size: 16px;color: #8a8a8a;margin-top: 10px;}

.btn_sub{    background: #fe2c55;color: #fff;text-align: center;padding: 15px 0;font-size: 16px;border-radius: 5px;bottom: 0;width: 100%;position: fixed;}
.o_box{    background: #fff;margin: 6px;padding: 20px 0;text-align: center;color: #5d5d5d;font-size: 16px;}
.o_box2{    background: #fff;margin: 6px;padding: 20px 0;text-align: center;color: #5d5d5d;font-size: 16px; text-align: left}
.o_img_box img{width: 60px;}
.o_pay{margin-top: 8px; }
.o_pay2{padding: 5px 0; display: inline-flex}
.o_pay2 span{color: #1c84c6; max-width: 230px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.o_remark{padding: 10px 10px;text-align: left;}
.o_remark_title{font-size: 18px; font-weight: 600; padding-left: 10px;}
.o_link{text-align: left;padding-left: 10px;; margin-top: 10px; display: inline-flex}
.o_link span{color: #1c84c6;max-width: 270px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.o_pwd{text-align: left;padding-left: 10px; margin: 20px 0; display: inline-flex}
.o_pwd span{color: #1c84c6; max-width: 270px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.copy{ width: 20px;padding: 0 5px;}


.list_box{    display: block;   background: #fff;padding: 10px;border: 1px solid #eeeeee;border-radius: 10px;margin-bottom: 10px;height: 100px;}
.list_img_box{display: inline-block;float: left;width: 30%;}
.list_img_box img{    width: 80px;}
.list_title_box{    width: 70%;float: left;}
.list_title{    font-size: 18px;font-weight: 600;}
.list_remark{color: #888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;    font-size: 16px;
    margin-top: 6px;}