@charset "utf-8";
/* CSS Document */
/***********
	*@Description: 公共css样式
	*@Author:poqi
	*@Update:
	*@time:(2016-10-17)
***********/
.scroll-box-wrap{position:absolute; top:0; left:0; /* bottom:0.83rem; right:0; */width:100%; height:100%; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.scroll-box{padding-bottom:0.85rem; box-sizing:border-box;}
.m_box{background:#fff}
.m_box .info-swiper-tab{border-bottom:10px solid #ebefed;}
.game_but1, .game_but1:active{display:inline-block; background:#ff9900; border-radius:5px; font-size:20px; color:#FFF; text-align:center; line-height:22px; width:100%; padding:13px 0px; cursor:pointer; transition:background 0.2s linear 0s}
/*标题*/
.hd_title{border-bottom:1px solid #e0e0e0; height:18px; line-height:16px; padding:12px 15px}
.hd_title .name{float:left; font-size:17px; color:#000}
.hd_title .line{display:inline-block; width:2px; height:13px; vertical-align:middle; margin:-4px 8px 0 0}
.hd_title .reload{float:right; font-size:13px; color:#656565}.hd_title .reload:hover, .hd_title .reload:visited{ color:#108ee9}
.hd_title .reload i{display:inline-block; background:url(../images/ic_reload.png) no-repeat; background-size:12px; width:12px; height:12px; vertical-align:middle; margin:-3px 0 0 6px}
.hd_title .bg-color01{background:#ff3813}
.hd_title .bg-color02{background:#8dc11f}
.hd_title .bg-color03{background:#f15a4a}
.box-title{background-color:#fff; padding:15px 10px; margin-top:10px; border-bottom:1px solid #e5e5e5; position:relative;}
.box-title span{font-size:18px; line-height:18px; height:18px; display:inline-block; border-left:3px solid #ff9900; color:#333; padding-left:7px;}
.box-title a{float:right; font-size:14px; line-height:0px; border-radius:20px; color:#ff9900; border:1px solid #ff9900; padding:11px 10px}

/*星星*/
.stars{display:inline-block; background:url(../images/mstar_grey.png) no-repeat; background-size:66px; width:66px; height:12px; line-height:12px; vertical-align:middle; position:relative;}
.stars i{display:inline-block; background:url(../images/mstar_red.png) no-repeat; background-size:66px; height:12px; line-height:12px; position:absolute; left:0; top:0;}
/*加载*/
.load-more{display:block; font-size:15px; color:#999; background-color:#fff; text-align:center; line-height:15px; padding:15px 0; vertical-align:top; border-top:1px solid #e5e5e5;}
.load-more i{display:inline-block; background:url(../images/ic_add.png) no-repeat; background-size:20px; width:20px; height:20px; vertical-align:middle; margin:-2px 5px 0 0}

.inner_load_more{background:#e0e0e0; display:block; font-size:15px; color:#999; text-align:center; line-height:52px}
/*弹出层*/
.popup_box{width:100%; position:fixed; top:0; left:0; _position:absolute; z-index:998}
.popup_box .popup_close{display:block; background:url(../images/icon_close.png) #f5a22c; background-size:33px; border-radius:0 5px 0 0; width:33px; height:33px; position:absolute; top:0; right:30px}
.popup_bg{display:none; background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; _position:absolute; left:0; z-index:997}

/*内头部导航*/
.inner_topnav{background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); line-height:53px; height:53px; width:100%; position:relative}
.inner_topnav .title{display:block; font-size:20px; color:#FFF; text-align:center; line-height:53px; height:53px; width:200px; margin:0 auto}
.inner_topnav .btn_back{display:block; background:url(../images/back.png) no-repeat; background-size:53px; width:53px; height:53px; position:absolute; top:0px; left:0px}
.inner_topnav .btn_quit{display:block; background:url(../images/quit.png) no-repeat; background-size:53px; width:53px; height:53px; position:absolute; top:0px; right:0px}
.inner_topnav .btn_user{width:43px; position:absolute; right:5px; top:0;}
.inner_topnav .btn_user img{height:32px;}

.inner-topnav-w{background:#fff; border-bottom:1px solid #f1f1f1; padding:0.2rem 15px; display:flex; justify-content:space-between; align-items:center;}
.inner-topnav-w a{flex:none; color:#000; font-size:16px; position:relative;}
.inner-topnav-w .btn-back{line-height:0.243rem;}
.inner-topnav-w .btn-back .icon{width:0.25rem; height:0.25rem; background:url(../images/public_img.png) no-repeat -1.8rem -2.36rem; background-size:2.69rem; display:inline-block; vertical-align:top;}
.inner-topnav-w .btn-share{width:0.25rem; height:0.25rem; background:url(../images/public_img.png) no-repeat -2.06rem -2.36rem; background-size:2.69rem;}
.inner-topnav-w .title{flex:auto; font-size:20px; text-align:center; color:#000;}
.inner-topnav-w span.title{flex:auto; color:#000; font-size:16px; text-align:center; margin-right:40px;}
/* 分页 */
.page{padding:10px 12px 12px; text-align:center; border-top:1px solid #e5e5e5;}
.page a,.page span{font-size:12px; color:#666; padding:0 3px; margin:0 3px;}
.page span{color:#ffaf25;}

/*页脚*/
.foot_copy{background:#000; text-align:center; padding:18px 10px;}
.foot_copy .foot_nav a{font-size:10px;color:#ccc;/* line-height:22px; */}
.foot_copy .foot_nav .line{color:#898585; padding:0 15px}
.foot_copy .foot_info{font-size:10px;color:#888;line-height:16px;padding-top: 0.17rem;}
.foot_copy .foot_info a{font-size:10px; color:#888}
.foot_copy p{font-size: 10px;/* line-height: 1em; */}
.foot_copy p a{font-size: 10px}

/*底部导航*/
.foot-nav{background:#fff;border-top:1px solid #f6f6f6;width:100%;padding:0.1rem 0 0.12rem;position: absolute;left:0;bottom:0;z-index:11;}
.foot-nav-2{box-sizing:border-box; border:0.04rem solid #bfbfbf;}
.foot-nav .foot-nav-list{display:flex;}
.foot-nav .foot-nav-list a{text-align:center; flex:1;}
.foot-nav .foot-nav-list a i{display:inline-block; width:0.44rem; height:0.44rem; line-height:0; vertical-align:top; background:url(../images/public_img.png) no-repeat; background-size:2.69rem;}
.foot-nav .foot-nav-list a p{font-size:12px; color:#999999; line-height:0.14rem; padding-top:0.05rem;}
.foot-nav .foot-nav-list .on p{color:#ff9900}
.foot-nav .foot-nav-list .ic01{background-position:0 0;}.foot-nav-list .on .ic01{background-position:0 -0.45rem;}
.foot-nav .foot-nav-list .ic02{background-position:-0.45rem 0;}.foot-nav-list .on .ic02{background-position:-0.45rem -0.45rem;}
.foot-nav .foot-nav-list .ic03{background-position:-0.9rem 0;}.foot-nav-list .on .ic03{background-position:-0.9rem -0.45rem;}
.foot-nav .foot-nav-list .ic04{background-position:-1.35rem 0;}.foot-nav-list .on .ic04{background-position:-1.35rem -0.45rem;}
.foot-nav .foot-nav-list .ic05{background-position:-2.25rem 0;}.foot-nav-list .on .ic05{background-position:-2.25rem  -0.45rem;}
.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;}

.toTop{width:40px; height:40px; display:inline-block; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; position:fixed; bottom:75px; right:10px; z-index:1111; display:none;}

/*搜索*/
.search_box{background:#f1f1f1; padding:15px 10px}
@media screen and (max-width:320px){
	.search_box{padding:10px 6px}
}
.search_box .search{background:#FFF; border-radius:5px; height:39px}
.search_box .search .search_l{padding:0 40px 0 10px}
.search_box .search .search_r{float:right; width:39px}
.search_box .search .input_txt{background:none; border:none; width:100%; font-size:15px; font-family:"San Francisco","Noto Sans CJK SC Thin","Microsoft YaHei"; color:#c6c6c6; line-height:20px; padding:10px 0 9px; margin:0; vertical-align:top}
.search_box .search .btn{background:none; border:none; height:39px; width:100%; padding:0; margin:0; vertical-align:top; cursor:pointer}
.search_box .search .ic60_zoom{display:inline-block; background:url(../images/ic_zoom.png); background-size:39px; height:39px; width:39px; vertical-align:top}
	/*搜索结果提示*/
	.result-box{background:#FFF; text-align:center; padding:200px 0 100px}
	.result-box .sorry-word{font-size:16px; color:#666; margin-bottom:10px}
	.result-box .brief-word{font-size:12px; color:#999}
/* 小屏适配 */
@media screen and (max-width:320px){
    .foot_copy{padding:15px 6px;}
    .load-more{padding:10px 0;}
    .box-title{padding:10px 6px;}
}
.tips-text{color:#d5d5d5; font-size:16px; text-align:center; padding:15px 0 30px; background-color:#fff;}
.msg-box{background:rgba(0,0,0,0.5); position:fixed; z-index:10001; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:14px; padding:6px 10px; border-radius:4px;}
.dropload-up,.dropload-down {position:relative;height:0;overflow:hidden;font-size:12px;/* 开启硬件加速 */-webkit-transform:translateZ(0);transform:translateZ(0);}
.dropload-down {height:40px;}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData {height:40px;line-height:40px;text-align:center;color:#d5d5d5;font-size:14px;}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #d5d5d5;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotateThis 0.75s linear infinite;animation:rotateThis 0.75s linear infinite;}
@-webkit-keyframes rotateThis {0% {-webkit-transform:rotate(0deg);}
50% {-webkit-transform:rotate(180deg);}
100% {-webkit-transform:rotate(360deg);}
}
@keyframes rotateThis {0% {transform:rotate(0deg);}
50% {transform:rotate(180deg);}
100% {transform:rotate(360deg);}
}

@-webkit-keyframes opacityThis {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes opacityThis {
	0% {opacity:0;}
	100% {opacity:1;}
}
/* 加载动画 */
.loading-bg.type-1{width:100%; height:100%; position:fixed; z-index:10000; top:0; left:0; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; flex-direction:column;}
.loading-bg.type-1 .loading-fixed{
    flex:none;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 100%;
    border: 0.06rem solid #fff;
    border-bottom-color:transparent;
    -webkit-animation: rotateThis 0.75s linear infinite;
    animation: rotateThis 0.75s linear infinite;
}
.loading-bg.type-1 p{flex:none; color:#fff; font-size:14px; padding-top:3px;}

.loading-bg.type-2 .loading-fixed{
    margin:0 auto;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    border: 3px solid #fff;
    border-bottom-color:transparent;
    -webkit-animation: rotateThis 0.75s linear infinite;
    animation: rotateThis 0.75s linear infinite;
}
.loading-bg.type-2{position:fixed; z-index:10000; top:50%; left:50%; transform:translate(-50%,-50%);  -webkit-transform:translate(-50%,-50%); background:rgba(0,0,0,0.5); padding:8px 12px; border-radius:4px; max-width:100%; box-sizing:border-box;}
.loading-bg.type-2 p{color:#fff; font-size:14px; padding-top:3px;}
.loading-bg.hide{display:none;}

.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;}


/* 账号注销联系弹窗 */
.popup-bg-cancell{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:9999;
    background:rgba(0,0,0,0.6);
    display:none;
    text-align:center;
    font-size:0;
    letter-spacing:-5px;
}
.popup-bg-cancell:before{
    content:'';
    width:0;
    height:100%;
    display:inline-block;
    vertical-align: middle;
}
.popup-bg-cancell .popup-box{
    display:inline-block;
    vertical-align:middle;
    letter-spacing:normal;
    font-size:12px;
    box-sizing:border-box;
    z-index:10000;
    background:#fff;
    border-radius:0.05rem;
    padding:0 0 0.4rem;
    width:90%;
    max-width:700px;
    max-height:90%;
    overflow-y:auto;
    position:relative;
    text-align:left;
}
.popup-bg-cancell .title{
    padding:0.2rem;
    font-size:0.28rem;
    color:#333333;
    border-bottom:1px solid #e7e7e7;
}
.popup-bg-cancell .inner-box{
    padding:0.25rem 0.4rem 0;
}
.popup-bg-cancell .inner-box p,.popup-bg-cancell .inner-box p>*{
    font-size:0.22rem;
    color:#666666;
    line-height:170%;
}
.popup-bg-cancell .inner-box .copy-btn{
    color:#ff5400;
}
.popup-bg-cancell .sure-btn{
    background:#ffd600;
    display:table;
    font-size:0.24rem;
    line-height:1em;
    padding:0.16rem 0.3rem;
    border-radius:0.03rem;
    color:#333;
    margin:0.3rem auto 0;
}
.popup-bg-cancell .close{
    width: 0.35rem;
    height: 0.35rem;
    background: url(../images/close_img.png) no-repeat -1.22rem -3.01rem;
    background-size: 3rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
}