@charset "utf-8";blockquote,body,button,center,cmsArea,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,th,tr,ul{padding:0;margin:0}
table{border-spacing:0;border-collapse:collapse}
fieldset,img{border:0}
.footer,button,input,select{font:1.4vw/1.8 Arial,Verdana,Helvetica,sans-serif}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
body{margin:0 auto;font:1.4vw/1.8 Source Han Sans CN,Arial,Helvetica;color:#9a7584;background:url(../images/bg.jpg) no-repeat center 4vw ; background-size: 170% auto;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
a{color:#fff;text-decoration:none}
a:focus{-moz-outline:none;outline:0}
.t_hide{text-indent:-999em;height:0;overflow:hidden}
.t_center{text-align:center}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.hide2{visibility:hidden;overflow:hidden}
.show {display: block !important;z-index: 9999; }
#accountlogin{display: none;position: fixed !important;}
.accountmore a{margin: 0 3vw;}
.nav{position:relative;z-index:3;width:99vw;height:4vw;margin:0 auto}
.nav li{position:relative;float:left;width:9vw;text-align:center}
.nav li a{display:block;width:9vw;height:4vw;margin:0 auto;line-height:4vw;color:#fff;font-size:1.6vw}
.nav li a:hover,.nav li.on a{text-decoration:none;background:#e49804}
.subnav{display:none;position:absolute;left:0;top:4vw;background:#cca847;background:rgba(204,168,71,.9);white-space:nowrap}
.subnav li{float:none;width:auto;padding:0 0.5vw;transition:all .2s ease-in-out 0s}
.subnav li a{width:auto;height:3.4vw;line-height:3.4vw;border:none;font-weight:400;overflow:visible;font-size:1.4vw}
.nav li.on li a,.subnav li a:hover,.subnav li.on a{background:0 0;color:#fff}
.nav li.on li a:hover{color:#021027}
.subnav li:hover{background:#e49804;background:rgba(228,152,4,.9)}
.wrapper{position:relative;width:82vw;margin:0 auto}
.fullbg{position:relative;width:100vw;padding-left: 0vw; /*max-width:192vw;min-width:110vw;*/margin:0 auto;overflow:hidden;background:url(../images/en/bg.png) no-repeat center -4vw ; background-size: 170% auto; overflow: hidden; }
a.logo{position:absolute;top:2.2vw;left:-0.5vw;width:18vw;z-index:4}
a.logo img{width:90%}
.header{height:98vw}
.maincon{padding-bottom:3vw}
.content{position:relative}
.loginbtns{position:absolute;top:4.3vw;right:-3vw;width:24.1vw;height:17.2vw}
.loginbtns a{position: relative; display:inline-block;*display:inline;*zoom:1;width:9vw;height:9vw;text-align:center;line-height:9vw;font-size:1.6vw;color:#b2cffc;background:url(../images/login.png) no-repeat 0 0/100%;}
.loginbtns a:hover{background:url(../images/login-on.png) no-repeat 0 0/100%;transform: rotate(5deg);}
.loginbtns a strong{
    display: block;
    width:8.8vw;
    color: #fff;
    background-color: #d84b43;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.4vw transparent;
}
.loginbtns a.b2{display: none;}
.loginbtns a:hover strong{
    color: #fff;
    background-image: -webkit-linear-gradient(90deg, #fe993f, #a541ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.4vw transparent;
}

.loginbtns a.b3{top:-3vw}
.loginbtns a.b4{top:-3vw;left:8.3vw}

.usermsg{position: relative; color:#fff;line-height:1.5vw;width:68.5vw;height:5.6vw;margin: 0 auto;z-index:10;text-align: left;}
.usermsg p{font-size: 2vw;line-height: 2.3vw;width:63.3vw;text-align: center;font-family: Source Han Sans CN;font-weight: bold;}
.usermsg .refreshbtn{position:absolute;width:3.5vw;height:3.5vw;top:0.8vw;right:1.4vw; background:url(../images/refresh.png) no-repeat 0 0/100%;cursor:pointer}
.usermsg .refreshbtn:hover{background-image:url(../images/refresh-on.png) no-repeat 0 0/100%}

.nav-right{display: none;position:fixed;right:1.4vw;top:5%;z-index:10000; width:12.2vw;height:24.7vw;padding: 0.9vw 1.2vw 1.1vw; background: url(../images/sidebg.png) no-repeat 0 0/100%;}
.nav-right li{position: absolute;left: 1.3vw; display:block;width:12vw;height:5.4vw;text-align:center;font-size:1.8vw;line-height: 5.4vw; color:#fff;z-index: 10;}
.nav-right li:hover,.nav-right li.on{background:url(../images/bar-on.png) no-repeat 0 0/100% ; left: -0.69vw;   width: 17.7vw;height: 10vw;line-height: 14.8vw;}
.nav-right li a{width:13vw;display: block; color: #fff;font-size: 1.6vw;font-weight: bold;
    background-color: #cb1fbd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.4vw transparent;}  
.nav-right li:hover a,.nav-right li.on a{width: 17vw;line-height: 10vw;}
.nav-right li.s1{top: 0.85vw;}
.nav-right li.s1:hover,.nav-right li.s1.on{top: -1.5vw;}
.nav-right li.s2{top: 6.55vw;}
.nav-right li.s2:hover,.nav-right li.s2.on{top: 4.2vw;}
.nav-right li.s3{top: 12.35vw;}
.nav-right li.s3:hover,.nav-right li.s3.on{top: 10vw;}
.nav-right li.s4{top: 17.85vw;}
.nav-right li.s4:hover,.nav-right li.s4.on{top: 15.5vw;}



.block{width:82vw;height: 100vw;margin:0 auto ;text-align:center;}
.block.b-3{height: 80vw;}
.tit{margin: 0 auto;background: url(../images/en/tit.png) no-repeat 0 0/100%;width:56.1vw;height:15.7vw;}
.tit.tit1{background: url(../images/en/tit1.png) no-repeat 0 0/100%;}
.tit.tit2{background: url(../images/en/tit2.png) no-repeat 0 0/100%;}
.tit.tit3{background: url(../images/en/tit3.png) no-repeat 0 0/100%;}

.machine{position: relative;width:82vw;height:72.9vw;background: url(../images/wawaji.png) no-repeat 0 0/100%; padding-top: 6vw;}
.gan{position: absolute;top:18.1vw;left:6.6vw;width:68.1vw;height:7vw;background: url(../images/gan.png) no-repeat 0 0/100%;z-index: 100;}
.drawbtn{width:75vw;height:13vw;position: absolute;bottom: 19.2vw;left: 3.4vw;}
.drawbtn a{width:35.1vw;height:8.8vw;display: inline-block;background: url(../images/draw.png) no-repeat 0 0/100%;vertical-align: middle;}
.drawbtn a.draws{background-image: url(../images/draws.png) no-repeat 0 0/100%;}
.drawbtn a strong{font-size: 3vw;line-height: 6.5vw; color:#fff;background-color: #f068a1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-filter: drop-shadow(0 0.1vw 0.3vw #fd30b7);
    -webkit-text-stroke: 0.5vw transparent;}
.drawbtn a.draws strong{font-size: 3vw;line-height: 6.5vw; color:#fff;background-color: #934aff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-filter: drop-shadow(0 0.1vw 0.3vw #f068a1);
    -webkit-text-stroke: 0.5vw transparent;}  
.drawbtn a:hover{filter: brightness(110%);}
.clip{position: absolute;top:18.1vw;left:6.6vw;width:9.8vw;height:10.9vw;background: url(../images/he.png) no-repeat 0 0/100%;} 
.clip.get{-webkit-transition:transform .5s;transition:transform .5s;-webkit-animation:get 5.5s linear forwards;animation:get 5.5s linear forwards;}
@-webkit-keyframes get {
    0% { left:7.6vw;width: 9.8vw;height: 10.9vw;background: url(../images/he.png) no-repeat center bottom/100%;}
    40% {left:37.4vw;width: 9.8vw;height: 10.9vw;background: url(../images/he.png) no-repeat center bottom/100%;} 
    41% {left: 35vw;width: 13.6vw;height: 9.6vw;background: url(../images/kai.png) no-repeat center bottom/100%;}
    100%{left: 35vw;width: 13.6vw;height:12.9vw;background: url(../images/kai.png) no-repeat center bottom/100%;} 
}

@keyframes get {
    0% { left:7.6vw;width: 9.8vw;height: 10.9vw;background: url(../images/he.png) no-repeat center bottom/100%;}
    40% {left:37.4vw;width: 9.8vw;height: 10.9vw;background: url(../images/he.png) no-repeat center bottom/100%;} 
    41% {left: 35vw;width: 13.6vw;height: 9.6vw;background: url(../images/kai.png) no-repeat center bottom/100%;}
    100%{left: 35vw;width: 13.6vw;height:12.9vw;background: url(../images/kai.png) no-repeat center bottom/100%;} }


.together{display: block; width:74vw;height:43.6vw;margin: 0 auto;margin-left: -18.3vw;background: url(../images/togetherbg.png) no-repeat 0 0/100%;padding: 5.8vw 14.6vw 5.9vw 23.3vw;}
.together div.form label{color:#273e70;font-size: 1.6vw;}
.together div.form input,.together div.form select,.together div.form input.txt{width: 14vw;height: 4.5vw;line-height: 4.5vw;color: #273e70;background: #d4e7f8;}
.together div.form input.txt{width: 22.9vw;height: 3.5vw;line-height: 3.5vw;}
.together div.form input.search{width:21.3vw;height:5.2vw;line-height:5.2vw;background:url(../images/btns.png?v20210316) -32.5vw -2.3vw;color:#fff;}
.together div.form input.search:hover{background-position:-32.5vw -10.2vw;}
.together table td{position: relative;z-index: 1; line-height:2.4vw;color:#261347;max-width:16vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;font-size: 1.6vw;padding: 0 0.5vw;}
.together table td div{font-size: 1.6vw;}
.together table th{position: relative;z-index: 1;font-size: 1.6vw;}

.tab{width:72vw;height:4.5vw;margin: 1vw auto;text-align: center;}
.tab a{display: inline-block;*display:inline;*zoom:1; width:28.5vw;height:5.2vw;line-height: 5.2vw;font-size: 1.8vw;font-weight: bold; background: url(../images/tab.png) no-repeat 0 0/100%;color:#8c6f91;text-align: center;}
.tab a.on,.together .tab a:hover{background: url(../images/tab-on.png) no-repeat 0 0/100% ; color:#ba43ff}
.tabcont{display: none;}
.together .tabcont.tabcont1{display: block;}
.together table{width: 80vw;position: relative;}
.together table thead tr{width:74vw;height:6.5vw;color:#fff;}
.together table tbody tr{width:74vw;height:10.9vw;border-radius: 1vw;}
.together table tbody tr::after,.together table thead tr::after{content: "";display: block;width:100%;height:8vw;background-color: #fad9e1;position: absolute;top:1.4vw;left:0;z-index: 0;border:0.1vw solid #a58bac;border-radius: 1vw;}
.together table thead tr::after{background: #b886fb;border:none;height: 5vw;border-radius: 0;top: 0.7vw;position: absolute;left:0;}
.together table tbody tr:first-child::after{position: absolute;top:8vw;left:0;}
.together table tbody tr:nth-child(2)::after{position: absolute;top:18.5vw;left:0;}
.together table tbody tr.svip td:first-child{overflow: visible;}
.together table tbody tr.svip td:first-child:before{content: "";display: block;width:4.5vw;height:4vw;position: absolute;top: -0.5vw;left: -1.7vw;z-index: 1;background: url(../images/svip.png) no-repeat 0 0/100%;}
.together table .invite{display: block;width:7vw;height:2.5vw;line-height: 2.5vw;color:#162641; font-size: 1.6vw;background: linear-gradient(#f988e7, #9f56cb);color: #fff;margin: 0.5vw 0.5vw; border: #b886fb solid 0.1vw;border-radius: 0.3vw;}
.together table .invite:hover{background: linear-gradient(#ed709d, #ffb39c);}



.points{display: none;width:82vw;height:44.4vw;margin: 0 auto;margin-left: -4.4vw;background: url(../images/points.png) no-repeat 0 0/100%;padding:7.5vw 9.8vw 0.1vw 4.4vw;}
.pointleft{width: 20vw;height: 38vw;float:left;padding-top: 1vw;}
.pointselft .pointsname{display: block;width:19.4vw;height:3.7vw;line-height: 3.7vw;margin: 1vw auto;position: relative;}
.pointselft .pointsnum{display: block;width:17.3vw;height:2.9vw;line-height: 2.9vw;margin: 0 auto;font-size: 1.6vw;}
.pointsnum,.pointsname{display: inline-block;*display:inline;*zoom:1;margin: 1vw 0; text-align: center;color:#fff;font-size: 1.8vw; background: linear-gradient(#cb80ff, #a159fe);border:0.1vw solid #f2d9e7;border-radius: 1vw;}
.pointselft .pointsname.svip::before{content: "";display: block;width:5vw;height:4.5vw;position: absolute;top: -2.3vw;left: -2.1vw;z-index: 1;background: url(../images/svip.png) no-repeat 0 0/100%;}
.pointtotal{width:21.8vw;height:10.5vw;padding-top: 5.9vw;background: url(../images/total.png) no-repeat 0 0/100%;}
.pointtotal strong{color:#eb478d;font-size: 2vw;}
.pointtotal span{color:#eb478d;font-size: 1.6vw;}

.start{width:52.8vw;height:39.8vw;margin: 0 auto;position: relative;display: inline-block;}
.start a{position: absolute; background: url(../images/an.png)  no-repeat 0 0/100%;}
.start a.claim{position: absolute; background: url(../images/light.png)  no-repeat 0 0/100%;-webkit-transition:transform .5s;transition:transform .5s;-webkit-animation:dx 1.5s ease-in-out infinite;animation:dx 1.5s ease-in-out infinite;}
.start a.claimed{position: absolute; background: url(../images/light.png)  no-repeat 0 0/100%;}
.start a.big{ width:3.3vw;height:3.3vw;}
.start a.big.claim,.start a.big.claimed{width:4.8vw;height:4.8vw;}
.start a.small{width:3vw;height:3vw;}
.start a.small.claim,.start a.small.claimed{width:4vw;height:4vw;}
.start a.s1{top:5vw;left:35.9vw;}
.start a.s2{top:7vw;left:32.2vw;}
.start a.s3{top:5.3vw;left:27.1vw;}
.start a.s4{top:7.4vw;left:20.5vw;}
.start a.s5{top:5.8vw;left:7.6vw;}
.start a.s6{top:10.5vw;left:3.7vw;}
.start a.s7{top:11.6vw;left:9.1vw;}
.start a.s8{top:15.7vw;left:19vw;}
.start a.s9{top:13.4vw;left:24.4vw;}
.start a.s10{top:13.4vw;left:30vw;}
.start a.s11{top:15.3vw;left:35.7vw;}
.start a.s12{top:22.8vw;left:38.8vw;}
.start a.s13{top:17vw;left:41.2vw;}
.start a.s14{top:14.9vw;left:50vw;}


@-webkit-keyframes dx {
    0%, 100% {
        -webkit-transform: scale(1.1); }

    50% {
        -webkit-transform: scale(1.3); } }

@keyframes dx {
    0%, 100% {
        transform: scale(1.1); }

    50% {
        transform: scale(1.3); } }

.classes{display: none;position: relative;height: 37.8vw;margin: 2vw 0 1vw;overflow: hidden;}
.classes::before{content: "";display: block;width:80vw;height:37.5vw;background: url(../images/yun.png) no-repeat 0 0/100%;position: absolute;bottom:0vw;left:0;z-index: 0;}
.rank .show{display: block;}
.classes .luckyname{position: absolute;bottom:2vw;left:50%;margin-left: -11.6vw;width:20vw;height:7.6vw;line-height: 6.6vw;color: #fff;font-size: 2.2vw;background: url(../images/luckyname.png) no-repeat 0 0/100%;z-index: 100;}
.classes img{width:80vw}

.luckystart{position: absolute;top:0vw;right:5vw; width:7vw;height:8vw;line-height: 1.8vw;padding:5.4vw 3.9vw 2.1vw 4vw;cursor: pointer; font-size: 1.6vw; background: url(../images/luckstart.png) no-repeat 0 0/100%;z-index: 9999;}
.luckystart>span{display: block;
    background-color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #da4b05;
    -webkit-text-stroke: 0.3vw transparent;}
.luckystart .h-pop{display: none; position: absolute;top:13vw;left:50%;margin-left: -10.5vw;opacity: 0.8;filter:alpha(opacity=80); width:20vw;padding: 0.5vw;background: #f3d6f8;color:#261347;border-radius: 1vw;}
.luckystart:hover .h-pop{display: block;}

.ranklist{width:80vw;height:52.9vw;margin: 0 auto;margin-left: -20.5vw;background: url(../images/rankbg.png) no-repeat 0 0/100%;padding: 3.8vw 12.7vw 4.2vw 23.5vw;}
.rank{display: none;display: inline-block;}
.rank1{width:80vw;height:50vw;margin: 0 auto;display: block;}
.rank2{width:80vw;height:37vw;margin: 0 auto;background: url(../images/luckybg.png) no-repeat 0 0/100%;position: relative;display: none;}
.ranklist table.rewardintro{margin:30vw auto 0 auto}
.popranklist{position:relative;width:80vw;height:54vw;background:url(../images/rankbg.png?v20210316) no-repeat 0 0/100%;margin:19.5vw auto 4vw auto}
.ranklist div.form,.together div.form{padding-top:0.5vw;width:95%;margin:0 auto 0.5vw;font-size:1.6vw;line-height:2.8vw;text-align:center}
.ranklist div.form input,.ranklist div.form select,.together div.form input,.together div.form select{height:3.4vw;line-height:3.4vw;border:none;vertical-align:middle}
.ranklist div.form label,.together div.form label{vertical-align:middle;color:#ba43ff}
.ranklist div.form select,.together div.form select{margin-right:0.5vw;width:12vw;color:#fff;background: #a290ac;}
.ranklist div.form input.txt,.together div.form input.txt{width:19vw;padding-left:0.2vw;color:#fff;outline:none;background: #a290ac;border-radius: 0.5vw;font-size: 1.6vw;}
.ranklist div.form input.search,.together div.form input.search{width:11.6vw;height:3.8vw;line-height:3.8vw;outline:0;background:url(../images/search.png) no-repeat 0 0/100%;color:#fff;text-shadow: 0.1vw 0.2vw 0.1vw #ce7741;text-align:center;font-size:2vw}
.ranklist div.form input.search:hover,.together div.form input.search:hover{background:url(../images/search-on.png) no-repeat 0 0/100%;color:#fff !important}
.ranklist div.form input.search{width:9.7vw;height:3.3vw;line-height: 3.3vw;font-size: 1.8vw;}

.ranklist table,.together table{width:100%;margin:0 auto}
.ranklist div.form input.search{width:9.7vw;height:3.3vw;line-height: 3.3vw;font-size: 1.8vw;}
.ranklist div.form input.txt,.ranklist div.form select{height:3.3vw;line-height: 3.3vw;}
.ranklist table td,.ranklist table th{text-align:center}
.ranklist table td{line-height:3vw;color:#261347;max-width:30vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;font-size: 1.6vw;}
.ranklist p{color:#9232ba;width:98%;line-height:1.6vw;margin:0.6vw auto;font-size: 1.6vw;line-height: 1.6vw;}
.rank table td.jp-td{position: relative;cursor: pointer;overflow: visible;padding: 0.3vw 0;}
.rank table td.jp-td .h-pop {display: none;position: absolute;white-space: normal;top: 0.1vw;left:-20.8vw;padding: 0.7vw;height: auto;color: #fff;background: #a192aa; border:0.1vw #85688a solid;width: 22vw;font-size: 1.3vw;line-height: 1.6vw; }
.rank table td.jp-td:hover .h-pop{display: block;z-index: 50;}
.rank table td.jp-td img{width:2vw}
/* #rank_list tr{background:#eda9cb!important} */
#rank_list tr:nth-child(even){background:#f8dfe0!important;color:#fff}
.ranklist table th{background:#b886fb;color:#fff;line-height:3vw;font-size: 1.6vw;}
.checktcont{padding-top:0.5vw;height:36.6vw;width:100%}
.pages{text-align:center;padding:0.5vw 0;width:87%;margin:0.3vw auto 0;}
.pages a{display:inline-block;*display:inline;*zoom:1;margin:0 1vw;color:#261347;font-size: 1.6vw;}
.pages a.on,.pages a:hover{text-decoration:underline;color:#b886fb;} 

.footer{color:#261347;}
.footer a,.footer p,.footer div{color:#261347;font-size: 1.6vw;}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:1112}

.commonbox{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;}
.commonbox.show { display: flex; align-items: center; justify-content: center; display: block;}
.tipbox{position:relative;z-index:1113;color:#261347;background:url(../images/rule.png) 0 0/100% no-repeat;margin:0 auto;font-size: 1.6vw;}
.box1{width:46vw}
.box2{width:76vw}
.box3{width:46vw}
.box4{width:70.6vw}
.box5{width:41.6vw}
.box6{width:60vw}
.tip_t{position:relative;z-index:2;height:5vw;text-align:center}
.tip_t a.close{display:inline-block;*display:inline;*zoom:1;position:absolute;top:-1.3vw;right: 1vw;width:3.6vw;height:3.5vw;line-height:3vw;color:#bf40ff;font-size:3.5vw;font-weight:700}
.tip_t a.close:hover{color:#ffb082}
.tip_t h2{color:#bf40ff;line-height:0.5vw;font-size:3.5vw;text-align:center;font-family:benguiat_bk_btbold,Arial;padding-top:1.7vw}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:98%;margin:0 auto;padding:0.5vw 0 0.5vw 0;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#261347 ;font-size: 1.6vw; vertical-align: middle;}
.tip_con p{padding:0.7vw 0;line-height:1.6vw;font-size: 1.6vw;}
.tip_con table{width:96%;margin:1vw auto}
.tip_con table td,.tip_con table th{font-size: 1.6vw;text-align:center;border:0.1vw solid #261347 ;color: #261347 ;line-height:3.5vw;padding: 0 0.3vw;background: #fdd8e0;}
.tip_con table th{background: #b886fb;color:#fff}
.tip_con div ul{padding:0 2vw}
.tip_con div ul li{padding:0.3vw}
.tip_con div label{font-size:1.6vw;text-transform:capitalize;width:10vw;display:inline-block;*display:inline;*zoom:1;text-align:right;padding-right:0.3vw}
.tip_con div input.ipt,.tip_con div select.slt{width:16vw;padding-left:0.2vw;color:#000;border:0.1vw solid #fecf9b;height:2.4vw;line-height:2.4vw}
.tip_con div input.code{width:5vw;}
.tip_con span.code_img img{vertical-align: middle;width: 10vw;}

.tip_db{padding-bottom:1vw;text-align:center}
.tip_db ul{margin:0 auto;width:38vw}
.tip_db li{float:left;width:17vw;margin:0 1vw}
.tip_db p a{color:#261347;font-family:Arial}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:inline-block ;*display:inline;*zoom:1;width:14.5vw ;height:5.5vw ;line-height:5vw ;font-size:2.2vw ;background:url(../images/search.png) no-repeat 0 0/100%;color:#fff ;text-shadow: 0.1vw 0.2vw 0.1vw #ce7741;margin:1vw ; }
.tip_db a.btn_tip:hover{background:url(../images/search-on.png) no-repeat 0 0/100%;text-decoration:none;}
.scrollcont{height:33.4vw;overflow-x:hidden;overflow-y:auto}
.loading{display: none; width:100%;height:100%;position:fixed;top:0;left:0;line-height:5.6vw;color:#fff;padding-left:6vw;font-size:1.5vw;background:#000 url(../images/loader.gif) no-repeat 45% 50%;opacity:.7;filter:alpha(opacity=70);z-index:999999;-moz-border-radius:2vw;-webkit-border-radius:2vw;border-radius:2vw}
.loading.show{display: block;}

.msg_form_class{z-index:999999;position: fixed;}
.login_form_class, #accountlogin, .msg_form_class,#rule_form,#machine_form {top: 18%;}
#rule_form{top:5%}
.login_form_class{position: fixed;}
.login_form_class .tipbox, #accountlogin .tipbox,#machine_form .tipbox, .msg_form_class .tipbox{padding: 5vw 5vw 23vw 5.6vw;}
.login_form_class .tipbox .tip_con, #accountlogin .tipbox .tip_con,#machine_form .tip_con{width:70%}
.msg_form_class .tip_con{padding-top: 3vw;}
#rule_form .tipbox{padding:5.6vw 4.7vw 0.5vw 8vw;}
#machine_form {position: fixed;}
#machine_form div,#machine_form  p{text-align: center;}
#machine_form div img{width:9vw}
#machine_form span{padding-right: 3vw;}
#machine_form .tip_t{height: 3vw;}