:root:before{content: "author:lijanchan;design:huangliyun;time:20181122";display: none;}
body,button,input,select,textarea{font: 12px/1.5 Arial, PingfangSC, "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased}
ul,ol{list-style:none;}em,i{font-style:normal;}
body{margin:0;overflow-x:hidden;overflow-y: auto;position: relative;}
header,ol,ul,input,th,td{margin:0; padding:0;}
dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;font-weight: normal;}
img{border: 0;}
table{ width:auto;border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;outline:none;color:#333;}
a,button,button:active,input{-webkit-tap-highlight-color: transparent;}
input,textarea{outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;border :0;-webkit-appearance: none;}
mark{background-color:transparent;color:inherit;}
strong,em,i{font-style: normal;}
.hide_txt{text-indent: -9999em;font-size: 0;line-height: 0;}

/*layout*/
/*html{font-size: 13.333vw;}*/
html,body{overflow-x: hidden;}

.rank_box .rank_face:after,.rank_box .txt_upgrade span:before,.pop_share:before{background-image: url('../img/ic_spr.png');background-repeat: no-repeat;background-size: 400px auto;}

body{background: #130b06;overflow-y: hidden;}
.wrap{-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;position: relative;background: #130b06 url('../img/bg.jpg') no-repeat center top;background-size: 100% auto;width: 750px;margin: 0 auto;min-height: 100vh;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 45px;}
/*.wrap h1{margin: 0 auto;width: 5.55rem;height: 1.06rem;background: url('../img/title.png') no-repeat;background-size: 100% 100%;}*/
.wrap h1{margin: 0 auto;width: 555px;height: 106px;background: url('../img/title.png') no-repeat;}

.rank_box{position: relative;margin: 28px auto 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 520px;height: 628px;padding-top: 65px;}
.rank_box .rank_face{position: relative;margin: 0 auto;width: 139px;height: 139px;left: 2px;}
.rank_box .rank_face img{display: block;width: 100%;height: 100%;-webkit-border-radius: 100%;}
.rank_box .txt_rank{position: absolute;text-align: center;top: 124px;width: 66px;font-size: 32px;line-height: 74px;left: 79px;white-space: nowrap;}
.rank_name{margin-top: 45px;font-size: 0;line-height: 0;text-align: center;}
.rank_name .txt_name{display: inline-block;vertical-align: middle;font-size: 30px;line-height: 40px;color: #e91921;position: relative;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;max-width: 180px;margin-right: 10px;}
.rank_name .icvip{display: inline-block;vertical-align: middle; margin: 0 5px;}
.rank_box .txt_upgrade{font-size: 0;line-height: 0;margin-top: 28px;text-align: center;}
.rank_box .txt_upgrade span{position: relative;display: inline-block;font-size: 30px;line-height: 40px;padding-left: 37px;color: #8d3800;}
.rank_box .txt_upgrade span:before{content: "";position: absolute;top: 50%;left: 0;background-position: 0 -220px;width: 34px;height: 32px;margin-top: -20px;}
.rank_txt{margin-top: 34px;display: table;text-align: center;height: 135px;width: 100%;}
.rank_txt p{display: table-cell;vertical-align: middle;}

.rank_box.first{background: url('../img/rank_1.png') no-repeat;background-size: 100% 100%;}
.rank_box.first .rank_face:after{content: "";position: absolute;background-position: 0 0;width: 137px;height: 64px;bottom: 8px;left: 50%;margin-left: -62px;}
.rank_box.first .txt_rank{color: #e6d795;}
.rank_box.first .rank_txt{font-size: 36px;color: #7c3b17;}

.rank_box.second{background: url('../img/rank_2.png') no-repeat;background-size: 100% 100%;}
.rank_box.second .rank_face:after{content: "";position: absolute;background-position: 0 -70px;width: 137px;height: 64px;bottom: 8px;left: 50%;margin-left: -62px;}
.rank_box.second .txt_rank{color: #e5210c;}
.rank_box.second .rank_txt{font-size: 36px;color: #7c3b17;}

.rank_box.third{background: url('../img/rank_3.png') no-repeat;background-size: 100% 100%;}
.rank_box.third .rank_face:after{content: "";position: absolute;background-position: 0 -140px;width: 137px;height: 64px;bottom: 8px;left: 50%;margin-left: -62px;}
.rank_box.third .txt_rank{color: #e5210c;}
.rank_box.third .rank_txt{font-size: 36px;color: #7c3b17;}

.rank_box.hundred{background: url('../img/rank_4.png') no-repeat;background-size: 100% 100%;}
.rank_box.hundred .txt_rank{color: #e5210c;}
.rank_box.hundred .rank_txt{font-size: 28px;color: #8d3800;line-height: 38px;}

.rank_box.many{background: url('../img/rank_5.png') no-repeat;background-size: 100% 100%;padding-top: 54px;}
.rank_box.many .rank_name{margin-top: 54px;}
.rank_box.many .txt_rank{color: #8d3800;font-size: 24px;left: 69px;width: 102px;}
.rank_box.many .rank_txt{font-size: 28px;color: #8d3800;line-height: 38px;}

.history_box{margin: 17px 32px 0;}
.history_hd{font-size: 0;line-height: 0;text-align: center;}
.history_hd .ic_left,.history_hd .ic_right{display: inline-block;vertical-align: middle;width: 252px;height: 1px;background: #d9ae70;position: relative;}
.history_hd .ic_left:before,.history_hd .ic_right:before{content: "";position: absolute;width: 11px;height: 11px;top: -5px;background: #d9ae70;-webkit-transform: rotate(45deg);}
.history_hd .ic_left:before{right: -5px;}
.history_hd .ic_right:before{left: -5px;}
.history_hd .txt_hd{display: inline-block;vertical-align: middle;font-size: 28px;line-height: 38px;color: #d8ad70;margin: 0 35px;}

.history_cont{position: relative;-webkit-border-radius: 6px;background: -webkit-linear-gradient(top, #52432f 0%,#292218 100%);text-align: center;margin-top: 26px;}
.history_main{margin: 0 14px;height: 142px;padding-top: 40px;font-size: 0;line-height: 0;text-align: center;}
.history_main .txt_item{display: inline-block;vertical-align: middle;width: 25%;font-size: 24px;color: #ddc276;line-height: 48px;}
.history_main .txt_cr{color: #deb869;display: inline-block;}
.history_main .txt_cr em{font-size: 46px;}
.history_cont .txt_over{position: absolute;top: -30px;right: -7px;padding: 0 14px;font-size: 24px;line-height: 42px;white-space: nowrap;color: #7c3b17;-webkit-border-radius: 10px;-webkit-border-bottom-left-radius: 0;background: -webkit-linear-gradient(top, #fdd9a2 0%,#eba853 100%);}
.history_cont .txt_over em{color: #ed2c1b;}

.share_cont{text-align: center;padding: 42px 0;font-size: 0;line-height: 0;}
.share_cont .btn_share{display: block;width: 480px;font-size: 30px;line-height: 92px;-webkit-border-radius: 92px;background: -webkit-linear-gradient(top, #ffbd29 0%,#fc7509 100%);color: #fff;margin: 0 auto;position: relative;top: 69px;}

.share_cont .code_box{display: inline-block;vertical-align: middle;text-align: left;padding-right: 50px;border-right: 1px solid #81664a;}
.share_cont .img_code{display: inline-block;vertical-align: middle;width: 110px;height: 110px;padding: 5px;-webkit-border-radius: 8px;background: rgba(253,216,160,.3);}
.share_cont .img_code img{display: block;width: 100%;height: 100%;}
.img_cont{background: url('../img/code_bg.png') no-repeat;background-size: 100% 100%;height: 100%;}
.img_cont img{mix-blend-mode: darken;}
.share_cont .txt_code{display: inline-block;vertical-align: middle;font-size: 24px;color: #81664a;line-height: 46px;margin-left: 28px;}

.share_cont .logo_box{display: inline-block;vertical-align: middle;width: 131px;height: 60px;margin-left: 40px;}
.share_cont .logo_box img{display: block;width: 100%;height: 100%;}

.share_cont .tips_box p{font-size: 24px;color: #81664a;line-height: 1;letter-spacing: 2px;padding-top: 20px;}

.pop_share{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.pop_share:before{content: "";position: absolute;top: 40px;right: 78px;background-position: -160px 0;width: 180px;height: 200px;}
.pop_share .txt_share{font-size: 34px;line-height: 48px;text-align: center;color: #ffefcd;padding-top: 256px;}

/*@media (min-width: 750px){
	html{font-size: 100px;}
}
*/
@media only screen and (min-width:820px) and (max-width:1024px) {
	body{height: 1800px;}
	.wrap{-webkit-transform: scale(1.365);-ms-transform: scale(1.365);transform: scale(1.365);}
}
@media only screen and (min-width:501px) and (max-width:768px) {
	body{height: 1350px;}
	.wrap{-webkit-transform: scale(1.024);-ms-transform: scale(1.024);transform: scale(1.024);}
}
@media only screen and (min-width:481px) and (max-width:500px) {
	body{height: 879px;}
	.wrap{-webkit-transform: scale(.6665);-ms-transform: scale(.6665);transform: scale(.6665);}
}
@media only screen and (min-width:436px) and (max-width:480px) {
	body{height: 844px;}
	.wrap{-webkit-transform: scale(.64);-ms-transform: scale(.64);transform: scale(.64);}
}
@media only screen and (min-width:415px) and (max-width:435px) {
	body{height: 765px;}
	.wrap{-webkit-transform: scale(.58);-ms-transform: scale(.58);transform: scale(.58);}
}
@media only screen and (min-width:401px) and (max-width:414px) {
	body{height: 728px;}
	.wrap{-webkit-transform: scale(.552);-ms-transform: scale(.552);transform: scale(.552);}
}
@media only screen and (min-width:385px) and (max-width:400px) {
	body{height: 703px;}
	.wrap{-webkit-transform: scale(.5333);-ms-transform: scale(.5333);transform: scale(.5333);}
}
@media only screen and (min-width:376px) and (max-width:384px) {
	body{height: 675px;}
	.wrap{-webkit-transform: scale(.512);-ms-transform: scale(.512);transform: scale(.512);}
}
@media only screen and (min-width:361px) and (max-width:375px) {
	body{height: 659px;}
	.wrap{-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);}
}
@media only screen and (min-width:321px) and (max-width:360px) {
	body{height: 633px;}
	.wrap{-webkit-transform: scale(.48);-ms-transform: scale(.48);transform: scale(.48);}
}
@media only screen and (max-width: 320px) {
	body{height: 567px;}
	.wrap{-webkit-transform: scale(.43);-ms-transform: scale(.43);transform: scale(.43);}
}