@charset "utf-8";@import url('../../home_mobile/css/iconfont.css');*{margin:0;padding:0}
ol,ul,li,dd,dl,dt{list-style:none}
*:focus{outline:0}
em,i{font-style:normal}
html{max-width:800px;margin:0 auto;background-color:#f5f5f5;font-size:14px}
body{color:#4c4c4c;background:#fff;max-width:800px;margin:0 auto 45px auto}
img{margin:0;padding:0;max-width:100%}
img,fieldset{border:0;vertical-align:middle}
.cover img{border-radius:15px}
input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}
.tyagree{appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;-o-appearance:checkbox;-ms-appearance:checkbox}
a{cursor:pointer;text-decoration:none;color:#4c4c4c}
a:visited{color:#000}
a:hover,a:active{text-decoration:none;color:#00b3ff}
.flex {
    display: flex;
}
a.a_register{
    height: 45px;
    width: 45px;
    position: absolute;
    top: 0px;
    right: 17px;
    color:#fff;
}
.submit-btn {background-color: #00b3ff;border: 0 none;color: #fff;cursor: pointer;text-align: center;font-size: 16px;width: 30%;height: 40px;border-radius: 5px;}
.mask{
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	background-color: #000;
	opacity: .8;
	z-index: 10;
}
.v_middle{vertical-align: middle;}


.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}
.relative{position:relative}
.absolute{position:absolute}
.hide{display:none !important}
.block{display:block !important}
.middle{vertical-align:middle}
.middle:before{vertical-align:middle;content:'';display:inline-block;width:0;height:100%}
.fixed{position:fixed;top:0;width:100%;z-index:999}
.fixed-margin{margin-top:60px}
.header{overflow:hidden}
.display-flex{display:flex}
.head{height:60px;padding:0 15px;background:#ff7900;justify-content:center;align-items:center}
.logo{flex:1}
.logo img{max-height:32px}
.search{flex:1}
.search-form{position:relative}
.search-input{border:1px solid #fff;background:#ff7900;border-radius:20px;padding:6px 12px;color:#fff;width:100%}
.search-input::-webkit-input-placeholder{color:#fff}
.search-button{position:absolute;right:0;top:0;border:0;background:none;margin:7px 12px}
.search-button i{color:#fff}
.no_result{text-align:center;padding:15px 0;line-height:25px;font-size:14px;color:#999}
.no_result img{height:100px;padding-bottom:10px}
.foot-nav{box-shadow:0px 0px 30px -10px #000;padding:10px 0;position:fixed;width:100%;bottom:0;z-index: 999;}
.foot-nav ul{margin:0;padding:0;clear锛歜oth}
.foot-nav ul:after{content:"";display:block;visibility:hidden;clear:both}
.foot-nav ul li{float:left;width:20%}
.foot-nav .foot-item{text-align:center;font-size:15px}
.foot-nav .foot-item i{font-size:20px}
.foot-nav .foot-item p{margin-top:3px}
.foot-item > .active{}
.foot-item > .active p{color:#FF7900}
.foot-gift{display:inline-block;margin-top:-20px;position:relative;z-index:99;border-radius:50%}
.foot-gift i{font-size:56px !important;border-radius:50%;border:6px solid #fff;box-shadow:0px -10px 30px -15px #000;color:#FF7900}
.gotop{position:fixed;bottom:20%;z-index:999;right:5%;display:none}
.gotop i{background:#FF7900;color:#fff;padding:10px;border-radius:50%;font-size:24px;box-shadow:0 5px 15px -3px #ff7900}
@keyframes fadeinB{0%{transform:translateY(20px);opacity:0;filter:Alpha(opacity=0)}
100%{transform:translateY(0px);opacity:1;filter:Alpha(opacity=1)}
}.fadeinB{animation:fadeinB .6s infinite;-moz-animation:fadeinB .6s infinite;-webkit-animation:fadeinB .6s infinite;-o-animation:fadeinB 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
 .part_line {height:10px;background: #f5f5f5}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position: relative;float: left;box-sizing: border-box;}
.col-1{width:8.33333333%;}
.col-2{width:16.66666666%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666666%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666666%;}
.col-9{width:74.99999999%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666666%;}
.col-12{width:100%;}
/*margin*/
.mt25{margin-top:25px;}
.mt45{margin-top:45px;}
.mt50{margin-top: 50px!important}
.mr10{margin-right:10px;}
.mb10{margin-bottom: 10px}
/*padding*/
.p_10{padding:10px;}
.p_t_8{padding-top:8px;}
.p_b_8{padding-bottom:8px;}
.p_l_10{padding-left:10px;}
.p_r_10{padding-right:10px;}
/*font-size*/
.fsize13{font-size:13px;}
.fsize16{font-size:16px!important;}
.text_large{font-size:27px;}
.fsize38{font-size:38px;}
/*color*/
.white,.text_white{color:#fff!important;}
.text_main{color:#00b3ff;}
.text_default{color:#cdcdcd;}

/*顶部固定定位*/
.fixed {position: fixed;top: 0;width: 100%;z-index: 999;}
.fixed-margin {margin-top: 60px;}
/*topbar*/
.page-top a{display:block;padding:20px}
.page-top a i{font-size:22px}
.page-top>.title{flex:1;font-size:18px;text-align:center}

.app_show{display:none;}



/*头部*/
.my_head {
	background: #00b3ff;
	width: 100%;
	height: 45px;
	line-height: 45px;
	top: 0;
	z-index: 100;
	color: #fff;
	font-size: 16px;
	text-align: center;
	max-width: 800px;
	position: fixed;
}

.my_head a.back {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	background: url(../images/arrow_ico1.png) no-repeat center 50%;
	background-size: 17px auto;
}

.my_head a.modify_paw {
	position: absolute;
	right: 20px;
	top: 0;
	color: #fff;
}
/*小号管理*/
	.new_my_game_list .item {
		background: #fff;
		position: relative;
		padding: 10px 10px 10px 90px;
		border-bottom: 1px solid #eeeeee;
	}

	.new_my_game_list .item .pic_box {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 70px;
		height: 70px;
		overflow: hidden;
		border-radius: 12px;
	}

	.new_my_game_list .item .pic_box img {
		width: 70px;
	}

	.new_my_game_list .item .text_box {
		min-height: 70px;
	}

	.new_my_game_list .item .text_box .name {
		font-size: 16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 5px 0 10px;
		font-weight: bold;
	}

	.new_my_game_list .item .label {
		display: inline-block;
		color: #fff;
		background: #00b3ff;
		padding: 0 10px;
		border-radius: 3px;
		margin-right: 5px;
	}

	.my_sub_account .item {
		background: #fff;
		position: relative;
		padding: 10px;
		border-bottom: 1px solid #eeeeee;
	}

	.my_sub_account .item .name {
		font-weight: bold;
		font-size: 16px;
		white-space: nowrap;
		padding-bottom: 10px;
	}
	.my_sub_account .item .btn_sell{
		color:#00b3ff;
		border-radius:2em;
		padding:4px 10px;
		border:1px solid #00b3ff;
		margin-left:10px;
	}
	.my_sub_account .item .btn_remove{
		color:#f9ba42;
		border-radius:2em;
		padding:4px 10px;
		border:1px solid #f9ba42;
		margin-left:10px;
	}

.mask{position: fixed;left:0;right:0;top:0;bottom:0;z-index: 100;background:rgba(0,0,0,.5);display: none;}
.alt_box{position: fixed;left:50%;top:50%;transform: translate(-50%,-50%);background:#fff;border-radius:15px;width:80%;max-width:400px;z-index:101;overflow:hidden;display: none;}
.alt_box .alt_head{font-size:18px;padding:10px;position: relative;border-bottom: 1px solid #eeeeee;}
.alt_box .alt_body{padding:10px;}
.alt_box .alt_footer{display: flex;display: -webkit-flex;border-top:1px solid #eeeeee}
.alt_box .alt_footer .btn{flex:1;-webkit-flex:1;text-align: center;line-height:40px;border-right:1px solid #eeeeee}