@charset "UTF-8";
.znwebvote { width: 100%; padding-bottom: 30px; background-color: #ffffff; }
.znwebvote .znwebvote-banner{width: 100%;height: 580px;background: url('../images/pc-banner.jpg') no-repeat center center;}
.znwebvote-banner .banner-label{width: 740px; height: 80px;  position: absolute; top: 500px; left: 50%; transform: translateX(-50%); border-radius: 6px; display: flex; align-items: center; justify-content: center;}
.znwebvote-banner .banner-label .banner-t{ font-size: 18px; font-weight:bold; color:#800000;}
.znwebvote-banner .banner-label .banner-t p { display: inline-block; font-size: 20px; font-weight: bold; color: #981207; }
.znwebvote-banner .banner-label .banner-t .but { font-size: 18px; background-image: linear-gradient(to bottom, #ff0909, #b90000); border: 0px; border-radius: 5px; padding: 8px; line-height: 1; margin-left: 5px; }
.znwebvote-banner .banner-label .banner-t .but a { color: #ffff99; }
.znwebvote .znwebvote-banner img { width: 100%; }

.znwebvote .znwebvote-nav { width: 100%; height: 60px; background-color: #A60007; }
.znwebvote .znwebvote-nav .znwebvote-nav-main { width: 1220px; margin: 0 auto; }
.znwebvote .znwebvote-nav .znwebvote-nav-main ul { display: flex; }
.znwebvote .znwebvote-nav .znwebvote-nav-main ul li { flex: 1; text-align: center; }
.znwebvote .znwebvote-nav .znwebvote-nav-main ul li a { line-height: 60px; font-size: 20px; font-weight:600;color: #ffffff; }
.znwebvote .znwebvote-nav .znwebvote-nav-main ul li a:hover { color: #F8C552; }

.znwebvote .znnehvote-daojishi{display:flex;align-items:center;justify-content:center;margin-top:24px}
.znwebvote .znnehvote-daojishi img{width:32px;height:32px;margin-right:17px}
.znwebvote .znnehvote-daojishi .znnehvote-daojishi-label{font-size:20px;color:#A60007;margin-right:18px}
.znwebvote .znnehvote-daojishi .activity-time{display:flex;align-items:center}
.znwebvote .znnehvote-daojishi .activity-time .time-content div{text-align:center;color:#000}
.znwebvote .znnehvote-daojishi .activity-time .day-num{width:51px;height:30px;line-height:30px;background:linear-gradient(180deg,#FDD8A5, #DA9452);font-size:20px;margin-bottom:3px}
.znwebvote .znnehvote-daojishi .activity-time .day-text{width:51px;height:20px;line-height:20px;background:linear-gradient(180deg,#FDD8A5, #DA9452);font-size:16px}

.znwebvote .zt-time_line { width: 1056px; margin: 0 auto; margin-top: 50px; }
.znwebvote .zt-time_line img { width: 100%; }

.znwebvote .zt-box-module { width: 1220px; margin: 40px auto; }

.znwebvote .zt-box-module .zt-title-img { width: 290px; margin: 0 auto; margin-bottom: 30px; }
.znwebvote .zt-box-module .zt-title-img img { width: 100%; }

.znwebvote .zt-hdbj .hdbj-content { display: flex; }
.znwebvote .zt-hdbj .hdbj-content-left { width: 895px; padding: 32px 24px; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); display: flex; border:1px solid #CB1616;border-radius: 10px; }
.znwebvote .zt-hdbj .hdbj-content-left img { width: 293px; height: 293px; border-radius: 10px; box-shadow: 5px 5px 0px 0px #FCECC9; }
.znwebvote .zt-hdbj .hdbj-content-left-test { flex: 1; height: 311px; margin-left: 30px; overflow-y: auto; font-size: 16px; color: #372702; text-indent: 2em; line-height: 28px; text-align: justify; padding: 0px 10px; }
.znwebvote .zt-hdbj .hdbj-content-left-test::-webkit-scrollbar { width: 7px; height: 7px; }
.znwebvote .zt-hdbj .hdbj-content-left-test::-webkit-scrollbar-thumb { border-radius: 7px; background: #FF3232; }
.znwebvote .zt-hdbj .hdbj-content-left-test::-webkit-scrollbar-track { border-radius: 7px; background: linear-gradient(to bottom, #CB1616 0%, #9C1818 100%); }

.znwebvote .zt-hdbj .hdbj-content-right { margin-left: 15px; width: 288px; }
.znwebvote .zt-hdbj .hdbj-right-item { margin-bottom: 10px; border-radius: 10px; }
.znwebvote .zt-hdbj .hdbj-right-item:nth-child(2) { margin-bottom: 0px; }
.znwebvote .zt-hdbj .hdbj-right-item .hdbj-right-item-top { line-height: 39px; background-image: linear-gradient(to right, #FDD8A5, #DA9452); font-size: 16px; color: #820F06; padding-left: 20px; border-radius: 10px 10px 0px 0px; font-weight: bold; }
.znwebvote .zt-hdbj .hdbj-right-item-cont { background-image: linear-gradient(to bottom, #ffffff, #ffffff); padding: 20px; color: #372702; border:1px solid #CB1616; border-top:none;border-radius: 0px 0px 10px 10px; }
.znwebvote .zt-hdbj .hdbj-right-item-cont .news-item a { color: #ECB77C; }
.znwebvote .zt-hdbj .hdbj-right-item-cont span { display: block; margin-bottom: 7px; font-size: 14px; }
.znwebvote .zt-hdbj .downLoad { width: 120px; margin-top: 15px; font-size: 12px; border-radius: 6px; background-image: linear-gradient(to right, #f3f3f3, #f1f1f1); }

.znwebvote .zt-hdbj .downLoad a { display: flex; line-height: 31px; justify-content: center; align-items: center; color: #A01818; }
.znwebvote .zt-hdbj .downLoad img { width: 17px; height: 17px; margin-right: 10px; }
.znwebvote .zt-hdbj .hdbj-right-item-cont ul li { font-size: 14px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.znwebvote .zt-hdbj .hdbj-right-item-cont ul li a:hover { text-decoration: underline; }

.znwebvote .zt-pxmb { width: 100%; padding: 30px 0px; background-color: #9D1409; }
.znwebvote .zt-pxmb .zt-title-img { margin-bottom: 0px; }
.znwebvote .zt-pxmb .pxmb-cont { width: 1220px; margin: 0 auto; display: flex; }
.znwebvote .zt-pxmb .pxmb-cont .pxmb-cont-left .pxmb-cont-item, .znwebvote .zt-pxmb .pxmb-cont .pxmb-cont-right .pxmb-cont-item { font-size: 16px; line-height:32px;color: #fdeac9; font-weight: 400; padding-top: 128px; width: 350px; }
.znwebvote .zt-pxmb .pxmb-cont .pxmb-cont-middle { flex: 1; }
.znwebvote .zt-pxmb .pxmb-cont .pxmb-cont-middle img { width: 100%; }

.znwebvote .zt-pxzc .pxzc-main { padding: 30px; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); border:1px solid #CB1616;border-radius: 6px; display: flex; }
.znwebvote .zt-pxzc .pxzc-main-nav { width: 310px; padding-right: 50px; border-right: 1px solid #FADB95; }
.znwebvote .zt-pxzc .nav-item { width: 260px; line-height: 60px; color: #820F06;  background-image: linear-gradient(to right, #FDD8A5, #DA9452); margin-bottom: 20px; text-align: center; font-size: 16px; cursor: pointer; }.znwebvote .zt-pxzc .nav-item:hover { color: #820F06;font-weight:600;}
.znwebvote .zt-pxzc .nav-item:last-child { margin-bottom: 0px; }
.znwebvote .zt-pxzc .nav-item-curr { background-color: #DA9452 font-weight: bold; position: relative; }
.znwebvote .zt-pxzc .nav-item-curr::after { position: absolute; right: -20px; content: ''; width: 0; height: 0; border-left: 20px solid #DA9452; border-top: 30px solid transparent; border-bottom: 30px solid transparent; }
.znwebvote .zt-pxzc .pxzc-content { flex: 1; padding: 0px 50px; height: 370px; overflow-y: auto; }
.znwebvote .zt-pxzc .pxzc-content .label { font-size: 16px; font-weight: bold; color: #352602; display: block; margin-top: 20px; }
.znwebvote .zt-pxzc .pxzc-content .cont { font-size: 14px; font-weight: 400; color: #402e02; line-height: 30px; margin-top: 5px; display: block; text-align: justify; }
.znwebvote .zt-pxzc .pxzc-content > div { display: none; }
.znwebvote .zt-pxzc .pxzc-content .gkzz { display: block; }

.znwebvote .zt-jxdh .jxdh-cont .jxdh-cont-list { display: flex; flex-wrap: wrap; }
.znwebvote .zt-jxdh .jxdh-cont .jxdh-cont-list .jxdh-cont-item { width: 380px; padding-bottom: 50px; background-color: #A01717; margin-right: 30px; margin-bottom: 30px; border-radius: 10px; }
.znwebvote .zt-jxdh .jxdh-cont .jxdh-cont-list .jxdh-cont-item img { width: 64px; height: 64px; display: block; margin: 0 auto; }
.znwebvote .zt-jxdh .jxdh-cont .jxdh-cont-list .jxdh-cont-item .jxdh-cont-item-title { text-align: center; margin-top: 20px; color: #fff; font-size: 14px; }
.znwebvote .zt-jxdh .jxdh-cont .jxdh-cont-list .jxdh-cont-item .jxdh-cont-item-name { width: 330px; height: 40px; background-color: #F4B049; border-radius: 30px; margin: 0 auto; margin-top: 30px; }
.znwebvote .zt-jxdh .jxdh-cont .jxdh-cont-list .jxdh-cont-item .jxdh-cont-item-name .jxdh-cont-item-name-main { width: 300px; height: 40px; line-height: 40px; background-color: #fff; border-radius: 30px; text-align: center; margin: 0 auto; color: #A01717; font-weight: bold; font-size: 14px; }
.znwebvote .zt-jxdh .jxdh-cont .jxdh-cont-list .jxdh-cont-item:nth-child(3n) { margin-right: 0px; }

.znwebvote .zt-pxtx .pxtx-content { padding: 40px; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); border:1px solid #CB1616; }
.znwebvote .zt-pxtx .pxtx-main-nav { display: flex; align-items: center; justify-content: center; padding-bottom: 10px; }
.znwebvote .zt-pxtx .pxtx-main-nav .nav-item { margin-bottom: 0px; margin-left: 50px; font-size: 14px; width: 194px; line-height: 38px; color: #fff; margin-bottom: 20px; text-align: center; font-size: 14px; cursor: pointer; background-color: #991106; border-radius: 6px; font-weight: bold; }
.znwebvote .zt-pxtx .pxtx-main-nav .nav-item:first-child { margin-left: 0px; }
.znwebvote .zt-pxtx .pxtx-main-nav .nav-item-curr { background-color: #DA9452; position: relative; }
.znwebvote .zt-pxtx .pxtx-main-nav .nav-item-curr::after { position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #DA9452; }
.znwebvote .zt-pxtx .pxtx-content-c { height: 300px; padding: 30px; padding-top: 0px; overflow-y: auto; line-height: 30px; font-size: 14px; color: #352602; }
.znwebvote .zt-pxtx .pxtx-content-c::-webkit-scrollbar { width: 5px; height: 5px; }
.znwebvote .zt-pxtx .pxtx-content-c::-webkit-scrollbar-thumb { border-radius: 5px; background: #FADB95; }
.znwebvote .zt-pxtx .pxtx-content-c::-webkit-scrollbar-track { border-radius: 5px; background: #C93C3C; }
.znwebvote .zt-pxtx .pxtx-content-c > div { display: none; }
.znwebvote .zt-pxtx .pxtx-content-c > div:first-child { display: block; }

.znwebvote .zt-zjzcy { width: 100%; padding: 40px 0px; background-color: #9D1409; }
.znwebvote .zt-zjzcy .zjzcy-cont { width: 1240px; margin: 0 auto; }
.znwebvote .zt-zjzcy .zjzcy-cont-item { padding: 30px; background: linear-gradient(to bottom, #CB1616 0%, #AA1313 50%, #9C1818 100%); border-radius: 10px; display: flex; margin-bottom: 20px; box-shadow: 0px 0px 1px 1px #CB1616; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-avatar { width: 138px; height: 138px; border-radius: 50%; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-avatar img { width: 100%; height: 100%; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-info { margin-left: 20px; flex: 1; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-info .zjzcy-cont-item-info-t { display: flex; align-items: center; font-weight: bold; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-info .zjzcy-cont-item-info-t .zjzcy-cont-item-info-name { font-size: 30px; color: #F8C552; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-info .zjzcy-cont-item-info-t .zjzcy-cont-item-info-pos { font-size: 16px; color: #F8C552; margin-left: 20px; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-info .zjzcy-cont-item-pos-more { font-size: 16px; color: #F8C552; margin-top: 10px; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-info .zjzcy-cont-item-pos-more div { margin-bottom: 5px; }
.znwebvote .zt-zjzcy .zjzcy-cont-item .zjzcy-cont-item-info .zjzcy-cont-item-info-b { font-size: 14px; color: #fff; line-height: 30px; margin-top: 20px; }

.znwebvote .zt-hjfl .hjfl-content { display: flex; justify-content: space-between; }
.znwebvote .zt-hjfl .hjfl-box { width: 596px; padding: 35px; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); border:1px solid #CB1616;  border-radius: 10px; }
.znwebvote .zt-hjfl .fjfl-t { width: 228px; height: 43px; font-size: 16px; text-align: center; line-height: 43px; margin: 0 auto; color: #fff; background-color: #9D1409; border-radius: 30px; }
.znwebvote .zt-hjfl .hjfl-text { font-size: 14px; color: #333; line-height: 28px; text-align: justify; margin-top: 20px; color: #330502; }

.znwebvote .zt-wqpxhg .wqpxhg-cont { padding: 30px; display: flex; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); border:1px solid #CB1616; border-radius: 10px; flex-wrap: wrap; }
.znwebvote .zt-wqpxhg .wqpxhg-cont a { width: 563px; height: 113px; margin-right: 30px; margin-bottom: 20px; }
.znwebvote .zt-wqpxhg .wqpxhg-cont a img { width: 100%; height: 100%; }
.znwebvote .zt-wqpxhg .wqpxhg-cont a:nth-child(2) { margin-right: 0px; }

.znwebvote .zt-wjbj .wjbj-content { padding: 30px; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); border:1px solid #CB1616; border-radius: 10px; }
.znwebvote .zt-wjbj .wjbj-content img { width: 100%; }
.znwebvote .zt-wjbj .wqmore { margin-top: 20px; text-align: right; }
.znwebvote .zt-wjbj .wqmore a { display: inline-block; width: 100px; line-height: 26px; background: #F4B049; border-radius: 26px; text-align: center; font-size: 14px; color: #820F06; margin: 0 5px; }
.gotop { position: fixed; top: auto; right: 0; bottom: 20px; z-index: 1000; display: none; width: 64px; height: 60px; padding: 12px 0; font-size: 16px; line-height: 1.2; color: #fff; text-align: center; cursor: pointer; user-select: none; background-image: linear-gradient(to bottom, #FDD8A5, #DA9452); }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { border-radius: 5px; background: #FADB95; }
::-webkit-scrollbar-track { border-radius: 5px; background: #C93C3C; }

/* 榜单揭晓 */
.bdjx_con { padding-top: 20px; }
.bdjx_con ul { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bdjx_con ul li { width: 49%; float: left; margin: 0 0px 20px; border-radius: 10px; padding-bottom: 20px; overflow: hidden; background-image: linear-gradient(to bottom, #DF1515, #9B1919); }
.bdjx_con ul li h3 { display: flex; background-image: linear-gradient(to right, #FDD8A5, #DA9452); color: #820F06; font-size: 18px; font-weight: 700; margin-bottom: 18px; flex-direction: column; align-items: center; line-height: 1.5; padding: 8px 0; }
.bdjx_con ul li h6 { display: flex; height: 36px; margin: 0 24px 0; border-bottom: 1px solid #ffd17c; line-height: 24px; width: auto !important; float: none; }
.bdjx_con ul li h6 div { width: 50%; text-align: left; }
.bdjx_con ul li h6 div span { color: #9c5800; font-size: 16px; font-weight: bold; background: #f4ecd7; display: inline-block; border-radius: 4px; padding: 6px; text-align: center; line-height: 1; }
.bdjx_con ul li dl { margin: 0 24px; }
.bdjx_con ul li dl dd { display: flex; font-size: 13px; line-height: 1.5; overflow: hidden; border-bottom: 1px solid #ffd17c; padding: 5px 0; }
.bdjx_con ul li dl dd span { flex: none; color: #fff; display: block; width: 40%; float: left; }
.bdjx_con ul li dl dd i { display: inline-block; font-style: normal; color: #ffd17c; }
.bdjx_con ul li dl dd.chunk { border: 0; color: #eea951; border-bottom: 1px dashed #eea951; font-weight: bold; margin: 20px 0 10px; font-size: 16px; }
.bdjx_con ul li.comp dl { margin: 0 24px; }
.bdjx_con ul li.comp dl dd { color: #fff; line-height: 2; width: 50%; float: left; font-size: 14px; border: 0; }
.descr { font-size: 16px; text-align: center; color: #800000; }

.bdjx_con li.bdrw ul { margin: 24px; display: flex; flex-wrap: wrap; }
.bdjx_con li.bdrw li { box-sizing: border-box; width: 215px; text-align: center; float: left; height: 268px; margin: 1px; padding: 0; }
.bdjx_con li.bdrw li img { width: 148px; height: 170px; border-radius: 8px; display: block; margin: 10px auto; }
.bdjx_con li.bdrw li span { font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; }
.bdjx_con li.bdrw li p { font-size: 14px; color: #ffd17c; }
.bdjx_con .rwph { width: 1160px; }


.cata { overflow: hidden; display: flex; justify-content: center; color: #000; }
.cata > dl > a:hover { color: #C93C3C; }
.cata > dl > a.cataon { color: #C93C3C; }
.cata > dl > a { float: left; width: 285px; line-height: 43px; background-image: linear-gradient(to right, #FDD8A5, #DA9452); color: #000; font-weight: 700; padding: 0 8px; text-align: center; margin: 5px; cursor: pointer; border-radius: 6px; }

.sdpx_tit { font-size: 18px; font-weight: normal; color: #fff; margin: 30px 0; overflow: hidden; display: flex; align-items: center; }
.sdpx_tit > p { float: left; }
.sdpx_tit > p > b { color: #ffd17c; }
.sdpx_tit > p > span { font-size: 14px; font-weight: 400; }
.sdpx_tit > a { display: flex; justify-content: center; background: #d1a05a url(../images/btn_2022.png) no-repeat; border-radius: 20px; width: 100px; line-height: 24px; color: #000; font-size: 14px; font-weight: 400; box-sizing: border-box; float: left; margin-top: 5px; }