@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#eeeeee; font-size: 14px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{cursor:pointer; text-decoration:none;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}
.f_csp{ cursor:pointer;}
.f_oh{ overflow:hidden;}
.f_fs1{ font-size:12px;}
.f_fs2{ font-size:13px;}
.f_fs3{ font-size:14px;}

.f_fa{ font-family:Arial, Helvetica, sans-serif;}
.f_cs1,.f_cs1 a{ color:#4cab0d;}
.f_cs2,.f_cs2 a{ color:#e60012;}
.f_cs3,.f_cs3 a{ color:#343434;}
.f_cs4{ color:#fff;}
.f_cs5{ color:#da5155;}

.f_wb{ font-weight:bold;}
.f_fwn{ font-weight:normal;}
.f_tal{ text-align:left;}
.f_tac{ text-align:center;}
.f_tar{ text-align:right;}

.f_db{ display:block;}
.f_mt10{ margin-top:10px;}
.f_hide{ display:none;}
.f_h160{height:7rem;}
.f_h180{height:8.6rem;}
.f_h60{height:3.6rem;}
.f_h100{height:5rem;}
.f_h15{height:12rem;}
.btn-confirm{ background:#ffde99; color:#9f1d25;}
.btn-cancel{background:#e1e1e1; color:#666;}


.wrap{max-width:640px; min-width:320px;margin:0 auto; overflow:hidden; position:relative;height:100%;  background-color: #22192b; } /*网站首页宽度*/
.dropdown{ width:100%; height:2.6rem; font-size:1rem;border:solid 1px #dedede;color:#f06868; appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/dropdown.jpg") no-repeat scroll 98% center transparent; background-size:6%;}
.text{display:inline-block; border:solid 1px #dedede;  font-size:1rem; background:#fff;width:100%;  color:#666; appearance:none;-moz-appearance:none;-webkit-appearance:none; }

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait){html{font-size:24px;}.wrap{max-width:768px;}}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape){html{font-size:32px;}.wrap{max-width:1024px;}}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2)
and (orientation:landscape){html{font-size:23px;}.wrap{max-width:768px;}}


.wrap .top a{ position: absolute; display: block; width:5rem; height:3rem; line-height: 3rem; text-align: center; color:#2f2fc2; font-size:1.4rem; top:3rem; right:0; background: #ffffff; border-radius:3rem 0 0 3rem; text-decoration: none;}
.wrap .top p{font-size:1.2rem; color:#f3d3a2; padding-left:5%; position:absolute; bottom:1rem;}
.wrap .content{ width:93.3%; margin:0 3% 0 3.5%; background:url("../images/groupgq-bg.jpg") repeat top center; border-radius:0 0 0.8rem 0.8rem; }
.wrap .team {overflow:hidden; border-radius:0.8rem; width:90%; margin-left:5%; border:solid 2px #e3c893;}
.wrap .team dt{ height:3.3rem; line-height:3.3rem;color:#ffde99; font-size:1.3rem; float:left;font-weight: normal; width:70%; text-align: center;}
.wrap .team dd{height:3.3rem; line-height:3.3rem;color:#ffde99; font-size:1.3rem; float:right;font-weight: normal;width:30%; text-align: center;}
.wrap .team dt h2{ font-size:1.6rem;}
.wrap .team dl{ clear: both; overflow: hidden;}
.wrap .team dl.line1{ background: #d92439;}
.wrap .team dl.line2{ background: #9f1d25;}
.wrap .team dl.first{height:5.4rem; background: #9f1d25; padding:0.7rem 0; text-align: center;}
.wrap .team dl.first dt{width:100%;}
.wrap .team dl.last{text-align: center;background: #9f1d25;height:3.3rem; line-height:3.3rem;}
.wrap .team dl.last dt{width:100%;}
.wrap .team dt .nickname{ position:relative;}
.wrap .team dt em{ background:url("../images/huangguan.png") no-repeat top right; display:block; position:absolute; width:1.5rem; height:1.5rem; background-size:100%; left:0.8rem; top:0;  }

.wrap .createteam p{ text-align: center; font-size:1.25rem; color:#ffde99; padding-bottom:2rem; text-align: justify; }
.wrap .createteam p em{color:#ff3639;}
.wrap .createteam{ padding:0 5%; overflow: hidden;}
.wrap .createteam li{ float: left;width:45%; background: #d01b2c; color:#ffde99; height:3.5rem; line-height: 3.5rem; text-align: center; border-radius: 0.5rem; font-size:1.3rem; cursor: pointer;border:solid 1px #e3c893;}
.wrap .createteam li.first{ margin-right:10%;}

.wrap .nav ul{ height:8.2rem; width:93.3%; margin:0 3% 0 3.5%;position:relative;background:url("../images/groupgq-bg.jpg") repeat top center;  }
.wrap .nav li{display: block; position:absolute;}
.wrap .nav li.first2{ left:-3.5%; top:-1.3rem;width:53.5%; }
.wrap .nav li.second2{ right:-3.5%; top:-0.5rem;width:53.5%;}
.wrap .nav li.first1{ left:-3.5%; width:53.5%; }
.wrap .nav li.second1{ right:-3.5%; top:-1.3rem;width:53.5%;}

.wrap .btn-applylist{ width:100%; }
.wrap .btn-applylist p{ height:5rem; line-height:5rem;text-align: center; width:30%;margin:0 auto;cursor: pointer; }
.wrap .applylist {overflow:hidden; border-radius:0.8rem; width:90%; margin-left:5%;border:solid 2px #e3c893; }
.wrap .applylist dt{height:3.8rem; line-height:3.8rem;color:#ffde99; font-size:1.2rem; float:left;font-weight: normal; width:60%; padding-left:5%;  }
.wrap .applylist dd{height:3.8rem; line-height:3.8rem;color:#ffde99; font-size:1rem; float:right;font-weight: normal;width:40%; text-align: right; padding-right:5%;}
.wrap .applylist dt h2{ font-size:1.6rem; }
.wrap .applylist dl{ clear: both; overflow: hidden;}
.wrap .applylist dl.line1{ background: #d92439;}
.wrap .applylist dl.line2{ background: #9f1d25;}
.wrap .applylist dl.first{height:5.4rem; padding-top:1.8rem; text-align: center; background:#9d1d28 url("../images/nian-tab-top.png") no-repeat 0px -0.25rem; background-size:100%;}
.wrap .applylist dl.first dt{width:100%; padding-left:0;}
.wrap .applylist dl.last{text-align: center;height:3.8rem; line-height:3.8rem; background:#d92439 url("../images/nian-tab-bottom.png") no-repeat 0px 2.8rem;background-size:100%; }
.wrap .applylist dl.last dt{width:100%;}
.wrap .applylist a{ background: #ffde99; color:#9f1d25; padding:0.3rem 0.5rem; border-radius: 0.2rem; font-size:1rem;}
.wrap .applylist span{ padding-left:0.4rem; }
.wrap .applylist a.unEnable{ background: #b3b3b3; color:#fff; }

.wrap .rank {overflow:hidden; border-radius:0.8rem; width:90%; margin-left:5%; border:solid 2px #e3c893;}
.wrap .rank dt{height:3.3rem; line-height:3.3rem;color:#ffde99; font-size:1.2rem; float:left;font-weight: normal; width:75%;  }
.wrap .rank dd{height:3.3rem; line-height:3.3rem;color:#ffde99; font-size:1.2rem; float:right;font-weight: normal;width:25%;  }
.wrap .rank dt em{ width:25%;  float: left;}
.wrap .rank dt em.first{ background:url("../images/group-icon1.png") no-repeat top center;background-size:40%; height:3.3rem; }
.wrap .rank dt em.second{ background:url("../images/group-icon2.png") no-repeat top center;background-size:40%; height:3.3rem; }
.wrap .rank dt em.third{ background:url("../images/group-icon3.png") no-repeat top center;background-size:40%; height:3.3rem; }
.wrap .rank dt span{ width:75%; display:inline-block;}
.wrap .rank dt h2{ font-size:1.6rem;}
.wrap .rank dl{ clear: both; overflow: hidden; text-align: center; }
.wrap .rank dl.line1{ background: #d92439;}
.wrap .rank dl.line2{ background: #9f1d25;}
.wrap .rank dl.first{height:5.4rem; padding-top:1rem;   background:#9d1d28 url("../images/nian-tab-top.png") no-repeat 0px -0.25rem; background-size:100%; }
.wrap .rank-last { height:3.6rem;  background:#d92439 url("../images/nian-tab-bottom.png") no-repeat 0px 2.7rem;background-size:100%;  text-align:center; padding-top:0.8rem; color:#ffde99; font-size: 1.2rem;}
.wrap .rank-last a{ display:inline-block; background:#ffde99; color:#9f1d25; width:5rem; height:2rem; line-height: 2rem; border-radius: 0.2rem; font-size:1.2rem; text-align: center;text-decoration: none;}
.wrap .rank-last a.unEnable{background:#b3b3b3; color:#ffffff;}
.wrap .rank-last a:hover{ text-decoration: none;}



.wrap .myteam {overflow:hidden; border-radius:0.8rem; width:90%; padding:3rem 0 2rem; margin-left:5%; position: relative; }
.wrap .myteam p{ position:absolute; top:2rem; left:1.5rem; width:6.5rem; height:2rem; border-radius: 1rem; background: #9f1d25; color:#ffde99;  text-align: center; line-height:1.7rem; font-size: 1rem;border:solid 2px #e3c893;}
.wrap .myteam dl{ clear: both; overflow: hidden; text-align: center; background: #9f1d25; border:solid 2px #e3c893; border-radius:0.5rem; }
.wrap .myteam dt{height:5.4rem; line-height:5.4rem;color:#ffde99; font-size:1.2rem; float:left;font-weight: normal; width:75%;  }
.wrap .myteam dd{height:5.4rem; line-height:5.4rem;color:#ffde99; font-size:1.2rem; float:right;font-weight: normal;width:25%;  }
.wrap .myteam dt em{ width:25%;  float: left;}
.wrap .myteam dt span{ width:75%; display:inline-block;}

.wrap .myteam dl.ts dt{text-align: left; padding-left:2rem;} 
.wrap .myteam a{  padding:0.2rem 1rem;  border-radius: 0.2rem;  background: #ffde99; color:#9f1d25; font-size:1.25rem; text-decoration: none; }

.wrap .award{ width:90%; margin-left:5%; }
.wrap .award h2{background:url("../images/nian-bg.png") no-repeat center center;text-align: center; font-size:1.7rem; color:#ffde99;margin-bottom:2rem; background-size:100%;}
.wrap .award p{color:#ffde99; font-size:1.2rem; padding:1.5rem 0; text-align: center;}

.wrap .separate{ background:url("../images/groupgq-separate.png") no-repeat center center;background-size:100%; height:5rem; }
.wrap .question{ width:90%; margin-left:5%; }
.wrap .question h2{background:url("../images/nian-bg.png") no-repeat center center;background-size:100%; text-align:center; color:#ffde99;height:6rem; margin:2rem 0 0; }
.wrap .question h3{ font-size:1.2rem; color:#9f1d25; padding-bottom:1rem; line-height: 1.8rem; background:#e5c793; height:11rem; padding-left:2rem;padding-top:1.2rem; border-radius: 0.5rem; font-weight: bold;}
.wrap .question p{ font-size:1.2rem; color:#e5c793;padding-bottom:1rem; text-align: justify; position:absolute; border:solid 1px #e3c893; background:#9f1d25; padding:1rem 2rem; z-index:9; top:3.5rem; left:-1rem; width:100%;border-radius: 0.5rem; }
.wrap .question .qa{ position:relative; }
.wrap .question h3.ts{height:6rem;}
.wrap .footer{ font-size:1rem; color:#e9c797; height:9rem; line-height: 7rem; text-align: center;background:url("../images/nian-footer.png") no-repeat center center;background-size:100%; margin-top:-2rem; }
.wrap .tips{ color:#ffde99; font-size:1.2rem; text-align: center;}

.wrap .dialog-bg{position:fixed;width:100%;height:100%;bottom:0;background:#000;filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; margin:0; padding:0; z-index:99; }
.wrap .detailList{background:url("../images/nian-window.png") no-repeat top center; background-size:100%; width:30rem;height:34rem;position: fixed; top:50%; left:50%; margin-left:-15rem; margin-top:-17rem;  z-index:999;padding-top:13rem; }
.wrap .detailList .join{padding:0 4.5rem 0 4rem;}
.wrap .detailList .label1{ color:#fff; font-size:1.2rem; padding-bottom:1rem; display: block; text-align: left;}
.wrap .detailList .text1{ display:inline-block; border-radius: 0.2rem; font-size:1rem; background:#fff;width:100%; height:2.2rem; color:#666; appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-left:1rem;}
.wrap .detailList .btnjojn{ text-align: center; width:14rem; height:3rem; line-height: 3rem; background: #e3c893; border-radius:2rem; font-size:1.2rem; color:#b4252e; margin:2rem auto 1rem; cursor: pointer;}
.wrap .detailList .closejoin{ width:100%; margin-top:5rem; cursor: pointer; height:3rem;}

.wrap .modal-header{ padding:10px !important;}
.wrap .modal-footer{ overflow:hidden; padding-top:10px !important; padding-bottom:10px !important;}
.wrap .modal-body{ padding:10px !important; overflow:hidden;}
.wrap .form-group{ margin-top:10px !important; margin-bottom:15px !important;  overflow:hidden;}

.wrap .information{color:#666;font-size:1rem;padding:1.5rem 0.5rem;width:100%;margin:0 auto;word-break:break-all;overflow:hidden;background:#f7f7f7; text-align:justify;}
.wrap .copycontent{width:80%;z-index: 999;background-color: #f7f7f7;margin-left:10%;border-radius: 0.5rem;padding-top: 1rem;top:28%; position:absolute;  }
.wrap .nocopy{font-size:1rem;width:33%;height:2rem;border-radius: 0;border-bottom-left-radius: 1rem;float: left;background: none;border: none;border-right:1px solid #ececec;color: #666;box-sizing: border-box;}
.wrap .copy{width:32%;border:0; border-right:1px solid #ececec;box-sizing: border-box;height:2rem;border-radius:0;background: none;color: #007aff;font-size:1rem;}
.wrap .copybox{width: 90%;position:relative; border:1px solid #cdcdcd; margin: 1rem auto 2rem; font-size:1.3rem;}
.wrap .copybox::before{content:attr(title); width:7rem; text-align: center; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translate(-50%,-50%); background-color:#f7f7f7; color:#333;}
.wrap .copycontent .btn{border-top: 1px solid #ececec;width: 100%;height: auto;}