@charset "utf-8";

/* 立即登录-按钮 */
.game_but1 {
	display: block;
	width: 10rem;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	-webkit-box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	border-radius: 0.8rem;
	font-size: 0.49rem;
	color: #ffffff;
	margin: 0 auto;
	cursor: pointer;
	box-sizing: border-box;
}

/* 注册-按钮 */
.game_but2 {
	display: block;
	background: transparent;
	font-size: 0.49rem;
	color: #fe3a00;
	width: 10rem;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	margin: 0.4rem auto 0;
	cursor: pointer;
	box-sizing: border-box;
}

/* 热玩榜-下载按钮 */
.ranking_btn {
	display: block;
	width: 2.35rem;
	height: 0.82rem;
	line-height: 0.82rem;
	font-size: 0.42rem;
	font-weight: 500;
	text-align: center;
	margin: 0.37rem auto;
	color: #f33636;
	background-color: #FFFFFF;
	border-radius: 0.6rem;
}

/* 热玩榜-下载按钮-可 */
.ranking_btn-yue {
	flex: none;
	display: block;
	width: 2.36rem;
	height: 0.9rem;
	line-height: 0.9rem;
	color: #FFFFFF;
	font-size: 0.44rem;
	text-align: center;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	-webkit-box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	border-radius: 0.6rem;
}

/* 热玩榜-下载按钮-否 */
.ranking_btn-no {
	flex: none;
	display: block;
	width: 2.36rem;
	height: 0.9rem;
	line-height: 0.9rem;
	color: #FFFFFF;
	font-size: 0.44rem;
	text-align: center;
	background-color: #cacaca;
	border-radius: 0.6rem;
}

/* 前往按钮 */
.ranking_btn-go {
	margin: 0.3rem auto;
	display: block;
	width: 1.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	color: #FFFFFF;
	font-size: 0.31rem;
	text-align: center;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	border-radius: 0.6rem;
	-webkit-box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
}

/* 右箭头图标 */
.go {
	flex: none;
	display: block;
	width: 0.18rem;
	height: 0.35rem;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -1.73rem -1.78rem;
	background-size: 12rem;
}

/* 右箭头跳转 */
.user-nav-skip {
	flex: none;
	display: flex;
	align-items: center;
}

.user-nav-skip .name {
	color: #c4c3c3;
	font-size: 0.41rem;
	line-height: 1.6em;
	padding-right: 0.34rem;
}

.user-nav-skip .arrows {
	display: block;
	width: 0.19rem;
	height: 0.35rem;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -10.48rem -1.41rem;
	background-size: 12rem;
}

/* 左箭头 */
.inner_topnav .btn_back {
	display: block;
	width: 0.27rem;
	height: 0.49rem;
	background: url(../images/icon_public_img.png) no-repeat -3.52rem -2.45rem;
	background-size: 12rem;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 1rem;
	margin: auto;
}

/* 分类图标 */
.classify {
	display: inline-block;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat;
	background-size: 12rem;
}

/* 登录注册input-图标 */
.login_icon {
	width: 0.52rem;
	height: 0.55rem;
	margin-left: 0.5rem;
	display: inline-block;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat 0 -1.28rem;
	background-size: 12rem;
}

.user {
	background-position-x: -4.59rem;
}

.lock {
	background-position-x: -5.26rem;
}

.cellphone {
	background-position-x: -7.02rem;
}

.age {
	background-position-x: -7.64rem;
}

.write {
	background-position-x: -8.98rem;
}

.identity {
	background-position-x: -8.32rem;
}

.picture {
	background-position-x: -9.66rem;
}

/* 放置 */
.fz {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -0.05rem -3.28rem;
}

/* 卡牌 */
.kp {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -3.45rem -3.28rem;
}

/* 策略 */
.cl {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -1.74rem -3.28rem;
}

/* SLG */
.slg {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -5.12rem -3.28rem;
}

/* 塔防 */
.tf {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -6.77rem -3.28rem;
}

/* 动作 */
.dz {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -8.51rem -3.28rem;
}

/* 休闲 */
.xx {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -10.18rem -3.28rem;
}

/* 角色扮演 */
.jsby {
	width: 2.21rem;
	height: 0.59rem;
	background-position: -0.05rem -3.98rem;
}

/* roguelike */
.roguelike {
	width: 2.44rem;
	height: 0.59rem;
	background-position: -2.34rem -3.98rem;
}

/* 多人竞技 */
.drjj {
	width: 2.34rem;
	height: 0.59rem;
	background-position: -4.85rem -3.98rem;
}

/* 三国 */
.sg {
	width: 1.55rem;
	height: 0.59rem;
	background-position: -9.16rem -3.98rem;
}

/* 模拟 */
.mn {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -0.05rem -4.71rem;
}

/* 解谜 */
.jm {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -1.74rem -4.71rem;
}

/* 射击 */
.sj {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -3.45rem -4.71rem;
}

/* 音游 */
.yy {
	width: 1.59rem;
	height: 0.59rem;
	background-position: -5.12rem -4.71rem;
}

/* 回合制 */
.hhz {
	width: 1.93rem;
	height: 0.59rem;
	background-position: -6.86rem -4.71rem;
}

/* 粉色背景 */
.classify-bg-f {
	width: 1.55rem;
	height: 0.59rem;
	line-height: 0.59rem;
	text-align: center;
	font-size: 0.32rem;
	color: #cc99da;
	background-position: -7.41rem -3.98rem;
}

/* 橙色背景 */
.classify-bg-c {
	width: 1.55rem;
	height: 0.59rem;
	line-height: 0.59rem;
	text-align: center;
	font-size: 0.32rem;
	color: #ec642b;
	background-position: -8.95rem -4.71rem;
}

/* 验证码-杠 */
.gang {
	width: 0.03rem;
	height: 0.4rem;
	background-color: #dcdcdc;
	display: block;
	margin: auto 0.3rem;
}

/* 攻略-下划线 */
.wire {
	height: 2px;
	margin: 0 0.3rem;
	background-color: #eeeeee;
}

/* 下拉加载 */
#scroller {
	position: relative;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	padding: 0;
}

#recommend_scroller {
	position: relative;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	padding: 0;
}

#wrapper_scroller {
	position: relative;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	padding: 0;
}

#wrapper {
	height: calc(100vh - 6.5rem);
}

#recommend {
	height: 41.98rem;
	padding-bottom: 1.64rem;
}

.dropload-down {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.34rem;
	font-size: 12px;
	color: #888;
	font-family: Arial, Microsoft YaHei;
}

.dropload-refresh {
	display: inline-block;
	width: 0.84rem;
	height: 0.23rem;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -1.92rem -2.61rem;
	background-size: 12rem;
}

/* 下拉加载end */

/* 首页-提示窗口 */
.ywyx_modal {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	overflow: auto;
}

.ywyx_modal .ywyx_modal-content {
	background: url(../images/icon_public_bg.png) no-repeat;
	background-size: contain;
	width: 12.12rem;
	height: 2.3rem;
	border-radius: 0.4rem;
	-webkit-box-shadow: 0 0px 1rem 0.2rem rgb(0 0 0 / 10%);
	box-shadow: 0 0px 1rem 0.2rem rgb(0 0 0 / 10%);
	position: fixed;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 300;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-content-fl {
	flex: auto;
	display: flex;
	align-items: center;
	padding-left: 0.42rem;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-logo {
	width: 1.5rem;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-logo img {
	width: 100%;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-title {
	padding-left: 0.36rem;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-title .name {
	color: #515151;
	font-size: 0.58rem;
	font-weight: 600;
	line-height: 0.68rem;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-title .introduce {
	color: #a1a1a1;
	font-size: 0.4rem;
	line-height: 0.5rem;
	padding-top: 0.26rem;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-content-rl {
	flex: none;
	display: flex;
	align-items: center;
	padding-right: 0.5rem;
}

.ywyx_modal .ywyx_modal-content .ywyx_modal-content-rl .ranking_btn {
	margin: 0;
	padding: 0;
	width: 3.2rem;
	height: 1.24rem;
	line-height: 1.24rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	-webkit-box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	border-radius: 0.6rem;
	font-size: 0.62rem;
	color: #ffffff;
	margin-right: 0.5rem;
}

/* 关闭按钮 */
.ywyx_modal .ywyx_close {
	width: 0.35rem;
	height: 0.35rem;
	background: url(../images/icon_close.png) no-repeat;
	background-size: contain;
}

.ywyx_modal .ywyx_close:hover,
.ywyx_modal .ywyx_close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* 首页搜索 */
.ywyx_main-search {
	width: 11.5rem;
	margin: 0.48rem auto 0.5rem;
	display: none;
	position: relative;
}

.ywyx_main-search input::placeholder {
	color: #c6c5c5;
}

.ywyx_main-search .search-word {
	width: 100%;
	height: 1.27rem;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 40px;
	padding-left: 1.61rem;
	border: none;
	font-size: 0.4rem;
	font-weight: 600;
	color: #000;
}

.ywyx_main-search .search-btn {
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/icon_public_img.png) no-repeat -3.19rem -1.28rem;
	background-size: 12rem;
	position: absolute;
	top: 4px;
	bottom: 0;
	left: 0.66rem;
	margin: auto;
	cursor: pointer;
}

.searchBox {
	width: 100%;
	position: relative;
	right: 0;
	top: 0;
}

.searchBox input::placeholder {
	color: #c6c5c5;
}

.searchBox .search-word {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 40px;
	padding-left: 1.61rem;
	border: none;
	font-size: 0.4rem;
	font-weight: 600;
	color: #000;
}

.searchBox .search-btn {
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/icon_public_img.png) no-repeat -3.19rem -1.28rem;
	background-size: 12rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.66rem;
	margin: auto;
	cursor: pointer;
}

/*内容-头部导航*/
.inner_topnav {
	display: flex;
	align-items: center;
	background: #fff;
	width: 100%;
	height: 1.85rem;
	position: relative;
	border-bottom: 0.01rem solid #eeeeee;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.6);
}

.inner_topnav .title {
	font-size: 0.63rem;
	font-weight: 600;
	line-height: 0.73rem;
	color: #5c5c5c;
	text-align: center;
	margin: 0 auto;
}

/*页面-页脚*/
.foot_copy {
	display: none;
	background: #313131;
	text-align: center;
	padding: 0.3rem 0.2rem 0.4rem;
}

.foot_copy .foot_nav {
	padding-bottom: 0.3rem;
	border-bottom: 0.01rem dashed #5d5d5d;
	margin-bottom: 0.3rem;
}

.foot_copy .foot_nav a {
	font-size: 12px;
	color: #a1a1a1;
}

.foot_copy .foot_nav .line {
	color: #a1a1a1;
	padding: 0 15px;
}

.foot_copy .foot_info {
	font-size: 10px;
	color: #a1a1a1;
	line-height: 16px;
	padding-top: 0.17rem;
}

.foot_copy .foot_info a {
	font-size: 10px;
	color: #1d2025;
}

.foot_copy p {
	font-size: 10px;
	line-height: 1.8em;
	color: #a1a1a1;
}

.foot_copy p a {
	font-size: 10px;
	line-height: 1.8em;
	vertical-align: middle;
	color: #a1a1a1;
}

.foot_copy p img {
	width: 0.4rem;
	vertical-align: middle;
	padding-right: 0.1rem;
}

/* 页脚end */

/*底部导航*/
.foot-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.18rem;
	padding-bottom: 0;
	z-index: 299;
	background: #fff;
	transition: padding-bottom .1s;
	box-sizing: border-box;
	justify-content: space-around;
	align-items: center;
	box-shadow: 0 -0.5px 0 rgb(25 49 55 / 30%);
	color: #868c92;
	display: none;
}

.foot-nav a {
	text-align: center;
	flex: 1;
}

/* 图标 */
.foot-nav a i {
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	line-height: 0;
	vertical-align: top;
	background: url(../images/icon_public_img.png) no-repeat -0.8rem 0rem;
	background-size: 12rem;
}

.foot-nav a .ic02 {
	background-position-x: -1.6rem;
}

.foot-nav a .ic03 {
	background-position-x: 0rem;
}

.foot-nav a .ic04 {
	background-position-x: -2.4rem;
}

.foot-nav a.on i {
	background-position-y: -0.8rem;
}

.foot-nav a p {
	font-size: 0.37rem;
	color: #bbbbbb;
	line-height: 0.37rem;
	padding-top: 0.24rem;
}

.foot-nav a.on p {
	color: #fc2d2d;
}

.foot-nav .comment-fixed {
	display: flex;
}

.foot-nav .comment-fixed a {
	flex: 1;
	text-align: center;
	position: relative;
	margin: 0.1rem 0;
	padding: 0.1rem 0 0.1rem 0.25rem;
	color: #999;
	font-size: 16px;
}

.foot-nav .comment-fixed a:before {
	content: '';
	width: 0.25rem;
	height: 0.25rem;
	background-image: url(../images/public_img.png);
	background-repeat: no-repeat;
	background-size: 2.69rem;
	position: absolute;
	right: 50%;
	top: 50%;
	margin: -0.12rem 12px 0 0;
}

.foot-nav .comment-fixed .btn-comment:before {
	background-position: 0 -2.7rem;
}

.foot-nav .comment-fixed .btn-laud:before {
	background-position: -0.26rem -2.7rem;
}

.foot-nav .comment-fixed .btn-laud.on:before {
	background-position: -0.26rem -2.96rem;
}

.foot-nav .comment-fixed .btn-comment {
	border-right: 1px solid #f1f1f1;
}

.foot-nav .comment-fixed .btn-laud {
	color: #999;
}

.foot-nav .comment-fixed .btn-laud.on {
	color: #ff9900;
}

/*网页-资质*/
.foot_introduce {
	margin-top: 28px;
	padding-left: 6px;
	text-align: left;
}

.foot_introduce .foot_nav {
	margin-bottom: 15px;
}

.foot_introduce .foot_nav a {
	font-size: 12.5px;
	font-weight: bold;
	color: #b1b1b1;
}

.foot_introduce .foot_nav .line {
	padding: 0 10px;
	color: #b1b1b1;
}

.foot_introduce .foot_content,
.foot_introduce .foot_content a {
	color: #878787;
	font-size: 11px;
	line-height: 2em;
}

.foot_introduce .foot_content img {
	width: 10px;
}

/* 页脚end */


/*弹出层*/

/* 弹出框-微信和客服电话 */
.popup-wechat-box{
	display: none;
	position: fixed;
	box-sizing: border-box;
	z-index: 1000;
	background: #fff;
	border-radius: 20px;
	min-width: 9.84rem;
	min-height: 8.48rem;
	overflow-y: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
}
.popup-phone-box {
	padding: 1rem 0.2rem;
	display: none;
	position: fixed;
	box-sizing: border-box;
	z-index: 1000;
	background: #fff;
	border-radius: 20px;
	min-width: 9.84rem;
	min-height: 2.48rem;
	overflow-y: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
}
.popup-phone-box p{
	text-align: center;
	color: #000000;
	font-size: 17px;
	line-height: 1.6em;
}
.popup-phone-box .p2{
	font-size: 16px;
}
/* 关闭图标 */
.popup-wechat-box .close,.popup-phone-box .close {
	width: 0.45rem;
	height: 0.45rem;
	background: url(../images/icon_close.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0.46rem;
	right: 0.44rem;
}

.popup-wechat-box .wxcode-box {
	position: relative;
	margin-top: 1.43rem;
}

.popup-wechat-box .wxcode-box img {
	width: 3.94rem;
	display: block;
	margin: 0 auto;
}

.popup-wechat-box .wxcode-box h3 {
	font-size: 0.28rem;
	color: #1d2025;
	line-height: 1.4em;
	text-align: center;
}

.popup-wechat-box .wxcode-box p {
	margin-top: 0.9rem;
	font-size: 0.4rem;
	color: #868686;
	line-height: 1.6em;
	text-align: center;
}

/*弹出层end*/

/* 礼包弹窗 */
.popup-gift {
	display: none;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.popup-gift-cancell {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	display: none;
	width: 10.13rem;
	height: 9.45rem;
	text-align: center;
	font-size: 0;
	background: url(../images/gift_bg.png) no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%) !important;
}

/* 账号注册弹窗-关闭弹窗按钮 */
.popup-gift-cancell .close {
	display: block;
	width: 0.43rem;
	height: 0.45rem;
	background: url(../images/icon_public_img.png) no-repeat -4rem -1.27rem;
	background-size: 12rem;
	position: absolute;
	right: 0.3rem;
	top: 0;
	z-index: 1111;
}

/* 内容 */
.popup-gift-cancell .popup-gift-content {
	padding-top: 2.8rem;
	position: relative;
}

.popup-gift-cancell .popup-gift-content .title {
	color: #363636;
	font-size: 0.55rem;
	line-height: 1.6em;
	font-weight: 600;
	text-align: center;
}

.popup-gift-content ul {
	margin: 0.16rem auto 0;
	width: 7.17rem;
}

.popup-gift-cancell .popup-gift-details {
	display: flex;
	align-items: center;
	padding-bottom: 0.28rem;
}

.popup-gift-cancell .popup-gift-details:last-child {
	padding: 0;
}

.popup-gift-cancell .popup-gift-details .name {
	width: 1.56rem;
	text-align: right;
	flex: none;
	color: #6a6a6a;
	font-size: 0.4rem;
	line-height: 1.6em;
}

.popup-gift-cancell .popup-gift-details .introduce {
	flex: auto;
	color: #b0b0b0;
	text-align: left;
	font-size: 0.4rem;
	line-height: 1.6em;
	width: 5.22rem;
	padding-left: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.popup-gift-cancell .popup-gift-details .text {
	color: #fe3a00;
	font-size: 0.4rem;
	line-height: 1.6em;
	padding-left: 0.5rem;
}

.popup-gift-cancell .popup-gift-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.65rem auto;
	width: 5.26rem;
	height: 1.02rem;
	color: #ffffff;
	font-size: 0.43rem;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	-webkit-box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	box-shadow: 0 4px 7px 1px rgb(254 51 0 / 25%);
	border-radius: 0.6rem;
}

/* 账号注销弹窗 */
.popup-bg-2 {
	display: none;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 888;
}

.popup-bg-cancell {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1100;
	display: none;
	width: 9.86rem;
	background: #FFF;
	border-radius: 20px;
	text-align: center;
	font-size: 0;
	transform: translate(-50%, -50%) !important;
	/* margin-top: -25%; */
	/* margin-left: -4.93rem; */
}

.popup-bg-cancell .popup-box {
	text-align: left;
	letter-spacing: normal;
	font-size: 0.2rem;
}

/* 内容 */
.popup-bg-cancell .popup-box .inner-conteant {
	padding: 0 0.75rem;
	color: #676767;
	font-size: 0.33rem;
}

.popup-bg-cancell .popup-box .inner-box {
	background-color: #f7f7f7;
	margin: 0.36rem 0.75rem 0.95rem;
	padding: 0.5rem;
	border-radius: 20px;
}

.popup-bg-cancell .popup-box .inner-box .name {
	float: left;
	font-size: 0.42rem;
	line-height: 1.6em;
	font-weight: bold;
}

.popup-bg-cancell .popup-box .inner-box .text {
	float: left;
	font-size: 0.42rem;
	line-height: 1.6em;
	color: #fe3e00;
	font-weight: bold;
}

.popup-bg-cancell .inner-box .copy-btn {
	float: right;
	color: #565656;
	font-size: 0.42rem;
	line-height: 1.6em;
	text-decoration: underline;
	cursor: pointer;
}

/* 标题 */
.popup-bg-cancell .popup-box .title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.53rem 0;
	color: #474747;
	font-size: 0.53rem;
	font-weight: bold;
	height: 0.8rem;
	line-height: 0.53rem;
}

.popup-bg-cancell .popup-box .title:before {
	content: '';
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 0.28rem;
	background: url(../images/icon_user-popup.png) no-repeat;
	background-size: contain;
}

/* 账号注册弹窗-关闭弹窗按钮 */
.popup-bg-cancell .popup-box .close {
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/icon_close.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 0.38rem;
	top: 0.44rem;
}
/* 弹窗end */

/*  提示弹窗 (background) */
.tetrieve-modal {
	/* display: block; */
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

/* 弹窗内容 */
.tetrieve-modal-content {
	/* display: block; */
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1100;
	width: 9.86rem;
	background: #FFF;
	border-radius: 20px;
	text-align: center;
	font-size: 0;
	transform: translate(-50%, -50%) !important;
}

/* 关闭按钮 */
.tetrieve-modal-content .close {
	color: #aaa;
	position: absolute;
	right: 0.4rem;
	font-size: 28px;
	font-weight: bold;
	z-index: 111;
}

.tetrieve-modal-content .close:hover,
.tetrieve-modal-content .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* 提示消息 */
.msg-box {
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color: #fff;
	font-size: 14px;
	padding: 8px 12px;
	border-radius: 4px;
	max-width: 100%;
	box-sizing: border-box;
}

.only-tips-box {
	width: 100%;
	padding: 2.86rem 18% 0;
	box-sizing: border-box;
	height: 100%;
	background: url(https://image.6kw.com/6kwmobile//images/tips_bg.jpg) no-repeat center top;
	background-size: 100%;
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}

.only-tips-box .only-tips-title {
	color: #333;
	font-size: 0.3rem;
	line-height: 1em;
}

.only-tips-box .only-tips-text {
	color: #333;
	font-size: 0.24rem;
	line-height: 1em;
	margin: 0.15rem 0;
}

.only-tips-box .only-tips-link {
	color: #ffa200;
	font-size: 0.24rem;
	line-height: 1em;
}

/* 加载动画 */
.loading-bg {
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color: #fff;
	font-size: 14px;
	padding: 8px 12px;
	border-radius: 4px;
	max-width: 100%;
	box-sizing: border-box;
}

.loading-bg.hide {
	display: none;
}

.loading-bg .loading {
	margin: 0 auto;
	flex: none;
	height: 24px;
	width: 24px;
	border-radius: 100%;
	border: 2px solid #fff;
	border-bottom-color: transparent;
	-webkit-animation: rotate 0.75s linear infinite;
	animation: rotate 0.75s linear infinite;
}

.loading-bg p {
	flex: none;
	color: #fff;
	font-size: 14px;
	padding-top: 3px;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*登录注册页面*/
.login-page-box {
	padding: 1.03rem 0.5rem 0;
}

.login-page-box .opera-box {
	padding: 0.5rem 0 1rem;
}

.login-page-box .opera-box_1 {
	padding: 0.5rem 0 2rem;
}

.login_logo {
	width: 2.2rem;
	height: 2.2rem;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
}

.login_logo img {
	width: 100%;
	height: 100%;
}

.login-page-box .login-text {
	font-size: 0.8rem;
	line-height: 1.6em;
	padding: 0.4rem 0 1.5rem;
	color: #2c2b2b;
	font-weight: bold;
	text-align: center;
}

.login-page-box .login_bg {
	width: 100%;
	border-radius: 0.4rem;
	background: url(../images/m_login_bg.png) no-repeat bottom #FFFFFF;
	background-size: 100% 100%;
}

/* tab-账号登录与手机登录 */
.login-page-box .login-tab {
	text-align: center;
	font-size: 0;
	height: 1.44rem;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: -5px;
	padding: 0.8rem 0;
}

.login-page-box .login-tab a {
	letter-spacing: normal;
	font-size: 0.43rem;
	color: #b1b1b1;
	display: inline-block;
	margin: 0 15px;
	padding: 0.43rem 0.12rem;
	position: relative;
}

.login-page-box .login-tab a:after {
	content: '';
	height: 0.06rem;
	width: 0;
	border-radius: 0.02rem;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: 0.3s;
}

.login-page-box .login-tab a.on {
	font-weight: 600;
	font-size: 0.49rem;
	color: #fe3a00;
}

.login-page-box .login-tab a:hover:after,
.login-page-box .login-tab a.on:after {
	width: 0.84rem;
}

/* 输入账号密码 */
.login_box {
	margin: auto 0.66rem;
}

.login_box li {
	width: 100%;
	height: 1.57rem;
	background: #f0f2f5;
	display: flex;
	align-items: center;
	border-radius: 0.8rem;
	transition: 0.3s;
	margin-bottom: 0.66rem;
}

.login_box li:last-child {
	margin: 0;
}

.login_box li .rbox {
	position: relative;
	flex: auto;
	padding: 0 0.34rem;
}

/* 获取验证码 */
.login_box li .send-code {
	font-size: 0.38rem;
	color: #ffbf11;
	line-height: 1.6em;
	padding-right: 0.58rem;
}

.login_box .rbox .input_t {
	width: 100%;
	border: none;
	line-height: 1.6em;
	margin-top: -3px;
	color: #000;
	font-size: 0.38rem;
	vertical-align: middle;
	font-family: "微软雅黑";
	background: transparent;
}

.input_age {
	border: none;
	line-height: 1.6em;
	margin-top: -3px;
	color: #000;
	font-size: 0.38rem;
	vertical-align: middle;
	font-family: "微软雅黑";
	background: transparent;
}

.login_box li .rbox input::placeholder {
	color: #bfbfbf;
}

/* 图形验证码 */
.login_box li .check-code-box {
	height: 0.56rem;
	box-sizing: border-box;
	margin-right: 0.4rem;
}

.login_box li .check-code-box img {
	height: 100%;
}

.login_box li .btn_info {
	border: 1px solid #fdb188;
	border-radius: 3px;
	font-size: 12px;
	color: #ff6716;
	text-align: center;
	height: 23px;
	line-height: 23px;
	padding: 0 15px;
	position: absolute;
	top: 9px;
	right: 10px
}

.login_box .btn_verify {
	font-size: 0.38rem;
	color: #ffbf11;
	text-align: center;
	line-height: 1.6em;
	padding-right: 0.55rem;
}

.login_box .btn_verify_no {
	background: #cdcdcd;
	color: #FFF
}

/* 登录与注册页面-勾选 */
.login_last {
	height: 1.88rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto 0.66rem;
}

.login_last_2 {
	margin: 0.1rem 0.66rem;
	height: 1.88rem;
	/* display: flex; */
	/* justify-content: flex-start; */
	align-items: center;
}

.login_last input,
.login_last_2 input {
	display: none;
}

.login_last label {
	font-size: 0.34rem;
	line-height: 1.6em;
	color: #aaa8a8;
	position: relative;
}

.login_last_2 label {
	color: #aaa8a8;
	position: relative;
}

.login_last label i,
.login_last_2 label i {
	display: inline-block;
	width: 0.5rem;
	height: 0.47rem;
	line-height: 0;
	background: url(../images/icon_public_img.png) no-repeat -6.38rem -1.3rem;
	background-size: 12rem;
}

.login_last_2 label i {
	margin-top: -2px;
}

.login_last label.on i,
.login_last_2 label.on i {
	background-position-x: -5.86rem;
}

.login_last a {
	font-size: 0.34rem;
	line-height: 1.6em;
	color: #bcb9b9;
	position: relative;
	padding-left: 0.24rem;
}

.login_last .tile {
	margin-left: 0.1rem;
	font-size: 0.34rem;
	line-height: 1.6em;
	color: #aaa8a8;
}

.login_last_2 .tile {
	font-size: 0.34rem;
	line-height: 1.6em;
	color: #aaa8a8;
}

/*注册页面-切换*/
.login-page-box .login_tab {
	display: flex;
	justify-content: center;
	padding-bottom: 0.5rem;
	height: 1.44rem;
	padding: 0.8rem 0;
}

.login-page-box .login_tab li {
	margin: 0 0.3rem;
}

.login-page-box .login_tab li a {
	font-size: 0.3rem;
	color: #000;
	display: block;
	padding-bottom: 0.2rem;
	position: relative;
}

.login-page-box .login_tab li a:after {
	content: '';
	height: 0.04rem;
	width: 0;
	background: linear-gradient(to right, #f97730, #fc2d2d);
	/*background:#f97730;*/
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 0.02rem;
}

.login-page-box .login_tab li a.on:after {
	width: 60%;
}