@charset "utf-8";
/*
 *	Author			：Qiu;
 *	Date 			：2015年10月23日10:54:03;
 *	Abstract		：服务大厅样式文件
 */

body{ background:#f2f2f2;}
a{ color:#333;}
.fwb{ font-weight: bold;}
.lh100{ line-height:100px;}
/*hover css3*/
.q-searchBtn,.q-slideNav ul li a,.q-pages_num a,.q-selfSer a,.contactList,.contactList a,.commentBtn{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -0-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
.q-slideBtn:hover,.q-slideNav ul li a:hover,.commentBtn:hover{ text-decoration:none;}

/*雪碧图*/
.openIcon,.conList_r i,.listNeswIco,.helpBtnIcon,.selfSerIcon,.contactIcon,.memberAccess a,.rFbtn,.readIcon,.prveNext a,.commentIcon,.audiojs .play-pause,.audiojs .play,.audiojs .pause,.loadIco{background-image: url(https://r.aicai.com/v2/images/faq/comm/sprite_fw.png); background-repeat:no-repeat;}

/*页面当前位置*/
.wrap1080{width:1080px; margin:0 auto; position:relative;}
.q-banner{ width:100%; height:250px; position:relative; margin:0 auto; max-width: 1920px; min-width:1080px; overflow:hidden;}
.conTop{ font-size: 14px; width:1080px; margin:0 auto; height:12px; line-height:12px; padding-top:15px; padding-bottom:13px; color:#fff; position:relative; z-index:10;}
.conTop a {margin: 0px 5px; color:#fff;}
.conTop a:hover{ color:#fff;}
.focusBox,.focusPic,.focusPic ul,.focusPic ul li{ width:100%; height:100%; position:absolute; left:0; top:0;}
.focusPic ul a{ display:none;}
.focusIcon{ width:200px; height:10px; position:absolute; left:50%; margin-left:-100px; bottom:15px; text-align:center;}
.focusIcon a{display: inline-block; margin: 0px 2px; width: 10px; height: 10px; background-color:#2b8865; border-radius:50%;}
.focusIcon a.active{ background-color:#fff;}

/*内容区*/
.mainBox{ width:1080px; margin:0 auto; position:relative;}
.q-seacher{ width:846px; position:absolute; right:0; top:30px;}
.q-seacher input{ float:left; border:2px solid #2eb670; border-right:0; outline: 0px none; width:704px; height:36px; line-height:36px; background:#fff; padding-left:20px; font-size:14px; color:#999;}
.q-searchBtn{ float:left; width:120px;height: 40px; text-align: center; line-height: 40px;color: #FFF; background:#2eb670;font-size: 14px; font-weight: bold;}
.q-searchBtn:hover{ text-decoration:none; background:#24a55d;}

/*首页*/
.q-helpList{ background:#fff; padding-bottom:10px;}
.helpListBtn a{ font-size: 14px; display:block; width:179px; height:117px; float:left; color:#999; border-top:2px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center;}
.helpListBtn a.active,.helpListBtn a:hover{ text-decoration:none; border-top-color:#2eb670; border-bottom-color:#fff; color:#2eb670; font-weight:bold;}
.helpListBtn a.active .helpBtnIcon01,.helpListBtn a:hover .helpBtnIcon01{ background-position:-25px -50px;}
.helpListBtn a.active .helpBtnIcon02,.helpListBtn a:hover .helpBtnIcon02{ background-position:-82px -50px;}
.helpListBtn a.active .helpBtnIcon03,.helpListBtn a:hover .helpBtnIcon03{ background-position:-139px -50px;}
.helpListBtn a.active .helpBtnIcon04,.helpListBtn a:hover .helpBtnIcon04{ background-position:-196px -50px;}
.helpListBtn a.active .helpBtnIcon05,.helpListBtn a:hover .helpBtnIcon05{ background-position:-253px -50px;}
.helpListBtn a.active .helpBtnIcon06,.helpListBtn a:hover .helpBtnIcon06{ background-position:-310px -50px;}
.helpListBtn .last{ width:180px; border-right:0;}
.helpBtnIcon{ display:inline-block; width:52px; height:50px; margin-top:22px;}
.helpBtnIcon01{ background-position:-25px 0;}
.helpBtnIcon02{ background-position:-82px 0;}
.helpBtnIcon03{ background-position:-139px 0;}
.helpBtnIcon04{ background-position:-196px 0;}
.helpBtnIcon05{ background-position:-253px 0;}
.helpBtnIcon06{ background-position:-310px 0;}
.helpListBox{padding:0 30px;}
.helpListBox ul li{ font-size: 14px; height:39px; border-bottom:1px dashed #eee; line-height:39px; position:relative;}
.helpListBox ul li a{ display:inline-block;}
.q-selfSer a{ font-size: 14px; display:block; width:359px; height:189px; float:left; background:#fff; border-right:1px solid #f5f5f5; margin-bottom:1px; text-align:center;}
.q-selfSer a:hover, .q-selfSer a.active{ background:#f9f9f9; color:#48caa4; text-decoration:none;}
.q-selfSer .w360{ width:360px; border-right:0;}
.selfSerIcon{ display:inline-block; width:90px; height:90px; margin-top:30px;}
.selfSerIcon01{ background-position:-25px -105px;}
.selfSerIcon02{ background-position:-120px -105px;}
.selfSerIcon03{ background-position:-215px -105px;}
.selfSerIcon04{ background-position:-25px -196px;}
.selfSerIcon05{ background-position:-120px -196px;}
.selfSerIcon06{ background-position:-215px -196px;}
.contactList{ width:270px; height:230px; float:left; background:#fff; text-align:center;}
.contactList.active,.contactList:hover{ background:#f9f9f9;}
.contactList.active a,.contactList:hover a{ color:#48caa4;}
.contactIcon{display:inline-block; width:90px; height:90px; margin-top:65px;}
.contactIcon01{ background-position:-25px -287px;}
.contactIcon02{ background-position:-120px -287px;}
.contactIcon03{ background-position:-215px -287px;}
.contactIcon04{ background-position:-25px -378px;}
.contactIcon05{ background-position:-120px -378px;}
.contactIcon06{ background-position:-215px -378px;}
.ctSpecial,.ctCommon a{ font-size:0;}
.ctSpecial a p,.ctCommon a p{ font-size:14px;}
.ctCommon a{ display:block; width:100%; height:100%;}
.ctCommon a:hover{ text-decoration: none;}
.memberAccess{ display:none; margin-top:65px; padding:0 30px;}
.memberAccess a{display:inline-block; width:90px; height:90px;}

/*右侧固定区*/
.q-rightFixed{position: fixed; left:50%; margin-left:560px; bottom:150px; z-index: 10; width: 50px;}
*html .q-rightFixed{position:absolute;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));margin-top:-200px}
.rFbtn{ display:block; width:50px; height:50px; margin-bottom:1px;}
.q-goTop{ background-position:-310px -109px;}
.serviceBtn{ background-position:-310px -160px;}
.q-hideBox{ display:none; position:absolute; left:0; top:51px;}
.rMember{ background-position:-310px -211px;}
.rVip{ background-position:-310px -262px;}


/*帮助中心*/
.leftColumn{ width:210px; background:#fff;}
.q-slideBtn{ border-bottom:1px solid #f2f2f2; color:#333; position:relative;}
.q-slideBtn,.q-slideNav ul li a{ display:block; height:39px; background:#fff; font-size:14px; text-indent:20px; line-height:39px;}
.q-slideNav{ border-bottom:1px solid #f2f2f2; display:none;}
.q-slideNav ul li a{ color:#666; text-indent:36px;}
.q-slideNav ul li a:hover,.q-slideNav ul li a.active{ color:#2eb570; background:#f8f8f8;}
.openIcon{ display:inline-block; width:10px; height:10px; background-position:0 0; position:absolute; top:16px; right:20px; font-size:0; line-height:0;}
.openIcon.active{ background-position:0 -11px;}
.rightColumn{ background:#fff; width:850px;}
.rightConList{ padding-left: 30px; padding-right: 30px;}
.rightConList h3{ padding:20px 0; border-bottom:1px solid #f2f2f2;}
.rightConList ul li{ height:50px; border-bottom:1px dashed #eee; line-height:50px; font-size:14px; position:relative;}
.rightConList ul li a{ display:inline-block;}
.conList_r{ width:120px; text-align:right; top:0; right:10px;}
.conList_r i{ display:inline-block; background-position:0 -24px; width:16px; height:16px; vertical-align:middle; margin-top:-5px; margin-left:10px; overflow:hidden;}
.conList_r span{ color:#999; display:inline-block;}
.listNeswIco{ display:inline-block; width:14px; height:14px; vertical-align:middle; margin-left:5px; font-size:0;}
.listNeswIco01{ background-position:0 -43px;}
.listNeswIco02{ background-position:0 -58px;}
.listNeswIco03{ background-position:0 -73px;}
.q-pages_num{ padding:40px 0; text-align:right;}
.q-pages_num a{color: #333;margin: 2px;padding: 5px 10px;text-decoration: none; background:#f2f2f2;}
.q-pages_num a:hover{ background:#2eb670; color:#fff; text-decoration:none;}
.q-pages_num span.disabled{color: #333;margin: 2px;padding: 5px 10px;text-decoration: none; background:#f2f2f2;}
.q-pages_num span.current{color: #fff;margin: 2px;padding: 5px 10px;text-decoration: none; background:#2eb670;}

/*问题*/
.prveNext{ top:0; right:0; font-size:0; padding-top:20px; _padding-right:30px;}
.prveNext span{ margin-right:22px;}
.prveNext a{ display:inline-block; width:30px; height:30px; vertical-align:middle; background-color:#f2f2f2; margin-left:10px; margin-top:-10px;}
.readIcon{ display:inline-block; width:16px; height:16px; vertical-align:middle; margin-top:-3px; background-position:0 -92px; margin-right:3px;}
.q-prve{ background-position:-366px -30px;}
.q-next{ background-position:-397px -30px;}
.q-prve:hover{ background-position:-366px 0;}
.q-next:hover{ background-position:-397px 0;}
.problemCon{ padding:30px 0;border-bottom:1px solid #f2f2f2;}
.problemCon p{ font-size: 14px;}
.video{ width:640px; height:360px; margin:0 auto;}
.audio{ width:730px; height:100px; margin:0 auto;}
.problemTxt{ padding:30px 30px 0;}
.problemTxt p{ line-height:30px; font-size: 14px;}
.commentTxt{ padding:20px 0 30px;}
.commentTxt p{ color:#666; font-size:12px; line-height:30px;}
.commentBtn{ display:inline-block; width:108px; height:33px; border:1px solid #ccc; border-radius:2px; text-align:center; line-height:33px; color:#999; margin-top:16px; margin-bottom:20px; margin-right:10px;}
.commentBtn:hover,.commentBtn.active{ color:#2eb670; border-color:#2eb670;}
.commentIcon{ display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; margin-top:-1px;}
.comBtnTxt{ display:inline-block; vertical-align:middle;}
.commentIcon01{ background-position:0 -113px;}
.commentIcon02{ background-position:0 -134px;}
.commentIcon03{ background-position:0 -154px;}
.img_wrapper{ padding:25px 0 30px; text-align:center;}

/*搜索结果*/
.seachResults{ padding-top:20px;}
.seachResults p{ font-size:12px;}
.ResultList{ padding:25px 0; border-bottom:1px dashed #eee;}
.ResultList p{ line-height:30px; color:#999;}

/*音频*/
.audiojs { background:#f8f8f8; height:100px; width:730px;}
.audiojs audio { position: absolute; left: -1px; }
.audiojs .play-pause { width: 100px; height: 100px; float: left; overflow: hidden; background-position: -366px -65px;}
.audiojs .play-pause p{ margin:30px auto 0; text-align:center;}
.audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }         
.audiojs .play { display: block; }
.audiojs .scrubber { position:relative; float:left; width:480px; background: #a6bcce; height: 4px; margin: 70px 0 0 30px;}
.audiojs .progress { position:absolute; top:0px; left:0; height:4px; width: 0px; background: #30a678; z-index: 1;}
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height:4px; width: 0px; background: #ccc;}
.loadIco{ background-position:-456px -181px; width:17px; height:17px; position:absolute; top:-6px; right:-5px;}
.audiojs .time { float: left;  margin:60px 0 0 20px; display:inline; }  
.audiojs .time em { color: #2eb670; font-style: normal; margin-right:3px; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .play { background-position:-366px -170px; width:40px; height:40px;}
.audiojs .pause { background-position:-411px -170px; width:40px; height:40px; }
.playing .play, .playing .loading, .playing .error { display: none; } 
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.audio_txt{ left: 130px; top: 28px;}
.helpTxt{font-size: 14px;line-height: 30px;margin-top: 20px;}
.txt_st{position: absolute;left: 120px;top: 55px;}

/*纠错弹窗*/
.error_cw{ background: #fff; width: 540px; overflow: hidden;}
.error_cw p{ font-size: 14px;}
.advise_input{ margin-left: 80px;}
.advise_input textarea {width: 455px;max-width: 455px;}
.advise_btn a{display: inline-block; margin: 28px 40px 28px 0; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #ccc;}
.advise_btn a.active{ background: #228fda;}
.advise_btn a:hover{ text-decoration: none;}

.helpLot{ padding:35px 30px 0;}
.helpLot strong{ display:block; font-size:14px; line-height:30px; color:#666; }
.helpLot li{ border:1px solid #f1f1f1; width:94px; height:118px; text-align:center; float:left; margin:6px 7px 0 0 ; display:inline;}
.helpLot li i{ display:block; margin:15px auto 10px;}
.helpCen{ padding:20px 30px; color:#666;}
.helpCenTlt{ font-size:16px; border-bottom:1px solid #eee; padding-bottom:15px; line-height:20px; text-align:center; margin-bottom:10px; font-weight:bold}
.helpSpan{ width:92px; height:23px; border:1px solid #eee; display:inline-block; margin-right:10px; text-align:center; padding-top:5px;}
.yIco,.myIco{ width:16px; height:14px; display:inline-block; margin-right:4px; vertical-align:middle;}
.yIco{ background-position:0 -233px;}
.myIco{ background-position:0 -251px;}
.helpLotCen{ }
.helpLotTitle{ height:40px; background:#fbfbfb; padding:0 10px; line-height:40px; }
.helpLotTitle strong{font-size:14px; margin-right:20px;}
.helpLotTitle .red{font-weight:bold; color:#217acc;}
 .helpWsTit strong{ border-left:3px solid #1e88d2;  padding-left:10px; }
.method_txt{ margin-top:30px;  border-bottom:1px solid #eee; font-size:14px; padding-bottom:10px;}
.xh_method ul{ margin:10px 15px; line-height:24px;}
.xh_method ul li{ padding-top:5px;}
.becareful{ color:#a06027; font-weight:bold}
.other_tables_data { padding:10px 15px; }
.table_titles{border:1px solid #f6e9c5; border-bottom:none; background:#fff7e0; height:38px; line-height:38px;font-size:16px; color:#a16027; font-weight:bold; padding:0 10px; }
.other_tables_data table{width:100%;}
.other_tables_data thead td{ background:#fffbef; font-weight:bold}
.other_tables_data table{ border:1px solid #f6e9c5;}
.other_tables_data td,.other_tables_data thead td{ border:1px solid #f6e9c5; text-align:center; height:34px;}
.table_data_style{ margin:20px 0;}
.table_data_style td{border:1px solid #f6e9c5; text-align:center; height:24px;}
/*彩种*/
i.i_k3,i.i_jsk3,i.i_ahk3,i.i_hbk3,i.i_gxk3,i.i_lk3{background-position:0 -1024px;}
i.i_4cjq,i.i_6cjq{background-position:0 -640px;}
i.i_rx9,i.i_6cbq{background-position:0 -704px;}
i.i_qlc{background-position:0 -448px;}
i.i_qxc{background-position:0 0;}
i.i_df61{background-position:0 -512px;}
i.i_jxssc{background-position:0 -896px;}
i.i_cq11x5{background-position:0 -1216px;}
i.i_ah11x5{background-position:0 -1344px}
.faq{ line-height:24px;}
.faq p{padding: 0 18px; text-align:left;}
.faq p.cu{ font-weight:bold; margin-top:10px; text-indent:0;}
.helbSBox{ margin:10px 30px; color:#666;}
.helpSList li{ border-bottom:1px solid #eee; padding:20px 0;}
.helpSList .guestReply { margin-top:15px;}
.helpSList .guestReply .title{ font-size:12px;}

 .servicePopupMask {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1000px;
     background: #000;
     opacity: 0.3;
     filter: alpha(opacity: 30);
     z-index: 10000
 }
 .servicePopup {
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        z-index: 10010;
        width: 440px;
        height: 290px;
        text-align: center;
        padding: 20px 0;
        margin: -165px 0 0 -220px;
        line-height: 20px;
    }                        
    .closeServicePopup {
        font-size: 24px;
        position: absolute;
        top: 10px;
        right: 10px;
        color: #b3b3b3;
    }
    .closeServicePopup:hover {
        color: #000;
        text-decoration: none;
    }


   .servicePopupHead{overflow: hidden; width:300px; margin: 0 auto;}
    .servicePopupHead h6 {
        padding-top: 25px;
        text-align: left;
        color: #666;
        font-size: 14px;
    }
    .servicePopupHead img { 
        float: left;              
        margin: 10px 20px;
        display: inline;
    }
    
 .servicePopupTable{ width:380px; height: 180px; margin: 10px auto 0;}
    .servicePopupTable li{float: left; width:118px; height: 88px;}
    .servicePopupTable li a{ display: block; width:100%; height:68px; border:1px solid #ddd;background: #f5f5f5; color: #004a80; font-size: 14px; line-height: 24px; padding-top:20px;}
    .servicePopupTable li a:hover{ background: #fff; color: #ed1c24; border-color: #d73333; position: relative; text-decoration: none;}