/**

 * 开服样式,分类样式,排行样式,折扣样式

 * @author 鹿文学

 */

/*  */

body {background:#FFF;}

.t-tab {border-bottom:1px solid #EEEEEE;font-size:2rem;padding-top:.3rem;margin-bottom:-1px;}

.t-tab li {width:50%;float:left;text-align:center;}

.t-tab li .btn {border-bottom:2px solid transparent;padding:.8rem 0;display:block;}

.t-tab li .btn.active {border-bottom-color:#1AB1EA;color:#1AB1EA;}



.t-list .t-tabpan {padding:2rem 1rem 0;display:none;}

.t-table .t-tabpan {display:none;}

.t-list .t-tabpan.active,.t-table .t-tabpan.active {display:block;}

.t-list .t-tabpan-item  {overflow:hidden;clear:both;font-size:1.6rem;text-align:center;color:#555;height:3.6rem;}

.t-list .t-tabpan-item >div{float:left;width:25%;}

.t-list .t-tabpan-item .tci1 {width:35%;}

.t-list .t-tabpan-item .tci4 {width:15%;}

.t-list .t-tabpan-item .tci3,.t-list .t-tabpan-item .tci1 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.t-list .t-caption {background:#18B1EA;color:#FFF;height:3.2rem;line-height:3.2rem;border-radius:3.2rem;}

.t-list .t-caption>div~div{border-left:1px solid #EEE;margin-left:-1px;}

.t-list .t-caption~.t-tabpan-item {padding:0.8rem 1rem;margin:0 -1rem;border-bottom:1px dashed #DDDDDD;}

.t-list .t-tabpan-item  .date {display:block;font-size:1.3rem;}

.t-list .t-tabpan-item:not(.t-caption) >div:not(.open) {line-height:3.6rem;}

.t-list .t-tabpan-item  .iconfont {color:#18B1EA;font-size:2.8rem;}

.t-list .t-tabpan-item .gamename {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.t-list .t-tabpan-item .gametype {display:block;font-size:1.3rem;color:#999;}





/* category */

.searchbox {background:#E5E9EC;padding:1rem 0;border-bottom:1px solid #DCDDE0;}

.searchbox .search {margin:0 6rem;display:block;position:relative;text-align:center;}

.searchbox .search .text {box-sizing:border-box;-webkit-sizing:border-box;width:100%;font-size:1.8rem;border:none;background:#FFF;border-radius:4rem;padding:.5rem 1.5rem .5rem 4rem;height:3.2rem;}

.searchbox .search .btn {position:absolute;top:0.6rem;left:1.1rem;}

.searchbox .search .btn .iconfont {font-size:2.4rem;color:#bbb;}



.c-list ul{padding: 0 1.5rem;}

.c-list .item {display:block;padding-top:1.5rem;position: relative;}

.c-list .item .icon {
	position: relative;
    z-index: 2;
	float:left;width:4.4rem;height:4.4rem;
  width: 100%;
  height: 100%;}

.c-list .item .text {
  height: 4.4rem;margin-left:6.2rem;border-bottom:1px solid #EDEDED;}

.c-list .item .text .name {display:inline-block;font-size:2rem;line-height: 4.4rem;/*padding:1rem 0;*/font-weight:400;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.c-list .item .text .number {float:right;font-size:1.6rem;line-height: 4.4rem;/*padding:1.2rem 0;*/color:#999;}

.c-list .item .text .number i {font-style:normal;color:#18B1EA;}
.c-list li:last-child .item .text {
  border-color: transparent;
}

.za_icongift1 {
  position: relative;
  float: left;
  height: 4.4rem;
  width: 4.4rem;
  border-radius: 12px;
  background-color: #e2e2e2;
  overflow: hidden;
  border-bottom: 1px solid transparent;
}




.list-detail {padding:0 1rem;}

.list-detail li {padding:1rem 0;overflow:hidden;clear:both;position:relative;display: table;width:100%;table-layout: fixed;}

.list-detail li~li {border-top:1px solid #EEEEEE;}

.list-detail .icon {width:6rem;height:6rem;border-radius:20%;display: table-cell;}

.list-detail .btnbox {width:8rem;display: table-cell;}

.list-detail .btnbox p {color:#FFC700;text-align:center;margin-top:0;}

.list-detail .btnbox .btn {background:#18B1EA;color:#FFF;display:block;text-align:center;height:3rem;border-radius:3rem;font-size:1.6rem;line-height:3rem;}

.list-detail .btnbox .btn.disabled {background:#CCC;}

.za_icongift {
  position: relative;
  height: 6rem;
  width: 6rem;
  border-radius: 12px;
  background-color: #e2e2e2;
  overflow: hidden;
}

.icon-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.list-detail .za_icongift {
  display: table-cell;
}
.list-detail .text {display: table-cell;
  padding: 0 1.2rem;}
.list-detail .text .name {font-size:1.6rem;margin-right:5px;
  font-weight: 600;color:#333;}

.list-detail .text .starbox {}

.list-detail .text .iconfont {color:#FFC600;margin:2px 1px 0;}

.list-detail .text .info {color:#999;padding-top:.2rem;}

.list-detail .text .info span {display:inline-block;margin-right:2rem;position:relative;}

.list-detail .text .info span:after{content:'';width:.1rem;height:1.1rem;background:#999999;position:absolute;top:.3rem;right:-1rem;}

.list-detail .text .info .dlnumber {margin:0;}

.list-detail .text .info .dlnumber:after {width:0;}



.list-detail .text .description {margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#999;font-size:1.2rem;}



/* rank */

.list-detail.bot {padding:0;}

.list-detail.bot li{margin-left:4rem;padding-right:1rem;position:relative;overflow:visible;}

.list-detail.bot li .sorticon {position:absolute;width:2rem;height:2rem;top:4rem;left:-3rem;}



.span_number{

      position: absolute;

      font-size: 2.6rem;

      margin-left: -2.6rem;

      margin-top: 2rem;

      font-weight: 300;

      text-align: center;

    }





/* rank */

.c-t-tab li {width:25%;}

.c-t-list .t-tabpan{padding:0;}

.t-tabpan .top {position:relative;}

.t-tabpan .top .rankbg{position:relative;/* max-height:32rem; */width:100%;}

.t-tabpan .top p {margin:0;}

.t-tabpan .top .sort {position:absolute;z-index:15;color:#FFF;width:10rem;text-align:center;}

.t-tabpan .top .sort1 {top:2.4rem;left:0;right:0;margin:0 auto;}

.t-tabpan .top .sort2 {top:12.8rem;left:15%;margin-left:-5rem;}

.t-tabpan .top .sort3 {top:12.8rem;right:15%;margin-right:-5rem;}

.t-tabpan .top .sort .mark {position:absolute;z-index:30;left:0;right:0;margin:0 auto;}

.t-tabpan .top .sort .mark img {width:2.5rem;margin-top:-.8rem;margin-right:1rem;margin-left:-.6rem;}

.t-tabpan .top .sort .mark span {}

.t-tabpan .top .sort .iconbox {display:block;top:2.4rem;width:9.5rem;height:9.5rem;position:relative;margin:0 auto;}

.t-tabpan .top .sort .iconbox .icon {width:8rem;height:8rem;}

.t-tabpan .top .sort .iconbox .cover {width:9rem;height:9rem;position:absolute;top:-.5rem;left:0;}

.t-tabpan .top .sort .name {font-size:2rem;display:block;margin-bottom:1rem;margin-top:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.t-tabpan .top .sort .btn {font-size:1.8rem;padding:.2rem 2rem;border:1px solid #18B1EA;border-radius:1.5rem;}





/* discount */

.discount-list-detail .btnbox .btn {background:url(../images/discount.png);background-size:100% 100%;height:4rem;border-radius:0;line-height:4rem;padding-left:1rem;margin-top:1rem;}



/* recharge */

.recharge-tab li .btn {border-bottom-color:transparent;}

.recharge-tab li .btn.active {border-bottom-color:#FE9C22;color:#FE9C22;}



.recharge-part {border-top:1.4rem solid #EDEDED;}



.t-table .btnbox {padding:2vw 1.5rem 2vw;}

.t-table .btnbox .btn{border:none;width:100%;background:#18B1EA;color:#FFF;font-size:2.4rem;font-weight:400;padding:.6rem 0;display:block;text-align:center;border-radius:3rem;}

.t-table .btnbox .btn.disabled {background:#AEAFB1;}



.recharge-table .table-cell:first-child{padding-left:1.5rem;}

.recharge-table .way .table-cell:first-child{}

.recharge-table .way .table-cell:last-child{text-align:right;}





.t-table .table-cell,.recharge-table .way .table-caption .tcell{color:#555;border-bottom:1px solid #ECECEC;vertical-align:middle;text-align: left;}

.t-table .info .table-cell,.recharge-table .way .table-caption .tcell{font-size:2rem;height:5.2rem;}

.recharge-table .way .table-caption {text-align:center;width:100%;display:table-caption;}

/* .recharge-table .way .table-caption .tcell .font:before,.recharge-table .way .table-caption .tcell .font:after {content:'';width:8%;height:2px;background:#C5C5C5;display:inline-block;vertical-align:middle;margin:-2px 2% 0;}

 */
.recharge-table .way .table-caption .tcell {padding-left: 1.5rem;}
.t-table .table-cell .txt {font-size:inherit;width:96%;padding:.3rem .8rem;border:none;color:#999;background:#FFF;border-color:#FFF;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.t-table .table-cell .txt.discount,.t-table .table-cell .txt.realmoney {color:#FE9C22;}
.t-table .table-cell .txt.rcplatform {color:#333;}
.t-table .table-cell .txt.rcmoney {color:#000;font-size:1.6rem;}

.t-table .table-cell .input-select {text-align:left;width:96%;}

.t-table .table-cell .radio~.iconfont {vertical-align:middle;display:inline-block;border-radius:100%;text-align:center;}

.t-table .table-cell .input-radio {display:inline-block;width:auto;color:#777;position:relative;}

.t-table .table-cell .radio {opacity:0;position:absolute;left:0;top:0;margin-left:0;}

.t-table .table-cell .radio~.iconfont {font-size:2.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;color:#D6D6D6;margin-right:0;}

.t-table .table-cell .radio.on~.iconfont {color:#18B1EA;}

.recharge-table .way .table-cell .input-radio {padding-right:1.5rem;}



.recharge-table .way .iconfont {font-size:4.8rem;margin:1rem;margin-left:0;float:left;}

.recharge-table .way .icon-alipay {color:#22BEF7;}

.recharge-table .way .icon-weixin {color:#00CC09;}

.table-cell .goldpig{
  display: inline-block;
  width: 4rem;
  height: 4rem;
}
.goldpig{
  background:url('../images/goldpig.png') no-repeat  center center;
  background-size: 90% 90%;
}

.recharge-table .way .text {margin:1rem 0;display:block;}

.recharge-table .way .text span {display:block;line-height:1.5;}

.recharge-table .way .text span:first-child{font-size:2rem;}

.recharge-table .way .text span:last-child{font-size:1.6rem;color:#777;}



.select2-container--default .select2-selection--single,

.select2-container--default .select2-selection--single:focus {border:none;box-shadow:none;outline:none;}

.select2-container--open .select2-dropdown--below {border-top:1px solid #aaa;border-radius:0px;}

.select2-container--open .select2-dropdown--above {border-bottom:1px solid #aaa;border-radius:0px;}

.select2-container--default .select2-selection--single .select2-selection__rendered {color:#999;}



/* .select2-container--default .select2-selection--single .select2-selection__arrow b {border:none;left:0;top:0;}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {content:'\e732';display:block;width:100%;height:100%;font-family:"iconfont" !important;font-size:3rem;color:#999;}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {content:'\e60a';}

 */







/* invitation */

.invitation-banner {padding:1rem 8% 0;}

.invitation-banner .wrap {width:88%;margin:0 auto;}

.invitation-banner .icon {width:100%;}

.invitation-other h2 {text-align:center;font-size:2.2rem;font-weight:normal;}

.invitation-other .statistics h2 {margin-bottom:.5rem;}

.invitation-other .statistics {margin:3rem -1rem 0;}

.invitation-other .statistics li {float:left;width:50%;height:5rem;}

.invitation-other .statistics li~li{margin-left:-1px;border-left:1px solid #E5E9EC;}

.invitation-other .statistics li h2 {margin-top:-1.5rem;}

.invitation-other .statistics li p {text-align:center;font-size:3rem;margin:0;}

.invitation-other .statistics li .money {color:#FFB81E;}

.invitation-other .statistics li .number {color:#18B1EA;}



.invitation-other .rule {padding:3rem 8% 0;padding-top:0;}

.invitation-other .rule h2 {font-size:2.5rem;padding:1.8rem 0 1.4rem;}

.invitation-other .rule h2 span {color:#18B1EA;padding:.2rem 10%;}

.invitation-other .rule p {font-size:1.8rem;line-height:2;color:#777;}

.invitation-other .rule p span {color:#FD6965;font-size:1.2em;margin:0 4px;}



.invitation-box{width:100vw;position:fixed;bottom:0;background:#FFF;}

.invitation-box .pop-wrap {position:relative;}

.invitation-box .invitation-share {width:100%;}

.invitation-box .invitation-content {width:100%;padding:2rem .1rem;}

.invitation-box .invitation-content {}





.invitation-other {overflow: hidden;}



.copylinkbox .copylinkwrap {height: 3.5rem;line-height: 3.5rem;border-radius:3.5rem;overflow:hidden;font-size: 2.2rem;width:100%;}

.copylinkbox .copylinktext {width:82%;float:left;margin:0;padding:0 .1rem 0 .8rem;-webkit-appearance: none;border-radius:0;border-top-left-radius:3.5rem;border-bottom-left-radius:3.5rem;height: 100%;border:1px solid #18B1EA;border-right: none;-webkit-box-sizing: border-box;box-sizing: border-box;}

.copylinkbox .copylinkbutn {width:18%;float:left;margin:0;padding:0;-webkit-appearance: none;

    background: #18B1EA;border-radius:0;

    color: #FFF;height: 100%;

    text-align: center;border:1px solid #18B1EA;-webkit-box-sizing: border-box;box-sizing: border-box;

}




.dis_tab1 {width:100%;height:100%;}

.game-list.bot {
  padding: 0;
}
.game-list.bot li{
  position: relative;
  overflow: visible;
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 1rem 0;
  clear: both;
}
.game-list li~li {
  border-top: 1px solid #EEEEEE;
}
.game-list .span_number{
  width: 3rem;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  position: static;
}
.game-list .za_icongift{
  display: table-cell;
  position: relative;
  height: 6rem;
  width: 6rem;
  overflow: hidden;
}
.game-list .dis_empty{
  height:100%;
}
.game-list .text{
 
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  padding: 0 0 0 1.2rem;
  float:left;
  margin-top: 0.5rem;
}
.game-list .text .name{
  font-size: 1.4rem;
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 8rem;
  width: auto;
  max-width: 60%;
  display: inline-block;
}
.game-list .text .info {
  color: #999;
  padding-top: .2rem;
}
.game-list .text .info .size{
	padding-right:0.1rem;
}
.game-list .text .description {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #999;
  font-size: 1.2rem;
}
.game-list .btnbox {
  width: 9rem;
  display: table-cell;
  vertical-align: middle;
}
.game-list .btnbox .btn {
  background: #18B1EA;
  color: #FFF;
  border: 1px solid #18B1EA;
  display: block;
  text-align: center;
  width: 80%;
  height: 3rem;
  border-radius: 3rem;
  font-size: 1.6rem;
  line-height: 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
}
.game-list .btnbox .btn.disabled {
  border-color: #CCC;
  color: #999;
  background: transparent;
}
@media screen and (min-width:600px) {

  .t-tabpan .top .sort {width:20%;}

  .t-tabpan .top .sort1 {top:10%;}

  .t-tabpan .top .sort2 {top:30%;margin-left:-10%;}

  .t-tabpan .top .sort3 {top:30%;margin-right:-10%;}

  .t-tabpan .top .sort .mark {position:relative;}

  .t-tabpan .top .sort .mark img {width:30%;margin-top:-4%;margin-left:-5%;margin-right:7%;margin-bottom:3%;}



  .t-tabpan .top .sort .iconbox {/* width:90%;height:auto; */top:0;}

  .t-tabpan .top .sort .iconbox .icon {width:100%;height:100%;}

  .t-tabpan .top .sort .iconbox .cover {width:100%;height:auto;top:-7%;}
.dis_tab1{top:0%!important;}
  .t-tabpan .top .sort .name {}



  .invitation-other .statistics li p {font-size:2.8rem;}

  .invitation-other h2 {font-size:2rem;}

  .invitation-other .rule h2 {font-size:2.3rem;}

  .copylinkbox .copylinkwrap {font-size:2rem;}

  .invitation-other .rule p {font-size:1.6rem;}
  .game-list .text .name{    font-size: 1.6rem;}

}



@media screen and (max-width:550px) {

  .t-tabpan .top .sort {width:9rem;}

  .t-tabpan .top .sort1 {top:3rem;}

  .t-tabpan .top .sort2 {top:11rem;margin-left:-4.5rem;}

  .t-tabpan .top .sort3 {top:11rem;margin-right:-4.5rem;}

  .t-tabpan .top .sort .mark img {width:3rem;margin-top:-.4rem;margin-left:-.5rem;margin-right:.7rem;}

  .t-tabpan .top .sort .mark span {font-size:1.3rem;}

  .t-tabpan .top .sort .iconbox {width:8.5rem;height:8.5rem;top:3rem}

  .t-tabpan .top .sort .iconbox .icon {width:8rem;height:8rem;}

  .t-tabpan .top .sort .iconbox .cover {width:8.5rem;height:8.5rem;top:-.25rem;}

  .t-tabpan .top .sort .name {font-size:1.8rem;margin-top:3rem;margin-bottom:.9rem;}

  .t-tabpan .top .sort .btn {font-size:1.6rem;padding:.2rem 1.6rem;}


.dis_tab1{top:0%!important;}


  .invitation-other .statistics li p {font-size:2.6rem;}

  .invitation-other h2 {font-size:1.8rem;}

  .invitation-other .rule h2 {font-size:2rem;}

  .copylinkbox .copylinkwrap {font-size:1.8rem;}

  .invitation-other .rule p {font-size:1.6rem;line-height:1.6;}



}

@media screen and (max-width:500px) {

  .t-tabpan .top .sort {width:8.6rem;}

  .t-tabpan .top .sort1 {top:2.8rem;}

  .t-tabpan .top .sort2 {top:10rem;margin-left:-4.3rem;}

  .t-tabpan .top .sort3 {top:10rem;margin-right:-4.3rem;}

  .t-tabpan .top .sort .mark img {width:2.8rem;margin-top:-.4rem;margin-left:-.5rem;margin-right:.7rem;}

  .t-tabpan .top .sort .mark span {font-size:1.3rem;}

  .t-tabpan .top .sort .iconbox {width:7.5rem;height:7.5rem;top:2.8rem}

  .t-tabpan .top .sort .iconbox .icon {width:7rem;height:7rem;}

  .t-tabpan .top .sort .iconbox .cover {width:7.5rem;height:7.5rem;top:-.25rem;}

  .t-tabpan .top .sort .name {font-size:1.8rem;margin-top:2.8rem;margin-bottom:.9rem;}

  .t-tabpan .top .sort .btn {font-size:1.6rem;padding:.2rem 1.2rem;}



  .t-table .info .table-cell,.recharge-table .way .table-caption .tcell {font-size:1.8rem;height:4.6rem;}

  .recharge-table .way .iconfont {font-size:4.3rem;}
  .table-cell .goldpig {
    width: 3.584rem;
    height: 3.584rem;
  }

  .recharge-table .way .text span:first-child {font-size:1.8rem;}

  .recharge-table .way .text span:last-child {font-size:1.4rem;}

  .t-table .btnbox .btn {font-size:2.2rem;}



  .span_number {font-size:2rem;}

}

@media screen and (max-width:450px) {

  .t-tabpan .top .sort {width:8rem;}

  .t-tabpan .top .sort1 {top:2.6rem;}

  .t-tabpan .top .sort2 {top:9rem;margin-left:-4rem;}

  .t-tabpan .top .sort3 {top:9rem;margin-right:-4rem;}

  .t-tabpan .top .sort .mark img {width:2.4rem;margin-top:-.4rem;margin-left:-.5rem;margin-right:.7rem;}

  .t-tabpan .top .sort .mark span {font-size:1.2rem;}

  .t-tabpan .top .sort .iconbox {width:6.5rem;height:6.5rem;top:2.4rem}

  .t-tabpan .top .sort .iconbox .icon {width:6rem;height:6rem;}

  .t-tabpan .top .sort .iconbox .cover {width:6.5rem;height:6.5rem;top:-.25rem;}

  .t-tabpan .top .sort .name {font-size:1.7rem;margin-top:2.4rem;margin-bottom:.7rem;}

  .t-tabpan .top .sort .btn {font-size:1.5rem;padding:.2rem 1.2rem;}



  .invitation-other h2 {font-size:1.6rem;}

  .invitation-other .rule h2 {font-size:1.8rem;}

  .invitation-other .statistics li p {font-size:2.4rem;}

  .invitation-other .rule p {font-size:1.4rem;line-height:1.4;}

  .copylinkbox .copylinkwrap {font-size:1.6rem;}

}

@media screen and (max-width:400px) {

  .t-list .t-tabpan-item,.t-tab {font-size:1.4rem;}

  .t-list .t-caption~.t-tabpan-item {padding:.4rem .5rem;}

  .t-list .t-caption {height:2.8rem;line-height:2.8rem;}



  .list-detail li {padding:1.5rem 0;}

  .list-detail .icon {width:5.5rem;height:5.5rem;}

  .list-detail .btnbox {width:6rem;}

  .list-detail .text {margin:0 6rem 0 6rem;}

  .list-detail .btnbox .btn {font-size:1.5rem;height:2.5rem;line-height:2.5rem;}

  .discount-list-detail .btnbox .btn {height:3.5rem;line-height:3.5rem;}

  .list-detail.bot li {margin-left:3rem;}

  .list-detail.bot li .sorticon {top:3.5rem;left:-2.5rem;width:1.7rem;height:1.7rem;}



  .t-tabpan .top .sort {width:7rem;}

  .t-tabpan .top .sort1 {top:2rem;}

  .t-tabpan .top .sort2 {top:8rem;margin-left:-3.5rem;}

  .t-tabpan .top .sort3 {top:8rem;margin-right:-3.5rem;}

  .t-tabpan .top .sort .mark img {width:2rem;margin-top:-.4rem;margin-left:0.3rem;margin-right:.5rem;}

  .t-tabpan .top .sort .mark span {font-size:1.2rem;}

  .t-tabpan .top .sort .iconbox {width:5.5rem;height:5.5rem;top:2rem}

  .t-tabpan .top .sort .iconbox .icon {width:5rem;height:5rem;}

  .t-tabpan .top .sort .iconbox .cover {width:5.5rem;height:5.5rem;top:-.25rem;}

  .t-tabpan .top .sort .name {font-size:1.6rem;margin-top:1.9rem;margin-bottom:.7rem;}

  .t-tabpan .top .sort .btn {font-size:1.4rem;padding:.2rem 1.2rem;}





  .t-table .info .table-cell,.recharge-table .way .table-caption .tcell {font-size:1.6rem;height:3.8rem;}

  .recharge-table .way .iconfont {font-size:3.8rem;}
  .table-cell .goldpig {
    width: 3.167rem;
    height: 3.167rem;
  }
  .recharge-table .way .text span:first-child {font-size:1.6rem;}

  .recharge-table .way .text span:last-child {font-size:1.3rem;}

  .t-table .btnbox .btn {font-size:2rem;}



  .t-table .table-cell .radio~.iconfont {font-size:2.2rem;}



  .invitation-other h2 {font-size:1.4rem;}

  .invitation-other .rule h2 {font-size:1.6rem;}

  .invitation-other .statistics li p {font-size:2.2rem;}

  .invitation-other .rule p {font-size:1.2rem;}

  .copylinkbox .copylinkwrap {font-size:1.4rem;}

	.list-detail .text {margin:0.15rem 7rem 0 6.5rem!important;}

}

@media screen and (max-width:350px) {

  .t-list .t-tabpan-item {font-size:1.3rem;}

  .t-list .t-caption~.t-tabpan-item {padding:.2rem .3rem;}

  .t-list .t-caption {height:2.5rem;line-height:2.5rem;}

  .t-tab {font-size:1.6rem;}



  .list-detail li {padding:1rem 0;}

  .list-detail .icon {width:5rem;height:5rem;}

  .list-detail .btnbox {width:6rem;}

  .list-detail .text {margin:0 6rem 0 5.5rem;}

  .list-detail .btnbox .btn {font-size:1.3rem;height:2rem;line-height:2rem;}

  .discount-list-detail .btnbox .btn {height:3rem;line-height:3rem;}

  .list-detail .text .iconfont {font-size:1rem;}

  .list-detail .text {font-size:1.2rem;}

  .list-detail .text .name {font-size:1.4rem;}

  .list-detail .text .info span {margin-right:1rem;}

  .list-detail .text .info span:after {right:-.5rem;height:.9rem;}

  .list-detail.bot li {margin-left:2.5rem;}

  .list-detail.bot li .sorticon {top:3rem;left:-2rem;width:1.5rem;height:1.5rem;}



  .c-list .item .text .name {font-size:1.6rem;
    line-height: 3rem;}

  .c-list .item .text .number {font-size:1.2rem;
    line-height: 3rem;}

  .c-list .item .za_icongift1 {width:3rem;height:3rem;}

  .c-list .item .text {margin-left:4rem;
    height: 3rem;
	min-height:3rem;
  }



  .searchbox .search .text {font-size:1.5rem;}



  .list-detail .btnbox p {font-size:1.2rem;}





  .t-tabpan .top .sort {width:5rem;}

  .t-tabpan .top .sort1 {top:1.8rem;}

  .t-tabpan .top .sort2 {top:6.8rem;margin-left:-2.5rem;}

  .t-tabpan .top .sort3 {top:6.8rem;margin-right:-2.5rem;}

  .t-tabpan .top .sort .mark img {width:1.5rem;margin-top:-.4rem;margin-left:0.3rem;margin-right:.5rem;}

  .t-tabpan .top .sort .mark span {font-size:1.2rem;}

  .t-tabpan .top .sort .iconbox {width:4.5rem;height:4.5rem;top:1.8rem}

  .t-tabpan .top .sort .iconbox .icon {width:4rem;height:4rem;}

  .t-tabpan .top .sort .iconbox .cover {width:4.5rem;height:4.5rem;top:-.25rem;}


  .t-tabpan .top .sort .name {font-size:1.5rem;margin-top:1.8rem;margin-bottom:.5rem;}

  .t-tabpan .top .sort .btn {font-size:1.3rem;padding:.1rem 1rem;}





  .t-table .info .table-cell,.recharge-table .way .table-caption .tcell {font-size:1.4rem;height:3.2rem;}

  .recharge-table .way .iconfont {font-size:3.5rem;}
  .table-cell .goldpig {
    width: 2.917rem;
    height: 2.917rem;
  }

  .recharge-table .way .text span:first-child {font-size:1.4rem;}

  .recharge-table .way .text span:last-child {font-size:1.1rem;}

  .t-table .btnbox .btn {font-size:1.8rem;}



  .invitation-other h2 {font-size:1.2rem;}

  .invitation-other .rule h2 {font-size:1.4rem;}

  .invitation-other .statistics li p {font-size:2rem;}

  .invitation-other .rule p {font-size:1rem;}

  .copylinkbox .copylinkwrap {font-size:1.2rem;}

}




@media screen and (min-width: 768px) {
    body{background: url(../images/bg.jpg) no-repeat center top;background-size: 100%;background-attachment: fixed;}
}