@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling: touch;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    width: auto \9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

body {
    font: 12px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
    color: #555;
    background-color: #fff;
}

em, i {
    font-style: normal;
}

ul, li {
    list-style-type: none;
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.clearfix {
    zoom: 1;
}

a {
    text-decoration: none;
    color: #969696;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}

a:hover {
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
}

input {
    font-family: 'Microsoft YaHei';
}

.txt-cen{
    text-align: center;
}

/*单行溢出*/
.one-txt-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*多行溢出 手机端使用*/
.two-txt-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link, a:active, a:visited, a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

/*首行缩进 2字符*/
.t-indent-2em {
    text-indent: 2em;
}

.w50 {
    width: 50%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w33 {
    width: 33.333333%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.db {
    display: block !important;
}

.dn {
    display: none;
}

.pd-3rem {
    padding: 0 .3rem;
}

.pd-4rem {
    padding: .4rem;
}

.mt-5rem {
    margin-top: .5rem;
}

.mt-3rem {
    margin-top: .3rem;
}

.mt-1rem {
    margin-top: .1rem;
}
.mt-mb-1rem{
    margin: .1rem 0;
}

.mt-2rem {
    margin-top: .2rem;
}

.mt-35rem {
    margin-top: 3.5rem;
}

.displayFlex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.wrap {
    position: relative;
    width: 100%;
    background: #fff;
}

.ff5555 {
    color: #ff5555 !important;
}

.bgfff {
    background: #fff;
}

.bg-2f97f7 {
    background: #2f97f7 !important;
}

.bg-ffae00 {
    background: #ffae00 !important;
}

.co-2dabff {
    color: #2dabff !important;
}

.co-ee5d58 {
    color: #ee5d58 !important;
}
.co-ff5555{
    color: #ff5555 !important;
}

.co-00c26e{
    color: #00c26e !important;
}

.co-49d98d {
    color: #49d98d !important;
}

.co-ad53df {
    color: #ad53df !important;
}

.co-fb5d89 {
    color: #fb5d89 !important;
}

.co-32d3c3 {
    color: #32d3c3 !important;
}

.co-bd71e6 {
    color: #bd71e6 !important;
}

.co-fbb221 {
    color: #fbb221 !important;
}

.co-333333 {
    color: #333333 !important;
}

.co-999999 {
    color: #999999 !important;
}

/*主页头部*/
.header {
    padding: 0 .3rem;
    height: 1rem;
    background: #26BEA6;
}

.indexLogo a img {
    width: 2.36rem;
    height: .72rem;
}

/*头部搜索*/
.headerSearch {
    width: 2.56rem;
    height: .6rem;
    border: 1px solid #00c26e;
    border-radius: .3rem;
    padding: 0 .3rem;
    background: #fff;
}

.headerSearch input {
    width: 1.2rem;
    outline: none;
    font-size: .24rem;
    color: #999999;
}

.headerSearch img {
    width: .32rem;
    height: .32rem;
}

/*公用-栏目标题*/
.columnTitle {
    line-height: .8rem;
}

/*.columnTitle i {*/
    /*display: block;*/
    /*width: .08rem;*/
    /*height: .08rem;*/
    /*background: #ff3333;*/
    /*margin-right: .2rem;*/
/*}*/

.columnTitle img {
    width: .34rem;
    height: .34rem;
    margin-right: .18rem;
}

.columnTitle span {
    font-size: .28rem;
    color: #333333;
    font-weight: bold;
}

/*公用标题*/
.public-title{
    padding-top: .3rem;
    height: .5rem;
    line-height: .5rem;
}
.public-title span{
    font-size: .28rem;
    color: #26BEA6;
    font-weight: bold;
}
.public-title span:before{
    content: "";
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #26BEA6;
    margin-right: .2rem;
}
.public-title a{
    font-size: .22rem;
    color: #999999;
}
.public-title a img{
    width: .14rem;
    height: .26rem;
}

.index-mod1{
    padding-bottom: .2rem;
}
.index-mod1-list{

}
.index-mod1-list ul li{
    margin-top: .15rem;
}
.index-mod1-list ul li:before{
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #d6d6d6;
    border-bottom: 4px solid transparent;
}
.index-mod1-list ul li a{
    width: 5.8rem;
    font-size: .26rem;
    color: #525252;
}
.index-mod1-list ul li span{
    font-size: .24rem;
    color: #999;
}

.index-mod2-top{

}
.index-mod2-top>a{
    width: 2.4rem;
    height: 1.5rem;
    overflow: hidden;
}
.index-mod2-top>a img{
    width: 2.4rem;
    min-height: 1.5rem;
}
.index-mod2-top-txt{
    width: 4rem;
}
.index-mod2-top-txt a{
    font-size: .3rem;
    color: #333333;
    line-height: .5rem;
}
.index-mod2-top-txt p{
    font-size: .24rem;
    color: #999999;
    margin-top: .15rem;
}
.index-mod2 .index-mod1-list ul li:before{
    display: none;
}


.index-mod3-list ul li{
    border-bottom: 1px dashed #eeeeee;
    padding: .2rem 0;
}
.index-mod3-list ul li:last-child{
    border-bottom: none;
}
.index-mod3-list-left{
    width: 5.1rem;
}
.index-mod3-list-left a{
    display: block;
    width: 100%;
    font-size: .3rem;
    color: #333333;
}
.index-mod3-list-left p{
    font-size: .24rem;
    color: #999999;
    margin-top: .1rem;
}
.index-mod3-list-left p span:nth-child(2) {
    margin-left: 0.16rem;
} 
.index-mod3-list-right{
    width: 1.1rem;
    height: .96rem;
    border: 1px solid #26BEA6;
}
.index-mod3-list-right span{
    display: block;
    text-align: center;
    font-size: .24rem;
    color: #54CCB9;
    line-height: .48rem;
}
.index-mod3-list-right span:last-child{
    background: #54CCB9;
    color: #ffffff;
    line-height: .5rem;
}

.index-mod4-list ul li{
    width: 3.24rem;
    margin-top: .3rem;
    position: relative;
}
.index-mod4-list ul li>a{
    display: block;
    position: relative;
}

.index-mod4-list ul li>a img{
    width: 3.24rem;
    height: 1.8rem;
}
.index-mod4-list ul li p{
    width: 100%;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 .1rem;
    background: rgba(0,0,0,.5);
    line-height: .5rem;
}
.index-mod4-list ul li p a{
    font-size: .28rem;
    color: #fff;
}



/*友情链接*/
.links {
    margin-top: .2rem;
    padding-bottom: .5rem;
}

.links a {
    font-size: .24rem;
    color: #999999;
    padding-left: .15rem;
    line-height: .4rem;
}

.links a:first-child {
    padding-left: 0;
}

.links a + a {
    margin-left: .1rem;
    border-left: 1px solid #999999;
}


.pub-title{
    padding-top: .3rem;
    height: .6rem;
    line-height: .6rem;
    border-bottom: 1px solid #eee;
}
.pub-title span{
    font-size: .34rem;
    color: #00c26e;
    font-weight: 600;
    position: relative;
}
.pub-title span:before{
    content: "";
    position: absolute;
    left: -.3rem;
    top: 0.16rem;
    width: .06rem;
    height: .32rem;
    background: #00c26e;
}
.pub-title a{
    font-size: .24rem;
    color: #999999;
}

/*头部菜单栏目*/
.indexMenu {
    background: #26BEA6;
    height: 1.8rem;
    align-items: flex-start;
}

.indexMenu ul {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
}


.indexMenu ul li {
    position: relative;
    height: .8rem;
    line-height: .8rem;
    margin-right: .2rem;
    /*border-bottom: 5px solid transparent;*/
}

.indexMenu ul li:after {
    margin: -.25rem auto;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 4px solid transparent;
}

.indexMenu ul li a {
    color: #fff;
    font-size: .28rem;
}

.indexMenu ul li.active a {
    font-weight: bold;
    color: #fff !important;
}

.indexMenu ul li.active:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #fff;
}

/*头部广告图及搜索*/
.indexSearch {
    position: relative;
    overflow: hidden;
    margin-top: -0.8rem;
}
.index-swiper-container{
    border-radius: .2rem;
}
.indexSearch a {
    display: block;
    position: relative;
    overflow: hidden;
}

.indexSearch a p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    text-align: center;
    font-size: .3rem;
    color: #ffffff;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
    flex-direction: column-reverse;
}

.indexSearch a p span {
    width: 100%;
    margin: 0 auto;
    padding: .1rem 15%;
    background: rgba(0,0,0,.5);
    box-sizing: border-box;
}

.indexSearch a img {
    width: 7.5rem;
    height: 3.5rem;
    margin: auto;
}

.indexSearch .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: 20%;
    left: 80%;
    bottom: .15rem;
    color: #ffffff;
}

.indexSearchBox {
    position: absolute;
    left: .4rem;
    top: .2rem;
    width: 6.7rem;
    height: .6rem;
    background: rgba(255, 255, 255, .5);
    border-radius: 30px;
    z-index: 999;
}

.indexSearchBox img {
    width: .32rem;
    height: .32rem;
}

.indexSearchBox input {
    width: 80%;
    margin-left: .3rem;
    border: none;
    background: transparent;
    outline: none;
}

.indexSearchBox img {
    margin-right: .3rem;
}

/*头部搜索*/
.rankingListSearch {
    position: relative;
}

.search > img {
    width: .26rem;
    height: .44rem;
}

.search {
    justify-content: space-around;
}

.search .rankingListSearchBox {
    width: 6rem;
    margin: 0;
}







/*当前位置*/
.currentLocation {
    line-height: .5rem;
    font-size: .24rem;
    color: #a7a7a7;
    justify-content: flex-start;
    padding: .2rem 0.3rem;
    border-bottom: 1px solid #eee;
}

.currentLocation img {
    width: .25rem;
    height: .25rem;
    margin-right: .1rem;
}

.currentLocation a {
    font-size: .24rem;
    color: #a7a7a7;
}

/*分页器*/
.pages {
    justify-content: center;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.pages ul li {
    padding: .1rem .2rem;
    border: 1px solid #eee;
    color: #989898;
    font-size: .26rem;
    cursor: pointer;
}

.pages ul li:hover {
    background: #00c26e;
    color: #fff !important;
    border: 1px solid #00c26e;
}

.pagesChecked {
    background: #00c26e;
    color: #fff !important;
}

.pages ul li + li {
    margin-left: .1rem;
}

/*.pages span{
    color: #d2d2d2;
    margin-left: .10rem;
}*/
.prePage,
.nextPage {
    border: 1px solid #eee !important;
    color: #989898 !important;
}

.pages>span{
    color: #989898;
    font-size: .24rem;
    margin-left: .1rem;
}



/*提示消息*/
.spop--top-center {
    top: 0 !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}



/*底部*/
.footer {
    padding: .4rem .3rem;
    background: #333333;
}

.footerLink ul {
    justify-content: center;
}

.footerLink ul li {
    padding-left: .15rem;
}

.footerLink ul li a {
    font-size: .24rem;
    color: #8e8e8e;
}

.footerLink ul li + li {
    margin-left: .15rem;
    border-left: 1px solid #8e8e8e;
}

.footer p {
    text-align: center;
    margin-top: .15rem;
    color: #8e8e8e;
    font-size: .24rem;
}

.footer p img {
    width: .2rem;
    height: .2rem;
    margin: auto;
}



/*分割线*/
.fengexian{
    height: .1rem;
    background: #f7f7f7;
}

.rotate180deg{
    transform: rotate(-180deg) !important;
    transition: all .3s;
}




/* 底部固定定位 */
.posFooter{
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}






/*-----------------------------*/
            /*列表页*/
/*-----------------------------*/
.jiantou a img{
    width: .5rem;
    height: .5rem;
}
.list-main-body .index-mod3-list-left{
    width: 5.8rem;
}

.hot-ranking{
    padding-bottom: .3rem;
}
.hot-ranking-list ul li{
    margin-top: .3rem;
}
.hot-ranking-list ul li span{
    width: .3rem;
    height: .3rem;
    background: #E9E9E9;
    text-align: center;
    color: #ffffff;
    font-size: .24rem;
    line-height: .3rem;
    border-radius: .15rem;
}
.hot-ranking-list ul li:nth-child(1) span{
    background: #26BEA6;
}
.hot-ranking-list ul li:nth-child(2) span{
    background: #26BEA6;
}
.hot-ranking-list ul li:nth-child(3) span{
    background: #26BEA6;
}
.hot-ranking-list ul li a{
    width: 5.6rem;
    font-size: .26rem;
    color: #525252;
}
.hot-ranking-list ul li label{
    font-size: .24rem;
    color: #999999;
}

/*------------------------*/
        /*详情页*/
/*------------------------*/
/*详情内容*/
.informationContent {
    padding-bottom: .2rem;
}

.informationContentTitle {
    padding-top: .4rem;
}

.informationContentTitle h1 {
    text-align: center;
    font-size: .3rem;
    color: #333333;
}

.informationContentTime {
    margin-top: .2rem;
    line-height: .8rem;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: .2rem;
    justify-content: center;
}

.informationContentTime span {
    font-size: .24rem;
    color: #999999;
}

.informationContentTime span + span {
    margin-left: .3rem;
}

.informationContentText p {
    color: #666666;
    font-size: .26rem;
    line-height: .5rem;
}

.informationContentText img {
   height:auto !important;width:100% !important;
    margin: .2rem auto;
}