@charset "UTF-8";
/**
 * 
 * @authors wuchangjiang (qianduanwcj@126.com)
 * @version $Id$
 */
.within_page .within_page_cont ul li dd,
.myAsk_page ul li{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.click_tab .click_tab_btn ul,
.myAsk_page ul, .myAsk_page ol, .pages ul,
.within_page .within_page_cont ul li dl
{	
	display: -webkit-box; 
    display: -moz-box; 
    display: -webkit-flex;
    display: -moz-flex; 
    display: -ms-flexbox;
    display: flex;
}
.click_tab .click_tab_btn ul li,
.myAsk_page ul li, .myAsk_page ol li, .pages ul li,
.within_page .within_page_cont ul li dt,
.within_page .within_page_cont ul li dd
{
	-webkit-box-flex: 1;     
	-moz-box-flex: 1;       
	-webkit-flex: 1;       
	-ms-flex: 1;           
	flex: 1;
}
.body{ margin: 0 auto;}
.icon{ background: url(../images/icon.png) 0 0 no-repeat; background-size:7.44rem 2.95rem; display: inline-block;}

/*公用头部*/
.common_title{ height: 1.02rem; line-height: 1.02rem;}
.common_title .back{ width: .24rem; height: .36rem; background-position: -1.82rem -.42rem; left: .34rem; top: .34rem; z-index: 2;}
.common_title h3{ font-size: .36rem; color: #1e1e1e; width: 6.4rem; text-align: center; left: 0; top: 0;}

/*快速通道*/
.fast_operate{ background-color: #1d75ed; height: .84rem; line-height: .84rem;}
.fast_operate .title{ font-size: .26rem; font-weight: bold; color: #ffffff; padding-left: .36rem;}
.fast_operate .operate{ padding-right: .1rem;}
.fast_operate .operate .operate_btn{ display: inline-block; width: 1.3rem; height: .56rem; background-color: #9ac5ff; line-height: .56rem; text-align: center; color: #20549b; border-radius: .04rem; float: left; margin-left: .14rem; margin-top: .15rem;}
.fast_operate .operate p{ color: #d7e8ff;}
.fast_operate .operate p a{ color: #ffc53a; text-decoration:underline;}

.fast_operate .game_select{ padding-right: .18rem;}
.fast_operate .game_select dl{}
.fast_operate .game_select dt{ padding-right: .1rem; color: #bdd9ff;}
.fast_operate .game_select dd{}
.fast_operate .game_select dd select{ width: 2.4rem; height: .38rem; border: none; border-radius: 50px; padding: 0 .16rem;}
/*所有入口*/
.all_entrance{ padding: .3rem 0 0 0; background-color: #ededed;}
.all_entrance ul{}
.all_entrance ul li{ float: left; width: 20%; text-align: center; margin-bottom:.2rem;}
.all_entrance ul li a{ color: #343434; display: block;}
.all_entrance ul li i{ display: block; width: .6rem; height: .48rem; background-position:0 -.88rem; margin: 0 auto;}
.all_entrance ul li i.i2{ background-position:-.62rem -.88rem;}
.all_entrance ul li i.i3{ background-position:-1.2rem -.88rem;}
.all_entrance ul li i.i4{ background-position:-1.8rem -.88rem;}
.all_entrance ul li i.i5{ background-position:-2.4rem -.88rem;}
.all_entrance ul li i.i6{ background-position:-3.05rem -.88rem;}
.all_entrance ul li span{ display: block; font-size: .2rem; height: .28rem; line-height: .28rem;}
.all_entrance ul li.active{}
.all_entrance ul li.active a{ color: #307fea;}
.all_entrance ul li.active i{ background-position:0 -1.36rem;}
.all_entrance ul li.active i.i2{ background-position:-.62rem -1.36rem;}
.all_entrance ul li.active i.i3{ background-position:-1.2rem -1.36rem;}
.all_entrance ul li.active i.i4{ background-position:-1.8rem -1.36rem;}
.all_entrance ul li.active i.i5{ background-position:-2.4rem -1.37rem;}
.all_entrance ul li.active i.i6{ background-position:-3.05rem -1.37rem;}

/*问题 点击切换*/
.click_tab{}
.click_tab .click_tab_btn{}
.click_tab .click_tab_btn .commons{ margin: 0 .08rem;}
.click_tab .click_tab_btn ul{}
.click_tab .click_tab_btn ul li{ height: .66rem; line-height: .66rem; background-color: #71aeff; text-align: center; color: #2a3e59; margin-right: 1px; color:#fff;}
.click_tab .click_tab_btn ul li:last-child{ margin: 0;}
.click_tab .click_tab_btn ul li.active{ background-color: #add0ff;}
.click_tab .click_tab_cont_parent{}
.click_tab .click_tab_cont{ margin: 0 .08rem;}
.click_tab .click_tab_cont .test_ul{ padding: 0 .16rem; padding-top: .06rem; }
.click_tab .click_tab_cont .test_ul li{ line-height: .5rem; border-bottom: 1px solid #53575c; color: #3c4a5e; margin-bottom: .12rem;}
.click_tab .click_tab_cont .test_ul li a{ width: 5.9rem; display: inline-block;}

.click_tab .click_tab_cont .bug_confirm{}
.click_tab .click_tab_cont .bug_confirm li{ background-color: #d7eeff; margin-bottom: .05rem; padding: .42rem .34rem .2rem .34rem;}
.click_tab .click_tab_cont .bug_confirm h4{ color: #12171e; font-weight: normal; line-height: .5rem;}
.click_tab .click_tab_cont .bug_confirm .cont{ line-height: .36rem; color: #5b7e98;}
.click_tab .click_tab_cont .bug_confirm .confirm_info{ color: #307fea; text-align: center; line-height: .58rem; padding-top: .05rem;}
.click_tab .click_tab_cont .bug_confirm .confirm_btn{ text-align: center;}
.click_tab .click_tab_cont .bug_confirm .confirm_btn a{ display: inline-block; width: 1.8rem; height: .46rem; line-height: .46rem; text-align: center; color: #fff; background-color: #307fea; border-radius: .04rem;}
.click_tab .click_tab_cont .bug_confirm .confirm_btn a.no{ background-color: #fa8b1f;}

.click_tab .click_tab_cont .bug_submit{ background-color: #d7eeff; padding-top: .32rem; padding-bottom: .22rem; }
.click_tab .click_tab_cont .bug_submit li{ margin-bottom: .22rem;}
.click_tab .click_tab_cont .bug_submit li span{ display: inline-block; width: 1.44rem; text-align: right; line-height: .4rem; vertical-align: top; color: #202d3f;}
.click_tab .click_tab_cont .bug_submit li input[type=text]{ width: 4.26rem; padding: .1rem .1rem; height: .18rem; border: 1px solid #4472b0; background-color: #fff; font-size: .2rem; color: #475362;}
.click_tab .click_tab_cont .bug_submit li input[type=password]{ width: 4.26rem; padding: .1rem .1rem; height: .18rem; border: 1px solid #4472b0; background-color: #fff; font-size: .2rem; color: #475362;}
.click_tab .click_tab_cont .bug_submit li:nth-child(1) select{ width: 4.5rem; height: .4rem;}

.click_tab .click_tab_cont .bug_submit li.phone{ padding-right: .32rem;}
.click_tab .click_tab_cont .bug_submit li.phone .other input[type=text]{ width: 1.8rem; }
.click_tab .click_tab_cont .bug_submit li.phone .other input[type=radio]{ width: .3rem; height: .3rem; margin: .03rem 0 0 0;}
.click_tab .click_tab_cont .bug_submit li.phone .other span{ width: auto; padding: 0 .04rem;}
.click_tab .click_tab_cont .bug_submit li textarea{ width: 4.46rem; height: 2.7rem; border-color: #4472b0;}

.click_tab .click_tab_cont .bug_submit li.Memory{ padding-right: .32rem;}
.click_tab .click_tab_cont .bug_submit li.Memory input{ width: 1rem;}
.click_tab .click_tab_cont .bug_submit li.Memory span:nth-child(n+2){ width: 1rem !important;}
.click_tab .click_tab_cont .bug_submit li.Memory a{ line-height: .4rem; float: right; color: #307fea; text-decoration:underline;}

/*登录弹框*/
.login_popup_box,
.login_popup_box_s{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99;}
.login_popup_bg,
.login_popup_bg_s{ background-color: rgba(0,0,0,.7);position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.login_popup,
.login_popup_s{ background-color: #f1f1f1; width: 5.86rem; position: absolute; left:50%; top:50%; z-index: 100;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}
.login_popup .title,
.login_popup_s .title{ height: .78rem; line-height: .78rem; border-bottom: 1px solid #6a6a6a; color: #2c7ddc; font-size:.3rem; text-align: center;}
.login_popup_s .cont{ color: #d95200; text-align: center; padding: .25rem 0;}
.login_popup .cont{ padding: 0 .44rem;}
.login_popup .cont p{ text-align: center; color: #ff8b45; line-height: .48rem;}
.login_popup .cont .login_message{}
.login_popup .cont .login_message li{ border:1px solid #d2d2d2; margin-bottom: .34rem;}
.login_popup .cont .login_message li span{ width: .49rem; height: .47rem; background-color: #5ba6ff; display: inline-block; border-right: 1px solid #e2e2e2; float: left;}
.login_popup .cont .login_message li i{ width: .28rem; height: .34rem; margin: .06rem 0 0 .12rem;}
.login_popup .cont .login_message li i.i2{ background-position: -.28rem 0;}
.login_popup .cont .login_message li input{ float: left; height: .27rem; padding: .1rem .1rem; width: 4.2rem;}
.login_popup .cont .login_message li.test{ border: none;}
.login_popup .cont .login_message li.test input{ border:1px solid #d2d2d2; width: 2.2rem; margin-right: .18rem;}
.login_popup .cont .login_message li.test img{ border: 1px solid #e9e9e9; width: 1.2rem; height: .46rem;}
.login_popup .cont .login_message li.test a{ line-height: .48rem;color: #ff8b45;}
.login_popup .cont .login{ height: .62rem; line-height: .62rem; text-align: center; background-color: #2975db; color: #fff; width: 100%; display: inline-block; margin-top: .06rem;}
.login_popup .more{ padding: .3rem 0 .1rem 0; }
.login_popup .more ul{}
.login_popup .more ul li{ float: left; margin-left: .6rem;}
.login_popup .more ul li i{ display: block; width: .42rem; height: .46rem; background-position: 0 -.38rem; margin: 0 auto;}
.login_popup .more ul li i.i2{ background-position:  -.42rem -.38rem;}
.login_popup .more ul li span{ display: block; height: .42rem; line-height: .42rem;}

/*在线客服*/
.online_service{ padding:.24rem; margin-top: .22rem;}
.online_service a{ width: 2.9rem; height: .86rem; border-radius: .04rem; display: inline-block; background-color: #4087e8; line-height: .34rem;}
.online_service a em{ display: inline-block; width: .64rem; height: .64rem; background-color: rgba(0,0,0,.3); border-radius: 50%; margin: .12rem 0 0 .15rem; float: left; margin-right: .32rem;}
.online_service a em i{ width: .42rem; height: .44rem; background-position: -.84rem -.38rem; margin:.1rem 0 0 .1rem;}
.online_service a em i.i2{ background-position: -1.26rem -.38rem;}
.online_service a em i.i3{ width: .44rem; background-position: -2.23rem -.41rem; margin: .14rem 0 0 0rem;}
.online_service a span{ float: left; color: #ffffff; padding-top: .1rem;}
.online_service a.a2{ background-color: #f06e05; line-height: .86rem;}
.online_service a.a2 span{ padding: 0;}

/*底部*/
.footer{ font-size: .24rem; color: #a4a4a4; background-color: #0d0d0d; text-align: center; padding: .16rem 0 ;}
.footer a{ color: #a4a4a4;}
.footer span{ padding: 0 .1rem;}
.footer p{ line-height: .4rem;}