body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, td, th, tr, dt, dd, dl, a{margin: 0;padding: 0;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
u{text-decoration: none;}
table{border-spacing: 0;border-collapse: collapse;margin: inherit;}
img{border: none;vertical-align: middle;-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
input, select, button{vertical-align: middle;outline: none;}
a{text-decoration: none;color: #666;-webkit-transition: color 0.2s linear;transition: color 0.2s linear;}
.fl{float: left;}
.fr{float: right;}
body{min-width: 1200px;font-family: "Microsoft YaHei", "Arial", "Heiti SC";background: #f2f5f7;}
.wrap{width: 1200px;margin: 0 auto;}
.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);-webkit-filter: gray;filter: gray;}
.clear{clear: both;}
.clear::after{content: "";display: block;clear: both;}
:root{--ThemeColor: #af1827;--ThemeColor2: #ff8349;}
.news_foot_c, .news_foot{height: auto;}
.top{width: 100%;height: 85px;background: #1e222d;}
.top .top_inner{height: 100%;}
.top .top_inner .logo{float: left;width: 137px;height: 46px;margin-top: 25px;margin-right: 40px;padding: 0;}
.top .top_inner .logo img{width: 157px;height: 46px;}
.top .top_inner .top_btn{float: left;margin-top: 27px;}
.top .top_inner a{display: inline-block;width: auto;padding: 5px 15px;color: #ccc;font-size: 16px;}
.top .top_inner a.on{color: #ff6600;}
.top .top_inner a:hover{color: #ff6600;}
.top .top_inner .search{float: right;width: 219px;height: 31px;border: 1px solid #ff6600;margin-top: 27px;margin-left: 30px;}
.top .top_inner .search .search_area{width: 65px;height: 100%;color: #ff6600;background: #fff;text-align: center;line-height: 31px;float: left;}
.top .top_inner .search .search_con{float: left;width: 175px;height: 31px;border: 0;}
.top .top_inner .search .btn{float: left;width: 44px;height: 31px;background: url("https://www.ali213.net/zt/images/sousuo.jpg") no-repeat center;border: 0;}
.con{width: 1200px;margin: 0 auto;}
#page{margin: 0 auto;padding: 10px 0 20px;width: 100%;overflow: hidden;text-align: center;}
#page a, #page span{display: inline-block;width: auto;padding: 0 15px;height: 36px;text-align: center;line-height: 36px;color: #333;font-size: 15px;background: #fff;border-radius: 3px;border: 1px solid #e6e6e6;margin: 0 5px;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;}
#page span{background-color: var(--ThemeColor);color: #fff;border-color: var(--ThemeColor);-webkit-box-shadow: 1px 4px 8px var(--ThemeColor2);box-shadow: 1px 4px 8px var(--ThemeColor2);}
#page a:hover, #page .activP{background-color: var(--ThemeColor);color: #fff;}
#page .prevPage i, #page .nextPage i{display: inline-block;width: 12px;height: 20px;vertical-align: middle;margin-bottom: 3px;}
#page .MorePage{background: #fff !important;color: var(--ThemeColor) !important;}
#page .nextPage i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.ThemeBodyBg{background: url(../images/BodyBg.png) center;background-position-y: -40px;background-size: 100%;width: 100%;height: 100%;z-index: 0;position: fixed;left: 0;top: 0;}
body{background: none;}
.top{position: relative;z-index: 2;}
.bbs{background: #262c4b;padding: 0 15px;border-radius: 8px;margin: 20px auto;}
.ali-comment-article-join-w{color: #fff;}
.bbscolor2{color: #fff;}
.ali-comment-box-tit strong{color: #f5f5f5;}
.bbscolor13{color: #f5f5f5;}
.bbscolor16{color: #f5f5f5;}
.bbscolor26{color: #f5f5f5;}
.ContentWrap{width: 100%;overflow: hidden;position: relative;z-index: 2;}
.ContentWrap .ThemeBtns{position: fixed;right: 20px;bottom: 300px;width: 140px;padding: 10px;overflow: hidden;background: rgba(0, 0, 0, 0.4);border-radius: 8px;z-index: 9;}
.ContentWrap .ThemeBtns .btn{display: block;height: 40px;border-radius: 8px;text-align: center;line-height: 40px;background: #696565;margin-bottom: 10px;font-size: 16px;color: #fff;font-weight: bold;-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.ContentWrap .ThemeBtns .btn:hover{opacity: 0.8;}
.ContentWrap .ThemeBtns .btn:last-child{margin-bottom: 0;}
.ContentWrap .ThemeBtns .QrCodeBox{width: 100%;}
.ContentWrap .ThemeBtns .QrCodeBox img{width: 100%;height: 140px;border-radius: 8px;}
.ContentWrap .ThemeBtns .QrCodeBox p{color: #fff;font-size: 14px;line-height: 30px;margin-bottom: 10px;}
.ContentWrap .ThemeBtns i{display: inline-block;width: 18px;height: 18px;vertical-align: middle;background: #eee;margin: 0 5px 4px 0;background-size: 100% 100% !important;}
.ContentWrap .ThemeBtns .vd{background: url(../images/icon_play.png) no-repeat;}
.ContentWrap .ThemeBtns .dl{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABjUlEQVR42u3XwSvDYRzH8W+RlBycmCU1SkNRKzspBwdSwgl/gPwBkhy2FHP1V7hIyYWbctzRRTtQksNKaUOmjXkf9q2n9attv99T+5XnU68dtsv72a+nNalWq7YMIIcXTEBssBm4C911GAP3obsKY+AOdBcu0AW6QBfoAl2gC/xfgV1hDexABnkcWAxcRg6n6AwSGIO5YwuB6zA3GySwB3cwlwkQWB/3jYjfQNWNe5g78hG4AXNlTNu5JN6Rhy0Ebnp8c1M2b7FGPsFc2vh8D7pL4/1V1G+ylVscRQpzkAb6PL7JFARb0J1BsAJzn0hAGhhHGgnh5QG6fp+Pew1L0J0gCXPvGIM00IuSHki8rrzPyBx0zzBXxCikCcPQ/UjtZLokJECk1woYgTQpiooeTGqn081ALEYWEINYDbQU+YU4xHqghcg3faxhCdTIG2QxBAlJoDcX6AJbCCxBF4WEQMX8qfuAbhuDNdE2iGABv2bgOcxV2qgMc4/6v6OCMG5en3kct8ij2GavyGIR8gc6PykMJoi4ZwAAAABJRU5ErkJggg==) no-repeat;}
.ContentWrap .ThemeBtns .ios{width: 15px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAlCAYAAABVjVnMAAABlUlEQVR42sXXzyvDcRzH8W8bTpaDYSlZapL/gOQg5eLkQpT8ONAOUlMrN1wc1A44LCsOclEotYvkwGVJqTmYVpZoTTmsWEvaPC/f+vbps9lq37dXPS7fy7O+P9pnRrFYrCUv1hDHPIxSahkN4Bvm/BLhCNQN2B2eg7ovGHaG21GAulW7w+tQl4BhZ9iBhBL9QIvdYbcSjaIZRi3DTs21RkQQgs9yvQGtcKHqsAuLuEYSr4hjD4MwNCZxhTTyyCKBU4xWEp5ABuX2iCBmEUYOfy2GnlLhDdi5HPrU8DIklkG9Ge2AxNIYgsMMnwlEP+GxPmMvJDasvtV+geid7nPaFQjP6MI3AuFeXTghEO7WhZP/Fb4XCPfrwkcC4bAuHBAI5+FUw+OQ2LEabsMPJLap/ixeQGr76DTD05Dcg/VNy0JqYWt4C1LzWsMeFASiB7oz14pA2G2GVTHYtYVyx9smm255tJID/RhquTfUacJaSyi1FA4RwjbOUWrv6Kr2v9MILpHCM04wBQcMhQ9B3OIFT9iBB4bqF6fRru26xQQVAAAAAElFTkSuQmCC) no-repeat;}
.ContentWrap .ThemeBtns .az{width: 15px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAABu0lEQVR42u3WMWgTYRiH8ZdKQKVQkylDN6WrxE0NGjJ0UYQOpdWhlkoGE6KIiyjYSKShFDtJIEOhcQmaqVAyuVQqLmJQ0VKoQ6FBaDVRMDQOEh/BD16Kl1zuvkXIA79v+SD/JcedtNvtTo4hhyGICxmcgDhx8yNzeABRgghBlMt4ggGvg9p9pFHEBzT/+oQyUliAAP4Go6iiWzVc8juYRq/lvQ7GYSpgBU69xGOYbvc6eBRNmAQROJWAoAXT8V4G70L3GV/h1A/sQFfuZXATNgq5GRyGrWJOg6cQh2AQt5DCdY+SuIEwBKdxzgwmYHoEwRKeWiC4BtO8cNShu4AGbHQG2zD9Eo4v0F3Fa/htHzFswPRN/vF3nkAVfmshincw7fUH+4OeBnehm7L4WJzHR5gawvEdujG8hd9+4ixqBx/8WZhKOIw6bBTEHZiKwvHHRVyB4AhsNQLBOCadXk8h2Cri9gVcgN9eIdBtUJtGFhXotvAQWbyBbh1Z3MQhr9+lo9CV1F0WuqSND+EZ6FbVXR66zH85mITuubpbhi5nY3Acuoq6W4Tuno3BAJ6hjvc4qe7CeIEG1hCGdPIbrl7gzGJ3z/IAAAAASUVORK5CYII=) no-repeat;}
.ContentWrap .ThemeBtns .azbtn{background: #8cc232;}
.ContentWrap .ThemeBtns .giftbtn{background: red;}
.ThemeHead{width: 100%;height: 800px;position: relative;background: url(../images/BannerBg.jpg) no-repeat center bottom;background-size: auto 100%;-webkit-box-shadow: 0 0 35px rgba(255, 255, 255, 0.4);box-shadow: 0 0 35px rgba(255, 255, 255, 0.4);margin-bottom: 30px;}
.ThemeHead .MindImg{position: absolute;left: 50%;top: 35%;margin: -120px 0 0 -400px;}
.ThemeHead .ThemeNav{width: 1200px;z-index: 2;position: absolute;bottom: 30px;left: 50%;margin-left: -600px;}
.ThemeHead .ThemeNav li{float: left;width: 155px;height: 60px;text-align: center;line-height: 60px;font-size: 18px;font-weight: bold;background: url(../images/icon_bg_r.png) no-repeat;background-size: 100% 100%;margin: 0 8px;text-indent: 14px;}
.ThemeHead .ThemeNav li a{display: block;color: #fff;}
.ThemeHead .ThemeNav li:hover, .ThemeHead .ThemeNav .on{background: url(../images/icon_bg_w.png) no-repeat;background-size: 100% 100%;}
.ThemeHead .ThemeNav li:hover a, .ThemeHead .ThemeNav .on a{color: #af1827;}
.ThemeBody{min-height: 40vh;width: 1200px;margin: 0 auto;}
.ThemeBody .ThemeItem{margin: 25px auto 60px;}
.ThemeBody .ThemeItem .ThemeTitle p{display: block;margin: 0 auto;width: 280px;height: 90px;border-radius: 6px;position: relative;background: rgba(0, 0, 0, 0.4);}
.ThemeBody .ThemeItem .ThemeTitle p::before, .ThemeBody .ThemeItem .ThemeTitle p::after{display: block;position: absolute;top: -12px;content: "";width: 80px;height: 53px;background: url(../images/title_img.png) no-repeat;background-size: 100%;}
.ThemeBody .ThemeItem .ThemeTitle p::before{left: -33px;-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
.ThemeBody .ThemeItem .ThemeTitle p::after{right: -33px;-webkit-transform: rotate(30deg) rotateY(-180deg);transform: rotate(30deg) rotateY(-180deg);}
.ThemeBody .ThemeItem .ThemeTitle p span{display: block;background: url(../images/title_icon.png) no-repeat;width: 252px;height: 58px;position: absolute;left: 14px;top: 17px;}
.ThemeBody .ThemeItem .ThemeTitle p .Title_yxgl{background-position: 0 0;}
.ThemeBody .ThemeItem .ThemeTitle p .Title_tjdq{background-position: 0 -68px;}
.ThemeBody .ThemeItem .ThemeTitle p .Title_xzbd{background-position: 0 -136px;}
.ThemeBody .ThemeItem .ThemeTitle p .Title_stzx{background-position: 0 -204px;}
.ThemeBody .ThemeItem .ThemeTitle p .Title_ldzp{background-position: 0 -272px;}
.ThemeBody .Item_1{overflow: hidden;}
.ThemeBody .Item_1 .LeftCont{width: 680px;height: 360px;position: relative;background: #d7d7d7;border-radius: 12px;overflow: hidden;}
.ThemeBody .Item_1 .LeftCont .TabHd{width: 170px;position: absolute;height: 27px;background: rgba(0, 0, 0, 0.4);border-radius: 15px;z-index: 3;bottom: 20px;left: 50%;margin-left: -80px;}
.ThemeBody .Item_1 .LeftCont .TabHd .TabTag{width: 50%;height: 27px;line-height: 27px;display: block;float: left;color: #fff;font-size: 14px;cursor: pointer;}
.ThemeBody .Item_1 .LeftCont .TabHd .on{background: #fff;color: #333;border-radius: 15px;}
.ThemeBody .Item_1 .LeftCont .TabBd{height: 360px;width: 100%;}
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem{height: 360px;width: 100%;position: relative;}
/*.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .OLogo{background: url(../images/icon_original.png) no-repeat;background-size: 100%;right: 20px;top: 20px;}*/
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .videoBg{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .OLogo, .ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PlayBtn{width: 80px;height: 80px;position: absolute;z-index: 3;cursor: pointer;-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .OLogo:hover, .ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PlayBtn:hover{opacity: 0.6;}
/*.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PlayBtn{left: 50%;top: 50%;margin: -40px 0 0 -40px;background: url(../images/icon_play.png) no-repeat;background-size: 100%;}*/
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PicItems{height: 360px;}
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PicItems .swiper-slide a{display: block;height: 100%;}
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PicItems .swiper-slide a img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PicItems .swiper-pagination{bottom: 55px;}
.ThemeBody .Item_1 .LeftCont .TabBd .TabItem .PicItems .swiper-pagination .swiper-pagination-bullet{background: #fff;}
.ThemeBody .Item_1 .RigthCont{background: #010304;width: 500px;height: 360px;border-radius: 12px;overflow: hidden;}
.ThemeBody .Item_1 .RigthCont .ContHead{border-bottom: 1px solid #797979;height: 50px;line-height: 50px;overflow: hidden;}
.ThemeBody .Item_1 .RigthCont .ContHead .TabHd a{padding: 0 15px;font-size: 18px;font-weight: bold;color: #fff;}
.ThemeBody .Item_1 .RigthCont .ContHead .TabHd .on{color: #af1827;}
.ThemeBody .Item_1 .RigthCont .ContHead .more{font-size: 16px;}
.ThemeBody .Item_1 .RigthCont .ContHead .more a{color: #fff;}
.ThemeBody .Item_1 .RigthCont .ItemTitle{width: 80%;height: 70px;text-align: center;margin: 0 auto;line-height: 70px;font-size: 20px;font-weight: bold;color: #fff;background: url(../images/title_bg.png) no-repeat;background-size: 100% 100%;overflow: hidden;}
.ThemeBody .Item_1 .RigthCont .TabItem ul{overflow: hidden;margin: 0 12px;}
.ThemeBody .Item_1 .RigthCont .TabItem ul li{height: 25px;line-height: 25px;padding: 10px 0;font-size: 16px;}
.ThemeBody .Item_1 .RigthCont .TabItem ul li .tag{display: block;float: left;height: 22px;width: 42px;line-height: 22px;margin-top: 2px;background: #af1827;color: #fff;font-size: 12px;border-radius: 3px;}
.ThemeBody .Item_1 .RigthCont .TabItem ul li .bt{float: left;width: 330px;height: 25px;line-height: 25px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #a3a3a3;display: block;margin: 0 12px;font-size: 15px;}
.ThemeBody .Item_1 .RigthCont .TabItem ul li .time{color: #a3a3a3;font-size: 14px;}
.ThemeBody .Item_1 .RigthCont .TabItem ul li:hover .bt, .ThemeBody .Item_1 .RigthCont .TabItem ul li:hover .time{color: #fff;}
.ThemeBody .Item_1 .RigthCont .TabItem ul li + li{border-top: 1px dashed #878787;}
.ThemeBody .Item_1 .ContHead .more a + a{display: none;}
.TabBd .TabItem + .TabItem{display: none;}
.VideoInfo{width: 100%;height: 100%;z-index: 2999;position: fixed;left: 0;top: 0;overflow: hidden;display: none;}
.VideoInfo .VideoBg{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}
.VideoInfo .VideoBody{width: 900px;height: 500px;margin: 0 auto;position: relative;}
.VideoInfo .VideoBody .VideoClose{position: absolute;right: -90px;top: 50%;width: 43px;height: 43px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAM1BMVEUAAAD//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vs7SnsYAAAAEHRSTlMAEesJRDDgL95AFfOwTzpQdnMOOgAAAJpJREFUOMvl0rEWgkAMBdEAakQF8/9f664U0+3Q86oUt8qZiFhv4cstOq1ynFXfiL3KcXa0xfIAD+k8Bdgp2CnYqGKoYqhiqGKoYqhiqGKoYugI5/++j+mBP0bBTsFK2UXosp+nT9pQShtCCckp2Cn4DAU7BTs9ngEWCmZQxVDFUMVQxVDHCRW8xjRDh/j9ioY7Vdxpw406bvQHIKkU7sH6l2AAAAAASUVORK5CYII=) no-repeat;background-size: 100%;cursor: pointer;}
.VideoInfo .VideoBody video{width: 900px;height: 500px;position: relative;top: 50%;}
.Item_2{width: 100%;}
.Item_2 .LeftCont{overflow: hidden;width: 590px;margin-top: 30px;}
.Item_2 .LeftCont li{width: 110px;height: 450px;border-radius: 10px;background: #000;float: left;overflow: hidden;position: relative;cursor: pointer;}
.Item_2 .LeftCont li img{position: absolute;}
.Item_2 .LeftCont li .sm{bottom: 0;width: 90px;left: 10px;max-height: 155px;z-index: 3;}
.Item_2 .LeftCont li .bg{height: 100%;top: 2px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 0.6;display: none;z-index: 1;}
.Item_2 .LeftCont li .bt{width: 66px;height: 256px;position: absolute;top: 15px;left: 22px;background: url(../images/TabTitle.png) no-repeat;background-size: 351px;z-index: 2;}
.Item_2 .LeftCont li:nth-child(1) .bt{background-position: 7px 0;}
.Item_2 .LeftCont li:nth-child(2) .bt{background-position: -60px 0;}
.Item_2 .LeftCont li:nth-child(3) .bt{background-position: -135px 0;}
.Item_2 .LeftCont li:nth-child(4) .bt{background-position: -210px 0;}
.Item_2 .LeftCont li:nth-child(5) .bt{background-position: -285px 0;}
.Item_2 .LeftCont li + li{margin-left: 10px;}
.Item_2 .LeftCont li:last-child{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.Item_2 .LeftCont .on{background-color: #ad1929;}
.Item_2 .LeftCont .on .bg{display: block;}
.Item_2 .LeftCont li:nth-child(1).on .bt{background-position: 7px -260px;}
.Item_2 .LeftCont li:nth-child(2).on .bt{background-position: -60px -260px;}
.Item_2 .LeftCont li:nth-child(3).on .bt{background-position: -135px -260px;}
.Item_2 .LeftCont li:nth-child(4).on .bt{background-position: -210px -260px;}
.Item_2 .LeftCont li:nth-child(5).on .bt{background-position: -285px -260px;}
.Item_2 .RigthCont{overflow: hidden;width: 610px;height: 450px;background: #000;margin-top: 30px;}
.Item_2 .RigthCont .listA{overflow: hidden;}
.Item_2 .RigthCont .listA a{display: block;float: left;width: 282px;height: 170px;position: relative;overflow: hidden;border-radius: 10px;margin: 15px 0 0 15px;}
.Item_2 .RigthCont .listA a img{width: 100%;height: 100%;}
.Item_2 .RigthCont .listA a p{width: 100%;height: 30px;line-height: 30px;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;bottom: 0;left: 0;color: #fff;font-size: 15px;background: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.Item_2 .RigthCont .listA a:hover img{opacity: 0.8;}
.Item_2 .RigthCont .listA a:hover p{background: rgba(255, 255, 255, 0.4);color: #af1827;}
.Item_2 .RigthCont .listB{width: 100%;overflow: hidden;margin-top: 10px;}
.Item_2 .RigthCont .listB li{float: left;width: 50%;height: 30px;line-height: 30px;margin-top: 5px;}
.Item_2 .RigthCont .listB li::before{content: "";display: block;float: left;width: 8px;height: 8px;background: #af1827;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: 12px 10px 0 15px;}
.Item_2 .RigthCont .listB li:hover .bt{color: #fff;}
.Item_2 .RigthCont .listB li .bt{float: left;width: 205px;height: 30px;font-size: 14px;color: #666;text-align: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Item_2 .RigthCont .listB li span{float: right;font-size: 14px;color: #666;margin-right: 15px;}
.Item_2 .RigthCont .morebtn{display: block;float: right;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;font-weight: bold;background: url(../images/icon_bg_r.png) no-repeat;background-size: 100% 100%;margin: 15px;text-indent: 14px;color: #fff;}
.PicCont{margin-top: 20px;width: 100%;height: 688px;background: rgba(0, 0, 0, 0.4);border-radius: 10px;position: relative;}
.PicCont .TabHd{position: absolute;left: 20px;top: 20px;z-index: 3;}
.PicCont .TabHd .TabTag{display: block;float: left;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;font-weight: bold;background: url(../images/icon_bg_r.png) no-repeat;background-size: 100% 100%;margin: 12px 5px;text-indent: 14px;color: #fff;cursor: pointer;}
.PicCont .TabHd .on{background: url(../images/icon_bg_w.png) no-repeat;background-size: 100% 100%;color: #af1827;}
.PicCont .TabBd, .PicCont .TabBd .TabItem{width: 100%;height: 100%;overflow: hidden;}
.PicCont .TabBd .TabItem{position: relative;z-index: 1;}
.PicCont .TabBd .TabItem .imgbg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0.5;}
.PicCont .TabBd .TabItem .InfoTabHd{width: 500px;height: 150px;position: absolute;z-index: 3;left: 48px;bottom: 100px;background: #333;border-radius: 10px;padding: 0 20px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-slide{cursor: pointer;opacity: .8;height: 150px;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-slide img{width: 90px;height: 90px;border: 1px solid #af1827;background: #fff;border-radius: 50%;display: block;margin: 17px auto 8px;-o-object-fit: cover;object-fit: cover;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-slide span{display: block;width: 100%;font-size: 15px;color: #fff;height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-slide-active{opacity: 1;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-slide-active span{color: #af1827;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-button-prev, .PicCont .TabBd .TabItem .InfoTabHd .swiper-button-next{background: #af1827;border-radius: 6px;width: 31px;height: 75px;top: 58px;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-button-prev::after, .PicCont .TabBd .TabItem .InfoTabHd .swiper-button-next::after{color: #fff;font-size: 30px;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-button-prev{left: -10px;}
.PicCont .TabBd .TabItem .InfoTabHd .swiper-button-next{right: -10px;}
.PicCont .TabBd .TabItem .InfoTabBd{position: absolute;z-index: 2;width: 100%;height: 100%;}
.PicCont .TabBd .TabItem .InfoTabBd .InfoTabItem + .InfoTabItem{display: none;}
.PicCont .TabBd .TabItem .InfoTabBd .InfoCont{width: 560px;height: 290px;border-bottom: 1px solid #333;position: absolute;left: 20px;top: 100px;z-index: 2;color: #fff;text-align: left;}
.PicCont .TabBd .TabItem .InfoTabBd .InfoCont .InfoName{font-size: 60px;font-weight: bold;}
.PicCont .TabBd .TabItem .InfoTabBd .InfoCont .InfoDesc{font-size: 16px;line-height: 22px;margin: 20px 0;}
.PicCont .TabBd .TabItem .InfoTabBd .InfoCont .InfoMore{position: absolute;right: 0;bottom: 0;display: block;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;font-weight: bold;background: url(../images/icon_bg_r.png) no-repeat;background-size: 100% 100%;margin: 12px 5px;text-indent: 14px;color: #fff;}
.PicCont .TabBd .TabItem .InfoTabBd .InfoShowImg{display: block;height: 100%;position: absolute;right: -20px;bottom: 0;}
.Weapon_Tab::-webkit-scrollbar{background: #333;width: 8px;}
.Weapon_Tab::-webkit-scrollbar-thumb{background: #fff;width: 5px;border-radius: 10px;}
.Weapon_Tab{width: 590px;height: 500px;border-radius: 10px;z-index: 2;overflow: hidden;position: absolute;left: 20px;top: 130px;overflow: hidden;overflow-y: scroll;border: 10px solid #333;background: #061522;border-right: none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.Weapon_Tab ul{width: 590px;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.Weapon_Tab ul li{float: left;width: 100px;margin: 5px 20px 10px;cursor: pointer;}
.Weapon_Tab ul li img{width: 100px;height: 100px;border-radius: 50%;border: 1px solid #af1827;-o-object-fit: cover;object-fit: cover;background: #fff;}
.Weapon_Tab ul li span{display: block;text-align: center;height: 20px;line-height: 20px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.Weapon_Info{width: 550px;height: 500px;border-radius: 10px;z-index: 2;overflow: hidden;position: absolute;right: 20px;top: 130px;}
.Weapon_Info .Info_item + .Info_item{display: none;}
.Weapon_Info .Info_item .InfoName{font-size: 60px;line-height: 70px;height: 70px;overflow: hidden;color: #fff;margin: 10px auto;}
.Weapon_Info .Info_item .InfoImg{display: block;margin: 25px auto;height: 160px;}
.Weapon_Info .Info_item .InfoMore{display: block;float: right;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;font-weight: bold;background: url(../images/icon_bg_r.png) no-repeat;background-size: 100% 100%;margin: 12px 5px;text-indent: 14px;color: #fff;cursor: pointer;}
.Weapon_Info .Info_item .InfoDesc{border-top: 1px solid #999;height: 46px;line-height: 22px;font-size: 14px;color: #fff;width: 90%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: left;margin: 10px auto;padding-top: 10px;}
.Weapon_Info .Info_item .InfoTips{width: 90%;margin: 0 auto;}
.Weapon_Info .Info_item .InfoTips p{text-align: left;color: #fff;height: 28px;line-height: 28px;overflow: hidden;width: 100%;margin-top: 10px;font-size: 14px;}
.Weapon_Info .Info_item .InfoTips p span:first-child{display: block;float: left;width: 110px;height: 28px;text-align: center;line-height: 28px;font-weight: bold;background: url(../images/icon_bg_r.png) no-repeat;background-size: 100% 100%;text-indent: 14px;color: #fff;cursor: pointer;margin-right: 10px;}
.Item_3 .PatchTitle{width: 100%;height: 25px;line-height: 25px;font-size: 14px;color: #fff;margin-bottom: 10px;}
.Item_3 .PatchTitle span{float: left;font-weight: bold;}
.Item_3 .PatchTitle .more{float: right;color: #fff;}
.Item_3 .ToolHd{overflow: hidden;width: 100%;}
.Item_3 .ToolHd a{display: block;float: left;width: 100%;height: 208px;position: relative;overflow: hidden;border-radius: 10px;}
.Item_3 .ToolHd a img{width: 100%;height: 100%;}
.Item_3 .ToolHd a p{width: 100%;height: 30px;line-height: 30px;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;bottom: 0;left: 0;color: #fff;font-size: 15px;background: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.Item_3 .ToolHd a:hover img{opacity: 0.8;}
.Item_3 .ToolHd a:hover p{background: rgba(255, 255, 255, 0.4);color: #af1827;}
.Item_3 .ToolList{width: 100%;overflow: hidden;margin-top: 10px;}
.Item_3 .ToolList li{float: left;width: 100%;height: 30px;line-height: 30px;margin-top: 5px;}
.Item_3 .ToolList li::before{content: "";display: block;float: left;width: 8px;height: 8px;background: #af1827;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: 12px 10px 0 2px;}
.Item_3 .ToolList li:hover .bt{color: #fff;}
.Item_3 .ToolList li .bt{float: left;width: 300px;height: 30px;font-size: 14px;color: #666;display: block;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Item_3 .ToolList li span{float: right;font-size: 14px;color: #666;}
.PatchLeft{width: 815px;height: 415px;background: #000;border-radius: 10px;margin-top: 30px;padding: 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.PatchLeft .Items{width: 48%;}
.PatchRight{width: 370px;height: 415px;background: #000;border-radius: 10px;margin-top: 30px;padding: 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.PatchRight .HotPatch{width: 100%;height: 208px;background: #eee;position: relative;overflow: hidden;border-radius: 10px;}
.PatchRight .HotPatch .swiper-slide{position: relative;overflow: hidden;}
.PatchRight .HotPatch .swiper-slide img{width: 100%;height: 100%;position: relative;z-index: 1;-o-object-fit: cover;object-fit: cover;}
.PatchRight .HotPatch .swiper-slide p{width: 100%;height: 35px;text-align: center;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;padding: 0 10px;background: rgba(0, 0, 0, 0.6);font-size: 14px;color: #fff;position: absolute;z-index: 2;bottom: 0;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.PatchRight .HotPatch .swiper-pagination{bottom: 40px;}
.PatchRight .HotPatch .swiper-pagination .swiper-pagination-bullet{background: #fff;}
.PatchRight .ToolList{margin-bottom: 5px;}
.PatchRight .ToolList li .bt{width: 265px;}
.PatchRight .HotLabel{width: 100%;overflow: hidden;height: 20px;}
.PatchRight .HotLabel a{float: left;font-size: 14px;color: #fff;margin: 2px 12px 0 0;}
.PatchRight .HotLabel a:hover{color: #af1827;}
.AudioVisual{width: 100%;height: 670px;background: #000;border-radius: 10px;margin-top: 30px;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.AudioVisual .TabHd{position: absolute;z-index: 2;bottom: 15px;right: 0;}
.AudioVisual .TabHd .TabTag{display: block;float: left;width: 236px;height: 80px;text-align: center;line-height: 80px;font-size: 18px;font-weight: bold;background: url(../images/icon_bg_r.png) no-repeat;background-size: 100% 100%;text-indent: 24px;margin: 0 10px;color: #fff;cursor: pointer;}
.AudioVisual .TabHd .TabTag.on{background: url(../images/icon_bg_w.png) no-repeat;background-size: 100% 100%;color: #af1827;}
.AudioVisual .TabBd{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.AudioVisual .TabBd .VdTitle{width: 600px;height: 90px;line-height: 100px;left: 15px;bottom: 10px;position: absolute;background: url(../images/title_bg.png) no-repeat;background-size: 100% 110%;color: #fff;font-size: 20px;font-weight: bold;text-align: left;text-indent: 65px;overflow: hidden;}
.AudioVisual .TabBd .VideoItem{height: 260px;width: 420px;position: relative;float: left;margin: 15px 0 0 15px;border-radius: 10px;overflow: hidden;}
/*.AudioVisual .TabBd .VideoItem .OLogo{background: url(../images/icon_original.png) no-repeat;background-size: 100%;right: 20px;top: 20px;}*/
.AudioVisual .TabBd .VideoItem .videoBg{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.AudioVisual .TabBd .VideoItem .OLogo, .AudioVisual .TabBd .VideoItem .PlayBtn{width: 80px;height: 80px;position: absolute;z-index: 3;cursor: pointer;-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.AudioVisual .TabBd .VideoItem .OLogo:hover, .AudioVisual .TabBd .VideoItem .PlayBtn:hover{opacity: 0.6;}
/*.AudioVisual .TabBd .VideoItem .PlayBtn{left: 50%;top: 50%;margin: -40px 0 0 -40px;background: url(../images/icon_play.png) no-repeat;background-size: 100%;}*/
.AudioVisual .TabBd .TabItem .VideoItem:nth-child(1){width: 740px;height: 535px;}
.AudioVisual .Wallpaper{position: relative;width: 100%;margin: 20px auto;padding: 15px 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.AudioVisual .Wallpaper .swiper-slide{width: 700px;height: 480px;}
.AudioVisual .Wallpaper .swiper-slide img{display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 10px;}
.AudioVisual .Wallpaper .swiper-button-prev, .AudioVisual .Wallpaper .swiper-button-next{background: #af1827;border-radius: 6px;width: 30px;height: 60px;}
.AudioVisual .Wallpaper .swiper-button-prev::after, .AudioVisual .Wallpaper .swiper-button-next::after{color: #fff;font-size: 30px;}
.HistoryList{width: 100%;height: 380px;background: #000;border-radius: 10px;margin-top: 30px;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.HistoryList .swiper-button-prev, .HistoryList .swiper-button-next{background: #af1827;border-radius: 6px;width: 44px;height: 109px;top: 30%;}
.HistoryList .swiper-button-prev::after, .HistoryList .swiper-button-next::after{color: #fff;font-size: 40px;}
.HistoryList .History{position: relative;margin: 5px 46px;}
.HistoryList .History .list{display: block;width: 200px;height: 350px;margin: 0 auto;opacity: 0.6;}
.HistoryList .History .list:hover{opacity: 1;}
.HistoryList .History .list img{width: 200px;height: 350px;border-radius: 10px;-o-object-fit: cover;object-fit: cover;display: block;}
.HistoryList .History .list p{width: 100%;overflow: hidden;height: 30px;line-height: 30px;font-size: 20px;color: #fff;font-weight: bold;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}