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


.wrap{max-width:640px; min-width:320px;margin:0 auto; overflow:hidden; position:relative;height:100%;  background-color: #4c8de5; } /*网站首页宽度*/
.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%; height:2.6rem; color:#666; appearance:none;-moz-appearance:none;-webkit-appearance:none; }
.btn-confirm{ background:#46a6fc; color:#fff;}
.btn-cancel{background:#e1e1e1; color:#666;}

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{ position: relative; text-align: center; }
.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:#a7fff9;  position:absolute; top:24.5rem; text-align: center; width:100%; }
.wrap .top p a{color:#ffe204;}
.wrap .content{ width:93.3%; margin:0 3% 0 3.5%; }
.wrap .team {overflow:hidden; border-radius:0.8rem; width:90%; margin-left:5%; border:solid 1px #a6fff8; margin-top:2rem;}
.wrap .team dt{ height:3.3rem; line-height:3.3rem;color:#fff; 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:#fff; 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: #2739d6;}
.wrap .team dl.line2{ background: #276bff;}
.wrap .team dl.first{height:5.4rem; background: #256fff; padding:0.7rem 0; text-align: center; }
.wrap .team dl.first dt{width:100%;color:#fedd99;}
.wrap .team dl.last{text-align: center;background: #276bff;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:#a7fff9;  text-align: justify; }
.wrap .createteam p em{color:#ff3639;}
.wrap .createteam{ padding:0 5%; overflow: hidden;margin-top:1rem;}
.wrap .createteam li{ float: left;width:45%; background: #413fd7; color:#a7fff9; height:3.5rem; line-height: 3.5rem; text-align: center; border-radius: 0.5rem; font-size:1.3rem; cursor: pointer;border:solid 1px #a6fff8;}
.wrap .createteam li.first{ margin-right:10%;}

.wrap .nav{ padding-bottom:2rem; }
.wrap .nav li{ float:left; width:50%; padding:0 3%; text-align: center; font-size:1rem; }
.wrap .nav li a{ width:100%; display: block;  }
.wrap .nav li.first a{ left:0;}
.wrap .nav li.second{}
.wrap .nav li.second a{ right:0;}
.wrap .nav span.sp1{color:#ffaaaa;}
.wrap .nav span.sp2{color:#ffccaa; }

.wrap .bg{ }




.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 1px #a6fff8; }
.wrap .applylist dt{height:3.8rem; line-height:3.8rem;color:#fff; 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:#fff; 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: #2739d6;}
.wrap .applylist dl.line2{ background: #276bff;}
.wrap .applylist dl.first{height:5.4rem; padding-top:1.8rem; background: #276bff; text-align: center;}
.wrap .applylist dl.first dt{width:100%; padding-left:0;color:#fedd99;}
.wrap .applylist dl.last{text-align: center;height:3.8rem; line-height:3.8rem;}
.wrap .applylist dl.last dt{width:100%;}
.wrap .applylist a{ background: #46a6fc; color:#fff; padding:0.3rem 0.5rem; border-radius: 0.2rem; font-size:1rem;}
.wrap .applylist span{ padding-left:0.4rem; }
.wrap .applylist a.unEnable{ background: #a7a7ff; color:#fff; }

.wrap .rank {overflow:hidden; border-radius:0.8rem; width:90%; margin-left:5%; border:solid 1px #e9d29e;}
.wrap .rank dt{height:3.3rem; line-height:3.3rem;color:#fff; font-size:1.2rem; float:left;font-weight: normal; width:75%;  }
.wrap .rank dd{height:3.3rem; line-height:3.3rem;color:#fff; 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/lol-group-icon1.png") no-repeat top center;background-size:40%; height:3.3rem; }
.wrap .rank dt em.second{ background:url("../images/lol-group-icon2.png") no-repeat top center;background-size:40%; height:3.3rem; }
.wrap .rank dt em.third{ background:url("../images/lol-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: #2739d6;}
.wrap .rank dl.line2{ background: #276bff;}
.wrap .rank dl.first{height:3.4rem;background:#276bff;}
.wrap .rank dl.first dt{color:#ffde99; }
.wrap .rank dl.first dd{color:#ffde99; }
.wrap .rank-last { height:4rem;  background:#2537de; text-align:center; padding-top:1rem; color:#fff; font-size: 1.2rem;}
.wrap .rank-last a{ display:inline-block; background:#fff; color:#2335e5; 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:2rem 0 0; margin-left:5%; position: relative; }
.wrap .myteam p{ position:absolute; top:1rem; left:1.5rem; width:6.5rem; height:2rem; border-radius: 1rem; background: #2373ff; color:#fff;  text-align: center; line-height:2rem; font-size: 1rem;border:solid 1px #ebd19e;}
.wrap .myteam dl{ clear: both; overflow: hidden; text-align: center; background: #2335e5; border:solid 1px #dac398; color:#fff; border-radius:0.5rem; }
.wrap .myteam dt{height:4.5rem; line-height:4.5rem;color:#fff; font-size:1rem; float:left;font-weight: normal; width:75%;  }
.wrap .myteam dd{height:4.5rem; line-height:4.5rem;color:#fff; font-size:1rem; 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: #ffd308; color:#892e28; font-size:1rem; text-decoration: none; }

.wrap .award{ width:90%; margin-left:5%; }
.wrap .award h2{background:url("../images/wzry-bg.jpg") 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/lol-bg.png") no-repeat center center;background-size:90%; text-align: center; height:8rem; line-height: 8rem; }
.wrap .question h3{ font-size:1.2rem; color:#423fd7; padding-bottom:1rem; line-height:1.8rem; background:#e2e1f2; height:3rem; padding-left:2rem;padding-top:0.5rem; border-radius: 0.5rem; border-bottom-right-radius:0;border-bottom-left-radius:0; font-weight: bold;}
.wrap .question p{ font-size:1rem; color:#fff; text-align: justify;  background:#423fd7; padding:1rem 2rem; width:100%;border-radius: 0.5rem; border:solid 1px #a6fff8;  line-height:1.6rem; margin-bottom:1.8rem;border-top-left-radius:0;border-top-right-radius:0; }
.wrap .question p span{color:#a7fff9;}
.wrap .question .qa{  }

.wrap .footer{ font-size:1rem; color:#a6fff8; height:5rem; line-height: 5rem; text-align: center;}
.wrap .tips{ color:#a6fff8; 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/lolgroup-window.png") no-repeat top center;background-size:100%; max-width:640px; width:100%;height:36rem;position: fixed; top:50%; left:50%; margin-left:-50%; margin-top:-18rem;  z-index:999;padding-top:16rem; }
.wrap .detailList .join{padding:0 15%;}
.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:1.2rem; background:#fff;width:100%; height:3rem; 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: #211ed0; border-radius:2rem; font-size:1.2rem; color:#fff; margin:2rem auto 1rem; cursor: pointer;}
.wrap .detailList .closejoin{ width:100%; margin-top:6rem; 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;}