|
|
|
|
|
/**
|
|
|
|
|
|
|
|
|
|
|
|
* 开服样式，分类样式，排行样式，折扣样式
|
|
|
|
|
|
|
|
|
|
|
|
* @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;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
