@charset "UTF-8";
/***fxy {@DATE}****/
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
a,input,button{padding:0;margin:0;outline:0;}
h1,h2,h3,h4,h5{font-size:100%;}
body{font:12px "microsoft yahei";}
ul{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a,button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
input,select,img{vertical-align:middle;}
.f-l{float:left;_display:inline;}
.f-r{float:right;_display:inline;}
.cls:after {display: block;content: "";clear: both;overflow: hidden;line-height: 0;}
.clear{clear:both;}
em {font-style: normal;}
/**************************/
.show {display:block;}
.hide {display:none;}
/**************************/
html {overflow-x: hidden;}
body {background: #f0eff5;color: #434343;font-size: .6rem;height: 100%;overflow-x: hidden; position: relative;}
a, a:active, a:hover {text-decoration: none;}

.center {position: absolute;left: 50%;top: 50%;}
.section {position: relative;height: 100%;}
.flex-box {display: -webkit-box;display: -webkt-flex;display: flex;}
.flex {-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.sbox {box-sizing: border-box;-webkit-box-sizing: border-box;}
.text-ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

html {height: 100%;}
.content {width: 100%;overflow-x: hidden;position: relative;height: 100%;box-sizing: border-box;}
/* main-page-con */
.main-page-con {box-sizing: border-box;transition: all .5s;-webkit-transition: all .5s;}
.bar-top {height: 2.2rem;background: #1ea6ff;color: #fff;font-size: .8rem;text-align: center;position: relative;}
.account-a {display: none;position: absolute;left: .75rem;top: .65rem;background: url(images/account.png) center center no-repeat;background-size: cover;height: 1rem;width: .875rem;}
.account {display: block;position: absolute;left: .75rem;top: .65rem;background: url(images/account.png) center center no-repeat;background-size: cover;height: 1rem;width: .875rem;}
.bar-top .title {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.bar-top .logo {display: inline-block;height: .95rem;width: 2.6rem;vertical-align: top;}
.bar-top .title h1 {display: inline-block;border-left: solid 1px #fff;line-height: .95rem;margin-left: .3rem;padding-left: .3rem;font-weight: normal;vertical-align: top;}

.game-desc {padding: 0 .5rem .7rem ;}
.gameItem {margin-top: .6rem;}
.gameItem .subTle {border-bottom: solid 1px #cfcfcf;height: 1.2rem;line-height: 1.2rem;padding-bottom: .25rem;color: #434343;font-size: .8rem;}
.gameItem .subTle .tle {display: inline-block;font-weight: normal;position: relative;padding-left: 1.5rem;height: 1.2rem;}
.gameItem .subTle .tle i {display: block;position: absolute;left: 0;top: 0;height: 100%;width: 1.25rem;}
.gameItem .subTle p {font-size: .6rem;color: #a0a0a0;}

.gameItem:nth-child(1) .subTle .tle i {background: url(images/gift_icon.png) no-repeat center center;background-size: 1rem 1.15rem;}
.gameItem:nth-child(2) .subTle .tle i {background: url(images/game_icon.png) no-repeat center center;background-size: 1.25rem .85rem;}
.gameItem:nth-child(3) .subTle .tle i {background: url(images/more_icon.png) no-repeat center center;background-size: 1rem 1rem;}

.game-list li {border: solid 1px #e7e7e9;background: #fff;padding: .25rem .4rem;margin-top: .3rem;}
.game-list-host li .img, .game-list-more li .img {height: 2rem;width: 2rem;overflow: hidden;margin-right: .2rem;}
.game-list li img {max-width: 100%;}
.game-list-host li .desc .t {font-size: .7rem;line-height: 1rem;position: relative;display: inline-block;}
.game-list-host li .desc .t:after {display: block;content: "";height: .35rem;width: .3rem;background: url(images/hot.jpg) center center no-repeat;background-size: cover;top: .1rem;right: -.5rem;position: absolute;}
.game-list-host li .desc .num {color: #a0a0a0;}
.desc .num span {color: #f25277;}
.game-list-host li .g-btn {padding-top: .37rem;}
.game-list-host li .get-gift {display: block;height: 1.25rem;width: 3.2rem;text-align: center;line-height: 1.25rem;color: #fff;background: #ff8d13;border-radius: .2rem;}
.game-list-host li .get-gift.had-get { background: #9f9890;}

.game-list-new li, .game-list-more li {float: left;width: 49%;box-sizing: border-box;}
.game-list-new li:nth-child(even), .game-list-more li:nth-child(even) {margin-left: 2%;}
.game-list-new li .img {height: 3.5rem;width: 2.75rem;margin-right: .2rem;position: relative;}
.game-list-new li .img:after {display: block;height: .9rem;width: .9rem;content: "";background: url(images/new.png) center center no-repeat;background-size: cover;top: 0;left: 0;position: absolute;}
.game-list-new li .desc {color: #9c9c9c;position: relative; height: 3.5rem;}
.game-list-new li .t, .game-list-more li .t {font-size: .7rem;line-height: 1rem;color: #434343;}
.game-list-new li .get-gift {display: block;border: solid 1px #ff8d13;color: #ff8d13;text-align: center;line-height: .75rem;height: .75rem;width: 1.8rem;position: absolute;right: .5rem;bottom: 0;border-radius: .3rem;font-size: .6rem;}
.game-list-new li .get-gift.had-get { border-color: #9f9890; color: #9f9890;}
.game-list-more li .type {color: #9c9c9c;}
.t a { color: #434343;}
/* side-page-con */
.side-page-con {position: absolute;left: 0;top: 0;box-sizing: border-box;background: #3c3c3c;height: 100%;width: 80%;-webkit-transform: translateX(-100%);transform: translateX(-100%);transition: all .5s;-webkit-transition: all .5s;overflow: hidden;}
.side-page-con .bar-top {background: #2b2b2b;line-height: 2.2rem;color: #f3f2f5;text-align: left;padding: 0 .5rem;}
/* lr-box-con */
.lr-box-con {width: 100%;}
.lr-box {padding: .8rem;}
.int-box {margin-bottom: .8rem;}
.int-box input {width: 100%;display: block;box-sizing: border-box;height: 1.6rem;line-height: 1.6rem;padding-left: .2rem;border: solid 1px #8d8d8d;background: #fff;color: #434343;}
.int-box input::-webkit-input-placeholder {color: #;}
.btn-box a {display: block;height: 1.6rem;line-height: 1.6rem;text-align: center;background: #1ea6ff;color: #fff;font-size: .7rem;}
.tgl-way {text-align: right;margin-top: .5rem;}
.tgl-way a {color: #9c9c9c;font-size: .7rem;}

/* gift-box-con */
.gift-box-con .bar-top {text-align: center;}
.gift-box-con .bar-top a {color: #fff;font-size: .6rem;}
.account-infor {border: solid 1px #363636;margin: .75rem 0;border-left: none;border-right: none;}
.account-infor .con {border: solid 1px #585959;background: #464747;padding: .6rem .5rem;color: #d5d5d5;border-left: none;border-right: none;}
.account-infor .himg {width: 2rem;height: 2rem;overflow: hidden;margin-right: .3rem;}
.account-infor img {max-width: 100%;}
.account-infor .un {line-height: 1rem;}
.account-infor .un span {color: #ffc34b;}
.account-infor a {text-decoration: underline;color: #d5d5d5;}

.gift-list-con {color: #9c9c9c;padding: .6rem .3rem;max-height: 7rem;overflow-x: auto;margin-bottom: 0.3rem;}
.gift-list-con li {border-bottom: solid 1px #383838;display: -webkit-box;display: -webkit-flex;display: flex;margin-bottom: .3rem;padding-bottom: .3rem;}
.gift-list-con .card-cont {flex: 1;-webkit-box-flex: 1;-webkit-flex: 1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gift-list-con .g-name {width: 5rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gift-list-con .g-num {width: 1.1rem;margin-left: .2rem;}
.gift-list-con .g-status {width: 2.8rem;text-align: center;}
.gift-list-con li.hasused {color: #ffc34b;} 

.useage-con {color: #9c9c9c;padding: 0 .5rem;}
.useage-con .con {background: #2b2b2b;padding: .4rem .3rem;}
.useage-con .con span {color: #ffc34b;}
.useage-con .con dd {margin: .1rem 0;}

.lr-footer {position: absolute;left: 0;bottom: 1em;width: 100%;}
.b-logo {height: 3.55rem;width: 10.8rem;overflow: hidden;margin: auto;}
.b-logo img {max-width: 100%;text-align: center;}
.wx {text-align: center;margin-top: .3rem;}
.wx a {color: #9c9c9c;}

.dialog-wrap {
	display: none;
}
.layout {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
}
.dialog-box {
	position: fixed;
	left: 50%;
	top: 50%;
	min-width: 14rem;
	max-width: 15.5rem;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #fff;
	border-radius: .3rem;
	z-index: 99;
	font-size: .7rem;
}
.dialog-box .title {
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #fff;
	font-size: .8rem;
	background: #1ea6ff;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}
.dialog-box .cont {
	text-align: center;
	padding: .8rem .5rem;
}
.dialog-box .btn-con {
	text-align: center;
	padding: .5rem .5rem 0;
}
.dialog-box .btn-con a {
	display: inline-block;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: .3rem;
	padding: 0 .5rem;
	text-align: center;
	-webkit-box-sizing: ;
	-moz-box-sizing: ;
	box-sizing: ;
}
.dialog-box .cancel {
	border: solid 1px #ff8d13;
	color: #ff8d13;
	margin-right: .3rem;
}
.dialog-box .check {
	background: #ff8d13;
	color: #fff;
}

@media only screen and (max-width : 640px) {
	html {font-size: 30px;}	
}
@media only screen and (max-width : 480px) {
	html {font-size: 25px;}	
}
@media only screen and (max-width : 420px) {
	html {font-size: 22px;}
}
@media only screen and (max-width : 320px) {
	html {font-size: 20px;}	
}
@media only screen and (min-width : 768px) {
	html {font-size: 36px;}	
}


/*添加手机绑定模块*/
.ch-bind {
    margin-bottom: .1rem;
    color: #C3C3C3;
    font-size: 0.7rem;
}
input.binds {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
}
.els-dd {
    color: #fff;
}
.l-p1 {
	width: 100%;
}
a.sphone {
    width: 4rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    text-decoration: none;
    padding: 4px;
    display: none;
    background-color: #08D;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0px 1px 5px #7A90E6;
    margin: 0 auto;
}
.lrTle .f-r {
	color: #fff;
}
dl.col-10 {
	color: ##ffc34b;
}


/* sq dialog */
.sq-dialog {position:absolute;top:200px;left:500px;z-index:1001;padding:0;width:400px;color:#6c6c6c;}
.sq-dialog-source {display:none;}
.sq-dialog-avatar {display:none;}
.sq-dialog-body {word-break:break-all;background-color:#fff;border-bottom:1px solid #cacaca;_border-color: #fff;border-radius:3px;box-shadow:inset 0 0 2px 1px #fff;*padding-bottom:10px;}
.sq-dialog-titlebar {position:relative;height:20px;color:#3c3c3c;padding:7px 0;background-color:#1EA6FF;text-align:center;border-radius:3px 3px 0 0;}
.sq-dialog-titlebar-text {color:#3c3c3c;font-size:14px;}
.sq-dialog-notitle {height:1px;overflow:hidden;}
.sq-dialog-client {background-color:#fff;padding:24px 14px 0;margin-right:10px;margin-left:10px;font-size:14px;_line-height:20px;}
.sq-dialog-content {margin-left:10px;margin-right:10px;}
.sq-dialog-close {position:absolute;width:14px;height:13px;top:10px;right:15px;text-indent:-9999px;background:transparent url(http://img1.37wanimg.com/www/css/images/common/dialog2/bg-dialog-close.png) no-repeat 0 0;_background-image:url(http://img1.37wanimg.com/www/css/images/common/dialog2/bg-dialog-close-8.png);display:none;}
.sq-dialog-close:hover {background-position:0 -30px;}
.sq-dialog-buttons {margin:0 10px 10px;background-color:#fff;padding-bottom:15px;text-align:center;*zoom:1;}
.sq-dialog-buttons a {margin-left:10px;margin-right:10px;background-color:#ff8d13;color:#fff;padding:4px 15px;border-radius:5px;}
.sq-dialog-nobutton {border:none;padding:0;height:1px;overflow:hidden;}
.sq-dialog-nobutton button {display:none;}
.sq-dialog-masking {background-color:#000;left:0;opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0;z-index:1000;width:100%;}
.sq-dialog-overlay {background-color:#fff;border:1px solid #999;position:absolute;}
.sq-dialog-content h5 {font-weight:normal;font-size:16px;color:#f25277;padding:15px 0;}
.sq-dialog-content a {margin-left:3px;margin-right:3px;}
.sq-dialog-content p {line-height:18px;margin:8px 0;}
.sq-dialog-content-col {display:inline-block;width:112px;text-align:right;}
.sq-dialog-loading {height:60px;background:transparent url(http://img1.37wanimg.com/www/css/images/common/loading-48x48.gif) no-repeat 50px center;}
.sq-dialog-loading span {position:relative;top:20px;left:120px;}
.sq-dialog .btn-s-140, .sq-dialog .btn-s-w {width:140px;height:36px;line-height:36px;font-size:16px;}
.sq-dialog .not-button {color:#9c9c9c;}