*{margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif, 'microsoft yahei';}
html{font-size: 14px; background-color: #17181E; color: #999797; overflow-x: hidden;}

a{font-size: 14px; display: inline-block; height: 100%; color: #999797; text-decoration: none;}
a:hover{color: #ffffff;}

.main-bg-video{width: 100%; height: 900px; min-width: 1200px; position: absolute; left: 0; top: 0; z-index: -1;}
.main-bg-video video{width: 100%; height: 100%; object-fit: cover; pointer-events: none;}
.warp{height: 80px; background-color: rgba(0,0,0,.75); z-index: 2; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; transition: all .3s;}
.warp-show{height: 350px;}
.warp hr{border: none; border-top: 1px solid #454545; position: absolute; left: 0; top: 80px; width: 100%;}
.warp .content{height: 100%; width: calc(100% - 100px); margin: auto; white-space: nowrap; min-width: 1200px; position: relative;}
.warp .content>div{display: inline-block; vertical-align: top; height: 80px;}
.warp .logo img{height: 100%;}
.warp .menu{float: right; height: 100%; white-space: nowrap;}
.warp .menu>div{font-size: 0; display: inline-block; vertical-align: top;}
.warp .menu dl{display: inline-block; width: 120px; vertical-align: top; text-align: center; position: relative; z-index: 1;}
.warp .menu dt{height: 80px; padding-top: 25px; margin-bottom: 20px; position: relative;}
.warp .menu dt::before{content: ''; height: 1px; width: 0; left: 50%; bottom: -1px; position: absolute; background-color: #4fbcf3; transition: all .3s;}
.warp .menu dd{height: 35px; line-height: 35px;  font-weight: bold;}
.warp .menu dd a{font-size: 16px;}
.warp .menu .current::before{width: 70px; left: calc(50% - 35px);}
.warp .menu h3{font-weight: normal; font-size: 10px; opacity: .5;}
.warp .menu h2{font-size: 16px;}
.warp .right-button{padding-left: 20px; padding-top: 25px;}
.warp .content .recomm{position: absolute; height: 280px; width: 100%; white-space: nowrap; left: 0; top: 80px; padding: 20px 0;}
.warp .content .recomm>div{display: inline-block; vertical-align: top; height: 100%; width: 350px; padding-right: 20px; padding-top: 20px; text-align: center;}
.warp .content .recomm img{width: 100%; height: 150px; border: 1px solid #000000;}
.warp .content .recomm a{padding: 0; width: 100%; font-weight: bold; font-size: 16px;}
.nav-theme-btn{padding: 0; margin-left: 30px; }
.nav-theme-btn>div{height: 30px; padding: 0 20px; border: 1px solid #367797; color: #49a3cf; line-height: 30px; position: relative; font-size: 16px; font-weight: bold;}
.nav-theme-btn div::before{content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 3px; background-color: #49a3cf;}
.nav-theme-btn div::after{content: ''; position: absolute; right: 0; top: 0; width: 3px; height: 3px; background-color: #49a3cf;}
.nav-theme-btn div p::before{content: ''; position: absolute; left: 0; bottom: 0; width: 3px; height: 3px; background-color: #49a3cf;}
.nav-theme-btn div p::after{content: ''; position: absolute; right: 0; bottom: 0; width: 3px; height: 3px; background-color: #49a3cf;}
.nav-theme-btn:hover div{border: 1px solid transparent; background: linear-gradient(to right, #495ab3, #409cca, #e68c32); color: #ffffff; box-shadow: 0 0 20px 0 #495ab3;}
.nav-theme-btn:hover div::before{display: none;}
.nav-theme-btn:hover div::after{display: none;}
.nav-theme-btn:hover div p::before{display: none;}
.nav-theme-btn:hover div p::after{display: none;}

.home-slogin{height: 900px; width: 100%; text-align: center; padding-top: 380px;}
.home-slogin .nav{display: inline-block; width: 377px; height: 52px; background: url(../fonts/cab73edafd6d4929b40751552bfa918a.svg) no-repeat 50% 50%; background-size: 100% auto;}
.home-slider>.prev{left: 2%; transform: rotate(180deg);}
.home-slider>.next{right: 2%;}
.home-bottom{padding: 30px 0 50px 0; background-color: #0F0F12; text-align: center; font-size: 12px; color: #57575A;}
.home-bottom a{font-size: 12px; color: #57575A;}
.home-bottom a:hover{color: #ffffff;}
.home-bottom .icon{padding: 20px 0; height: 130px; margin: auto; font-size: 0;}
.home-bottom .icon>div{display: inline-block; padding: 0 30px; height: 100%; vertical-align: top;}
.home-bottom .icon .big{display: inline-block; width: 48px; height: 48px; background-size: 100%; background-repeat: no-repeat; opacity: .3;}
.home-bottom .icon .weixin{background-image: url(../fonts/icon-weixin.svg); }
.home-bottom .icon .weibo{background-image: url(../fonts/icon-weibo.svg); }
.home-bottom .icon .bbs{background-image: url(../fonts/icon-bbs.svg); }
.home-bottom .icon .name{font-size: 16px; font-weight: bold; margin-top: 10px;}
.home-bottom .icon .tb{display: table; height: 100%;  font-size: 12px;}
.home-bottom .icon .tb>div{display: table-cell; vertical-align: top; height: 100%; padding-right: 20px;}
.home-bottom .icon .tb .hd{text-align: left;}
.home-bottom .icon .tb p{margin-bottom: 10px;}
.home-bottom .icon .tb a{display: inline-block; padding: 3px 10px; border-radius: 3px; border: 1px solid #454545; margin-right: 10px;}
.home-bottom .icon .tb a:hover{color: #000000; background-color: #858585;}
.home-bottom .icon .line{display: inline-block; width: 0; height: 100%; margin: 0 15px; border-left: 1px dashed #454545;}
.home-bottom .icon .blink:hover .big{opacity: 1;}
.home-bottom .icon .tell{display: inline-block; width: 18px; height: 18px; background: url(../fonts/tell.svg) no-repeat; background-size: 100% auto;}
.home-bottom .icon .fk{display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: url(../fonts/fk.svg) no-repeat; background-size: 100% auto; margin-right: 5px;}
.home-bottom hr{border: none; border-top: 1px solid #454545; margin: 20px 0;}
.home-bottom .link{margin-bottom: 20px;}
.home-bottom .link span{display: inline-block; vertical-align: middle; margin: 0 10px; padding-left: 12px; position: relative;}
.home-bottom .link span::before{content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: calc(50% - 4px); background: url(../fonts/dsj.svg) no-repeat; background-size: 100% auto;}
.home-bottom .link i{display: inline-block; width: 0; border-left: 1px solid #454545; height: 12px; vertical-align: middle; }
.home-bottom .jk{font-size: 0; margin-bottom: 20px;}
.home-bottom .jk span{display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 12px;}
.footer{ font-size: 12px; background-color: #000000; background-image: url(../fonts/865a307ea4e344e999f80f96264bb32e.svg);}
.icon-rank-2{background-image: url(../fonts/rank-2.svg);}
.icon-rank-3{background-image: url(../fonts/rank-3.svg);}
.rank-help{margin: 10px 0; padding-bottom: 50px;}
.rank-table .sex{display: inline-block; width: 26px; height: 26px; vertical-align: middle; background-size: 100% auto; background-position: center center; background-repeat: no-repeat;}
.rank-table .women{background-image: url(../fonts/women.svg);}
.rank-table .man{background-image: url(../fonts/man.svg);}

.down-content{padding: 20px; color: #adafbb;}
.down-content a{color: #409cca; width: unset;}
.down-title{height: 45px; border-bottom: 1px solid #3F3F47; color: #A2A5B4; font-size: 18px; font-weight: bold;}
.down-title p{display: inline-block; height: calc(100% + 2px); border-bottom: 3px solid #3F3F47;}
.down-title .ico{display: inline-block; width: 15px; height: 14px; vertical-align: middle; background: url(../fonts/fe0d2849074b4193bb1e51e65c29e81e.svg) no-repeat center center; background-size: 100% auto; margin-left: 10px;}
.down-link a{margin: 0 20px; text-decoration: underline;}

.down-table{width: 100%; border-collapse: collapse;}
.down-table th,.down-table td{text-align: center; padding: 5px;}
.down-table th{height: 45px; background-color: #313239; font-size: 16px;}
.down-table td{height: 50px; border-bottom: 1px dashed #2e2f36; color: #727681;}
.down-table a{display: inline; text-decoration: underline;}
.md5-box{overflow: hidden;}
.md5-box-hide{height: 190px;}
.md5-more{height: 25px; line-height: 25px; text-align: center; background-color: #28282E; cursor: pointer;}
.md5-more:hover{color: #ececec;}
.down-tool{font-size: 0; overflow: hidden; text-align: left;}
.down-tool>div{display: inline-block; width: calc(100% / 4); padding-right: 15px; padding-bottom: 20px;}
.down-tool a{display: inline-block; height: 45px; line-height: 45px; width: 100%; border-radius: 3px; border: 1px solid #313239; position: relative; padding-left: 45px; font-size: 17px; color: #646779;}
.down-tool a:hover{border: 1px solid #737583;}
.down-tool a i{display: inline-block; width: 32px; height: 32px; position: absolute; left: 5px; top: calc(50% - 16px); background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.down-tool a .md5{background-image: url(../images/d-md5.jpg);}
.down-tool a .dx{background-image: url(../images/d-dx.jpg);}
.down-tool a .nvidia{background-image: url(../images/d-nvidia.jpg);}
.down-tool a .ati{background-image: url(../images/d-ati.jpg);}
.down-tool a .vc{background-image: url(../images/d-vc.jpg);}

.version-content{padding: 20px;}
.version-content .ver-title{font-size: 0; border-bottom: 1px solid #3F3F47; text-align: center; margin-bottom: 50px;}
.version-content .ver-title div{display: inline-block; height: 60px; line-height: 60px; padding: 0 20px; position: relative; font-size: 18px; color: #3A3F47; cursor: pointer;}
.version-content .ver-title div::before{content: ''; position: absolute; left: 50%; bottom: -1px; width: 0; transition: all .3s; height: 2px; background-color: #79CAF2;}
.version-content .ver-title div:hover::before{left: 0; width: 100%;}
.version-content .ver-title .current{color: #ffffff;}
.version-content .ver-title .current::before{left: 0; width: 100%;}
.update-record{width: 700px; margin: auto; border: 1px solid #3F3F47; overflow: hidden;}
.ver-img{width: 100%; height: 188px; background-color: #1A1A1A;}
.ver-img img{width: 100%; height: 100%;}
.update-record .version{border-top: 1px solid #3F3F47; margin-top: -1px; position: relative; z-index: 1;}
.update-record .version a{height: 42px; line-height: 42px; padding: 0 20px; position: relative;}
.update-record .version a::before{content: ''; position: absolute; width: 16px; height: 16px; right: 20px; top: calc(50% - 8px); background: url(../images/right-2.svg) no-repeat center center; background-size: 100% auto; transition: all .4s;}
.update-record .version a:hover::before{right: 13px;}
.update-record .ver-link a{color: #4fbcf3; text-align: center;}
.update-record .ver-link a:hover{color: #70cfff;}
.update-record .ver-link a::before{content: unset;}
.update-record .ver-hide{display: none;}

.video-content{padding: 20px; font-size: 0;}
.video-content>div{display: inline-block; width: calc(100% / 3); padding: 20px; height: 250px; }
.video-content>div img{width: 100%; height: calc(100% - 30px); cursor: pointer;}
.video-content>div p{height: 30px; text-align: center; font-size: 16px; line-height: 30px; font-weight: bold;}
.video-content .item{width: 100%; height: 100%; border: 1px solid #2e2f36; background-color: #313239; }
.video-content .item:hover{}