.bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0;_position:absolute;_top:expression(documentElement.scrollTop);_height:319px;}
.bg2{width:100%;height:100%;top:0;_height:319px;}
.header{height:55px;padding:0 30px 0 20px;position:fixed;width:910px;z-index:3;_position:absolute;_top:expression(documentElement.scrollTop)}

html {_background-image: url(about:blank);_background-attachment: fixed;_background-color:#fff}

.content{padding:0 0 15px;border:1px solid #3a7fa8;border-bottom-width:0;position:relative;z-index:1;background:#fff;}
.content_top{height:6px;}
.footer{border-top:4px solid #2a57aa;background:#fff;color:#333;text-align:center;font-size:12px;padding:8px 0;position:relative;z-index:1;}
.footer a{color:#315AAA;margin:0 5px;}
.footerLicense {height: 50px;margin: 10px auto;width: 550px;}
.footerLicense div {border: 1px solid #CCC;float: left;height: 45px;line-height: 16px;margin:0 5px;overflow: hidden;width: 120px;}
.footerLicense img {float: left;margin-left:5px;}
.footerLicense a{padding-top:5px;padding-right:5px;vertical-align:middle;color:#333;margin:0;}

.top_box{width:958px;height:55px;top:50px;position:fixed;z-index:3;_position:absolute;_top:expression(documentElement.scrollTop+54)}
.time_box,.page_box,.time_warn{height:55px;line-height:55px;border-top:1px solid #6f86ad;border-bottom:0;}
.time_box{font-size:15px;width:196px;text-align:center;border-left:1px solid #739ac3;}
.time_warn{font-size:15px;width:196px;text-align:center;border-left:1px solid #9d0b0f;}
.page_box{font-size:15px;width:746px;padding-left:15px;_padding-top:15px;_height:40px;}

#tb_page_type{background:url(/content/images/skin/_001/jd.png) no-repeat top;margin-right:8px;width:578px;height:11px;overflow:hidden;display:inline-block;padding-left:6px;vertical-align:middle;}
#tb_page_type i{background:url(/content/images/skin/_001/jd.png) no-repeat bottom right;display:inline-block;width:0%;height:11px;vertical-align:top;line-height:0;font-size:0;}

.main_box{min-height:400px;padding:105px 0 20px;}

.main{padding:0;}
.main .title_box{padding:12px 30px;color:#315aaa;background:url(/content/images/title_bg.png);border:0 solid #b9d7ea;border-width:1px 0;}
.main .title_box h3{font-size:20px;line-height:40px;}
.main .title_box h4{line-height:28px;font-size:16px;font-weight:normal;}
.page{padding-bottom:10px;}
.qusetion_box{margin:20px 40px 10px;padding:15px 0;border-bottom:1px solid #b9d7ea;}
.qusetion_box h5,.bs_subQuestions h5{font-weight:normal;}
.qusetion_box h5 img,.bs_subQuestions h5 img{margin:10px auto;display:block;max-width:600px;}
.main p{padding:10px 20px;}
select.options{padding:2px;width:100px;}
.options{padding:15px 0 10px 30px;}
.options span{padding:6px 0;}
.options span input{margin:6px 10px 0;_margin:1px 5px 0;cursor:pointer;float:left;display:inline;}
.options span label{cursor:pointer;float:left;}
.options span.w100b label{width:640px;}
.options span.label_img{padding-top:30px;}
.options span.label_img input{float:none;vertical-align:middle;margin-left:0;} 
.options span.label_img label{float:none;vertical-align:middle;}
.options span.label_img label img{border:1px solid #F3F8FC;vertical-align:middle;display:block;margin-left:25px;}
.options span.w25b label img{max-width:175px;}
.options span.w50b label img{max-width:350px;}
.options span.w100b label img{max-width:700px;}
.options span.label_img label.fc_blue3 img{border:1px solid #315AAA}
.border_bottom{border-bottom:1px solid #b9d7ea;margin:0 30px;}
.tip_box{padding:5px 5px 0!important;text-align:center;line-height:28px!important}
.tip_box em{background:#fff6d4;border:1px solid #ffcb08;padding:2px 5px;color:#f00;font-size:12px;position:relative;}
.tip_box em b{background:url(/content/images/tip.png) no-repeat;width:9px;height:6px;position:absolute;left:50%;margin-left:-5px;top:-5px;}


/*-  ��� -*/
.pd_title{line-height:24px;}
.pd_title span{float:left;width:45px;}
.pd_title p{width:650px;float:left;padding:0;}
.panduan_icon{padding-right:10px;}
.panduan_icon em{display:inline-block;vertical-align:middle;cursor:pointer;margin-right:5px;background:url(/content/images/icon_pd.png) no-repeat;width:23px;height:24px;}
.panduan_icon .pd_0{background-position:left top;}
.panduan_icon .pd_1{background-position:right top;}
.panduan_icon .pd_0:hover,.panduan_icon .pd_0_on,.panduan_icon .pd_0_on:hover{background-position:left bottom;}
.panduan_icon .pd_1:hover,.panduan_icon .pd_1_on,.panduan_icon .pd_1_on:hover{background-position:right bottom;}

/*- ���� -*/
.bs_subQuestions{margin:40px 30px 10px;line-height:2em;}
.bs_subQuestions img{margin:10px auto;display:block;}

/*- ˫��ѡ�� -*/
.doubleselect_box{padding:0 0 20px 50px;}
.doubleselect_box li{padding:5px 0;}

/*- ��ż�Ƚ� -*/
.table_box{width:678px;margin-bottom:30px;border-spacing:0;}
.table_box td,.table_box th{padding:3px;border:1px solid #999;background:#fff;}
.table_box th{font-weight:normal;background:#bdf;}

/*- ������ -*/
.textarea_box{width:100%;padding:10px;}
.textarea_box textarea{resize:none;width:99%;padding:3px;height:320px;border:1px solid #ccc;margin-bottom:3px;}

/*- DISC -*/
.table_disc{width:300px;margin:10px 0 10px 50px;border-spacing:0;}
.table_disc table td{padding:3px;height:20px;overflow:hidden;}
.table_disc table td input{cursor:pointer;vertical-align:middle;}

/*- BEST -*/
.table_best { width: 700px; margin: 10px 0 10px 50px; border-spacing: 0;}
.table_best table td {  padding: 3px;}
.table_best table td input { cursor: pointer; }
.table_best .table_right {text-align:left;width:540px; }
.option_table tr { height:25px;}

.btn_box{text-align:center;padding:20px 0 10px;}
.btn_box span{width:130px;height:40px;margin:0 10px;display:inline-block;}


.btn_box2{text-align:center;padding:20px 0 10px;}
.btn_box2 a{width:130px;height:40px;display:inline-block;line-height:40px;margin:0 10px;vertical-align:top;}
.btn_box2 #btn_next,.btn_box2 #btn_submit{width:300px;height:40px;display:inline-block;line-height:40px;vertical-align:middle;text-align:center;}
.btn_box2 span .btn_no{width:100%;height:40px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:top center;}
.btn_box2 span .btn_ok{width:100%;height:40px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:bottom center;cursor:pointer;}

.btn_box span i,.btn_box span a{width:100%;height:40px;color:#fff;background-repeat:no-repeat}
.btn_no{display:inline-block;background-position:top center}
.btn_ok{display:inline-block;background-position:bottom center}

/*- loading -*/
#loading_bg{position:fixed;_position:absolute;width:100%;height:100%;top:0;left:0;_height:expression(document.documentElement.clientHeight);background:#ccc;z-index:99998;opacity:0.3;filter:alpha(opacity=30)}
#loading_box{text-align:center;position:fixed;width:240px;padding-top:88px;background:url(/content/images/loading.gif) no-repeat center 20px #eee;left:50%;top:100px;margin-left:-120px;border-radius:10px;box-shadow:2px 2px 5px #999;z-index:99999;}

.loading_text{padding:5px 20px 15px;color:#333;}
.loading_btn{padding-bottom:15px;}
.loading_btn a{margin:0 auto;display:block;border:1px solid #2971a5;border-radius:3px;background:url(/content/images/submit.png) repeat-x;color:#444;font:bold 12px/26px 'arial';text-align:center;width:100px;height:26px;}

/* ������� */
.leave-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.documentElement.clientHeight);
    background-color: #fff;
    color: #000;
    z-index: 10;
    font-size: 48px;
    line-height: 72px;
    text-align: center;
    padding-top: 100px;
    }

.leave-mask > div {
        width: 100%;
        text-align: center;
    }

/*- BEST 题型 (Case 15) 一比一还原 UI 样式 -*/
.best-card {
    width: 100% !important; /* 宽度填充父容器 main_box */
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin: 20px 0 !important; /* 去除左右 margin，依靠父容器居中 */
    padding: 28px 36px;
    box-sizing: border-box !important;
    border: 1px solid #f0f0f0;
}

.best-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse;
}

.best-desc-table {
    width: 100% !important;
    text-align: left;
}

.best-group-title {
    color: #4A90E2;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px !important;
}

.best-option-desc {
    width: 700px !important;
    padding: 12px 0 !important;
    font-size: 15px;
    font-weight: normal;
    color: #222222;
    line-height: normal;

}

.best-dot {
    color: #222222;
    margin-right: 10px;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}

.best-option-table {
    width: 90px !important;
}

.best-header-text {
    font-size: 14px;
    color: #666;
    padding-bottom: 20px !important;
    text-align: center;
    white-space: nowrap;
}

.best-option-table td {
    height: 46px !important; /* 与描述行对齐 */
    text-align: center;
    vertical-align: middle;
}

.best-option-table tr:first-child td {
    height: auto !important;
}

.best-15 .best-option-table input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: relative;
}

.best-15 .best-option-table input[type="checkbox"]:checked {
    border-color: #4a90e2;
    background: #4a90e2;
}

.best-15 .best-option-table input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 隐藏原本可能干扰的边框或背景 */
.best-table, .best-table td, .best-table th {
    border: none !important;
    background: transparent !important;
}

/*- BEST 题型整体布局还原 -*/
.best-layout {
    background: linear-gradient(180deg, #D6EDFF 0%, rgba(226, 240, 255, 0) 26%), #F0F2F6 !important;
}

.best-layout html {
    background: transparent !important; /* 确保html背景透明，让body背景可见 */
}

.best-layout .bg, .best-layout .bg2 {
    display: none !important; /* 隐藏原有的背景图 */
}

.best-layout .header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;
    border: none !important;
    z-index: 100 !important;
    padding: 0 !important;
    background: transparent !important;
}

.best-layout .header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 940px;
    height: 60px;
    transform: translateX(-50%);
    background: url(/content/images/skin/_001/top.jpg) no-repeat center top;
    background-size: 940px 60px;
}

.best-layout .m.w960 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: transparent !important; /* 确保此容器背景透明 */
}

.best-layout .content {
    background: transparent !important; /* 确保此容器背景透明 */
    border: none !important; /* 移除可能存在的边框 */
}

.best-layout .top_box {
    top: 60px !important;
    background: #fff !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important; /* 更明显的阴影 */
    border: none !important;
    height: 90px !important; /* 增加高度使内容不拥挤 */
    width: 940px !important;
    margin: 0 auto !important;
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 99 !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.best-intro {
    display: none;
}

.best-intro-fixed {
    display: none;
}

.best-layout .top_box {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    height: 90px !important;
    padding: 0 40px !important;
}

.best-layout .top_box .best-top-row {
    display: flex;
    align-items: center;
    width: 100%;
}

.best-layout .best-intro-fixed {
    display: block;
    position: fixed;
    left: 50%;
    width: 940px;
    transform: translateX(-50%);
    top: calc(60px + 90px + 16px);
    margin: -17px 0 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 98;
}

.best-layout .best-intro-fixed.bs_subQuestions {
    /* margin: 0 !important; */
    line-height: normal !important;
}

.best-layout .best-intro-fixed h5 {
    margin: 0 !important;
    padding: 20px 0 10px 0 !important;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #E6F0F9;
}

.best-layout .best-intro-fixed h5.mb20 {
    margin-bottom: 0 !important;
}

.best-layout .main_box {
    padding-top: 0 !important;
}

.best-intro-spacer {
    display: none;
}

.best-layout .best-intro-spacer {
    display: block;
    height: 60px;
}

.best-layout .page_box {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    border: none !important;
    height: 100% !important;
    line-height: normal !important;
    font-size: 15px !important;
    color: #333 !important;
    padding: 0 !important;
    background: transparent !important; /* 确保无背景 */
}

.best-layout #tb_page_type {
    background: #f0f0f0 !important; /* 浅灰色背景 */
    background-image: none !important; /* 强制去除原有背景图 */
    width: 320px !important;
    height: 10px !important;
    border-radius: 5px !important;
    margin: 0 20px !important;
    display: inline-block !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    vertical-align: middle !important;
    border: none !important;
}

.best-layout #tb_page_type i {
    background: #4a90e2 !important; /* 蓝色进度 */
    background-image: none !important; /* 强制去除原有背景图 */
    height: 100% !important;
    display: block !important;
    border-radius: 5px !important;
    transition: width 0.4s ease !important;
    width: 0%;
}

.best-layout .time_box {
    background: transparent !important; /* 去除蓝色背景框 */
    background-image: none !important;
    border: none !important;
    height: auto !important;
    width: auto !important; /* 自适应宽度 */
    line-height: normal !important;
    color: #ff4d4f !important;
    font-weight: normal !important;
    font-size: 15px !important;
    margin-left: 30px !important;
    text-align: right !important;
}

.best-layout .time_box span {
    color: #ff4d4f !important;
    font-weight: bold !important;
}

.best-layout #tb_page_num, .best-layout #tb_page_allNum {
    color: #4a90e2 !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

/* 强制隐藏原本可能干扰的背景和边框 */
.best-layout .time_box.r, .best-layout .page_box.l {
    background: none !important;
    border: none !important;
}

.best-layout .main_box {
    padding-top: 130px !important;
    background: transparent !important;
    width: 940px !important; /* 宽度调整为与进度条 top_box 一致 */
    margin: 0 auto !important;
}

.best-layout .btn_box2 {
    background: transparent !important;
    width: 100% !important;
    text-align: right !important;
    margin-top: 16px !important;
    padding: 0 !important;
}

.best-layout .btn_box2 #btn_next, .best-layout .btn_box2 #btn_submit {
    border-radius: 8px !important;
    color: #fff !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 16px !important;
    width: 200px !important;
    transition: all 0.3s;
    margin: 0 !important;
    display: inline-block !important;
    float: none !important;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-family: "PingFang SC","Microsoft YaHei",Arial,Helvetica,sans-serif !important;
}

.best-layout .btn_box2 #btn_next.best-btn-enabled,
.best-layout .btn_box2 #btn_submit.best-btn-enabled {
    background: #4a90e2 !important;
    cursor: pointer;
}

.best-layout .btn_box2 #btn_next.best-btn-disabled,
.best-layout .btn_box2 #btn_submit.best-btn-disabled {
    background: #C9D6FF !important;
    cursor: not-allowed;
}

.best-layout .btn_box2 #btn_next::after,
.best-layout .btn_box2 #btn_submit::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
}

.best-layout .btn_box2 #btn_next::after {
    content: "\4E0B\4E00\9875";
}

.best-layout .btn_box2 #btn_submit::after {
    content: "\5B8C\6210";
}

.best-layout .btn_box2 .btn_no,
.best-layout .btn_box2 .btn_ok {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: none !important;
}

.best-layout .btn_box2 .btn_ok {
    pointer-events: none;
}

.best-layout .btn_box2 #btn_next.best-btn-disabled .btn_no,
.best-layout .btn_box2 #btn_submit.best-btn-disabled .btn_no {
    cursor: not-allowed;
}

.best-layout .btn_box2 .tip_box {
    display: none !important;
}



.leave-mask input {
        font-size: 24px !important;
        height: 40px;
        padding: 2px 15px !important;
        color: #fff;
        border: none;
        cursor: pointer;
        background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZDQjE1NDQ5OTlFODExRTM4MkRBQkUzODgzQzM2NzlEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZDQjE1NDRBOTlFODExRTM4MkRBQkUzODgzQzM2NzlEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkNCMTU0NDc5OUU4MTFFMzgyREFCRTM4ODNDMzY3OUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkNCMTU0NDg5OUU4MTFFMzgyREFCRTM4ODNDMzY3OUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAoAAsDAREAAhEBAxEB/8QAWgABAQEBAAAAAAAAAAAAAAAAAAcGCAEBAQEAAAAAAAAAAAAAAAAAAAQJEAACAwEBAQAAAAAAAAAAAAAAAZFSFRRRUxEBAQEBAQAAAAAAAAAAAAAAABITAXH/2gAMAwEAAhEDEQA/AO5e1eqWbByz2rh2r1SxJXGC1lcqz6ns1lcZ9LTDWf0UluaajWf0UjMpL9Z2Rbmno1nZDMpP+52cFc+JqO52cCfCn//Z') repeat-x; /*/Content/images/skin/_001/btn_bg.jpg*/
    }