@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}
.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:80%; }
.fullbg{position:relative;width:100%; margin:0 auto;overflow:hidden;background:url(../images/fullbg.jpg?v2) no-repeat center top #fff;background-size:130% auto;}
a.logo{position:absolute;right: 0; top: 0; width: 14vw;z-index:4}
a.logo img{width:90%}
.header{height:38vw}
.content{position:relative;}

.loginbtns{ position:absolute; top:2.5vw; right: 16vw; 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:0;top:20%;z-index:100;padding: 3vw 3vw; width:16vw;height:510px; background:url(../images/sidenav.png) no-repeat center top/100% auto; box-sizing:border-box; }
.sidenav a{display:block;width:100%; margin:0 auto; padding:1vw 0; text-align:center; font-size:1.4vw;font-weight: bold;line-height: 1.6vw; color:#7d93bf;}
.sidenav a:hover, .sidenav a.on{color:#ffefbf;background:#2f5592; }
.sidenav a.s7 { height:4vw; padding:0; }
.sidenav a.s7:hover, .sidenav a.s7.on { background:none; }

/*to do*/
.usermsg{/*left:50%;margin-left: -550px; position:absolute;top:510px;*/color:#fff;line-height:20px; max-width: 100%; max-width:900px;height:57px;padding:8px 40px;background:url(../images/userbg.png) center top no-repeat;background-size:100% 100%;z-index:10; margin:0 auto;box-sizing:border-box; position:relative; }
.usermsg p{font-size: 16px;}
.usermsg .refreshbtn{position:absolute;width:47px;height:47px;right:50px;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 3vw}
.block .tab{margin:0 auto;/*display:inline-block;*display:inline;*zoom:1;*/position: relative;}

.drawtabs{width:100%; display: flex; align-items: center; justify-content: center;}
.drawtabs a{ display: block; position: relative; width:30vw;height:7vw; text-align:center;margin: 1vw; font-size:0}
.drawtabs a.tab1{background:url(../images/drawtab1.png) no-repeat;background-size:100% auto}
.drawtabs a.tab2{background:url(../images/drawtab2.png) no-repeat;background-size:100% auto}
.drawtabs a.tab1.on,.drawtabs a.tab1:hover{ filter:brightness(120%); transform:scale(1.1); }
.drawtabs a.tab2.on,.drawtabs a.tab2:hover{ filter:brightness(120%); 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: 2vw auto 0 auto;width:60vw;height:60vw;}
.cont1 .lottery { background:url(../images/wheelbg1.png) no-repeat center center/100% auto }
.cont2 .lottery { background:url(../images/wheelbg2.png) no-repeat center center/100% auto }
.spin1,.spin2{position:absolute;top:5vw;left:5vw;width:50vw;height:50vw}
.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: -7.25vw; margin-top: -14.45vw; z-index:3;background:url(../images/start.png) no-repeat center top;background-size:100% auto;width:14.5vw;height:28.9vw;cursor:pointer;}
.start:hover{background:url(../images/starthover.png) no-repeat center top;background-size:100% auto}
.start.claimed{background:url(../images/startgrey.png) no-repeat center top;cursor:default;background-size:100% auto}

.store{width:100%;position: relative; margin-top:2vw;  }
.character-dec { width:100%; height:100%; background: url(../images/character.png) no-repeat left top/auto 100%; position:absolute; left:-20vw; top:0; }

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

a.teambtn{display:block;background:url(../images/teambtn.png) no-repeat;width:26vw;height:10vw;font-weight: bold; line-height:10vw;text-align:center;font-size: 2vw; color: #fff; margin: 0 auto;background-size:100% auto}
a.teambtn:hover{background:url(../images/teambtn-hover.png) no-repeat;background-size:100% auto}
.rewards-preview img { width:100%; }
.showcont{width: 100%; background: url(../images/listbg.png) no-repeat;padding:3vw 2% 4vw;margin:0 auto;position: relative;background-size:100% 100%; box-sizing:border-box; }
.rulecont{width:70%; line-height:1.6;color:#fff;margin:0 auto;text-align: left; padding-bottom:1vw; }
.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:#fff;font-size: 12px;}
.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:17%; 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: 14%; line-height:3vw; background:#52567c;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:#344f88;}
.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:#fff;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:2.4vw;line-height:2.4vw; text-align:center; margin:2px auto;outline: none; color:#532c11; background-size:100% 100%; font-size: 1.4vw;}
a.joinbtn:hover,.commonbtn:hover,a.editbtn:hover, a.savebtn:hover{background:url(../images/joinbtn-hover.png) no-repeat;background-size:100% 100%}
.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;width:100%; }
.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:40%;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:10px auto;text-align:center}
.listpages,.listpages a{color:#fff}
.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:#fff;text-decoration:underline}

.team_edit_class a.joinbtn, .team_edit_class .commonbtn, .team_edit_class a.editbtn, .team_edit_class a.savebtn { width:10vw; }


.icon_intro{width:80%;margin: 0 auto;position: absolute; bottom: 2vw;left:50%; margin-left: -40%; }
.icon_intro span{display: inline-block;*display:inline;*zoom:1; padding-left: 3vw;margin: 0 2vw;height:2.8vw; line-height: 2.8vw; text-align: left;color:#fff;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%; background: url(../images/listbg.png) no-repeat; padding:3vw 2%;margin:0 auto;position: relative;background-size:100% 100%; box-sizing: border-box;}
.tabs, .invitetabs{position:absolute;top:1vw;left:4%;z-index:10;width:12vw; 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.4; width:100%; height:12vw; text-align: center; background:url(../images/tab.png)no-repeat; color:#2d4b10;background-size:100% auto; font-size: 120%;}
.tabs a.on,.tabs a:hover, .invitetabs a.on,.invitetabs a:hover{background:url(../images/tab-on.png)no-repeat;background-size:100% auto}

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


.c_cont, .invite_cont{width:74%; height: 52.4vw; position: relative; margin-left: 15vw; overflow-y: auto;overflow-x: hidden;}
.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:2;border:1px solid #637ea1;color:#fff;font-size: 110%; }
.c_cont table th, .invite_cont table th{background-color:#2f96cd;}
.c_cont table td, .invite_cont table td{color:#fff;line-height: 1.2; font-size:100%; padding:0.3vw 0; }
.c_cont table tr, .invite_cont table tr {background-color:#273967;}
.c_cont table tr:nth-child(even), .invite_cont table tr:nth-child(even) {background-color:#3e547e!important;}
.c_cont table td a.claim, .invite_cont table td a.claim{display: block;width:10vw;height:3vw;line-height: 3vw; background: url(../images/claimbtn.png) no-repeat;color:#532c11;text-align: center;background-size:100% 100%}
.c_cont table td a.claim:hover, .invite_cont table td a.claim:hover{background: url(../images/claimbtn-hover.png) no-repeat;background-size:100% auto}
.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}

.msgscroll{ width:100%; margin:1vw auto; height:2.6vw;padding:0.5vw 0}
.msgcont{width:90%;margin:0 auto;border-radius:5px}
.msgcont li{text-align:center;line-height:2.6vw;color:#fff; 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:yellow}

.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: 100%; margin: 0 auto 3vw; position:relative; padding:3vw 2%;background: url(../images/boardbg.png) no-repeat center center;background-size:100% 100%;box-sizing: border-box;}
a.refbtn { display:block; position:absolute; top:3vw; left:4vw; width:9.4vw; height:4vw; background:url(../images/refbtn.png) no-repeat; z-index:10;background-size:100% 100%}
a.refbtn:hover{ filter:brightness(120%); }
.messagelist {position:relative; margin:0 auto; padding-top:4vw;}
.messagelist li { float:left; width:31%; padding:2vw; 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:16vw; overflow:hidden; word-wrap: break-word; word-break: normal; line-height: 1.2; color:#000;overflow-y: auto;}
.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:4vw; padding: 1vw; background:url(../images/submitbg.png)no-repeat center top; background-size:100% 100%; display:flex; align-items:center; justify-content:space-between; }
.boardcont .submitcont input.txt {width: 80%; height: 4vw;line-height: 4vw; border: none;}
.boardcont .submitcont input.submitbtn {width: 18%;height: 4vw;line-height: 4vw;color: #fff;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 {background:url(../images/sbtn-hover.png)no-repeat;background-size:100% 100%; }


.b-6{ margin:0px auto 0 auto}
.prizescroll{position:relative;width:100%;margin:0 auto;}
.prizelist{ width:68vw;margin:0 auto;overflow:hidden;position:relative}
.prizelist ul { width:100%; }
.prizelist li{float:left;width:17vw; line-height:1.4;text-align:center;color:#fff; text-shadow: 2px 2px 2px #213bb5, 2px 2px 2px #213bb5, 2px 2px 2px #213bb5; box-sizing:border-box; }
.prizelist li strong{font-size:120%}
.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{background:url(../images/prev-hover.png) no-repeat; background-size:100% auto}
.prizescroll .next:hover{background:url(../images/next-hover.png) no-repeat; background-size:100% auto}

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

.footer{color:#fff;margin: 28px auto !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:36%!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:#0d172e!important;border:2px solid #3fe4ff!important;border-radius:10px}
.box1{width:440px}
.box2{width:66%}
.box3{width:460px}
.box4{width:760px}
.tip_t{position:relative;z-index:2;height:10vh;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:#ffffb5!important}
.tip_t h2{color:#ffffb5!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%}

.tip_con p{padding:7px 0;line-height:16px}
.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:200px;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:#22c3bb!important;}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:inline-block!important;width:16vh;height:8vh;margin:1vh auto;color:#000!important;background:#f2e154!important;line-height:8vh;font-size:120%;text-transform:uppercase;border-radius:8px; }
.tip_db a.btn_tip:hover{background: #2f96cd!important;color: #fff !important;text-decoration:none}
.tip_db li a.btn_tip { width:100%; }
.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 red}
a.submitbtn{display:block;width:121px !important;height:41px!important;line-height:41px!important;font-size:18px!important;background:#f2e154 !important;color:#000!important;margin:10px auto;border-radius:0 !important}
a.submitbtn:hover{background:#2f96cd!important;color: #fff !important;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:30px;}
.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:120px;height:35px;line-height:35px;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{background:url(../images/joinbtn-hover.png) no-repeat;background-size:100% auto}
.joincount_btn{line-height:14px;position: absolute;top:0;right:-19px;padding:3px 0; height:29px;}


#team-join-box a.join{background: #2f96cd;color:#fff;display: inline-block;*display:inline;*zoom:1;margin: 5px;padding: 0 5px;}
#team-join-box a.join:hover{background-color: #47602d;}
#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; }

#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%; }


@media screen and (min-width: 1280px) {
	body, div, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { font-size:14px!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; }

	.block h3 { height:110px; }
	.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:76px; }
	.tip_db a.btn_tip { height:46px; line-height:46px; }
	.tip_t { height:50px; }
	.tip_t h2 { line-height:50px; font-size:30px; }
	#rule_form { top:14%; }
	.sidenav { display:block; padding: 48px 30px; width:245px;height:510px; background:url(../images/sidenav.png) no-repeat; }
	.sidenav a { padding:20px 0; font-size:18px; line-height: 24px; }
	.sidenav a.s7 { height:50px;  } 

	.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; }
}


@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%; }
	.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:2vh 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:20%; }
	.edit_list .join_btn, .edit_list .quite_btn, .joincount_btn { width:13vw; height:4vw; line-height:4vw; 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; }
}