@charset "UTF-8";
	.my-button,.my-button-p,.my-top,.user-answer,.user-nosubpage,.user-nosubpage a,.user-text {
	text-align:center
}
.gift-content,.gift-game,.user-kf-right {
	overflow:hidden
}
.bgfff {
	background-color:#fff
}
.my-container {
	background-color:#f4f4f4
}
.my-top {
	background:url(../images/my-top.png) no-repeat;
	width:100%;
	background-size:cover;
	height:14rem;
	position:relative
}
.my-top .my-top-box {
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.my-top .my-top-img {
	width:7rem;
	height:7rem;
	margin:auto;
	border:1px solid rgba(255,255,255,.5);
	border-radius:50%
}
.my-top .my-top-username {
	color:#fff;
	font-size:1.2rem
}
.my-top .my-top-username img {
	vertical-align:sub;
	margin-right:.3rem
}
.my-top .my-top-account {
	font-size:.9rem;
	color:#fff;
	display:none;
	margin-top:.1rem
}
.my-part {
	background-color:#fff;
	margin-bottom:1rem;
	padding:0 1rem
}
.my-part li {
	height:4rem;
	line-height:4rem;
	border-bottom:1px solid #f4f4f4;
	background:url(../images/ico-rarrow.png) 100% center no-repeat;
	background-size:.85rem 1.5rem;
	font-size:1.2rem;
	cursor:pointer
}
.my-part li i {
	display:inline-block;
	width:1.9rem;
	height:1.9rem;
	margin:auto .9rem auto 0
}
.my-button-p {
	margin-bottom:5.8rem;
	margin-top:2.5rem
}
.my-button {
	width:20rem;
	max-width:80%;
	height:3.8rem;
	line-height:3.8rem;
	background-color:#f39939;
	color:#fff;
	font-size:1.5rem;
	border:none;
	border-radius:5px;
	cursor:pointer
}
.my-game i {
	background:url(../images/ico-my-game.png) no-repeat;
	background-size:1.9rem 1.9rem
}
.my-gift i {
	background:url(../images/ico-my-gift.png) no-repeat;
	background-size:1.9rem 1.9rem
}
.my-bind i {
	background:url(../images/ico-my-bind.png) no-repeat;
	background-size:1.9rem 1.9rem
}
.my-kf i {
	background:url(../images/ico-my-kf.png) no-repeat;
	background-size:1.9rem 1.9rem
}
.my-name i {
	background:url(../images/ico-my-name.png) no-repeat;
	background-size:1.9rem 1.9rem
}
.my-phone i {
	background:url(../images/ico-my-phone.png) no-repeat;
	background-size:1.9rem 1.9rem
}
.my-third i {
	background:url(../images/ico-my-third.png) no-repeat;
	background-size:1.9rem 1.9rem
}
.my-part a{
	color:#000000;
}
.user-box {
	margin-bottom:6rem
}
.user-tip {
	font-size:1.2rem;
	color:#404040;
	padding:2rem 2rem 0
}
.user-tip img {
	width:4.5rem;
	height:4.5rem;
	float:left;
	margin-right:.8rem
}
.user-text {
	width:19rem;
	height:2.5rem;
	line-height:2.5rem;
	border:1px solid #aeaeae;
	margin:auto;
	font-size:1.2rem
}
.user-text span {
	color:#f39939
}
.user-arrow-down {
	width:100%;
	height:1.5rem;
	background:url(../images/ico-arrowdown.png) center center no-repeat;
	background-size:1.1rem .9rem
}
.user-logo,.user-qr {
	text-align:center;
	margin:2rem 0
}
.user-qr {
	margin-bottom:3rem
}
.user-logo img {
	width:8rem;
	height:3rem
}
.user-qr img {
	width:13rem;
	height:13.5rem
}
.user-answer {
	font-size:1.4rem;
	color:#404040;
	margin-bottom:2rem
}
.user-answer span {
	color:#e8485e
}
.user-kf-footer,.user-kf-footer img {
	width:100%
}
.body {
	margin:0;
	height:100%;
	padding:0
}
.user-subpage {
	background:#fff;
	margin-bottom:4.8rem
}
.user-subpage-head {
	padding:0 1rem;
	border-bottom:1px solid #e5e5e5;
	height:4rem;
	line-height:4rem;
	color:#404040;
	font-size:1.3rem;
	font-weight:500;
	margin:0
}
.user-subpage-body {
	margin:auto
}
.user-nosubpage {
	width:100%;
	display:none
}
.user-nosubpage img {
	margin-top:2rem;
	height:7.5rem;
	width:7.5rem
}
.user-nosubpage p {
	color:#999;
	font-size:1.3rem;
	margin-bottom:2.5rem
}
.user-nosubpage a {
	background:#f39939;
	color:#fff;
	height:3rem;
	line-height:3rem;
	width:13rem;
	display:inline-block;
	border-radius:5px;
	font-size:1.4rem
}
.user-game-box,.user-game-box li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.user-game-box ul {
	width:100%
}
.user-game-box li {
	padding:1rem;
	border-bottom:1px solid #f4f4f4
}
.user-game-img {
	width:4rem;
	height:4rem;
	border-radius:8px;
	-webkit-box-flex:0;
	-ms-flex:0 1 auto;
	flex:0 1 auto
}
.user-game-name {
	margin-left:1rem;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto
}
.user-game-name h4 {
	color:#404040;
	font-size:1.5rem;
	line-height:1.5rem;
	margin:auto 0
}
.user-game-name span {
	color:#999;
	font-size:1rem;
	line-height:1rem
}
.user-game-btn {
	margin-top:.6rem;
	-webkit-box-flex:0;
	-ms-flex:0 1 auto;
	flex:0 1 auto;
	white-space:nowrap
}
.user-game-b {
	height:2.4rem;
	line-height:2.4rem;
	margin-left:.5rem;
	background:#f39939;
	border:none;
	border-radius:3px;
	color:#fff;
	font-size:1.2rem;
	padding:0 .8rem;
	display:inline-block
}
.gift-game,.gift-per-game li {
	border-bottom:1px solid #f4f4f4
}
#my-body-game {
	height:100%;
	background:#fff
}
.gift-per-game {
	padding:1rem 1rem 0;
	margin-top:1rem;
	background:#fff
}
.gift-per-game li {
	padding:1rem 0
}
.gift-game-img {
	width:4rem;
	height:4rem;
	float:left;
	margin-right:.5rem;
	border-radius:8px
}
.gift-game {
	height:4rem;
	padding-bottom:.5rem
}
.gift-game-tit {
	font-size:1.5rem;
	line-height:4rem;
	font-weight:700
}
.gift-tit {
	font-size:1.2rem;
	color:#404040;
	padding-left:1.5rem;
	background:url(../images/gift-ico.png) left center no-repeat;
	background-size:1.1rem 1.1rem;
	line-height:1.2rem;
	margin-bottom:1rem
}
.gift-content {
	font-size:.9rem;
	color:#999;
	float:left;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.gift-button {
	padding:0 .9rem;
	height:2.5rem;
	border-radius:5px;
	font-size:1rem;
	background-color:#f39939;
	text-align:center;
	color:#fff;
	border:none;
	outline:0;
	float:right
}
.gift-more,.gift-more-box {
	text-align:center;
	height:4rem
}
.gift-button-no {
	background-color:#e5e5e5;
	color:#777
}
.gift-more-box {
	line-height:4rem
}
.gift-more {
	color:#999;
	font-size:1.2rem;
	border:none;
	width:100%;
	background:0 0;
	outline:0
}
.gift-more .flex {
	margin:auto
}
.gift-more-close .gift-more-ico {
	background:url(../images/gift/ico-top.png) 100% center no-repeat;
	background-size:1.2rem 1.2rem
}
.gift-more-ico {
	background:url(../images/gift/ico-down.png) 100% center no-repeat;
	display:inline-block;
	width:1.2rem;
	height:1.2rem;
	margin:auto;
	background-size:1.2rem 1.2rem
}
.gift-more-other {
	display:none
}
.ico-gift-close {
	display:block;
	width:2rem;
	height:3rem;
	background:url(../images/gift/ico-dialog-close.png) no-repeat
}
.gift-dialog,.my-body-wxkf .user-kf-content-normal,.user-kf-content-wx {
	display:none
}
.gift-dialog-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:4
}
.gift-dialog {
	z-index:4;
	width:21rem;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.gift-dialog-body {
	border-radius:5px;
	overflow:hidden;
	background:#fff
}
.gift-dialog-body-content {
	padding:0 1rem 1.5rem
}
.gift-dialog-name {
	font-size:1.2rem;
	font-weight:700;
	color:#404040
}
.gift-dialog-content {
	font-size:.9rem;
	color:#999
}
.gift-dialog-tip {
	font-size:.8rem;
	color:#e7485e;
	text-align:right;
	margin:1rem 0;
	padding-bottom:.4rem;
	border-bottom:.05rem solid #e5e5e5
}
.gift-dialog-card {
	font-size:1.2rem;
	text-align:center;
	background:#e2e2e2;
	border-radius:5px;
	color:#404040;
	height:3rem;
	line-height:3rem
}
.gift-dialog-btn-group {
	text-align:center;
	margin-top:1rem
}
.gift-dialog-btn-group button {
	color:#fff;
	outline:0;
	border:none;
	border-radius:5px;
	font-size:1rem;
	height:2.5rem;
	line-height:2.5rem;
	width:8.5rem
}
.gift-dialog-copybtn {
	background:#f39939
}
.gift-dialog-enterbtn {
	background:#ed7222
}
.my-body-wxkf .user-kf-content-wx {
	display:block
}
.user-kf-top {
	background:url(http://img1.37wanimg.com/h5/images/my-kf-top.jpg);
	background-size:100% 8.5rem;
	height:8.5rem;
	width:100%
}
.user-kf-top img {
	width:9.4rem;
	margin:auto 0 auto 2rem
}
.user-kf-top .right {
	margin:auto 2rem auto 1.5rem;
	padding-left:.8rem;
	border-left:1px solid #ddd
}
.user-kf-top h3 {
	font-size:1.6rem;
	color:#404040;
	white-space:nowrap;
	font-weight:500
}
.user-kf-top h3 span {
	color:#f39939
}
.user-kf-top p {
	color:#999
}
.user-kf-content {
	padding-left:2.5rem;
	margin-top:3rem
}
.user-kf-content li {
	border-left:1px solid #cdd7df;
	position:relative;
	padding-left:2.4rem;
	padding-top:2px;
	min-height:3.5rem;
	margin-bottom:.25rem
}
.user-kf-step {
	display:inline-block;
	width:1.75rem;
	height:2rem;
	line-height:1.8rem;
	color:#fff;
	position:absolute;
	background:url(http://img1.37wanimg.com/h5/images/my-kf-step.jpg);
	background-size:100%;
	text-align:center;
	left:-.875rem;
	top:0
}
.user-kf-right p {
	font-size:1.1rem;
	color:#666
}
.user-kf-content .img-qrcode {
	width:7.6rem;
	border:1px solid #ddd;
	float:left;
	margin-bottom:1.6rem
}
.user-kf-content-wx .img-qrcode {
	width:13.75rem;
	border:1px solid #ddd;
	float:none;
	margin-bottom:0
}
.user-kf-content-normal .p-qrcode {
	position:absolute;
	left:11rem;
	top:3.8rem;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.user-kf-content-wx .p-qrcode {
	margin-bottom:1.6rem
}
.user-kf-content .img-tip {
	width:90%
}
.user-kf-right .red {
	color:#e8485e
}
.my-binding .btn {
	width:100%;
	height:4.5rem;
	line-height:4.5rem;
	background:#ed7321;
	color:#fff;
	font-size:1.4rem;
	border-radius:5px;
	border:0
}
.my-binding .sqm-dialog-bind {
	padding:1rem 0 4.8rem
}
.my-binding .sqm-dialog-bind .sqm-third-tip {
	padding:.5rem 1.5rem 0
}
.my-binding .sqm-dialog-bind .sqm-dialog-type {
	padding:1rem 1.5rem 0
}
.my-binding .sqm-dialog-bind .sqm-dialog-tab {
	width:100%
}
.my-binding .sqm-dialog-bind .sqm-dialog-tab li {
	width:50%
}
.my-binding .sqm-dialog-bind .sqm-dialog-form {
	margin-top:1.6rem
}
.my-binding .sqm-dialog-bind .sqm-dialog-input {
	width:90%;
	padding:0 5%;
	height:4.5rem;
	line-height:4.5rem
}
.my-binding .sqm-dialog-bind .sqm-dialog-tip {
	line-height:1rem;
	height:1rem
}
.my-binding .sqm-dialog-bind .sqm-dialog-button {
	height:4.5rem;
	line-height:4.5rem
}
.my-binding .sqm-dialog-bind .sqm-dialog-last-tip {
	line-height:2.5rem;
	height:2.5rem
}
.my-binding .sqm-dialog-bind .vcodetext {
	width:56%;
	margin-right:3%
}
.my-binding .sqm-dialog-bind .sqm-dialog-verify-img {
	width:30%;
	height:4.5rem
}
.my-binding .sqm-dialog-bind .sqm-dialog-sendcode {
	width:30%;
	height:4.5rem;
	line-height:4.5rem
}
.minheight .btn,.minheight .sqm-dialog-bind .sqm-dialog-button,.minheight .sqm-dialog-bind .sqm-dialog-input,.minheight .sqm-dialog-bind .sqm-dialog-sendcode {
	height:3rem;
	line-height:3rem
}
.minheight .sqm-dialog-bind .sqm-dialog-form {
	margin-top:1.2rem
}
.minheight .sqm-dialog-bind .sqm-dialog-verify-img {
	height:3rem
}
.minheight .sqm-dialog-bind .sqm-dialog-tip {
	line-height:.7rem;
	height:.7rem
}
.minheight .sqm-dialog-bind .sqm-dialog-last-tip {
	line-height:2rem;
	height:2rem
}
.minheight .sqm-alert .sqm-dialog-container,.minheight .sqm-alert .sqm-dialog-iframe,.minheight .sqm-alert .sqm-dialog-wrap {
	width:24rem
}
.logo-37 {
	background:url(../images/logo-37.png) no-repeat
}
.logo-qq {
	background:url(../images/logo-qq.png) no-repeat
}
.logo-wechat {
	background:url(../images/logo-wechat.png) no-repeat
}
.logo-weibo {
	background:url(../images/logo-weibo.png) no-repeat
}
.my-binding-transform {
	background:#eff1f2;
	position:relative;
	height:16.5rem;
	margin-bottom:4.5rem
}
.my-binding-logo {
	width:6rem;
	height:2.7rem;
	position:absolute;
	top:5.7rem;
	left:50%;
	background-size:100%
}
.my-binding-arrow {
	width:1.8rem;
	height:1.2rem;
	position:absolute;
	top:6.4rem;
	left:50%;
	margin-left:-.6rem;
	background:url(../images/my-binding-arrow.png) no-repeat;
	background-size:100%
}
.my-binding-logo-l {
	margin-left:-8.2rem
}
.my-binding-logo-r {
	margin-left:2.3rem
}
.my-binding-suc-img {
	width:7rem;
	height:7rem;
	border:1rem solid #fff;
	border-radius:4.5rem;
	position:absolute;
	bottom:-4.5rem;
	left:50%;
	margin-left:-4.5rem;
	background:url(http://img1.37wanimg.com/h5game/gamehelper/sqm-third-success.png) no-repeat #fff;
	background-size:7rem 7rem
}
.my-binding-suc-text {
	height:2.4rem;
	line-height:2.4rem;
	text-align:center;
	font-size:1.8rem;
	color:#0ec072;
	padding-bottom:1rem
}
.my-binding-notice {
	line-height:2rem;
	color:#404040;
	font-size:1.2rem;
	text-align:center
}
.my-binding-notice span {
	color:#ff8400
}
.gift-gettip {
    color: #c9c9c9;
    font-size: 0.9rem;
    text-align: right;
}
.gift-gettip span {
    margin-left: 1rem;
}