body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, fieldset, legend, input, textarea, p, blockquote, th, td{margin: 0;padding: 0;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
table{border-collapse: collapse;border-spacing: 0;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal;font-weight: normal;}
ul, ol, li{list-style: none;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
abbr, acronym{border: 0;font-variant: normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input, textarea, select{font-family: inherit;font-size: inherit;font-weight: inherit;}
input, textarea, select{*font-size: 100%;outline: 0;border: 0;}
a{text-decoration: none;}
button, textarea{outline: 0;border: 0;padding: 0;margin: 0;-webkit-appearance: none;}
.fn-clear:after{visibility: hidden;display: table;font-size: 0;content: "";clear: both;height: 0;}
.ranking-container{width: 100%;min-height: 1000px;max-width: 1920px;background: url(../images/bg.jpg) no-repeat center top rgb(235, 235, 235);
    z-index: 2;position: relative;}


.ranking-section1{width: 1200px;/* height: 116px;*/background-color: #ffffff;box-shadow: 0 5px 10px 0 rgba(231, 231, 231, 0.86);border-radius: 10px 10px 0px 0px;padding: 10px 0;margin: auto;position: relative;}
.s1-a-ul{width: 1170px;font-size: 0;text-align: left;overflow: hidden;box-sizing: border-box;padding-left: 15px;}
.s1-a-ul .s1-a-li{width: 118px;text-align: center;display: inline-block;height: 44px;line-height: 44px;overflow: hidden;}
.s1-a-ul .s1-a-li a{font-size: 18px;color: #5c5c5c;position: relative;}
.s1-a-ul .s1-a-li.active a:after{content: "";position: absolute;width: 26px;height: 26px;background: url(../images/ty.png) no-repeat center center;top: -6px;left: -4px;z-index: 0;}
.s1-a-ul .s1-a-li.active a{font-weight: bold;font-size: 22px !important;}
.s1-a-ul .s1-a-li a:hover{font-size: 20px;}
.s1-a-ul .s1-a-li.active a span{position: relative;z-index: 2;}
.s1-more{width: 142px;height: 45px;background-color: #ffffff;box-shadow: -3px -4px 10px 0px rgba(231, 231, 231, 0.86);border-radius: 10px 0 0 0;text-align: center;font-size: 16px;color: #5c5c5c;position: absolute;bottom: 0;right: 0;line-height: 45px;display: none;cursor: pointer;}
.s1-more:after{content: "";width: 17px;height: 11px;background: url(../images/xjt.png) no-repeat center center;position: absolute;right: 14px;bottom: 0;top: 0;margin: auto;}
.s1-more.active:after{background-image: url(../images/sjt.png);}
.ranking-section2{width: 1120px;background-color: #f8f8f8;border-radius:0 0 10px 10px;padding: 50px 40px;vertical-align: middle;margin: auto;}
.s2-con{width: 100%;}
.s2-con .s2-con-li{width: 1118px;height: 214px;background-color: #ffffff;box-shadow: 0 0 10px 0 rgba(223, 223, 223, 0.86);border-radius: 10px;border: solid 1px #bcbcbd;margin-bottom: 28px;}
.s2-con .s2-con-li:hover{border-color: #c2a166 !important;}
.s2-con .s2-con-li + .s2-con-li + .s2-con-li + .s2-con-li{border-color: #ffffff;}
.s2-con .s2-con-li:last-child .num{font-size: 16px;}
.s2-p1{position: relative;}
.s2-p1 .num{width: 32px;height: 32px;background-color: #e8e8e8;border-radius: 10px 0px 15px 0px;text-align: center;line-height: 32px;position: absolute;left: -1px;top: -1px;color: #fff;font-weight: bold;font-size: 22px;z-index: 5}
.s2-p1 .num.top1{background-image: linear-gradient(126deg, rgba(221, 184, 146, 1) 0%, #bd9d5e 100%);box-shadow: 3px 2px 8px 0px rgba(195, 161, 104, 0.72);}
.s2-p1 .num.top2{background-image: linear-gradient(126deg, rgba(211, 211, 211, 1) 0%, #aeaeae 100%);box-shadow: 3px 2px 8px 0px rgba(179, 179, 179, 0.72);}
.s2-p1 .num.top3{background-image: linear-gradient(126deg, rgba(229, 203, 190, 1) 0%, #966f4c 100%);box-shadow: 3px 2px 8px 0px rgba(159, 122, 90, 0.72);}
.s2-p1 .img{float: left;margin: 28px 0 0 30px;width: 160px;height: 160px;overflow: hidden;border-radius: 10%;}
.s2-p1 .img img{width: 100%;height: 100%;}
.s2-p1 .con{width: 272px;float: left;margin: 28px 0 0 36px;}
.s2-p1 .con a,
.s2-p1 .con h3{height: 40px;width: 100%;overflow: hidden;line-height: 40px;font-size: 22px;color: #5c5c5c;margin-bottom: 8px;display: block;}
.s2-p1 .con p{width: 100%;height: 24px;line-height: 24px;margin-bottom: 2px;font-size: 14px;overflow: hidden;word-break: break-word;}
.s2-p1 .con p a{height: 22px;padding: 0 12px;line-height: 22px;border-radius: 8px;border: solid 1px #cccccc;color: #5c5c5c;text-align: center;overflow: hidden;margin-right: 8px;word-break: break-word;font-size: 14px;max-width: 62px;display: inline-block;vertical-align: top;}
.s2-p1 .con .desc{font-size: 16px;height: 30px;line-height: 30px;margin-top: 10px;position: relative;text-indent: 16px;color: #5c5c5c;overflow: hidden;}
.s2-p1 .con .desc:before{content: "";display: block;position: absolute;top: 0;left: 0;background: url(../images/yh.png) no-repeat center center;width: 11px;height: 9px;}
.s2-p1 .score{width: 120px;float: left;margin: 30px 0 0 0;}
.s2-p1 .score b{display: block;font-size: 30px;font-weight: bold;color: #707070;line-height: 36px;text-align: center;margin-bottom: 3px;}
.s2-p1 .process{width: 100%;height: 19px;margin-bottom: 24px;background: url(../images/bx.png) no-repeat left center;font-size: 0;background-size: 120px 100%;}
.s2-p1 .process-in{width: 20%;height: 19px;background: url(../images/hx.png) no-repeat left center;background-size: 120px 100%;float: left;}
.s2-p1 .score a{width: 120px;height: 40px;background-color: #3469ff;border-radius: 20px;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;display: block;margin: auto;}
.li-swiper{float: left;width: 328px;height: 138px;position: relative;margin: 39px 0 0 99px;}
.li-swiper .swiper-slide{width: 246px;height: 138px;}
.li-swiper.col{height: 192px;margin-top: 12px;}
.li-swiper.col .swiper-slide{width: 108px;height: 192px;}
.li-swiper .swiper-container{width: 100%;height: 100%;position: relative;}
.li-swiper .swiper-slide img{width: 100%;height: 100%;border-radius: 5%;object-fit: cover;}
.li-swiper .swiper-container::before{pointer-events: none;display: none;content: '';z-index: 2;width: 76px;height: 76px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: url(https://m.ali213.net/images/v2/ico7.png);position: absolute;}
.li-swiper .swiper-container:hover::before{display: block;}
.li-swiper .swiper-container img{cursor: pointer;}
.li-swiper .swiper-container .swiper-slide{overflow: hidden;border-radius: 12px;/*box-shadow: 0 0 6px 2px #dadada*/}
.li-swiper .yxjtswiperbutton{position: absolute;width: 23px;height: 41px;cursor: pointer;top: 0;z-index: 3;background-size: 23px 41px;height: 100%;width: 43px;background-repeat: no-repeat;background-position: center;outline: 0;}
.li-swiper.col .yxjtswiperbutton{/* top:80px;*/}
.li-swiper .yxjtswiperbutton.phb-prev{background-image: url(https://m.ali213.net/images/l.png);left: 0;}
.li-swiper .yxjtswiperbutton.phb-next{background-image: url(https://m.ali213.net/images/r.png);right: 0;}
.ali-index-bg{display: none;}


/* 2025 */
/* .index-container{background: none;} */
.index-container{min-height: auto;}
.index-container .s1-a-ul .s1-a-li a span i,
.index-container .s1-a-ul .s1-a-li a span{font-size: 18px;}
.index-container .s1-a-ul .s1-a-li.active a span{font-size: 22px;} 
.index-container .s1-a-ul .s1-a-li.active a span i{color: red;font-size: 22px;}
.index-container .s1-a-ul,.index-container .s1-a-ul .s1-a-li{overflow:initial}
.index-container .s1-a-ul .s1-a-li.active{position:relative}
.index-container .s1-a-ul .s1-a-li.active::before{width:80%;height:10px;content:"";display:block;background:var(--Text4);bottom:-15px;position:absolute;left:10%;border-radius:5px}
.RankPage{text-align:center;width:1200px;background-color:#f8f8f8;margin:0 auto;padding:40px 0}
.RankPage p{width:750px;height:72px;margin:0 auto;overflow:hidden;background:url(../images/Rankhdbg.png) no-repeat center}
.RankPage p span{font-size:18px;color:#fff;width:50%;display:block;float:left;font-weight:bold;cursor: pointer;}
.RankPage p span:nth-child(1){line-height:92px}
.RankPage p span:nth-child(2){line-height:50px;text-indent:-50px}
.RankPage p.on{background:url(../images/Rankhdbg2.png) no-repeat center}
.RankPage p.on span:nth-child(1){line-height:50px}
.RankPage p.on span:nth-child(2){line-height:92px}
.RankPage+.ranking-section2{padding-top:0px}
.ranking-section2{margin-bottom:20px}
.RankTypeTab{width:1200px;background-color:#f8f8f8;margin:0 auto;padding:30px 0 10px 0;overflow:hidden;border-radius: 10px;}
.RankTypeTab .TabHd{width:205px;float:left;position:relative;margin:0 0 0 15px;border-radius:6px 0 0 6px;overflow:hidden;}
.RankTypeTab .TabHd span{display:inline-block;width:195px;height:60px;line-height:60px;text-align:center;color:#333;font-size:16px;
    margin-bottom:2px;background:#fff;cursor:pointer;transition:background .3s ease;font-weight: bold}


.RankTypeTab .TabHd span a{font-size:20px;}

.RankTypeTab .TabHd span::after{width:0;height:0;content:"";display:block;position:absolute;right:-20px;border:10px solid rgba(0,0,0,0);top:50%;transform:translateY(-50%);transition:border .2s ease}
.RankTypeTab .TabHd .on{background:red;color:#fff;font-weight:bold;font-size:20px;position:relative}
.RankTypeTab .TabHd .on a{color:#fff;font-size:20px;display: block;}
.RankTypeTab .TabHd .on::after{border-left-color:red}
.RankTypeTab .TabBody{width:970px;float:right}
.RankTypeTab .TabBody .item+.item{display:none}
.RankTypeTab .TabBody .item a{display:block;float:left;width:95px;height:30px;line-height:30px;padding:0 5px;background-color:#fff;
    border-radius:4px;font-size:14px;color:#868686;margin:5px 8px 5px 8px;overflow:hidden;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.1)}
.RankTypeTab .TabBody .item a.on,
.RankTypeTab .TabBody .item a:hover{background:#5398ff;color:#fff}
.ranking-container #page{padding-bottom: 5px;}
.ranking-section2 .s2-con+.s2-con{display: none;}

html.dark-mode .s2-con .s2-con-li:nth-child(3)~.s2-con-li .num,html.dark-mode .ranking-container{background:#353535}
html.dark-mode .s2-con .s2-con-li,html.dark-mode .ranking-section1{box-shadow:0px 5px 20px rgba(235,99,41,.1)}
html.dark-mode .s2-con .s2-con-li{border-color:#1e222d !important}
html.dark-mode .s2-con .s2-con-li:hover{border-color:#000 !important}
html.dark-mode #pictureViewer>.content,html.dark-mode .ranking-section1,html.dark-mode .RankTypeTab .TabBody .item a,html.dark-mode .s2-con .s2-con-li,html.dark-mode .RankTypeTab .TabHd span{background:#1e222d}
html.dark-mode .RankPage,html.dark-mode .ranking-section2,html.dark-mode .RankTypeTab{background:#28282a}
html.dark-mode .RankTypeTab .TabHd span.on{background:red}
html.dark-mode #pictureViewer>.content{box-shadow:0 0 8px rgba(0,0,0,.2)}
.RankTypeTab .TabHd span a,
html.dark-mode .s2-con .s2-con-li:nth-child(3)~.s2-con-li .num,html.dark-mode .s2-p1 .con p,html.dark-mode .s2-p1 .con .desc,html.dark-mode .RankTypeTab .TabHd span,html.dark-mode .index-container .s1-a-ul .s1-a-li a span i,html.dark-mode .index-container .s1-a-ul .s1-a-li a span{color:#737e91}
html.dark-mode .RankTypeTab .TabHd span.on,html.dark-mode .index-container .s1-a-ul .s1-a-li.active a span{color:#fff}
html.dark-mode .s2-p1 .con a,html.dark-mode .s2-p1 .con h3{color:#d5d5d4}
html.dark-mode .index-container .s1-a-ul .s1-a-li.active a span i{color:red}
html.dark-mode .s1-a-ul .s1-a-li.active a:after{display:none}
html.dark-mode .s2-p1 .con p a{color:#d5d5d4;border-color:#4d4848}




.a_middle {
    width: 1200px;
    height: auto;
    margin: 20px auto 0 auto;
}
.a_middle_left {
    width: 200px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}
.fl {
    float: left;
}


.yx_nav{width:180px;height:50px;line-height:50px;text-align:center;margin:10px;cursor:pointer;border-radius:10px;position:relative;}
.yx_nav:hover{background:#ff8900;color:#fff;}
.yx_nav a{width:190px;height:50px;display:block;color:#666;}
.yx_nav:hover a{color:#fff;}
.yx_nav_b{background:#ff8900;color:#fff;}
.yx_nav_b a{color:#fff;}
.yx_nav_b:after,.yx_nav:hover:after{content:'>';width:10px;height:10px;position:absolute;right:10px;top:0px;color:#fff;}



.a_middle_right {
    width: 985px;
    height: auto;
    background: #fff;
    margin-bottom: 70px;
    border-radius: 10px;
}
.fr {
    float: right;
}
.yx_ims_top {
    height: 44px;
    line-height: 44px;
    color: #666;
    text-align: left;
    border-bottom: 2px solid #f5f5f5;
    width: 900px;
    margin-left: 46px;
}
.yx_ims_top h3 {
    font-size: 24px;
    width: 100px;
    height: 44px;
    border-bottom: 2px solid #ff9f00;
    margin-top: 24px;
}
.sitemap{width:896px;margin-left:49px;margin-bottom: 20px;}
.sitemap a{width:100px;height:40px;line-height:40px;text-align:center;margin-right:30px;margin-top:20px;border:#ccc 1px solid;border-radius:10px;display:inline-block;}

.sitemap a:hover{background:#ff8900;border-color:#ff8900;color:#fff;}
.a_middle_right .a_contact {
    width: 930px;
    margin: 0 auto;
    padding-left: 10px;
}
.a_middle_right h4 {
    width: 800px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 18px;
    font-weight: bold;
}
.a_middle_right .y_list {
    width: 9px;
    height: 8px;
    background: url(../images/y_list.png) no-repeat center center;
    display: inline-block;
    margin-right: 6px;
}
.a_middle_right .a_lxfs {
    margin: 10px 0 10px 28px;
}
.a_middle_right .a_contact p {
    height: 25px;
}