@charset "utf-8";
/* CSS Document */
.position{ line-height:40px; text-align:left; padding-left:10x; font-size:14px}
.reg_nav_frame{ background:url(../reg_images/loginnav_bj.jpg) repeat-x; margin-top:1px;}
.reg_wrapper{  position:relative; font-size:14px;}
.left_bj{ background:url(../reg_images/left_bj.jpg) no-repeat; width:14px; height:430px; left:0; top:0px; position:absolute}
.right_bj{ background:url(../reg_images/right_bj.jpg) no-repeat; width:14px; height:430px; right:0; top:0px; position:absolute}
.quick_title{ line-height:24px;background:url(../reg_images/hr.gif) repeat-x left bottom; padding-bottom:20px; margin-bottom:20px;}
.quick_title h3{ font-size:16px; margin-bottom:10px;}
.quote_csbox{ overflow:hidden; padding:0 10px; margin-bottom:40px;}
.tooltip{ margin-top:8px; cursor:pointer;
    position: unset;
    display: inline;
    opacity: 1;}
.quote_scbox{ margin-bottom:40px; overflow:hidden;zoom:1;}.quote_scbox .area_sc,.quote_scbox .quote_sc{ float:left; margin-right:20px; font-size:14px}
/*.quote_scbox .area_sc{ padding-top:3px;}*/
.quote_scbox .quote_sc{ padding-top:15px;}


.quote_sc span{ border-bottom:1px solid #ccc; line-height:30px; margin:0 5px; width:100px; zoom:1; display:inline-block}
.spec_box{ padding:10px; margin-bottom:40px; border:3px solid #f2f2f2; line-height:24px;}
.quote_note{ /*color:#369;*/ border-top:1px solid #f2f2f2; padding:20px 0;}
.q_a_box{ 
width: 60px;
    overflow: hidden;
    float: left;
    display: inline;
    font-size: 10px;
    height: 50px;
    margin-right: 5px;
}


.q_a_box .q_hover{ height:25px; line-height:25px; font-size:10px; color:#a0a0a0; overflow:hidden; cursor:pointer;text-align: center;    width: 100%;}
.q_a_box .q_blur{height: 25px;
    line-height: 25px;
    font-size: 10px;
    color: #a0a0a0;
    overflow: hidden;
    /* background: url(../user_images/q_hover.jpg) 0 15px; */
    cursor: pointer;
    text-align: center;
    width: 100%;}
.q_a_box2 .q_hover{ height:25px; line-height:25px; font-size:10px; color:#a0a0a0; overflow:hidden;  cursor:pointer; width: 100%;}
.q_a_box2 .q_blur{height:25px; line-height:25px; font-size:10px; color:#a0a0a0; overflow:hidden; cursor:pointer; width: 100%;}


.quote_button{ overflow:hidden; text-align:center; margin-bottom:20px; height:100%;}
.sub_button{ width:160px; height:45px; border:none; cursor:pointer;}
.sub_button_btn{height:45px; border:none; font-size: 16px;}
.quote_button span{ margin-right:20px;display:inline-block; width:160px; height:46px; overflow:hidden; zoom:1;}
.sub_button:active,.reset_button:active{ margin-top:1px; margin-left:1px;}
#tooltip{position:absolute;border:1px solid #767676;background:#fafafa;padding:5px;color:#333;display:none; z-index:9999;text-align:left}

.reset_button{ width:196px; height:45px; border:none; cursor:pointer}

.form_box_wrapper{ overflow:hidden; clear:both}
.form_box{ height:48px; padding:0 10px 0 0; margin-bottom:3px; vertical-align:middle;}
.lfform{ width:50%; float:left}
.riform{ width:50%;  float:left}
.more_box{ height:auto; margin-bottom:23px;}
.textarea_box{ height:82px;}
.more_box .content{ padding:10px 0; width:530px;}
.textarea_box p{ padding:5px 10px; color:#CCC; font-size:12px;}
.form_box label{ display:block; width:42%; height:34px; line-height:34px; float:left;}
.form_box .input{
    display:block;
    float:left;
    /*margin-right:10px;*/
    overflow:hidden;
    /*background:url(../reg_images/i1.gif) left center no-repeat; */
    height:34px;
    width:193px;
    text-align:center;
    vertical-align:middle;
    line-height:34px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
}

.form_box .refresh{ display:block; float:left; margin-right:20px; line-height:34px; height:34px;}
.form_box .textarea{ border:1px solid #e6e6e6; background-color:#f6f6f6; display:inline-block; zoom:1; overflow:hidden}
.form_box textarea{ width:295px; height:45px; border:4px solid #f6f6f6;resize: none;}
.form_box input{ height:24px;line-height:24px;*height:23px;*line-height:23px;border:0;width:177px; vertical-align:middle; margin-top:4px;*margin-top:3px;*margin-left:2px;}
.form_box select{ height:26px; border:0; width:95%; margin-top:4px; line-height:26px;}
.form_box .text_ts{ line-height:18px; display:block; height:18px; color:#CCC; clear:both; padding-left:10px; padding-top:3px;}
.form_box .text_error{float:left; height:40px; padding:3px 10px; line-height:18px;  margin:1px 20px 0 0; font-size:12px;}
.form_box .pw_str,.form_box .pw_str1,.form_box .pw_str2,.form_box .pw_str3,.form_box .pw_str4{ line-height:18px; float:left; margin-right:20px; font-size:12px; color:#cc9900; height:30px; background:url(../reg_images/pw1.gif) left bottom no-repeat; width:109px; padding-left:1px;}
.form_box .pw_str1{background:url(../reg_images/pw2.gif) left bottom no-repeat;}
.form_box .pw_str2{background:url(../reg_images/pw3.gif) left bottom no-repeat;}
.form_box .pw_str3{background:url(../reg_images/pw4.gif) left bottom no-repeat;}
.form_box .pw_str4{background:url(../reg_images/pw5.gif) left bottom no-repeat;}
.form_box .test_picbox{ height:31px; line-height:31px; margin-right:20px; float:left; padding-top:3px;}
.reg_step2 .nav{ background:url(../reg_images/nav1.jpg) top center no-repeat; position:relative; line-height:24px; padding-bottom:2px; height:24px; padding-left:25px; color:#FFF; font-weight:bold; margin-bottom:20px;}
.reg_step2_box,.login_box,.pw_recovery_box,.pw_reset_box{ padding:0 22px;}
.login_box,.pw_recovery_box,.pw_reset_box{ margin-top:20px;}
.test_box{ padding-left:22px; margin-top:20px;}

.user_button{ text-align:center; margin-top:20px; line-height:30px;}
.user_button input{ display:block; cursor:pointer;  width:196px; height:45px; margin:0 auto; line-height:45px; color:#FFF; background:url(../reg_images/user_button.jpg); border:0; font-size:14px; font-weight:bold; border:0;}
.agreement_box div{height:66px; overflow:auto;}
.agreement_box label{ padding-left:30px;}
.login_error,.agreement_box div,.pw_re_error,.reset_pw_error{ border:3px solid #f2f2f2; padding:10px; width:890px; margin-left:22px; font-size:12px;margin-top:20px;}
.white{background:url(../reg_images/white.jpg) no-repeat; width:180px; height:26px; display:inline-block;zoom:1; margin-top:4px}
.green{background:url(../reg_images/green.jpg) no-repeat; width:180px; height:26px; display:inline-block;zoom:1; margin-top:4px}

 .quick_photo{ position:absolute;width:330px; height:230px; padding:13px; background:#FFF; top:100px; right:15%; border:1px solid #c5bfae; z-index:0;}
 .q_photo_bj{ /*background:url(../quick_images/bj_g_2.jpg) no-repeat left bottom;*/ height:198px;}
 .q_photo_top{ background:url(../quick_images/top_g_01.png) no-repeat left bottom; height:192px; position:absolute; width:295px; z-index:2;}
 .q_photo_t{ background:url(../quick_images/top_t.png) no-repeat 29px bottom; height:60px; bottom:16px; position:absolute; width:295px; z-index:3;}
label{
    font-weight: unset;
}
/*自适应样式*/

@media(min-width: 0px) and (max-width: 991px) {
    .form_box_wrapper {
        border-top: 1px solid #e1e1e1;
    }
    .form_box{
        margin-bottom: 0px;
    }
    .lastWra{
        border-bottom: 1px solid #e1e1e1;
    }
    .riform{
        width: 100%;
        padding-left: 4px;
        padding-top: 6px;
        border-top: 1px solid #e1e1e1;
    }
    .tooltip{
        margin-left: 5px;
    }
    .reg_box{
        padding: 0px 0px;
    }
    .form_box label{
        /*width: 160px;*/
        line-height: 18px;
        width: 44%;
    }
    .form_box select{
        width: 95%;
    }
    .form_box .input{
        width: 49%;
    }
    .quote_scbox .area_sc{
        width: 100%;
        height: 100%;
        margin-bottom: 20px;
    }
    .quote_scbox .quote_sc{
        width: 100%;
        margin-bottom: 10px;
    }
    .lfform{
        width: 100%;
    }
    .quick_photo{
        position: unset;
        margin-bottom: 20px;
        position: static;
        width: 100%;
    }
    .green{
        width: 100%;
        background-size: 99% 100%;
    }
    .white{
        width: 100%;
        background-size: 99% 100%;
    }
    .left_bj{
        background: none;
    }
    .reg_wrapper{
        background: none;
    }
    .lfform{
        padding-top: 7px;
        padding-left: 5px;
    }
    .quick_photo{
        border: 0px;
        margin-bottom: 0px;
    }
    /*.q_photo_top{*/
        /*height: 120px;*/
    /*}*/
    .wra_back{
        background-color: #f5f7f7;
    }
    .quote_csbox{
        margin-bottom: 15px;
    }
    .area_sc{
        background-color: #f5f7f7;
        height: 60px;
        line-height: 51px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    .quote_scbox .area_sc select{
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        padding-right: 20px;
        padding-left: 8px;
        height: 30px;
        background: url(../images/icon_combobox.png) no-repeat scroll right center transparent;
        border: 1px solid #e1e1e1;
        background-position: 95% center;
    }

    .quote_scbox .area_sc input{
        height: 30px;
        border: 1px solid #e1e1e1;
    }

    .q_a_box{
        width: 100%;
        height: 50px;
        border: 0px;
        background: #fff;
        border-top: 1px solid #E8BA00;
        border-bottom: 1px solid #e1e1e1;
    }
    .q_a_box .q_hover{
        width: 20px;
        height: 25px;
        display: inline-block;
        margin-top: 10px;
        /*margin-right: 20px;*/
        background: url(../images/icon_radio_select1.png) no-repeat;
    }
    .q_a_box2 .q_hover{
        background: url(../images/icon_radio_default1.png) no-repeat;
    }
    .q_a_box .q_blur{
        width: 20px;
        height: 25px;
        display: inline-block;
        margin-top: 10px;
        background: url(../images/icon_radio_default1.png) no-repeat;
    }
    .q_a_box2 .q_blur{
        background: url(../images/icon_radio_select1.png) no-repeat;
    }
    .q_a_box2 .q_blur  ,.q_a_box .q_blur ,
    .q_a_box2 .q_hover  ,.q_a_box .q_hover {
        border: 0px;
    }
    .q_a_box2 .q_blur p ,.q_a_box .q_blur p,
    .q_a_box2 .q_hover p ,.q_a_box .q_hover p{
        display: none;
    }
    .quote_sc span{
        width: 100px;
        font-size: inherit;
    }
    .sub_button{
        background-color: #e8ba00;
        /*background: url(../images/QuoteNow.png) no-repeat scroll center center transparent;*/
        width: 90%;
        border-radius: 5px;
    }
    .reset_button{
        background-color: #e1e1e1;
        /*background: url(../images/Reset.png) no-repeat scroll center center transparent;*/
        width: 90%;
    }
    .quote_button span{
        margin: 5px;
        width: 45%;
        float: left;
    }
    .quote_scbox{
        margin-bottom: 10px;
    }
}
.backColor{
    background-color: #e1e1e1;
    height: 15px;margin: 0 -10px;
}
.form_box label{
    /*width: 160px;*/
    line-height: 30px;
    width: 44%;
}
.title_xs{
    border-top: 1px solid #eee;
    padding-top: 20px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}
.containerPaddingHeight{
    padding: 0px 10px;
    height: 180px;
}
/*.container_padding{
    padding: 0px 10px;
}*/
.container_padding label{
    margin-top: 10px;
    margin-right: 20px;
}
.container_padding input[type="radio"], input[type="checkbox"]{
    margin: -6px 15px 0px 0px;
}
.chooseQA{
    height: 40px;width: 100%;border-top: 2px solid #E8BA00;
}
.inilineOnly{
    display: inline;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 80px;
    font-size: 14px;
}
.iniline{
    display: inline;
    margin-left: 12px;
}
.inilineClear{
    display: inline-block;
    width: 82px;
}
.disShow{
    margin-left: 10px;
    margin-right: 20px;
}
.noteTitle{
    height: 40px;
    line-height: 40px;
}
.noteContent{
    height: 120px;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 16px;
    padding-left: 9px;
    color: #888888;
}
/*select:disabled{
    color: #717171;
    background-color: #e3e3e3;
}*/
.disSelectGreen{
    background: url(../inf_images/Green.png) no-repeat 3px;
    padding: 0 0 0px 20px;
}
.disSelectWhite{
    background: url(../inf_images/White.png) no-repeat 3px;
    padding: 0 0 0px 20px;
}