@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
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}
body, div, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { font-size:1.4vw!important; -webkit-text-size-adjust: none;}
table{border-spacing:0;border-collapse:collapse}
fieldset,img{border:0}
.footer,button,input,select{font:1.4vw/1.8 'Roboto',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 'Roboto',Microsoft YaHei,Arial,Helvetica;color:#9a7584;background:#fff}
.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}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
/* *{box-sizing:border-box} */
.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}

.wrapper{position: relative; padding-left:18%; width:82%; }
.fullbg{position:relative;width:100%; margin:0 auto;overflow:hidden;background:url(../images/fullbg.jpg?v3) no-repeat center top #000000;background-size:130% auto;}
a.logo{position:absolute;left: 20%; top: 0; width: 14vw;z-index:4}
a.logo img{width:90%}
.header{height:51vw}
.content{position:relative;}

.loginbtns{ position:absolute; top:2.5vw; right: 2vw; background:rgb(0, 0, 0,0.5); border-radius: 2vw; display:flex; align-items:center; justify-content:center; padding:1vw; }
.loginbtns a{ display: block; text-align:center; line-height: 1; color:#fff; padding: 0 2vw; border-right: 1px solid #fae2c2; font-size: 120%; }
.loginbtns a:nth-last-child(1) { border-right:none; }
.loginbtns a:hover{color:#ebd547;}

/*to do*/
.sidenav{ display: none; position:fixed;right: 1.5vw;top:20%;z-index:100;padding: 3vw 3vw; width:16vw;height:510px; background:url(../images/sidenav.png) no-repeat top right/100% auto; box-sizing:border-box; }
.sidenav a{display:block;width:100%; margin:0 auto; padding:1vw 0; text-align:right; font-size:1.4vw;font-weight: bold;line-height: 1.6vw; color:#426372;position: relative;}
.sidenav a::before{content:'';position: absolute;right:-1.6vw;top: 0.8vw;width: 1.5vw;height: 1.5vw;background: url(../images/nav.png) no-repeat 0 0/100%;}
.sidenav a:hover, .sidenav a.on{color:#fff; background-color: #294755;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 0.2vw transparent;}
.sidenav a:hover::before, .sidenav a.on::before{content:'';position: absolute;right:-1.6vw;top: 0.8vw;width: 1.5vw;height: 1.5vw;background: url(../images/nav-on.png) no-repeat 0 0/100%;}
.sidenav a:hover::after, .sidenav a.on::after{content:'';position: absolute;right:-0.7vw;top: -2.5vw;width: 11vw;height: 8vw;background: url(../images/navbg.png) no-repeat 0 0/100%;z-index: -1;}
.sidenav a.s8 { height:4vw; padding:0;position: absolute;}
.sidenav a.s8::before,.sidenav a.s8::after{display:none;}

/*to do*/
.usermsg{position:absolute; top:-8vw;left: 50%; transform: translateX(-52%);width:66vw; color:#fff;line-height:20px; max-width: 100%; max-width:900px;height:4vw;padding:0.2vw 6vw;background:url(../images/userbg.png) center top no-repeat;background-size:100% 100%;z-index:200; margin:0 auto 11vw;box-sizing:border-box;}
.usermsg p{font-size: 16px;}
.usermsg .refreshbtn{position:absolute;width:47px;height:47px;right:-1vw;top:50%;margin-top: -23px; background:url(../images/refresh.png) no-repeat;cursor:pointer;background-size:100% auto}
.usermsg .refreshbtn:hover{background:url(../images/refresh-hover.png);background-size:100% auto}


.block{width:98%;text-align:center;margin: 0 auto 3.5vw}
.block .tab{margin:0 auto;/*display:inline-block;*display:inline;*zoom:1;*/position: relative;z-index: 5;}
.block.b-7{margin: 0 auto 1vw;position: relative;}
.block.b-7::after{content:'';position: absolute;top: -5vw;right: -14px;width: 133%;height: 100%;background: url(../images/mountain.png) no-repeat 0 0/100%;z-index: 0;}

.drawtabs{width:100%; display: flex; align-items: center; justify-content: center;}
.drawtabs a{ display: block; position: relative; width:30vw;height:4.3vw;line-height: 4.3vw; text-align:center;margin: 1vw; font-size:1.4vw;background:url(../images/drawtab2.png) no-repeat;background-size:100% auto;font-weight: bold;}
.drawtabs a.on,.drawtabs a:hover{ background:url(../images/drawtab1.png) no-repeat;background-size:100% auto; transform:scale(1.1); }
.drawtabs a span{position: absolute;width:25px;height:25px;line-height: 25px;font-size: 14px;text-align: center; background: #b41506;border:1px solid #f1986d;border-radius: 50%;color:#fff;right:20px;top:0;display: none;}
.cont{position:relative;width:100%;}
.lottery{position:relative;margin: 0 auto ;width:57vw;height:57vw;}
.cont1 .lottery { background:url(../images/wheelbg2.png) no-repeat center center/100% auto }
.cont2 .lottery { background:url(../images/wheelbg1.png) no-repeat center center/100% auto }
.spin1,.spin2{position:absolute;top:4.8vw;left:5.3vw;width:47vw;height:47vw}
.spin1{z-index:1}
.spin2{z-index:2}
.spin1 img, .spin2 img{width: 100%;}	
/*.deng1, .deng2{position:absolute;top:0;left:0;width:938px;height:954px;background:url(../images/deng.png) no-repeat center top;background-size:100% auto}
.deng1.on, .deng2.on{background:url(../images/deng-on.png) no-repeat center top;background-size:100% auto}*/
.start{position:absolute;top:50%;left:50%; margin-left: -6.45vw; margin-top: -9.45vw; z-index:3;background:url(../images/start.png) no-repeat center top;background-size:100% auto;width:14.5vw;height:16.9vw;cursor:pointer;}
.start:hover{filter:brightness(120%);  }
.start.claimed{cursor:default;filter: grayscale(100%);}

.store{width:100%;position: relative; margin-top:2vw;  }
.character-dec { width:100%; height:100%; position:absolute; left:-20vw; top:0; }

.block h3 { width:45vw; height: 9.4vw; z-index:10;margin: 0 auto; }
.b-1 .tab{ width:100%;}
.b-0 h3{ background:url(../images/title5.png) no-repeat center center; background-size:100% auto;width:50vw }
.b-1 h3{ background:url(../images/title1.png) no-repeat center center;  background-size: 100% auto}
.b-2 h3{ background:url(../images/title2.png) no-repeat center center; background-size:100% auto;width: 55vw; }
.b-5 h3{ background:url(../images/title3.png) no-repeat center top; background-size:100% auto }
.b-6 h3{ background:url(../images/title4.png) no-repeat center top; background-size:100% auto }
.b-7 h3{ background:url(../images/title6.png) no-repeat center top; background-size:100% auto }
.b-8 h3{ background:url(../images/title8.png) no-repeat center top; background-size:auto 100% }

a.teambtn{display:inline-block;background:url(../images/teambtn.png) no-repeat;width:26vw;height:8.5vw;font-weight: bold; line-height:8.5vw;text-align:center;font-size: 2vw; margin: 0 5vw 2vw;background-size:100% auto}
a.teambtn:hover{filter:brightness(120%);  }
a.teambtn strong{color: #fff;background-image: -webkit-linear-gradient(90deg,#fff 20%,#efe3b1 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "Birthstone", sans-serif;font-size: 3vw;-webkit-filter: drop-shadow(0 1px 3px #235159); margin-left: -0.7vw;}
.rewards-preview img { width:97%; }
.reward-box{width:20.4vw;height:15.1vw;padding:8vw 3vw 0 23vw;background:url(../images/boxbg.png) no-repeat 0 0/100%;margin: 2vw auto 6vw;display: inline-block;vertical-align: middle;}
.reward-box.reward-box1{background:url(../images/boxbg1.png) no-repeat 0 0/100%;}
.reward-box p{color: #fff;font-size: 1.3vw !important;line-height: 1.3vw;padding: 0.2vw;width: 20vw;}
.reward-box a{display: block;width:12.8vw;height:3.5vw;line-height: 3.5vw; color:#000;font-size: 2vw;margin: 0.5vw auto;background: url(../images/claim.png) no-repeat 0 0/100%; }
.reward-box a.claim{ background: url(../images/claim.png) no-repeat 0 0/100%;color:#000;}
.reward-box a.claim:hover{ filter:brightness(120%);}
.reward-box a.claimed{cursor:default;filter: grayscale(100%);}

.showcont{width: 100%;height:58vw; background: url(../images/listbg.png) no-repeat;padding:3vw 2% 4vw 9%;margin:0 auto;position: relative;background-size:100% 100%; box-sizing:border-box; }
.rulecont{width:70%; line-height:1.6;color:#000;margin:0 auto;text-align: left; padding-bottom:1vw; }
.rulecont p{font-size: 1.4vw;}
.ilist div.form{padding:0 0 1vw 0;width:100%; margin:0 auto; text-align:center}
.ilist div.form select,.ranklist div.form input{height: 2.6vw;line-height:2.6vw;border:none;vertical-align:middle;outline: none;}
.ilist div.form label{font-weight:700;vertical-align:middle;color:#000;font-size: 1.4vw;}
.ilist div.form select{margin:0 1% 0 0;width:13%;color:#000;background:#fff;border: 1px solid #988963;}
.ilist div.form input.txt{width:20%; padding-left:2px;height: 2.6vw;line-height:2.6vw;vertical-align:middle;color:#000;background: #fff;border: 1px solid #988963;outline: none;}
.ilist div.form input.search{width: 6vw; line-height:3vw; background:#0a536b;color:#fff;text-align:center; border:none; vertical-align:middle;outline: none;border-radius: 0.5vw; margin-left:1%; }
.ilist div.form input.search:hover{background:#327986;}
.ilistcont{position:relative;width:100%;margin:0 auto}
.ilistcont li{float:left;margin: 0.5vw 1%;position:relative;width: 29%; background:url(../images/itembg.png) no-repeat;padding: 1vw 1%;color:#000;background-size:100% 100%; height: 15vw;}
.leftpart{float:left;width:32%;padding:1vw 0}
.leftpart .server{width: 100%; text-align:center; margin: 0 auto 1vw auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;border-radius: 50%; background:#feece1}
.leftpart .server img{border-radius:50%;width:100%}
a.joinbtn,.commonbtn,a.editbtn, a.savebtn{ display:inline-block;*display:inline;*zoom:1;background:url(../images/joinbtn.png) no-repeat;width:110%;height:2vw;line-height:2vw; text-align:center; margin:2px auto;outline: none; color:#fff; background-size:100% 100%; font-size: 1.3vw;}
a.joinbtn:hover,.commonbtn:hover,a.editbtn:hover, a.savebtn:hover{filter:brightness(120%);}
.commonbtn{margin: 0 10px;color:#532c11;}
a.savebtn{margin-left: 160px;}
/* span.veteran{display:inline-block;*display:inline;*zoom:1;margin:0 0 0 5px;color:#fff;width:60px!important;height:18px!important;line-height:18px!important;background:url(../images/btns.png) -305px -468px;text-align:center} */
.rightpart{float:left;width:64%;padding-left:4%; position:relative; height:15vw; }
.rightpart .rank{ color:#ab0000;font-style:italic}
.rightpart p{ position:relative; width:100%;text-align: left; white-space:nowrap; line-height:1.4; }
.rightpart p.member{ overflow-y:auto;overflow-x:hidden;text-align: left; }
.rightpart p.member span{display:inline-block;*display:inline;*zoom:1;position:relative;margin-right: 0.5vw; }
.rightpart p.status{height:1.4vw;width:9vw;background: url(../images/statusbg.png)no-repeat; position:absolute; bottom:0; right:0;background-size:100% 100%; padding: 0.5vw 1vw;}
.rightpart p.status span{display:inline-block;*display:inline;*zoom:1;width:1.4vw;height:1.4vw; margin:0 0.2vw}
.rightpart p.status span.s0{background: url(../images/s0.png) no-repeat; background-size:100% 100%}
.rightpart p.status span.s1{background: url(../images/s1.png) no-repeat; background-size:100% 100%}
.rightpart p.status span.s2{background: url(../images/s2.png) no-repeat;background-size:100% 100%}
.rightpart p.status span.s3{background: url(../images/s3.png) no-repeat;background-size:100% 100%}
.rightpart div,.rightpart p span{display:inline-block;*display:inline;*zoom:1;max-width:35%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.rightpart div{display:block;position:relative;padding-right:80px;height:22px}
.rightpart p i{display:none}
.rightpart p:hover i{display:block;background:url(../images/obg1.png) repeat;color:#fff;padding:5px;width:160px;position:absolute;top:-30px;left:0;z-index:10;word-wrap:break-word;word-break:normal}
.listpages{width:70%;margin:0.2vw auto;text-align:center}
.listpages,.listpages a{color:#000}
.listpages a,.listpages span{display:inline-block;*display:inline;*zoom:1;margin:0 5px;font-weight:700}
.listpages a.page_cur,.listpages a:hover{color:#be974a;text-decoration:underline}

.team_edit_class a.joinbtn, .team_edit_class .commonbtn, .team_edit_class a.editbtn, .team_edit_class a.savebtn { width:8vw;height: 2.2vw;line-height: 2.2vw; }


.icon_intro{width:80%;margin: 0 auto;position: absolute; bottom: 5vw;left:50%; margin-left: -40%; }
.icon_intro span{display: inline-block;*display:inline;*zoom:1; padding-left: 2.5vw;margin: 0 2vw;height:2vw; line-height: 2vw; text-align: left;color:#1d2931;font-size: 110%;}
.icon_intro span.b1{ background:url(../images/icon1.png) no-repeat left center/auto 100%; }
.icon_intro span.b2{ background:url(../images/icon2.png) no-repeat left center/auto 100%; }
.icon_intro span.b3{ background:url(../images/icon3.png) no-repeat left center/auto 100%; }
.b-2 .tab{width:100%;height:auto;}
.b-2 .com_cont, .b-8 .com_cont {width:100%;height: 62vw; background: url(../images/listbg2.png) no-repeat; padding:4vw 2%;margin:0 auto;position: relative;background-size:100.5% 100%; box-sizing: border-box;}
.tabs, .invitetabs{position:absolute;top:1.5vw;left:7%;z-index:10;width:10vw; height:60vw; background:url(../images/tabbg.png) no-repeat;background-size:100% auto}
.tabs a, .invitetabs a { display: flex; align-items: center; justify-content: center; line-height: 1.2; width:110%; height:10vw; text-align: center; background:url(../images/tab.png)no-repeat; color:#28363c;background-size:100% auto; font-size: 1.2vw;margin: 1.5vw -0.5vw;}
.tabs a.on,.tabs a:hover, .invitetabs a.on,.invitetabs a:hover{background:url(../images/tab-on.png)no-repeat;background-size:100% auto;color:#28363c}

.treasure{position:absolute;bottom:-3vw;right:-5vw;width:14vw;height:14vw;background-size: 100% auto;}
.treasure.treasure2{position:absolute;bottom:0vw;left:-2vw;width:16vw;height:15vw;right:0;background: url(../images/box.png) no-repeat;background-size: 100% auto; z-index:10; }


.c_cont, .invite_cont{width:73%; position: relative; margin-left: 15vw; overflow-y: auto;overflow-x: hidden;background: url(../images/tablebg.png) no-repeat;padding: 0.5vw 0.5vw 1vw;background-size: 100% 100%;margin-bottom: 3vw;}
.c_cont table, .invite_cont table {width:100%;}
.c_cont table th,.c_cont table td, .invite_cont table th,.invite_cont table td{ line-height:3;color:#fff;font-size: 110%;border-right:1px solid #d1d4d6; }
.c_cont table th:last-child,.c_cont table td:last-child, .invite_cont table th:last-child,.invite_cont table td:last-child{border-right:none; }
/* .c_cont table th, .invite_cont table th{background-color:#d06431;} */
.c_cont table td, .invite_cont table td{color:#000;line-height: 1.2; font-size:100%; padding:0.3vw 0;border-right:1px solid #d1d4d6;border-bottom: 1px solid #edf5f7; }
/* .c_cont table tr, .invite_cont table tr {background-color:#fce3a8;} */
.c_cont table tr:nth-child(even), .invite_cont table tr:nth-child(even) {background-color:rgba(224,237,241,0.6)!important;}
.c_cont table td a.claim, .invite_cont table td a.claim{display: block;width:6vw;height:2vw;line-height: 2vw; background: url(../images/claimbtn.png) no-repeat;color:#fff;text-align: center;background-size:100% 100%;margin: 0.5vw 0;}
.c_cont table td a.claim:hover, .invite_cont table td a.claim:hover{filter:brightness(120%);}
.c_cont table td a.claim.claimed, .invite_cont table td a.claim.claimed{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; cursor:default}

.c_cont.c_cont2  table th{line-height: 2;}

.msgscroll{ width:100%; margin:1vw auto; height:2.6vw;padding:0.5vw 0}
.msgcont{width:45%;margin:0 auto;border-radius:5px}
.msgcont li{text-align:center;line-height:2.6vw;color:#000; position: relative;font-weight: bold; font-size: 110%; }
.msgcont li span{display:inline-block;*display:inline;*zoom:1; max-width:15vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;color:#b92b00}

.characscroll{width:91%; margin:2vw auto 6vw; height:23.6vw;padding:0.5vw 0;background: url(../images/charactersbg.png) no-repeat 0 0/100%;}
.characscroll h2{font-size: 2.5vw;margin-top: -2.5vw; color: #fff;background-image: -webkit-linear-gradient(90deg, #fff 20%, #fccb70 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.characscroll .msgcont{width:70%;    margin: -1vw auto 0;}
.characscroll .msgcont ul {
    height:16vw !important; 
}
.characscroll .msgcont ul li {
    height: 5vw; /* 单个子项的高度 */
    line-height: 5vw;
}
.characscroll .msgcont ul li img{width:3vw;vertical-align: middle;}
.characscroll .msgcont li span{color:#ffe29e;display: inline-block;*display:inline;*zoom:1;margin: 0 2vw 0 1vw;}

.drawcont{ width:79vw;height:50vw;position: relative;background-size: 100%;}
.draw{background:url(../images/draw.png) no-repeat center/100%;width:41vw;height:41vw;position:absolute;top:4vw;left:-2vw;z-index: 10;}
.draw li{position:absolute;background:url(../images/draw-li.png) no-repeat 0 0/100%;width:10vw;height:9.2vw;margin-left:-7.5vw;margin-top:-7.5vw;text-align:center;line-height:7.6vw;}
.draw li.active{transform:scale(1.2);filter:brightness(1.2)}
.draw p{display:flex;align-items:center;justify-content:center;color:#000000;font-size:1.0vw !important;line-height:1.0vw;position:absolute;height:2.2vw;bottom: 0.1vw;left:0;padding:0 0.8vw;text-align:center;width:100%;box-sizing:border-box}
.draw ul{width:100%;height:100%;position:relative;margin-top:9vw;margin-left:3vw}
.draw img{width:45px}
.draw .l1,.draw .l10{top:-4vw}
.draw .l2,.draw .l9{top:3vw}
.draw .l3,.draw .l8{top:13.9vw}
.draw .l4,.draw .l7{top:24.9vw}
.draw .l5,.draw .l6{top:32vw}
.draw .l3{left:36.5vw}
.draw .l2,.draw .l4{left:33.8vw}
.draw .l1,.draw .l5{left:25vw}
.draw .l10,.draw .l6{left:13.4vw}
.draw .l7,.draw .l9{left:4vw}
.draw .l8{left:2vw}
.draw .l9{letter-spacing: -0.6px;}
.draw-btn{background:url(../images/img.png) no-repeat 0 0/100%;width:23vw;height:19vw;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.draw-btn p{position:absolute;width:100%;left:0;bottom:1.4vw;color:#ffe096;font-size:1.4vw !important;line-height:1.4vw}
.draw img{width: 3.5vw;}
.draw img,.draw1 img{max-width:40%;max-height:40%}
.gl{width:58vw;height: 40vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align: left;background: url(../images/cont2.png) no-repeat 0 0/100%;    position: relative;top: 4vw;left: 17vw;padding: 1vw 0 0 7vw;}
.gl .p1-text{color:#024055;margin: -2vw 0 0 3vw;}
.gl .p1-text p{font-size:1.4vw !important;width:100%;line-height: 3.2vw;}
.gl .p1-text p:nth-child(2){display: none;}
.gl .p1-text b{font-size: 1.8vw;line-height: 3vw;color: #fff;font-style: italic; background-image: -webkit-linear-gradient(90deg, #901010 20%, #b61515 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0.4vw 0;padding: 0.5vw;display: block;}
.fa{margin: 0.5vw 0 2vw 10vw;background:url(../images/share-bg.png) no-repeat 1vw 1vw/100% 100%;width:37vw;height:9vw;padding:2.8vw 0.5vw 0 2.5vw;position:relative;box-sizing:border-box}
.fa h6{color:#fff;font-size:1.2vw;width:12vw;height:2.8vw;top:-0.23vw;left:0;line-height:2.8vw;text-align:center;position:absolute;background:url(../images/share-tit.png) no-repeat 0 0/100% 100%;}
.fa p{color:#0b171a;font-size:1.2vw;line-height: 2vw;}
.share p{color:#0b171a;font-size:1.2vw ;line-height: 1.4vw;}
.share_style{margin-top:0.5vw}
.share .share_style a{float:none;display:inline-block;zoom:1;vertical-align:middle;height:2.4vw;width:2.4vw;background-position:center center!important;margin-left: 0;}
.share .share_style a:hover{filter:brightness(1.2)}
.share_style a+a{margin-left:10px}
.share_style .sharebtn{background:url(../images/fb1.png) no-repeat 0 0/100%;width: 2.5vw !important;height: 2.5vw !important;}
.share .share_style a.copy-btn{background:#2d6173;color:#fff0b8;font-size:1.2vw;width:7vw!important;line-height:2.4vw!important;text-align:center;border-radius:2vw}
.fa .input{display:flex}
.fa input{padding:0 1vw;width:27vw;height:3vw;background:#fff;color:#0b171a;border:0.1vw solid #988963;outline: none;}
.fa a{font-size: 1.4vw;background:url(../images/bd.png) no-repeat  0 0/100%;width:11vw;height:3.5vw;margin-top:-0.2vw; color:#fce2a9; text-align:center; line-height: 3.5vw; margin-left: -10vw;}
.fa a:hover{ filter:brightness(120%);}
.fa.noBind{height: 13vw;}
#myCode{width: 30vw;margin: 0.5vw;text-align: center;font-size: 1.2vw;}
#myCode span{color:#6c0d0a;font-size: 1.2vw;}


.b-4{ margin:100px auto 0 auto}
.b-4 .form{ color:#53140d; font-size:24px; }
.b-4 .form input.txt{ width:400px; height:62px; line-height:62px; background:#feece1; border:2px solid #932a1a;}
.b-4 .form input.submit{width:237px; padding-top:8px; height:70px; line-height:62px; background:url(../images/submitbtn.png) no-repeat; color:#fef28c; border:none;font-size:24px;background-size:100% auto}
.b-4 .form input.submit:hover{background:url(../images/submitbtn-hover.png) no-repeat;background-size:100% auto}
.chest{ width:800px; height:526px;background:url(../images/chest.png) no-repeat; margin:30px auto;background-size:100% auto }
.chest.claimed{background:url(../images/chest-on.png) no-repeat;background-size:100% auto}


.b-5{ margin:2vw auto 0 auto}
.boardcont { width: 103%;height:64vw; margin: 0 auto 3vw; position:relative; padding:4vw 5vw 4vw 5.5vw;background: url(../images/boardbg.png) no-repeat center center;background-size:100% 100%;box-sizing: border-box;margin:-3vw 0 0 -2vw;}
a.refbtn { display:block; position:absolute; top:6vw; left:7vw; width:10.4vw; height:4vw; background:url(../images/refbtn.png) no-repeat; z-index:10;background-size:100% 100%}
a.refbtn:hover{ background:url(../images/refbtn-on.png) no-repeat; background-size:100% 100%; }
.messagelist {position:relative; margin:0 auto; padding-top:4vw;}
.messagelist li { float:left; width:30%; padding:2vw 1.5vw 2vw 2.3vw; overflow:hidden; margin: 0.5vw 1%; background:url(../images/textbg.png) no-repeat center top;background-size:100% 100%; box-sizing: border-box;}
.messagelist li p { height:12vw; overflow:hidden; word-wrap: break-word; word-break: normal; line-height: 1.2; color:#17272e;overflow-y: auto;padding: 2vw 0px;}
.messagelist li p.arabictxt, .messagelist li.arabictxt p{ text-align:right; direction:rtl}
.messagelist li p span { display:inline-block}
	
.boardcont .submitcont{margin: 0 auto; text-align: center;  width:90%; height:5vw; padding: 1vw 1vw 3.5vw 5vw; background:url(../images/submitbg.png)no-repeat center top; background-size:100% 100%; display:flex; align-items:center; justify-content:space-between;margin: 1vw 0 0 -1vw; }
.boardcont .submitcont input.txt {width: 80%; height: 3vw;line-height: 3vw; border: none;}
.boardcont .submitcont input.submitbtn {width: 18%;height: 3vw;line-height: 3vw;color: #2c1a16;font-weight: bold; text-align: center;font-size: 120%;margin-left: 1%;background:url(../images/sbtn.png)no-repeat; border: none; background-size:100% 100%; cursor: pointer;}
.boardcont .submitcont input.submitbtn:hover {filter:brightness(1.2);}

.boardcont .fayin1{position: absolute;top:-1vw;right:4vw;width:6vw;height:8vw;background: url(../images/fayin1.png) no-repeat 0 0/100%;}
.boardcont .fayin2{position: absolute;bottom:6vw;left:-3vw;width:9vw;height:9vw;background: url(../images/fayin2.png) no-repeat 0 0/100%;}

.b-6{ margin:0px auto 0 auto}
.prizescroll{position:relative;width:100%;margin:0 auto;}
.prizelist{ width:68vw;margin:0 auto 6vw;overflow:hidden;position:relative}
.prizelist ul { width:100%; }
.prizelist li{float:left;width:17vw; line-height:1.4;text-align:center;color:#000; box-sizing:border-box; }
.prizelist li strong{font-size:120%;height: 2vw;
    display: block;}
.prizelist li img{width:100%; }
.prizescroll .next,.prizescroll .prev{position:absolute;display:block;width:5vw;height:5vw; top:36%; margin-top:-2.5vw; }
.prizescroll .prev{left:0;background:url(../images/prev.png) no-repeat; background-size:100% auto}
.prizescroll .next{right:0;background:url(../images/next.png) no-repeat; background-size:100% auto}
.prizescroll .prev:hover,.prizescroll .next:hover{filter:brightness(1.2);}


.download-btns { width: 90%; margin: 0 auto; display:flex; align-items:center; justify-content:center; }
.download-btns a { display:block; margin:0 3%; width:34%; }
.download-btns img { display:block; width:100%; }
.download-btns img.dlbtn { width:70%; margin:2vw auto; }

.footer{color:#fff;margin: 1vw auto !important;padding: 0.5vw 0 !important;}
.footer a{color:#fff}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:1112}
.bugs_form_class,.msg_form_class,.suggest_form_class{display:none;width:100%;height:100%;position:fixed!important;left:0;top:25%!important;}
.msg_form_class{z-index:1114}
.bugs_form_class,.suggest_form_class{z-index:1112}
.commonbox{ display: none; width:100%;height:100%;position: fixed;left:0;top:0; z-index: 999;}
.commonbox.show { display: flex; align-items: center; justify-content: center; }
.tipbox{position:relative;margin:0 auto;z-index:1113;color:#fff!important;background:#4a555c!important;border:2px solid #d9eaef!important;border-radius:10px}
.box1{width:440px}
.box2{width:50vw}
.box3{width:460px}
.box4{width:760px}
.tip_t{position:relative;z-index:2;height:7vh;text-align:center;border-radius:10px 10px 0 0}
.tip_t a.close{position:absolute;top:5px;right:0;width:40px;height:40px;line-height:30px;color:#fff!important;font-size:40px}
.tip_t a.close:hover{color:#d9eaef!important}
.tip_t h2{color:#fff!important;line-height:10vh;font-size:200%;text-align:center}
.tip_c{position:relative;z-index:1; }
.tip_con{width:88%;margin:0 auto;padding:20px 0 5px 0;position:relative}
.tip_con.sp{width:96%}
.msg_form_class .tip_t { height:3vh; }

.tip_con p{padding:7px 0;line-height:23px}
.tip_con table{width:99%;margin:10px auto}
.tip_con table td,.tip_con table th{text-align:center;border:1px solid #fff!important;line-height:16px}
.tip_con div ul{padding:0 20px}
.tip_con div ul li{padding:3px}
.tip_con div ul li.center { text-align:center; }
.tip_con div label{font-size:16px;text-transform:capitalize;width:100px;display:inline-block;text-align:right;padding-right:3px; color:#fff}
.tip_con div input.ipt,.tip_con div select.slt{width:10vw;padding-left:2px;color:#000;border:1px solid #fecf9b;border-right-color:#fff6ed;border-bottom-color:#fff6ed;height:24px;line-height:24px}
.tip_con div input.code{width:120px}
.tip_con textarea{font-size:14px;width:100%;height:160px;border:1px solid #fecf9b;border-right-color:#fff6ed;border-bottom-color:#fff6ed}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:0 auto;width:100%; display: flex; align-items: center; justify-content: center;}
.tip_db li{ width:30%; margin: 0 2%;}
.tip_db p a{color:#fff!important;}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:inline-block!important;width:11vw;height:2.8vw;margin:1vh auto;color:#fff!important;background:url(../images/claim.png) no-repeat 0 0/100% 100%;line-height:2.8vw;font-size:120%;text-transform:uppercase;border-radius:8px; }
.tip_db a.btn_tip:hover{filter:brightness(1.2);text-decoration:none}
.tip_db li a.btn_tip { width:7vw; }
.loading{width:100%;height:100%;position:fixed;top:0;left:0;line-height:56px;color:#fff;padding-left:60px;font-size:15px;background:#000 url(../images/loader.gif) no-repeat 45% 50%;opacity:.7;filter:alpha(opacity=70);z-index:10000;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}

.accountmore { width: 80%; margin: 0 auto; display:flex; align-items:center; justify-content:space-between;  }
.accountmore a { display:block;  }
#accountlogin { z-index:99999; }


.inforcont .form li label{width: 200px;}
.leadr_icon,.veteran_icon{color:#00f!important;border:1px solid #00f;float:right;display:inline-block;*display:inline;*zoom:1;margin:5px 5px 0 0;height:20px;line-height:20px;font-size:16px;padding:0 2px}
.veteran_icon{color:red!important;border:1px solid red}
.select_icon{display:block;border:1px solid #bc9f64;width:455px;margin:0 auto}
.select_icon img{margin:5px 2px;border-radius:50%;border:2px solid transparent}
.select_icon a.on img{border:2px solid #e8eff3}
a.submitbtn{display:block;width:150px !important;height:41px!important;line-height:41px!important;font-size:18px!important;background:url(../images/claim.png) no-repeat 0 0/100% 100%;color:#fff!important;margin:10px auto;border-radius:0 !important}
a.submitbtn:hover{filter:brightness(1.2);text-decoration:none;}
a.fbbtn{display:inline-block;*display:inline;*zoom:1;width:25px;height:25px;background:url(../images/fb.png) no-repeat;background-size:100% auto}

.copyandshare{text-align:center;padding:10px 0 20px 0;font-size:16px}
.copyandshare input{border:none;vertical-align:middle;outline: none;}
.copyandshare input.txt{width:200px;height:32px}
.copyandshare img{vertical-align:middle}
#buildingform1 .commonbtn{border:none}
.copyandshare .commonbtn{font-size:16px}
.prompt-txt ul label{width:190px}
#team-info-box ul{width:80%;margin: 0 auto;}

.edit_list{position:absolute;right:0;top:10px;}
.edit_list .join_btn,.edit_list .quite_btn,.joincount_btn{display:inline-block;*display:inline;*zoom:1;background:url(../images/joinbtn.png) no-repeat;background-size:100% auto;width:130px;height:38px;line-height:38px;text-align:center;margin:2px auto;outline: none; color:#532c11; font-weight:700}
.edit_list .join_btn:hover,.edit_list .quite_btn:hover,.joincount_btn:hover{filter:brightness(120%);}
.joincount_btn{line-height:14px;position: absolute;top:0;right:-19px;padding:3px 0; height:40px;display: flex;align-items: center;justify-content: center;background-size: 100% 100%;}


#team-join-box a.join{background: #508f9e;color:#fff;display: inline-block;*display:inline;*zoom:1;margin: 5px;padding: 0 5px;}
#team-join-box a.join:hover{background-color: #9d4022;}
#team-join-box .tip_con table td,#team-info-box .tip_con table td,#team-info .tip_con table td{max-width: 160px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}

.checkcont{ display:inline-block}
.scrollcont { height:60vh; overflow-y:auto; }

#sc_join_team_pop .prompt-txt{text-align: center;}

#rule_form { top:4%; }

.tip_con div ul li { /*text-align:center;*/ }
.form a.savebtn { margin-left:0; }
.team_edit_class .form { padding-top:30px; }
/*s8*/
.b-8 { color:#fff; }
.b-8 .sp { text-shadow: 1px 1px 0 #4971db, 1px -1px 0 #4971db, -1px 1px 0 #4971db, -1px -1px 0 #4971db }
.b-8 select, .b-8 input { height:6vh; line-height:6vh; width:40%; border:none; }
.invite_cont2 input { width:80%; }
.b-8 li { padding:1vh 0; }
.b-8 li label { display: inline-block; vertical-align: middle; width:24%; text-align:right; font-size: 120% }
.invite-msg { color:#fff; text-shadow:1px 1px 0 #324b90, 1px -1px 0 #324b90, -1px 1px 0 #324b90, -1px -1px 0 #324b90; }
.b-8 td span { color:#f5ffbb }
.b-8 td a { text-decoration:underline; color:#03ffde }
.b-8 td a:hover { filter:brightness(120%); }
.invitetabs { position:relative; top:auto; left:auto; width:100%; margin-top: -6vw; text-align:center; display:flex; align-items:center; justify-content:center; height:auto; background:none; }
.invitetabs a { width:12vw; height:12vw; }
.invite_cont { width:90%; margin-left:0; margin: 0 auto; height:auto; }
.invite-msg { line-height:5vh; padding-bottom:6vw; }
.invite-detail-btn { display: inline-block; vertical-align: middle; width:16vh; height:5vh; background:url(../images/btn2.png) no-repeat center center/100% 100%; color:#532c11; text-shadow:none; font-weight:bold; }
.b-8 .com_cont { padding:3vh 2% 6vh; }
a.btn1 { display: block; margin: 2vh auto; width: 20vw; height: 5vw; line-height: 5.4vw; font-size: 150%; font-weight: bold; background: url(../images/btn1.png) no-repeat center center/100% 100%;}
a.btn1.inactive { filter:grayscale(100%); }
.daycount { margin: 2vh auto; background:url(../images/inviterewardsbg.png) no-repeat center center/100% 120%; }
.daycount span { color:#fff949; }
.invite-msg-cont { margin-top: 4vh; background:url(../images/inviterewardsbg.png) no-repeat center center/100% 100%; }


/*横竖屏提示*/
.orient-layer {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 26px;
    text-align: center;
    color: #fff;
    z-index: 9997;
    background: #000; }
  
  .orient-layer-tip {
    display: table-cell;
    vertical-align: middle;
    height: 100%; 
    font-size: 5vw !important;}
  .orient-layer-tip:before {
    display: block;
    content: "";
    width: 130px;
    height: 211px;
    margin: 0 auto 5%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC);
    background-size: 130px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: rotation infinite 1.5s ease-in-out;
    animation: rotation infinite 1.5s ease-in-out; }
  
    @-webkit-keyframes rotation {
    10%, 100%, 90% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  
    50%, 60% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); } }
  
  @keyframes rotation {
    10%, 100%, 90% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  
    50%, 60% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); } }

/*提示用户竖屏浏览-----竖屏时提示隐藏*/
@media screen and (orientation: landscape) {
    .orient-layer {
      display: none; }
  }


@media screen and (min-width: 1670px) {
	body, div, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { font-size:16px!important }
	.footer,button,input,select{font:14px/1.8 'Roboto',Arial,Verdana,Helvetica,sans-serif}
	body{margin:0 auto;font: 14px/1.8 'Roboto',Microsoft YaHei,Arial,Helvetica;color:#9a7584;background:#fff}
	.wrapper { margin:0 auto; width:1200px; padding-left:0; }
	a.joinbtn, .commonbtn, a.editbtn, a.savebtn{font-size: 16px;}
	.c_cont table th, .invite_cont table th{line-height: 4;}
	.c_cont.c_cont2 table th{line-height: 3;}
	.fullbg{background-size: 120% auto;}
	.header{height: 48vw;}
	.b-2 .com_cont, .b-8 .com_cont{height: 58vw;}
	.footer{  margin: 2.5vw 0 1vw !important;}
	.c_cont, .invite_cont{margin-left: 12vw;}
	.block h3 { height:149px; }
	.tabs, .invitetabs{left:4%}
	.ilist div.form select, .ranklist div.form input, .ilist div.form input.search, .ilist div.form input.txt { height:30px; line-height:30px; }
	.boardcont .submitcont input.txt, .boardcont .submitcont  { width: 815px;height:40px; line-height:40px; }
	.boardcont .submitcont input.submitbtn { width:200px; height:40px; line-height:40px;font-size: 20px !important; }
	.tip_db a.btn_tip {width: 150px; height:40px; line-height:40px; }
	.tip_t { height:50px; }
	.tip_t h2 { line-height:50px; font-size:30px; }
	.msg_form_class .tip_t { height:20px; }
	/* #rule_form { top:14%; } */
	.sidenav { display:block; padding: 71px 39px 48px 5px; width:308px;height:570px; background:url(../images/sidenav.png) no-repeat top right; }
	.sidenav a { padding:17px 0; font-size:18px; line-height: 24px; }
	.sidenav a.s8 { height: 50px;width: 54px; position: absolute; top: 10px;left: 255px; } 
	a.teambtn{margin: 0 auto 5vw;}
	.block{margin: 0 auto 4.8vw;}

	.prizelist{width:1080px;}
	.prizelist li { width:250px;margin:0 10px;line-height:20px; }
	.prizescroll .next,.prizescroll .prev{width:80px;height:80px;}
	.prizescroll .prev { left:-36px; }
	.prizescroll .next { right:-36px; }
	.b-8 select, .b-8 input { height:30px; line-height:30px; }
	a.btn1 { width: 194px; height: 57px; line-height: 60px; font-size: 20px;}
	.invitetabs a { width: 180px; height:180px; }

	a.refbtn{top:5vw}
	.reward-box{width:16.4vw;height:11.1vw;padding:6.5vw 2vw 0 17.5vw;background:url(../images/boxbg.png) no-repeat 0 0/100%;margin: 2vw auto 7.5vw;display: inline-block;vertical-align: middle;}
	.reward-box p{color: #fff;font-size: 0.95vw !important;line-height: 0.9vw;padding: 0.3vw;width: 15vw;}
	.reward-box a{display: block;width:10.8vw;height:3vw;line-height: 3vw; background: url(../images/claimed.png) no-repeat 0 0/100%;color:#fff7a8;font-size: 1.6vw;margin: 0.5vw auto; }

	.characscroll{height: 19.6vw;}
	.characscroll .msgcont ul li {
		height: 4vw !important; /* 单个子项的高度 */
		line-height: 3.5vw !important;
	}
	.characscroll .msgcont ul li img{width:2.5vw}
	.rewards-preview img{margin-top: 1vw;}

	.drawcont{width:1258px;height:653px;background-size: 100%;background-position: right center;margin-top: 2vw;}
	.draw{width:558px;height:558px;position:absolute;top:40px;left:31px;}
	.draw li{width:150px;height:150px;margin-left:-75px;margin-top:-75px;line-height:113px;}
	.draw p{font-size:14px !important;line-height:14px;position:absolute;height:32px;bottom:14px;left:0;padding:0 14px;}
	.draw ul{margin-top:80px;margin-left:20px}
	.draw img{width:45px}
	.draw .l1,.draw .l10{top:-40px}
	.draw .l2,.draw .l9{top:50px}
	.draw .l3,.draw .l8{top:200px}
	.draw .l4,.draw .l7{top:360px}
	.draw .l5,.draw .l6{top:450px}
	.draw .l3{left:530px}
	.draw .l2,.draw .l4{left:478px}
	.draw .l1,.draw .l5{left:345px}
	.draw .l10,.draw .l6{left:194px}
	.draw .l7,.draw .l9{left:50px}
	.draw .l8{left:0}
	.draw .l9{letter-spacing: -0.6px;}
	.draw-btn{width:257px;height:224px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
	.draw-btn p{position:absolute;width:100%;left:0;bottom:23px;color:#ffe096;font-size:18px !important;line-height:18px}
	.draw img{width: 45px;}
	.gl{width:720px;height: 485px;left: 379px; top: 62px;}
	.gl .p1-text{margin-left: 100px;}
	.gl .p1-text p{font-size:21px !important;width: 500px;}
	.gl .p1-text b{font-size: 32px;line-height: 35px;margin: 5px 0;padding: 0;}
	.fa{width:541px;height:133px;padding:46px 35px 0 40px;margin: 5px 0 10px 91px;}
	.fa.noBind{height: 190px;}
	.fa h6{font-size:18px;width:144px;height:42px;top:-2px;left:0;line-height:42px;}
	.fa p{font-size:17px;line-height: 38px;}
	.share p{font-size:17px;line-height: 20px;}
	.share_style{margin-top:10px}
	.share .share_style a{height:36px!important;width:36px!important;}
	.share_style a+a{margin-left:10px}
	.share .share_style a.copy-btn{font-size:18px;width:100px!important;border-radius:20px;line-height: 36px !important;}
	.fa input{padding:0 10px;width:300px;height:36px;}
	.fa a{font-size: 18px;width:153px;height:49px;margin-top:-6px;  line-height: 49px;margin-left: -40px;}
	#myCode{width: 411px;}
	.draw .common-btn{top: 400px;left: 190px;line-height: 38px;height: 38px;font-size: 18px; width: 160px; }

	.gloryhero .fullbg{background-size: 110%;}
	.gloryhero .header{height: 51vw;}
	.gloryhero .drawcont{width: 1258px;
        height: 653px;
        background-size: auto;
        background-position: right center;}
		.gloryhero .returners{margin: 5.5vw auto;}
}

@media (min-width: 1280px) and (max-width:1670px) {
	body, div, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { font-size:16px!important }
	.footer,button,input,select{font:14px/1.8 'Roboto',Arial,Verdana,Helvetica,sans-serif}
	body{margin:0 auto;font: 14px/1.8 'Roboto',Microsoft YaHei,Arial,Helvetica;color:#9a7584;background:#fff}
	.wrapper { margin:0 auto; width:1000px; padding-left:0; }
	a.joinbtn, .commonbtn, a.editbtn, a.savebtn{font-size: 16px;}
	.c_cont table th, .invite_cont table th{line-height: 4;}
	.c_cont.c_cont2 table th{line-height: 3;}
	.fullbg{background-size: 120% auto;}
	.header{height: 48vw;}
	.b-2 .com_cont, .b-8 .com_cont{height: 58vw;}
	.footer{  margin: 4.5vw 0 1vw !important;}
	.c_cont, .invite_cont{margin-left: 12vw;}
	.block h3 { height:110px; }
	.tabs, .invitetabs{left:4%}
	.ilist div.form select, .ranklist div.form input, .ilist div.form input.search, .ilist div.form input.txt { height:30px; line-height:30px; }
	.boardcont .submitcont input.txt, .boardcont .submitcont  { height:50px; line-height:50px; }
	.boardcont .submitcont input.submitbtn { width:200px; height:66px; line-height:68px; }
	.tip_db a.btn_tip { height:46px; line-height:46px; }
	.tip_t { height:50px; }
	.tip_t h2 { line-height:50px; font-size:30px; }
	.sidenav { display:block; padding: 71px 39px 48px 5px; width:254px;height:570px; background:url(../images/sidenav.png) no-repeat top right; }
	.sidenav a { padding:20px 0; font-size:18px; line-height: 24px; }
	.sidenav a.s8 { height:50px;  } 
	.sidenav a::before{right: -1.6vw;top: 1.5vw;}
	a.teambtn{margin: 0 auto;}
	.block{margin: 0 auto 5vw;}

	.prizelist{width:1080px;}
	.prizelist li { width:250px;margin:0 10px;line-height:20px; }
	.prizescroll .next,.prizescroll .prev{width:80px;height:80px;}
	.prizescroll .prev { left:-36px; }
	.prizescroll .next { right:-36px; }
	.b-8 select, .b-8 input { height:30px; line-height:30px; }
	a.btn1 { width: 194px; height: 57px; line-height: 60px; font-size: 20px;}
	.invitetabs a { width: 180px; height:180px; }
	.tip_con div select.slt{width: 180px;}
	.tip_con div input.ipt{width: 120px;}
	.tip_db li a.btn_tip{ width: 130px;height: 38px;line-height: 38px;}
	.draw{transform: scale(0.85);left: -3vw;}
	.gl{transform: scale(0.85);left: 13vw;}
}
@media (min-width: 1000px) and (max-width:1280px) {
	.sidenav { display:none; }
}


@media screen and (max-width: 1000px) {
	/*.tip_con { height:60vh; overflow-y:auto; }*/
	.prompt-txt { max-height:60vh; overflow-y:auto; }
	.inforcont .form li label, .prompt-txt ul label { width:43%; font-size:12px; }
	.tip_con div input.ipt, .tip_con div select.slt { width:50%; }
	.tip_db li a.btn_tip{width: 10vw;}
	.select_icon { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; }
	.select_icon > a { width:14%; flex-shrink:0; box-sizing:border-box; margin:1%; }
	.select_icon > a img { display:block; width:100%; margin: 0; }
	a.submitbtn { height:8vh!important; line-height:8vh!important }
	/* .commonbox { left:5%; } */
	.joincount_btn { line-height:8vh; height:8vh; padding:0; background-size:100% 100%; width:30vh; right:5%; }
	.copyandshare input.txt { width:20vw; height:8vh; line-height:8vh; }
	.usermsg { max-width:100%; height: auto; padding:1vh 5vw; box-sizing:border-box; line-height:1.4; font-size:12px; }
	.usermsg .refreshbtn { width:4vw; height:4vw; background-size:100% 100%; margin-top:-2vw; right:3vw; }
	.edit_list { position:relative; right:auto; top:auto; text-align:center; }

	#team-info-box .tip_con div ul li { text-align:left; }
	.team_edit_class .form li { text-align:left; }
	.team_edit_class .form li.center { text-align:center; }

	.tip_con div input.ipt.code { width:23%; }
	.edit_list .join_btn, .edit_list .quite_btn, .joincount_btn { width:13vw; height:3vw; line-height:3vw; background-size:100% 100%; }
	.checkcont { font-size:12px!important }
	.rulecont { font-size:12px; }
	.drawtabs a span { width:2.4vw; height:2.4vw; line-height:2.4vw; font-size:1.4vw; border-radius:3vw; }
	.boardcont{margin: -3vw 0 7vw -0.5vw;}
	a.teambtn{position: relative;
		left: -3vw;
		top: 1vw;}
}

.scrollcont::-webkit-scrollbar{width:0.3vw;border-radius: 0.3vw;}
.scrollcont::-webkit-scrollbar-thumb{background:#edf4f7;border-radius: 0.3vw;}
.scrollcont::-webkit-scrollbar-track{background:#5f6d76;border-radius: 0.3vw;}