@charset "utf-8";
/* CSS Document */
/*王者荣耀*/
.scrollbar::-webkit-scrollbar,body::-webkit-scrollbar{width:8px;height:5px}
.scrollbar::-webkit-scrollbar-button:vertical,body::-webkit-scrollbar-button:horizontal,body::-webkit-scrollbar-button:vertical{display:none}
.scrollbar::-webkit-scrollbar-thumb:vertical,body::-webkit-scrollbar-thumb:horizontal,body::-webkit-scrollbar-thumb:vertical{border:2px solid transparent;background-color:hsla(0,0%,100%,.2);background-clip:padding-box}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover,body::-webkit-scrollbar-thumb:horizontal:hover,body::-webkit-scrollbar-thumb:vertical:hover{border:1px solid transparent;background-color:#999}
.scrollbar::-webkit-scrollbar-corner{overflow:hidden}
body{ position:relative; background:#1474ca; min-height: 931px; height: 100%; }
.wrapper,body{ height: 100%;}
.wrapper{min-width: 800px;height: 100%;position: absolute;left: 0;right: 0;overflow: hidden;z-index: 10}

.content{width:630px; text-align: center; color: #fff; position: absolute; top: 10%; margin: 0 auto 0 auto; left: 0; right: 0;}
.content .title{line-height: 100px; font-size: 65px; text-align: center; cursor: default}
.content .desc{font-size: 30px; line-height: 50px; cursor: default; color:#fed322;}
.footer{text-align: center; min-width: 800px; line-height: 52px; margin: 30px auto; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10;}
.footer .copyright{ height:auto; display:block; overflow:hidden;}
.footer .copyright span{ margin-left:24px;}

.title01 { width:630px; height:100px; }
.title01 div{ width:630px; height:100px; background:#fff; color:#000; font-size: 40px;font-weight: normal; line-height: 100px; margin:30px auto; border-radius:100px; }
.title01:hover div{ width:630px; height:100px; background:#ff6600; color:#fff; font-size: 40px;font-weight: normal; line-height: 100px; margin:30px auto; border-radius:100px; }




@media screen and (min-width: 320px){html{font-size:41.6667px} body{font-size: 12px}}
@media screen and (min-width: 360px){html{font-size:46.875px} body{font-size: 12px}}
@media screen and (min-width: 375px){html{font-size:48.828px} body{font-size: 12px}}
@media screen and (min-width: 384px){html{font-size:50px} body{font-size: 14px}}
@media screen and (min-width: 400px){html{font-size:52.0833px} body{font-size: 14px}}
@media screen and (min-width: 414px){html{font-size:53.9063px} body{font-size: 14px}}
@media screen and (min-width: 424px){html{font-size:55.2083px} body{font-size: 14px}}
@media screen and (min-width: 480px){html{font-size:62.5px} body{font-size: 15.36px}}
@media screen and (min-width: 540px){html{font-size:70.3125px} body{font-size: 17.28px}}
@media screen and (min-width: 720px){html{font-size:93.75px} body{font-size: 23.04px}}
@media screen and (min-width: 750px){html{font-size:97.6563px} body{font-size: 24px}}
@media screen and (width: 768px){html{font-size:100px} body{font-size: 24px}}




@media screen and (min-width: 320px) and (max-width: 768px){
.wrapper,body{ height: 100%; min-height: 700px;  }
.wrapper{min-width: 300px; height: 100%; position: absolute;left: 0;right: 0;overflow: hidden;z-index: 10}
.content{width:300px; text-align: center; color: #fff; position: absolute; top: 10%; margin: 0 auto 0 auto; left: 0; right: 0;}
.title01 { width:300px; height:50px; }
.title01 div{ width:300px; height:50px; background:#fff; color:#000; font-size: 20px;font-weight: normal; line-height: 50px; margin:15px auto; border-radius:50px; }
.title01:hover div{ width:300px; height:50px; background:#ff6600; color:#fff; font-size: 20px;font-weight: normal; line-height: 50px; margin:15px auto; border-radius:50px; }
.footer{text-align: center; min-width:300px; line-height: 52px; margin: 30px auto; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10;}
	
}