/*底部swiper-page*/
/*.swiper-slide{ overflow: hidden; }
.swiper-slide .banner_img{ position: relative; }
.swiper-page{ position: absolute; bottom: 20px; z-index: 5;width: 100%; text-align: center; }
.swiper-pagination-switch{ position: relative; display: inline-block; margin:0 15px!important; border: 1px solid #fff; width: 10px; height: 10px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
.swiper-pagination-switch:after{ content: " "; display: block; position: absolute; left: 0; top: 0px; background: none; width: 100%; height: 100%; opacity: 1;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transition: transform .45s;
    -ms-transition: transform .45s;
    -moz-transition: transform .45s;
    -webkit-transition: transform .45s; }
.swiper-active-switch:after{background: #fff;
    transform: scale(0.75);
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75); }
*/

/*login page*/
.loginForm {
    z-index: 20;
    position: absolute;
    top: 101px;
    left: 50%;
    margin-left: 150px;
    padding: 36px 35px 35px;
    background-color: #fff;
}

.loginForm .formTxt {
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 1;
    color: #111;
}

.loginForm .formTxt img {
    float: left;
}

.loginForm .formTxt span {
    float: right;
    margin-top: 17px;
}

.loginForm .bar1 {
    position: relative;
    padding-left: 26px;
    border: 1px solid #ffcea5;
    font-size: 12px;
    line-height: 26px;
    background: #fffbed
}

.loginForm .bar1.warn {
    color: #f2423f;
    border-color: #f2423f;
    background-color: #ffebeb;
}

.loginForm .bar1 .alarmIco {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 14px;
    height: 14px;
    background-image: url(../img/icon.png);
    background-position: -175px -14px;
}

.loginForm .bar1.warn .alarmIco {
    background-position: -175px 0px;
}

.loginForm .inpbar {
    position: relative;
}

.loginForm .inpbar input {
    padding-left: 39px;
    border: 1px solid #e5e5e5;
    width: 278px;
    height: 38px;
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.loginForm .inpbar .VVfont {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 38px;
    width: 40px;
    font-size: 22px;
    text-align: center;
    color: #b2b2b2;
}

.loginForm .inpbar.p1 .VVfont {
    font-size: 20px;
}

.loginForm .bar3 {
    font-size: 14px;
    line-height: 14px;
}

.loginForm .bar3 .forget {
    float: right;
    color: #c0a46d;
}

.loginForm .subbtn {
    border: 0;
    width: 100%;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    background-color: #c0a46d;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.loginForm .bar4 {
    font-size: 14px;
    line-height: 14px;
}

.loginForm .bar4 .register {
    color: #c0a46d;
}

.loginForm .bar4 .register:hover {
    text-decoration: underline;
}

.login_bg {
    position: relative;
    height: 560px;
    background-color: #221a18;
}

.login_bg .login_swiper {
    height: 100%;
}

.login_bg .login_swiper .banner_img {
    width: 1920px;
    height: 560px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.loginGbox {
    padding: 79px 0 80px;
}

.wrap_5 {
    padding-bottom: 25px;
    background-color: #f6f6f6;
}

.wrap_5 .filterBox {
    padding: 0 21px;
    background-color: #fff;
}

.wrap_5 .filterBox .ftBar {
    position: relative;
    padding: 10px 83px;
    border-top: 1px dashed #e5e5e5;
    font-size: 14px;
    line-height: 25px;
}

.wrap_5 .filterBox .ftBar:first-child {
    border-top: none;
}

.wrap_5 .filterBox .ftTitle {
    position: absolute;
    top: 15px;
    left: 0;
    color: #808080;
}

.wrap_5 .filterBox .ftMore {
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 12px;
    color: #111;
    cursor: pointer;
}

.wrap_5 .filterBox .ftMore .VVfont {
    margin-left: 3px;
    font-size: 12px;
    line-height: 25px;
}

.wrap_5 .filterBox input {
    display: none;
}

.wrap_5 .filterBox .ftList {
    height: 35px;
    overflow: hidden;
    transition: height 200ms;
    -webkit-transition: height 200ms;
}

.wrap_5 .filterBox li {
    float: left;
    margin: 5px 7px;
}

.wrap_5 .filterBox .item {
    display: block;
    padding: 0 12px;
    color: #111;
    background: none;
    cursor: pointer;
}

.wrap_5 .filterBox .item.selected {
    line-height: 25px;
    color: #fff;
    background-color: #c0a46d;
}

.qna_box {
    width: 100%;
}

.qna_box .mb_box {
    float: left;
    padding: 9px 0 13px;
    width: 25%;
    border-left: 1px solid #e5e5e5;
    text-align: center;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.qna_box .mb_box:first-child {
    border-left: none;
}

.qna_box .mb_box .mb_img {
    margin: 0 auto;
    height: 68px;
    width: 72px;
    background-image: url(../img/member_icon.png);
    background-position: 0 0;
}

.qna_box .mb_box.box2 .mb_img {
    background-position: 0 -68px;
}

.qna_box .mb_box.box3 .mb_img {
    background-position: 0 -136px;
}

.qna_box .mb_box.box4 .mb_img {
    background-position: 0 -204px;
}

.qna_box .mb_box .p1 {
    margin-top: 33px;
    font-size: 20px;
    line-height: 20px;
    color: #111;
}

.qna_box .mb_box .p2 {
    margin-top: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #808080;
}

.regi_box {
    margin-top: 50px;
    padding-bottom: 70px;
    margin-bottom: 100px;
}

.wrap_7 {
    padding: 40px 0 0 40px;
}

.wrap_7 .regi_titile {
    font-size: 24px;
    line-height: 24px;
    color: #111;
    width: 280px;
}

.wrap_7 .input_bar {
    position: relative;
    margin-top: 20px;
    padding-left: 87px;
    height: 38px;
}

.wrap_7 .input_bar .bar_tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 71px;
    font-size: 14px;
    text-align: right;
    line-height: 38px;
    color: #111;
}

.wrap_7 .input_bar .star {
    margin-right: 7px;
    color: #ff6600;
}

.wrap_7 .input_bar .radio_input {
    display: none;
}

.wrap_7 .input_bar .radio_label {
    display: block;
    position: relative;
    float: left;
    margin-right: 37px;
    padding-left: 47px;
    font-size: 14px;
    line-height: 38px;
}

.wrap_7 .input_bar .radio_label .label_icon {
    display: block;
    position: absolute;
    top: 11px;
    left: 21px;
    width: 16px;
    height: 16px;
    background-image: url(../img/check_point.png);
    background-position: 0 0;
}

.wrap_7 .input_bar .radio_label .label_icon.selected {
    background-position: -16px 0;
}

.wrap_7 .input_bar .inp {
    float: left;
    padding: 0 10px;
    width: 258px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    border: 1px solid #e5e5e5;
}

.wrap_7 .input_bar .inp.vc_input {
    width: 99px;
}

.wrap_7 .input_bar .vc_img {
    float: left;
    margin-left: 12px;
    width: 145px;
    height: 36px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    cursor: pointer;
}

.wrap_7 .input_bar .warning_tip {
    position: absolute;
    left: 87px;
    bottom: -16px;
    margin-left: 0;
    padding-left: 0;
    line-height: 14px;
}

.wrap_7 .input_bar .warning_tip .icon {
    display: none;
}

.wrap_7 .read_agree {
    margin-top: 20px;
    padding-left: 87px;
    font-size: 14px;
    line-height: 14px;
}

.wrap_7 .read_agree a {
    color: #c0a46d;
}

.wrap_7 .subbtn {
    margin-top: 20px;
    padding-left: 87px;
}

.wrap_7 .subbtn input[type="submit"] {
    height: 38px;
    width: 280px;
    border: none;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    background-color: #c0a46d;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_7 .subbtn input[type="submit"]:disabled {
    background-color: #999;
}

.wrap_8 {
    padding-top: 96px;
    padding-right: 70px;
}

.wrap_8 .imgbox {
    width: 400px;
    height: 360px;
    overflow: hidden;
}

.wrap_8 .subbox {
    padding: 30px 30px 30px 40px;
    background-color: #f8f8f8;
}

.wrap_8 .subbox .qr_code {
    margin-right: 16px;
    width: 102px;
    height: 102px;
}

.wrap_8 .subbox .p1 {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #c0a46d;
}

.wrap_8 .subbox .p2 {
    margin-top: 16px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
}

.wrap_10 {
    padding-top: 196px;
    background-color: #fff;
}

.wrap_10 .top_form {
    padding: 40px 0 20px;
}

.wrap_10 .top_form .box1 {
    float: left;
    font-size: 14px;
}

.wrap_10 .top_form .box1 .p1 {
    position: relative;
    z-index: 10;
}

.wrap_10 .top_form .box1 .p2 {
    display: none;
    margin-top: 15px;
}

.wrap_10 .top_form .box1 .inp1 {
    position: relative;
    float: left;
    width: 310px;
}

.wrap_10 .top_form .hm-angle-down,
.wrap_10 .top_form .hm-angle-up {
    position: absolute;
    top: 42px;
    right: 15px;
    font-size: 13px;
    line-height: 1;
    pointer-events: none;
}

.wrap_10 .top_form .box1 .inp2 {
    position: relative;
    float: left;
    margin-left: 20px;
    width: 310px;
}

.wrap_10 .top_form .input,
.selectBox .selectTxt {
    display: block;
    padding: 0 15px;
    width: 100%;
    line-height: 48px;
    height: 50px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 15px;
    color: #333;
}

.selectBox .selectModel {
    top: 73px;
}

.wrap_10 .top_form .box1 .inp2 .ht_date_val {
    position: absolute;
    visibility: hidden;
    bottom: 0;
    left: 0;
}

.wrap_10 .top_form .box1 .p1 .inp2 .icon {
    position: absolute;
    right: 15px;
    top: 38px;
    background-position: -200px -40px;
    width: 21px;
    height: 21px;
}

.wrap_10 .top_form .inp_tt {
    margin-bottom: 10px;
    line-height: 14px;
    color: #666;
}

.wrap_10 .top_form .room_number .p1 {
    position: relative;
    z-index: 1;
    padding: 0 10px;
    width: 100%;
    line-height: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    background-color: transparent;
    box-sizing: border-box;
    font-size: 15px;
}

.wrap_10 .top_form .room_number.open:hover {
    background-color: #fff;
}

.wrap_10 .top_form .room_number .room_layer .inp_tt {
    float: left;
    line-height: 52px;
}

.wrap_10 .top_form .room_number .room_layer {
    display: none;
    position: absolute;
    z-index: 12;
    top: 73px;
    left: 0;
    padding: 20px;
    width: 310px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    box-sizing: border-box;
}

.wrap_10 .top_form .room_number .room_layer .bar {
    margin-top: 15px;
}

.wrap_10 .top_form .room_number .room_layer .bar:first-child {
    margin-top: 0;
}

.wrap_10 .top_form .room_number input {
    float: left;
    position: relative;
    z-index: 5;
    width: 46px;
    height: 50px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #333;
    font-size: 20px;
}

.wrap_10 .top_form .room_number .room_layer .inp_line {
    position: relative;
    float: right;
    width: 160px;
    height: 52px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.wrap_10 .top_form .room_number .room_layer .on_txt {
    position: absolute;
    line-height: 38px;
    top: 0;
    left: 30px;
}

.wrap_10 .top_form .room_number .room_layer .r_box {
    float: left;
    width: 56px;
    line-height: 50px;
    font-size: 15px;
    color: #333;
    cursor: pointer;
    text-align: center;
}

.wrap_10 .top_form .room_number .room_layer .r_box.btn_disable {
    color: #d2d2d2;
}

.wrap_10 .top_form .room_number .room_layer .r_box:active {
    background-color: #e5e5e5;
}

.wrap_10 .top_form .room_number .room_layer .r_box.btn_disable:active {
    background-color: #f6f6f6;
}

.wrap_10 .top_form .room_number .room_layer .VVfont {
    font-weight: bold;
}

.wrap_10 .top_form .update_btn {
    float: left;
    margin-top: 24px;
    margin-left: 20px;
    height: 50px;
    width: 160px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #c0a46d;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_10 .top_form .update_btn:hover {
    background-color: #c0a46d;
}

.wrap_10 .top_form .update_btn.map {
    margin-left: 10px;
    border: 1px solid #c0a46d;
    line-height: 36px;
    color: #c0a46d;
    background-color: #fff;
}

.wrap_10 .top_form .update_btn.map:hover {
    color: #fff;
    background-color: #c0a46d;
}

.wrap_10 .top_form .open_line {
    margin-top: 24px;
    text-align: center;
    font-size: 0;
}

.wrap_10 .top_form .open_p {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #c0a46d;
    cursor: pointer;
}

.wrap_10 .top_form .open_p .gicon {
    display: inline-block;
    margin-left: 5px;
    width: 7px;
    height: 4px;
    background-position: -13px -200px;
}

.wrap_10 .top_form.open .open_p .gicon {
    background-position: 0 -200px;
}

.selectBox .link_map {
    margin: 0 17px;
    border-top: 1px dashed #e5e5e5;
    line-height: 56px;
}

.selectBox .link_map a {
    color: #c0a46d;
    font-size: 14px;
}

.selectBox .link_map i {
    color: #999;
    font-size: 12px;
    margin-right: 5px;
}

.wrap_10 .top_form.booking .box1 .inp1 {
    width: 250px;
}

.wrap_10 .top_form.booking .box1 .inp2 {
    width: 180px;
}

.wrap_10 .top_form.booking .update_btn {
    width: 110px;
}

.wrap_10 .process {
    position: relative;
}

.wrap_10 .process .pc_box {
    float: left;
    position: relative;
    z-index: 5;
    width: 25%;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #808080;
}

.wrap_10 .process .pc_box:before {
    content: '';
    z-index: 5;
    position: absolute;
    top: 7px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #c0a46d;
}

.wrap_10 .process .pc_box i {
    position: relative;
    z-index: 10;
    display: block;
    margin: 0 auto 8px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 50%;
}

.wrap_10 .process .pc_box.current,
.wrap_10 .process .pc_box.pass {
    color: #c0a46d;
}

.wrap_10 .process .pc_box.current:before {
    width: 50%;
}

.wrap_10 .process .pc_box.current i {
    background-color: #c0a46d;
    border-color: #c0a46d;
}

.wrap_10 .process .pc_box.pass:before {
    width: 100%;
}

.wrap_10 .process .pc_box.pass .icon {
    background-position: -195px -16px;
}

.wrap_10 .process .line {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    height: 2px;
    background-color: #ddd;
}

.wrap_11 {
    min-height: 500px;
    padding-bottom: 20px;
}

.wrap_11 .ht_list_box .result_title {
    padding: 50px 0 30px;
    font-size: 20px;
    line-height: 1;
    color: #111;
}

.wrap_11 .ht_list_box .result_title b {
    color: #c0a46d;
    margin: 0 5px;
}

.wrap_11 .ht_list_box .result_filter {
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    color: #666;
    background-color: #fff;
}

.wrap_11 .ht_list_box .result_filter span {
    float: left;
    margin-right: 30px;
    font-size: 14px;
    cursor: pointer;
}

.wrap_11 .ht_list_box .result_filter span.select {
    color: #c0a46d
}

.wrap_11 .ht_list_box .result_filter span.p2 {
    margin: 17px 30px 13px 0;
    padding-right: 12px;
    line-height: 14px;
    background: url(../img/filter_use.png) right 0 no-repeat;
}

.wrap_11 .ht_list_box .result_filter span.up {
    background-position-y: -14px;
}

.wrap_11 .ht_list_box .result_filter span.down {
    background-position-y: -28px;
}

.wrap_11 .ht_list_box .result_filter .tele_tip {
    font-size: 14px;
    color: #333;
}

.wrap_11 .ht_list_box .result_filter .tele_tip i {
    vertical-align: middle;
}

.wrap_11 .ht_list_box .result_filter .tele_tip b {
    color: #c0a46d;
    font-size: 16px;
    margin-left: 8px;
}

.wrap_11 .ht_list_box .ht_list li {
    margin-top: 30px;
    padding: 20px 0 20px 20px;
    background-color: #fff;
}

.wrap_11 .ht_list_box .hotel_img {
    position: relative;
    margin-right: 20px;
    width: 314px;
    height: 230px;
}

.wrap_11 .ht_list_box .hotel_img img {
    width: 100%;
    height: 100%;
}

.wrap_11 .ht_list_box .hotel_img .gallery_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 6px;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    background: url(../img/bg.png);
    cursor: pointer;
}

.wrap_11 .ht_list_box .hotel_img .icon {
    width: 28px;
    height: 28px;
    background-position: -175px -55px;
    cursor: pointer;
}

.wrap_11 .ht_list_box .hotel_info {
    width: 440px;
    overflow: hidden;
}

.wrap_11 .ht_list .p1 {
    display: block;
    margin-top: -4px;
    font-size: 24px;
    line-height: 30px;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrap_11 .ht_list .p1:hover {
    color: #c0a46d;
}

.wrap_11 .ht_list .p2 {
    margin-top: 5px;
    font-size: 14px;
    line-height: 14px;
    color: #c0a46d;
}

.wrap_11 .ht_list .p2 .icon {
    float: left;
    margin-right: 3px;
    width: 17px;
    height: 13px;
    background: url(../img/xing.png) 0 0 repeat-x;
    position: relative;
}

.wrap_11 .ht_list .p2 .icon div {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 13px;
    background-color: #FFF;
    filter: Alpha(opacity=50);
    opacity: 0.5;
}

.wrap_11 .ht_list .p2 .icon-b div {
    display: block;
}

.wrap_11 .ht_list .p2 .icon.lv10 {
    width: 169px;
}

.wrap_11 .ht_list .p2 .icon.lv9 {
    width: 152px;
}

.wrap_11 .ht_list .p2 .icon.lv8 {
    width: 135px;
}

.wrap_11 .ht_list .p2 .icon.lv7 {
    width: 118px;
}

.wrap_11 .ht_list .p2 .icon.lv6 {
    width: 101px;
}

.wrap_11 .ht_list .p2 .icon.lv5 {
    width: 84px;
}

.wrap_11 .ht_list .p2 .icon.lv4 {
    width: 67px;
}

.wrap_11 .ht_list .p2 .icon.lv3 {
    width: 50px;
}

.wrap_11 .ht_list .p2 .icon.lv2 {
    width: 33px;
}

.wrap_11 .ht_list .p2 .icon.lv1 {
    width: 16px;
}

.wrap_11 .ht_list .p3 {
    margin-top: 5px;
    max-height: 72px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    overflow: hidden;
}

.wrap_11 .ht_list .p3 a {
    color: #c0a46d;
}

.wrap_11 .ht_list .p4 {
    line-height: 24px;
    font-size: 14px;
    color: #333;
    position: relative;
    padding-left: 20px;
}

.wrap_11 .ht_list .p4 .VVfont {
    position: absolute;
    top: 1px;
    left: 0;
    margin-right: 5px;
    line-height: inherit;
    color: #c0a46d;
    font-size: 16px;
}

.wrap_11 .ht_list .p4_1 {
    margin-top: 10px;
}

.wrap_11 .ht_list .p4_1 .VVfont {
    left: -1px;
}

.wrap_11 .ht_list .p4_2 {
    padding-top: 4px;
}

.wrap_11 .ht_list .p5 {
    padding-top: 9px;
}

.wrap_11 .ht_list .p5 a {
    float: left;
    margin-right: 10px;
    height: 32px;
    width: 22px;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #c0a46d;
}

.wrap_11 .hotel_price {
    position: relative;
    padding: 0 40px;
    border-left: 1px dashed #e5e5e5;
    height: 230px;
    width: 184px;
}

.wrap_11 .hotel_price .pr_nm {
    padding-top: 65px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #111;
}

.wrap_11 .hotel_price .pr_nm span {
    display: inline-block;
    font-size: 18px;
    color: #c0a46d;
    margin: 0 3px;
}

.wrap_11 .hotel_price .pr_nm .num {
    font-size: 28px;
    margin-left: 0;
}

.wrap_11 .hotel_price .pr_nm.pr2 {
    height: 30px;
    text-align: center;
}

.wrap_11 .hotel_price .pr_nm.pr2 i {
    top: 0;
    margin-right: 8px;
    font-size: 30px;
    color: #d5d5d5;
}

.wrap_11 .hotel_price .pr_nm.pr2 .r-txt {
    vertical-align: top;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    color: #808080;
}

.wrap_11 .hotel_price .pr_nm.pr2 .r-txt .p-2 {
    font-size: 14px;
    color: #c0a46d;
    font-weight: bold;
}

.wrap_11 .hotel_price .link_btn {
    display: inline-block;
    margin-top: 20px;
    width: 184px;
    font-size: 16px;
    line-height: 44px;
    height: 46px;
    text-align: center;
    color: #fff;
    background-color: #c0a46d;
    border: 1px solid #c0a46d;
    box-sizing: border-box;
}

.wrap_11 .hotel_price .link_btn.btn2 {
    color: #c0a46d;
    background-color: transparent;
}

.wrap_11 .hotel_price .link_btn:hover {
    background-color: #c0a46d;
}

.wrap_11 .hotel_price .link_btn.btn2:hover {
    color: #fff;
}

.wrap_11 .hotel_price .link_btn.disable {
    background-color: #999;
}

.wrap_14 {
    padding: 5px 0 100px;
}

.wrap_14 .pack_base {
    padding-top: 25px;
}

.wrap_14 .base_l .p1 {
    font-size: 24px;
    line-height: 24px;
    color: #111;
}

.wrap_14 .base_l .p2 {
    margin-top: 22px;
    font-size: 14px;
    line-height: 14px;
    color: #808080;
}

.wrap_14 .base_r {
    padding-top: 5px;
    font-size: 14px;
    line-height: 14px;
}

.wrap_14 .base_r span {
    font-size: 18px;
    color: #c0a46d;
}

.wrap_14 .base_r span.num {
    font-size: 24px;
}

.wrap_14 .base_r .linkbtn {
    float: right;
    margin-top: 6px;
    display: block;
    height: 38px;
    width: 140px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #c0a46d;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_14 .pack_img {
    margin-top: 30px;
    width: 100%;
}

.wrap_14 .pack_img img {
    vertical-align: top;
    width: 100%;
}

.wrap_14 .pack_intro {
    margin-top: 22px;
    font-size: 14px;
    line-height: 30px;
    color: #333;
}



.video_wrap {
    margin-top: 60px;
}

.video_wrap .classify {
    font-size: 14px;
    line-height: 14px;
    color: #333;
}

.video_wrap .classify a {
    margin-right: 20px;
    color: #333;
}

.video_wrap .classify a.current {
    color: #c0a46d;
}

.video_wrap .classify a span {
    color: #999;
}

.video_wrap .video_list {
    margin-top: 30px;
    margin-bottom: 70px;
    width: 1020px;
}

.video_wrap .video_list li {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #efefef;
}

.video_wrap .video_list li img {
    transition: transform .45s;
    -ms-transition: transform .45s;
    -moz-transition: transform .45s;
    -webkit-transition: transform .45s;
}

.video_wrap .video_list li:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.video_wrap .video_list .img_box {
    position: relative;
    width: 320px;
    height: 230px;
    overflow: hidden;
}

.video_wrap .video_list .video_ico {
    position: absolute;
    z-index: 10;
    top: 80px;
    left: 125px;
    width: 70px;
    height: 70px;
    background: url(../img/play_icon.png);
}

.video_wrap .video_list .text_line {
    padding: 0 20px;
    width: 280px;
    font-size: 16px;
    line-height: 45px;
    color: #111;
    background-color: #fff;
}

.site_map {
    padding: 60px 0 100px;
}

.site_map .tt_line {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}

.site_map .site_list_box {
    margin-top: 32px;
}

.site_map .site_list_box .site_nav {
    padding-left: 22px;
    width: 143px;
    min-height: 310px;
    border-left: 1px solid #e5e5e5;
}

.site_map .site_list_box .site_nav:first-child {
    padding-left: 0;
    border-left: 0;
}

.site_map .site_list_box .tt {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.site_map .site_list_box ul {
    padding-top: 12px;
}

.site_map .site_list_box li {
    margin-top: 18px;
    padding-left: 10px;
    background: url(../img/list_angle.png) left center no-repeat;
    font-size: 14px;
    line-height: 14px;
}

.site_map .site_list_box a {
    color: #333;
}

.site_map .site_list_box a:hover {
    color: #c0a46d;
}

.policy_box {
    padding: 50px 100px 100px;
    font-size: 14px;
    line-height: 2;
    color: #666;
}

/*预订页面*/
.room_box {
    display: flex;
    flex-direction: row;
    padding-top: 50px;
    font-size: 14px;
}

.book-1 {
    width: 330px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 20px;
}

.book-1 .box1 .info {
    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
}

.book-1 .box1 .info1 {
    border-top: 0;
}

.book-1 .box1 .info1 .p1 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

.book-1 .box1 .info1 .p2 {
    margin-top: 9px;
    position: relative;
    padding-left: 22px;
    min-height: 21px;
}

.book-1 .box1 .info1 .p2 i {
    font-size: 16px;
    width: 22px;
    color: #c0a46d;
    position: absolute;
    left: 0;
    top: 4px;
}

.book-1 .box1 .info1 .p3 {
    margin-top: 17px;
    line-height: 1;
}

.book-1 .box1 .info1 .p3 a {
    color: #c0a46d;
}

.book-1 .box1 .tt_line {
    font-size: 20px;
    line-height: 1;
    padding-bottom: 14px;
}

.book-1 .box1 .info2 .li {
    position: relative;
    padding-left: 80px;
    font-size: 13px;
    line-height: 30px;
    color: #666;
}

.book-1 .box1 .info2.b-2 .li {
    margin-top: 6px;
}

.book-1 .box1 .info2.b-2 .li:first-child {
    margin-top: 0;
}

.book-1 .box1 .info2 .tt {
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    font-weight: 700;
}

.book-1 .box1 .info3 .p1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #333;
}

.book-1 .box1 .info3 .p2 {
    margin-top: 10px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 14px;
    color: #666;
}

.book-1 .box1 .info3 .p2 .zj {
    float: right;
    font-size: 16px;
    color: #c0a46d;
    line-height: 1;
    margin-top: -2px;
}

.book-1 .box1 .info3 .p2 .zj span {
    font-size: 22px;
}

.book-1 .box1 .info4 .p1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

.book-1 .box1 .info4 .p2 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 1;
    color: #c0a46d;
    font-weight: 700;
}

.book-1 .box1 .info4 .p2 .d1 {
    font-size: 30px;
}

.book-1 .box1 .info .linkbtn {
    display: block;
    margin-top: 20px;
    width: 160px;
    height: 40px;
    border: 1px solid #c0a46d;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #c0a46d;
    font-weight: 700;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.book-1 .box1 .info .linkbtn:hover {
    color: #fff;
    background-color: #c0a46d;
}

.book-2 {
    flex: 1;
    margin-left: 20px;
}

.book-3 {
    line-height: 1;
}

.book-3 .d-1 .p2 {
    display: inline-block;
    margin-left: 10px;
    color: #c0a46d;
    padding-right: 12px;
    background: url(../img/filter_use.png) right -14px no-repeat;
    cursor: pointer;
}

.book-3 .d-1 .p2.down {
    background-position-y: -28px;
}

.book-3 .d-2 {
    color: #c0a46d;
}

.book-3 .d-2 .icon {
    float: left;
    margin-top: 1px;
    margin-right: 4px;
    width: 11px;
    height: 11px;
    background-position: -91px -95px;
}

.book-4 .list {
    margin-top: 12px;
    background: #fff;
}

.book-4 .top {
    padding: 20px;
}

.book-4 .top .d-1 {
    width: 232px;
    height: 130px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.book-4 .top .d-2 {
    width: 320px;
    padding-left: 20px;
    float: left;
}

.book-4 .top .d-2 .d1 {
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}

.book-4 .top .d-2 .d2 {
    line-height: 22px;
    font-size: 12px;
    padding-top: 14px;
    color: #666;
}

.book-4 .top .d-2 .d3 {
    font-size: 12px;
    line-height: 14px;
    color: #808080;
    padding-top: 15px;
}

.book-4 .top .d-2 .d3 .radioL {
    margin-left: 30px;
}

.book-4 .top .d-2 .d3 .radioL:first-child {
    margin-left: 0;
}

.book-4 .top .d-2 .d3 label {
    float: left;
    cursor: pointer;
}

.book-4 .top .d-2 .d3 input {
    display: none;
}

.book-4 .top .d-2 .d3 .checkBox {
    float: left;
    margin-right: 7px;
    width: 14px;
    height: 14px;
    background: url(../img/check_point.png) 0 0 no-repeat;
}

.book-4 .top .d-2 .d3 .checked .checkBox {
    background-position-x: -14px;
}

.book-4 .top .d-3 {
    width: 160px;
    text-align: center;
    float: right;
}

.book-4 .top .d-3 .d1 {
    line-height: 1;
}

.book-4 .top .d-3 .d1 .s1 {
    font-size: 18px;
    color: #c0a46d;
}

.book-4 .top .d-3 .d1 .s2 {
    font-size: 22px;
    color: #c0a46d;
}

.book-4 .top .d-3 .d1 .s3 {
    font-size: 12px;
    color: #999;
}

.book-4 .top .d-3 .d1-member {
    color: #333;
    font-size: 14px;
    padding-top: 5px;
    line-height: 1;
}

.book-4 .top .d-3 .d1-member .s3 {
    font-size: 13px;
}

.book-4 .top .d-3 .d3 {
    padding: 14px 0;
}

.book-4 .top .d-3 .d2 {
    color: #1e3e67;
    font-size: 14px;
}

.book-4 .bot {
    display: none;
    padding: 0 20px 20px;
}

.book-4 .bot .box {
    background: #fafafa;
    padding: 20px;
    margin-top: 20px;
    font-size: 13px;
    position: relative;
}

.book-4 .bot .box:first-child {
    margin-top: 0;
}

.book-4 .bot .d-1 {
    width: 330px;
    padding-bottom: 20px;
    float: left;
}

.book-4 .bot .d-1 .d1 {
    font-size: 24px;
    line-height: 1;
}

.book-4 .bot .d-1 .d2 {
    padding-top: 8px;
}

.book-4 .bot .d-1 .d3 {
    padding-top: 20px;
    line-height: 14px;
    color: #c0a46d;
    cursor: pointer;
}

.book-4 .bot .d-1 .d3 .icon {
    display: inline-block;
    margin-left: 7px;
    width: 4px;
    height: 7px;
    background-position: -87px -95px;
}

.book-4 .bot .d-2 {
    float: right;
}

.book-4 .bot .d-2 .d1 {
    padding: 0 20px;
    font-size: 14px;
    color: #000;
    line-height: 1;
}

.book-4 .bot .d-2 .d1 .row.r2 {
    padding: 10px 0;
    border-top: 1px dotted #e5e5e5;
    line-height: 18px;
}

.book-4 .bot .d-2 .d1 .dL,
.book-4 .bot .d-2 .d1 .dR {
    float: left;
    position: relative;
}

.book-4 .bot .d-2 .d1 .dR {
    text-align: right;
    float: right;
}

.book-4 .bot .d-2 .d1 .txt1 {
    font-size: 14px;
    line-height: 14px;
    color: #000;
}

.book-4 .bot .d-2 .d1 .txt2 {
    font-size: 18px;
    color: #c0a46d;
    margin:0 4px;
}

.book-4 .bot .d-2 .d1 .txt2 span {
    font-size: 24px;
}

.book-4 .bot .d-2 .d1 .txt3 {
    font-size: 12px;
    line-height: 12px;
    padding-top: 7px;
}

.book-4 .bot .d-2 .d1 .txt3 .s-1 {
    color: #c0a46d;
    cursor: pointer;
}

.book-4 .bot .d-2 .d1 .txt4 {
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.book-4 .bot .d-2 .d1 .txt5 {
    font-size: 18px;
    line-height: 18px;
    color: #c0a46d;
}

.book-4 .bot .d-2 .d1 .txt5 .t2 {
    font-size: 24px;
}

.book-4 .bot .d-2 .d2 {
    padding-top: 20px;
}

.book-4 .bot .d-2 .d2 .dR {
    float: right;
}

.book-4 .bot .d-2 .d2 .dR .bookBtn {
    background: #c0a46d;
    border-color: #c0a46d;
    color: #fff;
    font-size: 14px;
}

.book-4 .bot .d-2 .d2 .dR .bookBtn.disable {
    background: #999;
    border-color: #999;
    color: #fff;
}

.eachDay {
    margin-left: -240px;
    padding: 0 0 20px 0;
    width: 480px;
    overflow: hidden;
}

.eachDay .title {
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 14px;
    color: #000;
    background: #f4f4f4;
    padding: 0 20px;
}

.eachDay .title span {
    display: inline-block;
    padding-right: 20px;
}

.eachDay ul {
    max-height: 312px;
    margin-top: 15px;
    padding-left: 20px;
    overflow: auto;
}

.eachDay li {
    float: left;
    width: 82px;
    height: 68px;
    text-align: right;
    margin: 5px 5px 0 0;
    color: #000;
    border: 1px solid #e8e8e8;
}

.eachDay li .p1 {
    padding-right: 10px;
    font-size: 12px;
    line-height: 24px;
    background-color: #fafafa;
}

.eachDay li .p2 {
    padding-top: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 12px;
}

.eachDay li .p3 {
    margin-top: 2px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 12px;
    color: #c0a46d;
}

.book-6 {
    padding: 30px 0;
}

.book-6 .title {
    font-size: 22px;
    padding-bottom: 15px;
    line-height: 1;
    border-bottom: 1px solid #e5e5e5;
}

.book-6 .title .tips {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}

.book-6 .title .tips a {
    margin-left: 4px;
    color: #c0a46d;
}

.book-6 .form_box {
    margin-top: 30px;
}

.book-6 .form_box .row {
    position: relative;
    padding-left: 200px;
    margin-top: 12px;
}

.book-6 .form_box .row:first-child {
    margin-top: 0;
}

.book-6 .form_box .row .warning_tip {
    line-height: 32px;
}

.book-6 .form_box .tt {
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
    width: 180px;
    font-size: 14px;
    line-height: 46px;
    color: #666;
}

.book-6 .form_box .tt span {
    display: inline-block;
    width: 13px;
    color: #ff6600;
}

.book-6 .form_box .inp_bar .inp {
    position: relative;
    float: left;
    width: 380px;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
}

.book-6 .form_box .inp_bar .inp1 {
    width: 240px;
}

.book-6 .form_box .inp_bar .inp2 {
    margin-left: -1px;
    width: 140px;
}

.book-6 .form_box .inp_bar .inp3 {
    width: 221px;
    margin-left: -1px;
}

.book-6 .form_box .inp_bar .inp3:first-child {
    margin-left: 0;
    width: 160px;
}

.book-6 .form_box .inp_bar .input1 {
    padding: 0 15px;
    width: 100%;
    height: 46px;
    line-height: 44px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    color: #333;
}

.book-6 .form_box .textarea_inp {
    width: 380px;
    height: 120px;
}

.book-6 .form_box .textarea_inp textarea {
    padding: 5px 10px;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.book-7 {
    font-size: 14px;
}

.book-7 .tt {
    padding-top: 50px;
    font-size: 20px;
    line-height: 20px;
}

.book-7 .xyk_box {
    margin-top: 10px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #ddd;
    color: #595959;
}

.book-7 .xyk_box .s-1 {
    float: right;
    font-size: 12px;
    line-height: 48px;
    color: #c0a46d;
    cursor: pointer;
}

.book-7 .xyk_box .cardinfo2 {
    border-top: 1px dashed #e5e5e5;
    margin-left: 25px;
    padding: 20px 0;
}

.book-7 .label_pay2 {
    float: left;
    line-height: 48px;
}

.book-7 .label_pay2 .checkBox {
    float: left;
    margin-top: 16px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url(../img/check_point2.png) 0 0 no-repeat;
}

.book-7 .label_pay2.checked .checkBox {
    background-position-x: -16px;
}

.book-7 .label_pay2 input {
    display: none;
}

.book-7 .label_pay2 i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 20px;
    height: 20px;
    background: url(../img/wx.png) 0 0 no-repeat;
    margin-left: 10px;
}

.book-7 .label_pay2 .i1 {
    margin-left: 20px;
}

.book-7 .label_pay2 .i2 {
    background-image: url(../img/zfb2.png);
}

.book-7 .label_pay2 .i3 {
    background-image: url(../img/yl.png);
    width: 33px;
}

.book-7 .cardinfo2 .inp_line {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 32px;
}

.book-7 .cardinfo2 .inp_line:first-child {
    margin-top: 0;
}

.book-7 .cardinfo2 .inp_line.date .dw {
    margin-right: 10px;
    line-height: 30px;
}

.book-7 .cardinfo2 .inp_line .warning_tip {
    line-height: 32px;
}

.book-7 .cardinfo2 .lb {
    float: left;
    margin-right: 15px;
    cursor: pointer;
}

.book-7 .cardinfo2 .lb img {
    position: relative;
    top: 1px;
}

.book-7 .cardinfo2 .span_input {
    float: left;
    padding-right: 40px;
    width: 118px;
    text-align: right;
}

.book-7 .cardinfo2 .span_input span {
    margin-right: 5px;
    color: #ff6600;
}

.book-7 .cardinfo2 .book_input {
    float: left;
    height: 32px;
    width: 250px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.book-7 .cardinfo2 .info {
    left: 310px;
    margin-top: 4px;
}

.book-7 .cardinfo2 .info2 {
    left: 50px;
    border: 1px solid #ccc;
    margin-top: -30px;
}

.book-7 .input_check {
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.book-7 .zfb_img {
    margin-left: 20px;
    margin-top: 15px;
    height: 18px;
}

.book-7 .detailed span,
.detailed div {
    display: none;
}

.book-7 .subbar {
    margin-top: 20px;
}

.book-7 .subbar .labelBox {
    float: none;
}

.book-7 .subbar .subbtn {
    float: left;
    margin-top: 20px;
    width: 200px;
    height: 46px;
    font-size: 16px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    background-color: #c0a46d;
    font-weight: 700;
}

.book-7 .subbar .subbtn:enabled:hover {
    background-color: #c0a46d;
}

.book-7 .subbar .subbtn:disabled {
    background-color: #999;
}

.book-7 .subbar .submit2 {
    display: none;
}

.book-8 {
    margin-top: 5px;
}

.book-8 .tt {
    font-size: 28px;
    line-height: 28px;
}

.book-8 .tt_sub {
    margin-top: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #808080;
}

.book-8 .box {
    margin-top: 20px;
}

.book-8 .box .b-top {
    padding: 9px 10px 9px 20px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    background-color: #747474;
}

.book-8 .box .b-top .printbtn {
    float: right;
    padding: 0 10px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #999;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.book-8 .box .b-top .printbtn .VVfont {
    margin-left: 5px;
}

.book-8 .box .b-bot {
    padding: 0 20px;
    background-color: #fff;
}

.book-8 .box .b-bot .bar1,
.book-8 .box .b-bot .bar2 {
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
}

.book-8 .box .b-bot .bar1 .p1 {
    font-size: 20px;
    line-height: 1;
    color: #333;
}

.book-8 .box .b-bot .bar1 .p2 {
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #333;
}

.book-8 .box .b-bot .bar1 .p3 {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1;
    color: #333;
}

.book-8 .box .b-bot .bar1 .p3 .r_n {
    margin-left: 16px;
}

.book-8 .box .b-bot .bar1 .p4 {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1;
    color: #808080;
}

.book-8 .box .b-bot .bar1 .p4 .li {
    float: left;
    margin-left: 35px;
}

.book-8 .box .b-bot .bar1 .p4 .li:first-child {
    margin-left: 0;
}

.book-8 .box .b-bot .bar1 .p4 .dt {
    float: right;
    margin-left: 8px;
    color: #333;
}

.book-8 .box .b-bot .bar2 li {
    position: relative;
    margin-top: 16px;
    padding-left: 160px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
}

.book-8 .box .b-bot .bar2 li:first-child {
    margin-top: 0;
}

.book-8 .box .b-bot .bar2 .tt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: inherit;
    color: #808080;
}

.book-8 .box .b-bot .bar3 {
    padding: 25px 0 30px;
}

.book-8 .box .b-bot .bar3 .p1 {
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

.book-8 .box .b-bot .bar3 .p1 .d2 {
    font-size: 18px;
    color: #c0a46d;
}

.book-8 .box .b-bot .bar3 .p1 .d2.num {
    font-size: 24px;
}

.book-8 .box .b-bot .bar3 .subbox {
    display: table;
    margin-top: 20px;
    padding: 50px 0;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    box-sizing: border-box;
    width: 100%
}

.book-8 .box .b-bot .bar3 .subbox .div {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 60px;
    display: table-cell;
    vertical-align: middle
}

.book-8 .box .b-bot .bar3 .subbox .div1 {
    border-right: 1px solid #e5e5e5;
}

.book-8 .box .b-bot .bar3 .subbox .div_r h3 {
    font-size: 18px;
    color: #c0a46d;
}

.book-8 .box .b-bot .bar3 .subbox .div_r p {
    padding-top: 3px;
    color: #333;
}

.book-8 .box .b-bot .bar3 .subbox .div_r div {
    padding-top: 10px;
}

.book-8 .box .b-bot .bar3 .subbox .div_r {
    width: 196px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
}

.book-8 .box .b-bot .bar3 .subbox .div_l {
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    display: inline-block;
}

.book-8 .box .b-bot .bar3 .subbox .div2 {
    padding-top: 40px;
}

.book-8 .box .b-bot .bar3 .subbox .div2 .div_r {
    width: 170px;
}

.book-8 .box .b-bot .bar3 .subbox .div3 {
    padding: 30px 60px;
    text-align: center
}

.book-8 .box .b-bot .bar3 .subbox .div3>div {
    line-height: 1;
    text-align: left;
    display: inline-block;
    background: url(../img/zfwc.png) 0 center no-repeat;
    padding-left: 80px;
    min-height: 60px;
}

.book-8 .box .b-bot .bar3 .subbox .div3 h3 {
    font-size: 20px;
}

.book-8 .box .b-bot .bar3 .subbox .div3 h3 b {
    color: #c0a46d;
    font-size: 24px;
    padding: 0 5px;
}

.book-8 .box .b-bot .bar3 .subbox .div3 h3 p {
    padding-top: 7px;
}

.book-8 .box .b-bot .bar3 .p3 {
    margin-top: 20px;
}

.book-8 .box .b-bot .bar3 .p3 .linkbtn {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: #c0a46d;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.book-8 .box .b-bot .bar3 .p3 .linkbtn:hover {
    background-color: #c0a46d;
}

.book-8 .b-bot .bar4 {
    padding: 25px 0;
}

.book-8 .b-bot .bar4 .p1 {
    font-size: 28px;
    line-height: 40px;
}

.book-8 .b-bot .bar4 .p2 {
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

.book-9 {
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
}

.book-9 .dl{
    width: 610px;
}
.book-9 .dl .p1 {
    font-size: 20px;
    line-height: 1;
    color: #333;
}

.book-9 .dl .p2 {
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #333;
}

.book-9 .dl .p3 {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1;
    color: #333;
}

.book-9 .dl .imgbox {
    margin-top: 16px;
    width: 120px;
    height: 88px;
}

.book-9 .dl .imgbox img {
    width: 100%;
    height: 100%;
}
.book-9 .dr {
    width: 448px;
    height: 218px;
    border: 1px solid #e5e5e5;
}

.book-9 .dr .mapbox {
    position: relative;
    width: 100%;
    height: 100%;
}

.book-9 .dr .mapbox .reset_zoom {
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 10px;
}

.book-9 .dr .mapbox .reset_zoom span {
    display: block;
    padding: 8px 0 0 8px;
    width: 18px;
    height: 18px;
    color: #999;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.book-9 .dr .mapbox .reset_zoom .icon {
    display: block;
    width: 10px;
    height: 10px;
    background-position: -148px -9px;
}

.book-9 .dr .mapbox .reset_zoom .minus_btn {
    border-top: 1px solid #ccc;
}

.book-9 .dr .mapbox .reset_zoom .minus_btn .icon {
    background-position: -158px -9px;
}

/*feature page 特色页*/
.banner2 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ft_leftBox {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -154px;
    width: 200px;
    height: 308px;
    overflow: hidden;
}

.ft_leftBox .content {
    position: relative;
    padding: 10px 0 0 17px;
    width: 157px;
    height: 298px;
    background: url(../img/feature_bg1.png) 0 0 no-repeat;
}

.ft_leftBox .content .pt_class {
    position: relative;
    margin-top: 10px;
    width: 134px;
    height: 80px;
    border: 1px solid #fff;
}

.ft_leftBox .content .pt_class p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 134px;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    background: url(../img/feature_bg2.png) 0 0 repeat-x;
}

.ft_leftBox .content .pt_class.active {
    border-color: #c0a46d;
}

.ft_leftBox .content .pt_class.active p {
    background-color: #c0a46d;
    background-image: none;
}

.ft_leftBox .trigger {
    position: absolute;
    top: 50%;
    right: -26px;
    padding: 14px 10px 0;
    margin-top: -49px;
    height: 82px;
    width: 13px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background: url(../img/feature_bg3.png) 0 0 no-repeat;
    cursor: pointer;
}

.rightBox {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 50px;
    padding: 40px 20px 40px 40px;
    width: 450px;
    min-height: 540px;
    background: url(../img/rightbg.png) 0 0 repeat;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.rightBox .p1 {
    font-size: 16px;
    line-height: 16px;
}

.rightBox .p2 {
    position: relative;
    margin-top: 13px;
    height: 42px;
    font-size: 42px;
    font-family: simsun;
    line-height: 42px;
    color: #c0a46d;
    overflow: hidden;
}

.rightBox .p2 .slide_tt {
    position: absolute;
    top: -100%;
    left: 0;
    opacity: 0;
    transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}

.rightBox .p2 .slide_tt.active {
    top: 0;
    opacity: 1;
}

.rightBox .txtBox {
    margin-top: 28px;
    position: relative;
    font-size: 12px;
    line-height: 26px;
}

.rightBox .txtBox .slide_text_content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}

.rightBox .txtBox .slide_text_content.open {
    height: auto;
    opacity: 1;
}

.rightBox .txtBox b {
    display: block;
}

.rightBox .ft_p1 {
    float: left;
    display: none;
}

.rightBox .ft_p1.active {
    display: block;
}

.rightBox .ft_title {
    font-size: 36px;
    line-height: 38px;
    font-family: simsun;
    color: #111;
}

.rightBox .sub_cont {
    font-size: 12px;
    line-height: 26px;
}

.rightBox .sub_cont .cont_li {
    display: none;
}

.rightBox .sub_cont .cont_li.current {
    display: block;
}

.rightBox .ft_tab_bar {
    border-right: 1px solid #ccc;
}

.rightBox .ft_tab_bar .tab_li {
    position: relative;
    float: left;
    width: 118px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: #333;
    text-align: center;
    border: 1px solid #ccc;
    border-right: 0;
    cursor: pointer;
}

.rightBox .ft_tab_bar .tab_li.current {
    z-index: 2;
    color: #fff;
    background-color: #c0a46d;
    border-color: #c0a46d;
}

.rightBox .ft_tab_bar .tab_li.current:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    height: 38px;
    border-right: 1px solid #c0a46d;
}


/*联系我们*/
.contact_wrap {
    padding: 60px 0 100px;
}

.contact_wrap .map_box {
    width: 100%;
    height: 300px;
}

.contact_wrap .contact_info {
    padding: 34px 48px 0;
}

.contact_wrap .contact_info .address {
    width: 385px;
}

.contact_wrap .contact_info .tt {
    font-size: 24px;
    line-height: 24px;
}

.contact_wrap .contact_info .cont {
    padding-top: 16px;
    font-size: 14px;
    line-height: 30px;
    color: #333;
}

.contact_wrap .contact_info .cont a {
    color: #333;
}

.contact_wrap .contact_info .qr_code p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #333;
}

.contact_wrap .message {
    margin-top: 92px;
    text-align: center;
}

.contact_wrap .message .p1 {
    font-size: 24px;
    line-height: 24px;
}

.contact_wrap .message .p2 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 14px;
}

.contact_wrap .message .p3 {
    margin-top: 20px;
}

.contact_wrap .message .p3 .subbtn {
    display: block;
    margin: 0 auto;
    height: 38px;
    width: 192px;
    border: 1px solid #c0a46d;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #c0a46d;
    background-color: #f6f6f6;
}

/*人才页*/
.hr_wrap {
    margin-top: 30px;
    padding-bottom: 100px;
}

.hr_wrap .hr_college .ubb {
    font-size: 14px;
    line-height: 30px;
}

.hr_wrap .college_list {
    margin-top: 22px;
}

.hr_wrap .college_list li {
    margin-top: 20px;
}

.hr_wrap .college_list li:first-child {
    margin-top: 0;
}

.hr_wrap .college_list a {
    display: block;
    position: relative;
    padding: 20px 20px 20px 360px;
    border: 1px solid #e5e5e5;
    height: 120px;
    background-color: #fff;
}

.hr_wrap .college_list .imgbox {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 320px;
    height: 120px;
}

.hr_wrap .college_list .imgbox img {
    height: 100%;
    width: auto;
}

.hr_wrap .college_list .tt {
    margin-top: 15px;
    font-size: 18px;
    line-height: 18px;
    color: #111;
}

.hr_wrap .college_list .p {
    margin-top: 15px;
    font-size: 12px;
    line-height: 22px;
    color: #666;
}

/*关于佰翔ubb*/
.wrap_13 {
    padding-bottom: 100px;
}

.wrap_13 .img_box {
    margin-top: 30px;
    width: 100%;
}

.wrap_13 .img_box img {
    width: 100%;
}

.wrap_13 .intro_box {
    padding: 52px 97px 0;
    font-size: 14px;
    line-height: 30px;
    color: #333;
}

/*文化页*/

/*联系我们留言*/
.message_form .msg_tt {
    padding-top: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #666;
}

.message_form .msg_tt span {
    display: inline-block;
    margin-right: 6px;
    width: 6px;
    color: #ff6600;
}

.message_form .inp_bar {
    margin-top: 6px;
    margin-right: 59px;
    width: 280px;
    height: 38px;
}

.message_form .inp_bar input {
    padding: 0 10px;
    width: 280px;
    height: 38px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 38px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.message_form .inp_bar .radio_label {
    display: block;
    position: relative;
    float: left;
    margin-right: 37px;
    padding-left: 40px;
    font-size: 14px;
    line-height: 38px;
}

.message_form .inp_bar .radio_input {
    display: none;
}

.message_form .inp_bar .radio_label .label_icon {
    display: block;
    position: absolute;
    top: 11px;
    left: 12px;
    width: 16px;
    height: 16px;
    background-image: url(../img/check_point.png);
    background-position: 0 0;
}

.message_form .inp_bar .radio_label .label_icon.selected {
    background-position: -16px 0;
}

.message_form .yzm .msg_tt {
    padding-top: 10px;
}

.message_form .yzm .inp_bar {
    margin-right: 15px;
    width: 177px;
}

.message_form .yzm .inp_bar input {
    width: 177px;
}

.message_form .yzm .yzm_img {
    margin-top: 6px;
    border: 1px solid #e5e5e5;
}

.message_form .form_textarea {
    width: 620px;
}

.message_form .form_textarea .msg_tt {
    padding-left: 12px;
}

.message_form .form_textarea textarea {
    vertical-align: top;
    margin-top: 6px;
    padding: 10px 10px;
    width: 100%;
    max-width: 620px;
    height: 100px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.message_form .btn_bar {
    width: 620px;
}

.message_form .subbtn {
    display: block;
    margin: 20px auto 0;
    width: 142px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #c0a46d;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.friend_link {
    padding: 70px 75px;
    background: #fff;
}

.friend_link .tt {
    font-size: 30px;
    line-height: 1;
    color: #333;
    font-weight: bold;
}

.friend_link .link_list_box {
    margin: 0 -10px;
}

.friend_link .link_b {
    width: 235px;
    padding: 50px 10px 0;
    float: left;
    text-align: center;
}

.friend_link .link_b .p1 {
    width: 100%;
    height: 102px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
}

.friend_link .link_b .p1 img {
    width: 100%;
    height: 100%;
}

.friend_link .link_b .p2 {
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
    line-height: 16px;
    color: #111;
}

.friend_link .link_b:hover .p2 {
    color: #c0a46d;
}

/*会员*/
.center_page {
    position: relative;
    padding-left: 210px;
    min-height: 500px;
    background-color: #fff;
}

.member_nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 210px;
    height: 100%;
    box-sizing: border-box;
    color: #fff;
    background-color: #1E3E67;
}

.member_nav .nv_tt {
    display: block;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    border-bottom: 1px solid #1E3E67;
}

.member_nav .nv_list {
    padding: 30px 20px;
}

.member_nav .nv_list li {
    margin-bottom: 25px;
}

.member_nav .nv_list li a {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
}

.member_nav .nv_list li .icon {
    float: right;
    margin-top: 8px;
    margin-right: 22px;
    width: 5px;
    height: 7px;
    background-position: -79px -90px;
}

.member_nav .nv_list li.active .icon {
    width: 7px;
    height: 5px;
    background-position: -79px -97px;
}

.member_nav .nv_list li.sub_ul .sub_li {
    display: none;
}

.member_nav .nv_list li.sub_ul .sub_li a {
    padding-left: 40px;
    margin-top: 15px;
    color: #f3efe7;
    position: relative;
}

.member_nav .nv_list li.sub_ul .sub_li a::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 15px;
    width: 2px;
    height: 2px;
    background-color: #fff;
}

.member_nav .nv_list li.sub_ul .sub_li a span {
    display: inline-block;
    margin-top: 3px;
    line-height: 26px;
}

.member_nav .nv_list li.sub_ul .sub_li a.current span {
    border-bottom: 1px solid #f3efe7
}

.member_nav .nv_list li.mem_li.active span {
    border-bottom: 1px solid #f3efe7;
}

.wrap_9 {
    padding: 40px 30px 50px;
}

.wrap_9 .ubb {
    padding-top: 30px;
    font-size: 16px;
    line-height: 36px;
}

.wrap_9.ct_r_2 {
    padding: 0 30px;
    width: 780px;
}

.wrap_9 .info_top {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.wrap_9 .info_top .top_tab {
    float: left;
    position: relative;
    padding: 0 20px;
    color: #111;
}

.wrap_9 .info_top .top_tab:after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    height: 14px;
    width: 0;
    border-left: 1px solid #e5e5e5;
}

.wrap_9 .info_top .top_tab:first-child:after {
    content: none;
}

.wrap_9 .info_top .top_tab.current {
    font-weight: bold;
    color: #1E3E67;
}

.wrap_9 .info_top .top_tab.current:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #1E3E67;
}

.wrap_9 .member_status {
    line-height: 21px;
    overflow: hidden;
}

.wrap_9 .member_status .d1 {
    font-size: 20px;
    color: #111;
    float: left;
}

.wrap_9 .member_status .d1 span {
    float: right;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    background-color: #1E3E67;
    border-radius: 11px;
    -o-border-radius: 11px;
    -ms-border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}

.wrap_9 .member_status .d2 {
    margin-top: 2px;
    font-size: 14px;
    line-height: 14px;
    color: #111;
    float: right;
}

.wrap_9 .member_status .d2 span {
    font-weight: bold;
    color: #1E3E67;
}

.wrap_9 .interest .r_box {
    float: left;
    padding: 3px 0 1px;
    width: 126px;
    border-left: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.wrap_9 .interest .r_box:first-child {
    border-left: 0;
}

.wrap_9 .interest .r_box .icon_img {
    display: block;
    margin: 0 auto 15px;
    height: 30px;
    width: 30px;
    background: url(../img/member_center_icon.png) 0 0 no-repeat;
}

.wrap_9 .interest .r_box.b2 .icon_img {
    background-position: 0 -30px;
}

.wrap_9 .interest .r_box.b3 .icon_img {
    background-position: 0 -60px;
}

.wrap_9 .interest .r_box.b4 .icon_img {
    background-position: 0 -90px;
}

.wrap_9 .box_1 {
    padding-bottom: 30px;
}

.wrap_9 .box_2 {
    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
}

.wrap_9 .box_2>div {
    min-height: 72px;
    padding: 0 20px 0 90px;
    box-sizing: border-box;
    position: relative;
    float: left;
}

.wrap_9 .box_2>div .gicon {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 -300px;
}

.wrap_9 .box_2 .d-1,
.wrap_9 .box_2 .d-4 {
    width: 312px;
}

.wrap_9 .box_2 .d-2 {
    width: 312px;
}

.wrap_9 .box_2 .d-2 .gicon {
    background-position: -80px -300px;
}

.wrap_9 .box_2 .d-3 {
    width: 254px;
}

.wrap_9 .box_2 .d-3 .gicon {
    background-position: -160px -300px;
}

.wrap_9 .box_2 .d-4 .gicon {
    background-position: -160px -220px;
}

.wrap_9 .box_2 .d-5 {
    width: 270px;
}

.wrap_9 .box_2 .d-5 .gicon {
    background-position: -240px -300px;
}

.wrap_9 .box_2 .d-6 {
    padding-left: 0;
    width: 295px;
}

.wrap_9 .box_2 .d-6 img {
    float: left;
    width: 100px;
}

.wrap_9 .box_2 .d-6 .txt {
    padding-left: 18px;
    padding-top: 4px;
    float: left;
}

.wrap_9 .box_2 .d-6 .txt p {
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

.wrap_9 .box_2 .d-6 .txt .p1 {
    line-height: 35px;
    font-size: 20px;
    color: #1E3E67;
    font-weight: bold;
}

.wrap_9 .box_2 .title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.wrap_9 .box_2 ul {
    padding-top: 8px;
}

.wrap_9 .box_2 li {
    line-height: 26px;
    padding-left: 10px;
    font-size: 14px;
    position: relative;
}

.wrap_9 .box_2 li:before {
    content: '';
    width: 2px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
}

.wrap_9 .box_3 {
    border: 1px solid #e5e5e5;
}

.wrap_9 .box_3 .title {
    padding: 0 20px;
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    color: #333333;
    background-color: #fafafa;
}

.wrap_9 .box_3 .title a {
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

.wrap_9 .box_3 .title a:hover {
    color: #1E3E67;
}

.wrap_9 .box_3 .d-1 {
    padding: 30px 40px;
    border-top: 1px solid #e5e5e5;
}

.wrap_9 .box_3 .d-1 a {
    padding-left: 14px;
    font-size: 16px;
    line-height: 40px;
    color: #333;
    position: relative;
}

.wrap_9 .box_3 .d-1 a:before {
    content: '';
    width: 2px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
}

.wrap_9 .box_3 .d-1 a:hover {
    color: #1E3E67;
}

.wrap_9 .box_3 .d-1 a:hover:before {
    background: #1E3E67;
}

.wrap_9 .box_3 .d-2 {
    padding: 40px;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
}

.wrap_9 .box_3 .d-2 .left {
    width: 418px;
    float: left
}

.wrap_9 .box_3 .d-2 .left img {
    width: 88px;
    height: 88px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    float: left;
}

.wrap_9 .box_3 .d-2 .left .txt {
    padding-left: 18px;
    padding-top: 4px;
    float: left;
}

.wrap_9 .box_3 .d-2 .left .txt p {
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

.wrap_9 .box_3 .d-2 .left .txt .p1 {
    line-height: 35px;
    font-size: 20px;
    color: #1E3E67;
    font-weight: bold;
}

.wrap_9 .box_3 .d-2 .right {
    float: left;
    padding-top: 4px;
}

.wrap_9 .box_3 .d-2 .right p {
    line-height: 32px;
    font-size: 14px;
    color: #333;
}

.wrap_9 .box_3 .d-2 .right p .s1 {
    font-weight: bold;
}

.wrap_9 .box_3 .d-2 .right p .phone {
    font-size: 16px;
    color: #1E3E67;
    font-weight: bold;
}

.wrap_9 .box_4 {
    border: 1px solid #e5e5e5;
    margin-top: 30px;
}

.wrap_9 .box_5 {
    border-bottom: 1px dashed #e5e5e5;
    color: #111;
}

.wrap_9 .box_5 .form_top {
    padding: 30px 0;
    font-size: 14px;
    line-height: 14px;
}

.wrap_9 .box_5 .title_line {
    font-size: 16px;
    line-height: 16px;
}

.wrap_9 .box_5 .title_line .modify_order {
    margin-left: 10px;
    font-size: 13px;
    color: #1E3E67;
}

.wrap_9 .box_5 .info_list {
    padding: 17px 0;
}

.wrap_9 .box_5 .info_inp {
    position: relative;
    padding-left: 65px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 30px;
}

.wrap_9 .box_5 .info_inp .info_tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    color: #666;
}

.wrap_9 .box_5 .info_inp .info_tt span {
    display: inline-block;
    color: #ff6600;
    width: 12px;
}

.wrap_9 .box_5 .info_show .p2_show {
    display: none;
    position: relative;
}

.wrap_9 .box_5 .info_show .p2_show .input7 {
    height: 30px;
    width: 172px;
    padding: 0 9px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 30px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_9 .box_5 .info_show .p2_show .input7.address {
    width: 700px;
}

.wrap_9 .box_6 .favor {
    padding: 31px 0;
    font-size: 16px;
    line-height: 16px;
    color: #111;
}

.wrap_9 .box_6 .favor span {
    margin-left: 10px;
    font-size: 13px;
    color: #1E3E67;
}

.wrap_9 .box_6 .tt_line {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #666;
}

.wrap_9 .box_6 .favor_check .reason {
    margin-top: 15px;
    color: #111;
}

.wrap_9 .box_6 .favor_check .reason .fl {
    margin-right: 35px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}

.wrap_9 .box_6 .label_icon {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    background: url(../img/check_point.png) 0 0 no-repeat;
}

.wrap_9 .box_6 .label_icon.selected {
    background-position-x: -14px;
}

.wrap_9 .box_6 .favor_radius {
    margin-top: 30px;
    font-size: 14px;
    line-height: 14px;
}

.wrap_9 .box_6 .radio_label {
    float: left;
    cursor: pointer;
}

.wrap_9 .box_6 .radio_li {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
}

.wrap_9 .box_6 .favor_tt {
    width: 91px;
    color: #666;
}

.wrap_9 .box_6 .rd_box2 {
    float: left;
    width: 106px;
}

.wrap_9 .box_6 input[type='checkbox'],
.wrap_9 .box_6 input[type='radio'] {
    display: none;
}

.info_form {
    padding-bottom: 49px;
}

.info_form .subbtn {
    margin-top: 30px;
    width: 100px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    background-color: #1E3E67;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_9 .box_7 {
    padding: 30px 0;
}

.wrap_9 .box_7 .title_bar {
    height: 36px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 36px;
    color: #333;
    background-color: #fafafa;
}

.wrap_9 .box_7 .title_bar>div {
    float: left;
}

.wrap_9 .box_7 .li1 {
    padding-left: 20px;
    width: 128px;
}

.wrap_9 .box_7 .li2 {
    padding-left: 20px;
    width: 244px
}

.wrap_9 .box_7 .li3 {
    padding-left: 20px;
    width: 117px;
}

.wrap_9 .box_7 .li4 {
    padding-right: 20px;
    width: 82px;
    text-align: right;
}

.wrap_9 .box_7 .record_list .li1 {
    padding-left: 21px;
}

.wrap_9 .box_7 .record_list .li5 {
    padding-right: 26px;
}

.wrap_9 .box_7 .record_list li {
    padding: 18px 0 20px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 24px;
}

.wrap_9 .box_7 .record_list li>div {
    float: left;
}

.wrap_9 .box_7 .record_list .p1 {
    line-height: 17px;
    color: #333;
}

.wrap_9 .box_7 .record_list .li4 .p1 {
    color: #1E3E67;
}

.wrap_9 .box_7 .record_list .li4 .p2 {
    padding-top: 0;
    color: #30992e;
}

.wrap_9 .box_7 .record_list .p2 {
    padding-top: 8px;
    line-height: 12px;
    color: #808080;
}

.wrap_9 .box_7.list2 {
    padding-top: 20px;
}

.wrap_9 .box_7.list2 .li1 {
    width: 158px;
}

.wrap_9 .box_7.list2 .li2 {
    width: 234px;
}

.wrap_9 .box_7.list2 .li4 {
    width: 62px;
}

.wrap_9 .box_7.list2 .record_list .li4 {
    font-size: 14px;
}

.wrap_9 .box_7.list2 .li3 {
    width: 85px;
}

.wrap_9 .box_7 .li5 {
    float: right !important;
    padding-right: 25px;
    width: 117px;
    text-align: right;
}

.wrap_9 .box_8 {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.wrap_9 .box_8 .p1 {
    font-size: 14px;
    color: #111;
}

.wrap_9 .box_8 .p1 .bar1 input {
    padding: 0 10px;
    width: 230px;
    height: 34px;
    border: 1px solid #e5e5e5;
    border-right: none;
    line-height: 32px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_9 .box_8 .p1 .bar1 .subbtn {
    height: 34px;
    width: 100px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #e5e5e5;
    color: #1E3E67;
    background-color: #f8f7f2;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_9 .box_8 .p1 .bar2 {
    margin-left: 15px;
    padding: 0 5px;
    line-height: 34px;
    cursor: pointer;
}

.wrap_9 .box_8 .p1 .bar2:hover {
    color: #808080;
}

.wrap_9 .box_8 .p1 .bar2 .icon {
    float: right;
    margin-top: 15px;
    margin-left: 6px;
    width: 7px;
    height: 4px;
    background-position: -78px -70px;
}

.wrap_9 .box_8 .p1 .bar2.open .icon {
    background-position-x: -85px;
}

.wrap_9 .box_8 .p2 {
    display: none;
    margin-top: 15px;
}

.wrap_9 .box_8 .p2 .bar1 {
    font-size: 13px;
}

.wrap_9 .box_8 .p2 .txt {
    line-height: 34px;
}

.wrap_9 .box_8 .p2 .inp_bar {
    position: relative;
    background-color: #fff;
}

.wrap_9 .box_8 .p2 .inp_bar .icon {
    position: absolute;
    bottom: 9px;
    right: 10px;
    width: 16px;
    height: 16px;
    background-position: -130px 0;
}

.wrap_9 .box_8 .p2 .txt,
.wrap_9 .box_8 .p2 input,
.wrap_9 .box_8 .p2 .select {
    float: left;
    height: 34px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_9 .box_8 .p2 .select .center {
    line-height: 32px;
    height: 34px;
}

.wrap_9 .box_8 .p2 .bar1 input {
    position: relative;
    z-index: 10;
    width: 120px;
    line-height: 32px;
    padding: 0 30px 0 6px;
    border: 1px solid #e5e5e5;
    background: transparent;
}

.wrap_9 .box_8 .p2 .bar1 .to {
    margin: 0 4px;
}

.wrap_9 .box_8 .p2 .bar2,
.wrap_9 .box_8 .p2 .bar3 {
    margin-left: 23px;
    font-size: 13px;
}

.wrap_9 .box_9 {
    margin-top: 20px;
    padding-bottom: 30px;
}

.wrap_9 .box_9 li {
    margin-top: 20px;
    border: 1px solid #e5e5e5;
}

.wrap_9 .box_9 li:first-child {
    margin-top: 0;
}

.wrap_9 .box_9 .tt_line {
    padding-left: 20px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 36px;
    color: #808080;
    background-color: #fafafa;
}

.wrap_9 .box_9 .box_bar {
    padding: 20px;
   /* height: 74px;*/
}

.wrap_9 .box_9 .box_bar .box1 {
    margin-right: 12px;
    width: 100px;
    height: 74px;
}

.wrap_9 .box_9 .box_bar .box2 {
    width: 250px;
}

.wrap_9 .box_9 .box_bar .box2 .p1 {
    display: block;
    padding-top: 4px;
    font-size: 16px;
    line-height: 16px;
    color: #111;
}

.wrap_9 .box_9 .box_bar .box2 .p1:hover {
    color: #1E3E67;
}

.wrap_9 .box_9 .box_bar .box2 .p2 {
    padding-top: 14px;
    font-size: 13px;
    line-height: 13px;
    color: #808080;
}

.wrap_9 .box_9 .box_bar .box2 .p3 {
    padding-top: 12px;
    font-size: 13px;
    line-height: 13px;
    color: #808080;
}

.wrap_9 .box_9 .box_bar .box3 {
    padding-top: 7px;
    width: 100px;
    font-size: 16px;
    line-height: 16px;
    color: #1E3E67;
    padding-left: 30px;
}

.wrap_9 .box_9 .box_bar .box4 {
    margin-left: 30px;
    width: 98px;
}

.wrap_9 .box_9 .box_bar .box4 .p1 {
    padding-top: 7px;
    font-size: 13px;
    line-height: 13px;
    color: #808080;
}

.wrap_9 .box_9 .box_bar .box4 .p2 {
    display: block;
    padding-top: 13px;
    font-size: 13px;
    line-height: 13px;
    color: #111;
}

.wrap_9 .box_9 .box_bar .box4 .p2:hover {
    color: #1E3E67;
}

.wrap_9 .box_9 .box_bar .box5 .link {
    display: none;
    width: 98px;
    height: 30px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_9 .box_9 .box_bar .box5 .lk_btn1 {
    display: block;
    background: #1E3E67;
    color: #fff;
    border-color: #1E3E67;
}

.wrap_9 .box_9 .box_bar .box5 .lk_btn2 {
    display: block;
    background: #fff;
    color: #111;
}

.wrap_9 .box_10 {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.wrap_9 .box_10 .p1 {
    font-size: 16px;
    line-height: 16px;
    color: #111;
}

.wrap_9 .box_10 .p1 p {
    float: left;
    margin-right: 15px;
}

.wrap_9 .box_10 .p1 b {
    color: #1E3E67;
}

.wrap_9 .box_10 .p2 {
    margin-top: 20px;
}

.wrap_9 .box_10 .p2 a {
    float: left;
    margin-right: 15px;
    height: 30px;
    width: 98px;
    border: 1px solid #1E3E67;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #c0a46d;
    background-color: #fafafa;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_9 .box_10 .p2 a.link1 {
    color: #fff;
    background-color: #1E3E67;
}

.wrap_9 .box_11 {
    position: relative;
    padding-top: 30px;
    padding-bottom: 35px;
}

.wrap_9 .box_11 .room_form_box {
    padding-left: 20px;
    position: relative;
}

.wrap_9 .box_11 .room_form_box1 {
    margin-top: 30px;
}

.wrap_9 .box_11 .room_form_img {
    position: absolute;
    top: 0;
    right: 0
}

.wrap_9 .box_11 .room_form_add {
    padding-top: 15px;
    font-size: 14px;
    line-height: 14px;
    color: #333
}

.wrap_9 .box_11 .room_form_add a {
    position: relative;
    top: -1px;
    margin-left: 10px;
    font-size: 12px;
    color: #0084bb
}

.wrap_9 .box_11 .room_form_add i {
    margin-right: 4px;
}

.wrap_9 .box_11 .form_list {
    margin-top: 14px;
}

.wrap_9 .box_11 .form_li {
    padding-bottom: 8px;
    font-size: 14px;
    color: #333
}

.wrap_9 .box_11 .form_group_hd {
    float: left;
    line-height: 30px;
    width: 90px;
}

.wrap_9 .box_11 .form_group_bd {
    position: relative;
    padding-left: 10px;
    float: left;
    line-height: 30px;
    word-wrap: break-word;
}

.wrap_9 .box_11 .room_form_box2 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.wrap_9 .box_11 .room_form_box2 .form_li {
    position: relative;
    padding-left: 90px;
}

.wrap_9 .box_11 .room_form_box2 .form_group_hd {
    position: absolute;
    top: 0;
    left: 0;
}

.wrap_9 .box_11 .room_form_box2 .form_group_bd {
    position: relative;
    float: none;
}

.wrap_9 .box_11 .form_group_bd .price_b {
    font-size: 18px;
    line-height: 25px;
    color: #1E3E67;
}

.wrap_9 .box_11 .link_intro {
    margin-top: 16px;
    font-size: 14px;
    line-height: 14px;
}

.wrap_9 .box_11 .link_intro a {
    color: #1E3E67;
}

.wrap_9 .box_11 .title_line {
    font-size: 18px;
    line-height: 18px;
}

.wrap_9 .box_11 .title_line .modify_order {
    margin-left: 10px;
    font-size: 12px;
    color: #1E3E67;
}

.wrap_9 .box_11 .in_show,
.but_show,
.dd_show {
    display: none
}

.wrap_9 .box_11 .input7 {
    height: 30px;
    padding-left: 9px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 30px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_9 .box_11 .dd_show .input7 {
    width: 126px;
}

.wrap_9 .box_11 .in_show .input7 {
    width: 172px;
}

.wrap_9 .box_11 .dd_show .date_bg {
    background-position: 99px center;
}

.wrap_9 .box_11 .in_show .multi {
    margin-top: 8px;
}

.wrap_9 .box_11 .in_show .multi:first-child {
    margin-top: 0;
}

.wrap_9 .box_11 .date_list li {
    float: left;
    width: 82px;
    height: 68px;
    text-align: right;
    margin: 5px 5px 0 0;
    color: #000;
    border: 1px solid #e8e8e8;
}

.wrap_9 .box_11 .date_list .p1 {
    padding-right: 10px;
    font-size: 12px;
    line-height: 24px;
    background-color: #fafafa;
}

.wrap_9 .box_11 .date_list .p2 {
    padding-top: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 12px;
}

.wrap_9 .box_11 .date_list .p3 {
    padding-right: 10px;
    font-size: 14px;
    line-height: 12px;
    color: #1E3E67;
}

.wrap_9 .box_11 .date_list .p3 span {
    font-size: 12px;
}

.wrap_9 .box_11 .room_submit_box {
    padding: 20px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.wrap_9 .box_11 .room_submit_box .p1 {
    font-size: 16px;
    line-height: 16px;
    color: #333;
}

.wrap_9 .box_11 .room_submit_box .p1 p {
    margin-right: 35px;
}

.wrap_9 .box_11 .room_submit_box .p1 .status1 {
    font-weight: bold;
    color: #1E3E67;
}

.wrap_9 .box_11 .room_submit_box .p2 {
    margin-top: 20px;
}

.wrap_9 .box_11 .room_submit_box .p2 .btn {
    display: block;
    width: 100px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_9 .box_11 .room_submit_box .p2 .subbtn {
    color: #fff;
    background-color: #1E3E67;
}

.wrap_9 .box_11 .room_submit_box .p2 .linkbtn {
    margin-left: 15px;
    line-height: 30px;
    color: #1E3E67;
    border: 1px solid #1E3E67;
    background-color: #fafafa;
}

.wrap_9 .box_11 .room_form_box_r {
    z-index: 10;
    position: absolute;
    top: 66px;
    right: 0;
    width: 210px;
}

.wrap_9 .box_11 .room_form_box_r p {
    padding-bottom: 18px;
}

.wrap_9 .box_11 .room_form_box_r a {
    font-size: 14px;
    line-height: 16px;
    color: #0084bb
}

.wrap_9 .box_11 .room_form_box_r .VVfont {
    margin-right: 7px;
}

.wrap_9 .box_11 .textarea3 {
    vertical-align: top;
    padding: 7px 9px;
    width: 670px;
    max-width: 670px;
    min-height: 100px;
    line-height: 18px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_9 .box_11 .but_show {
    padding-top: 12px;
    padding-left: 110px;
}

.wrap_9 .box_11 .but_show .subbtn {
    display: block;
    width: 110px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #1E3E67;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_9 .box_12 {
    padding-bottom: 10px;
}

.wrap_9 .box_12 li {
    position: relative;
    height: 160px;
    padding: 20px 0 20px 238px;
    border-top: 1px solid #e5e5e5;
}

.wrap_9 .box_12 li:first-child {
    border-top: none;
}

.wrap_9 .box_12 .img_box {
    position: absolute;
    top: 20px;
    left: 0;
}

.wrap_9 .box_12 .info_box {
    padding-top: 10px;
}

.wrap_9 .box_12 .info_box .p1 {
    font-size: 12px;
    line-height: 12px;
    color: #666;
}

.wrap_9 .box_12 .info_box .p2 {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #333;
}

.wrap_9 .box_12 .info_box .p2:hover {
    color: #1E3E67;
}

.wrap_9 .box_12 .info_box .p3 {
    margin-top: 14px;
    font-size: 12px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666;
}

.wrap_9 .box_12 .info_box .p4 {
    margin-top: 16px;
    line-height: 32px;
}

.wrap_9 .box_12 .info_box .p4 .fl span {
    float: left;
}

.wrap_9 .box_12 .info_box .p4 .price {
    font-size: 16px;
    color: #1E3E67;
}

.wrap_9 .box_12 .info_box .p4 .price_off {
    margin-left: 8px;
    font-size: 14px;
    color: #808080;
    text-decoration: line-through;
}

.wrap_9 .box_12 .info_box .p4 .link_btn {
    width: 100px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #1E3E67;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_9 .box_12 .info_box .p4 .time {
    font-size: 12px;
    color: #808080;
}

.wrap_9 .box_12 .info_box .p4 .link_angle {
    font-size: 12px;
    color: #1E3E67;
}

.wrap_9 .box_12 .info_box .p4 .link_angle .icon {
    margin-top: 9px;
    margin-left: 6px;
    float: right;
    width: 13px;
    height: 13px;
    background-position: -62px -24px;
}

.wrap_9 .box_13 {
    padding-bottom: 50px;
}

.wrap_9 .box_13 .pack_base {
    padding-top: 35px;
}

.wrap_9 .box_13 .base_l .p1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #111;
}

.wrap_9 .box_13 .base_l .p2 {
    margin-top: 20px;
    font-size: 12px;
    line-height: 14px;
    color: #666;
}

.wrap_9 .box_13 .base_r {
    padding-top: 5px;
    font-size: 14px;
    line-height: 14px;
}

.wrap_9 .box_13 .base_r span {
    font-size: 18px;
    color: #1E3E67;
}

.wrap_9 .box_13 .base_r span.num {
    font-size: 24px;
}

.wrap_9 .box_13 .base_r .p_btn {
    margin-top: 10px;
}

.wrap_9 .box_13 .base_r .link_btn {
    float: right;
    width: 100px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #1E3E67;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap_9 .box_13 .pack_img {
    margin-top: 25px;
    width: 100%;
}

.wrap_9 .box_13 .pack_img img {
    vertical-align: top;
    width: 100%;
}

.wrap_9 .box_13 .pack_intro {
    margin-top: 22px;
    font-size: 14px;
    line-height: 26px;
    color: #333;
}

.wrap_9 .cards_box {
    margin-top: 40px;
}

.wrap_9 .cards_box .card {
    margin-left: 36px;
}

.wrap_9 .cards_box .card:first-child {
    margin-left: 0;
}

.wrap_9 .cards_box .card_name {
    margin-top: 10px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.wrap_9 .box_psw {
    padding-top: 10px;
}

.wrap_9 .box_psw .psw_tt {
    padding-top: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #666;
}

.wrap_9 .box_psw .psw_tt span {
    float: left;
    margin-right: 6px;
    color: #ff6600;
}

.wrap_9 .box_psw .inp_bar {
    position: relative;
    margin-top: 12px;
}

.wrap_9 .box_psw .inp_bar input {
    padding: 0 10px;
    width: 280px;
    height: 38px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 38px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrap_9 .box_psw .inp_bar .warning_tip {
    left: 300px;
    line-height: 38px;
}

.wrap_9 .box_psw .inp_bar .warning_tip .icon {
    margin-top: 12px;
}

.header .top_login .nm_ul {
    display: none;
    z-index: 10;
    position: absolute;
    top: 33px;
    left: 50%;
    margin-left: -48px;
    padding: 10px 0;
    width: 116px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.header .top_login .nm_ul .top_angle {
    position: absolute;
    top: -7px;
    left: 50%;
    width: 10px;
    height: 7px;
    margin-left: -6px;
    background-position: -87px -83px;
}

.header .top_login .nm_ul .nm_li {
    display: block;
    padding: 0 20px 0 30px;
    margin: 3px 0;
    width: 66px;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #111;
    background-color: #fff;
}

.header .top_login .nm_ul .nm_li:hover {
    color: #1E3E67;
    background-color: #f6f6f6;
}

.wrap_15 {
    padding: 40px;
    background-color: #fff;
    margin: 50px 0;
}

.wrap_15 .title {
    font-size: 24px;
    line-height: 1;
    color: #111;
}

.step {
    margin-top: 30px;
    height: 40px;
    background: url(../img/step.png) 0 0 no-repeat;
}

.step2 {
    background-image: url(../img/step2.png)
}

.step3 {
    background-image: url(../img/step3.png)
}

.step li {
    float: left;
    width: 33.33%;
    text-align: center;
    line-height: 40px;
}

.step li span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.step li .s1 {
    width: 18px;
    height: 18px;
    background-color: #bbb;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    margin-right: 10px;
}

.step li .s2 {
    font-size: 14px;
    color: #666;
}

.step .current .s2 {
    color: #bfa46d;
}

.step .current .s1 {
    background-color: #bfa46d;
}

.input_group {
    padding-bottom: 20px;
}

.input_hd {
    float: left;
    width: 300px;
    text-align: right;
    font-size: 14px;
    padding-top: 12px;
    padding-right: 15px;
    color: #111;
}

.input_bd {
    float: left;
}

.input1 {
    padding: 0 10px;
    width: 280px;
    height: 38px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 14px;
    color: #111;
}

.input_bd .but {
    display: inline-block;
    color: #c0a46d;
    border: 1px solid #c0a46d;
    width: 110px;
    height: 38px;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin-left: 10px;
    background-color: transparent;
}

.input_bd .but:disabled {
    border-color: #e5e5e5;
    color: #ccc;
    cursor: default;
}

.step_complete {
    text-align: center;
}

.step_complete i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    background: url(../img/step_complete.png) 0 0 no-repeat;
}

.step_complete span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #333;
}

.bk_explain {
    box-sizing: border-box;
    width: 300px;
    height: 307px;
    padding: 0 30px;
    background-color: #fff;
}

.bk_explain .title {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding-top: 28px;
}

.bk_explain .ubb {
    font-size: 13px;
    line-height: 2;
}

.bk_explain #scrollbar1 .viewport {
    max-height: 202px;
    margin-right: 0;
}

.bk_explain #scrollbar1 .scrollbar {
    right: 15px;
}

.bk_explain .scroll_box {
    margin-top: 8px;
}

.pack_base .base_l {
    width: 400px;
}

.pack_base .base_r div {
    padding-top: 18px;
    float: right;
    padding-right: 12px;
}

.pack_base .base_r .q {
    font-size: 14px;
    color: #666;
    margin-left: 4px;
}

.wrap_9_order {
    width: 940px;
    padding: 30px;
}

.wrap_9_order .box_8 {
    margin-top: 0;
}

.wrap_9_order .box_9 .box_bar .box2 {
    width: 325px;
}

.wrap_9_order .box_9 .box_bar .box4 {
    margin-left: 110px;
}

.wrap_9_order .box_11 {
    padding-top: 0;
}

.wrap_9_order .box_11 .room_form_box_r {
    width: 310px;
}

.rule_box {
    margin-top: 20px;
    padding: 30px;
    background-color: #f9f6f0;
    color: #333;
}

.rule_box .d1 {
    font-size: 16px;
    line-height: 1;
}

.rule_box .d2 {
    padding-top: 10px;
    font-size: 14px;
    line-height: 2;
}

.new_xyk_box {
    position: relative;
    line-height: 48px;
}

.new_xyk_box.default {
    background-color: #f8f8f8;
}

.new_xyk_box.default .no {
    display: block;
}

.new_xyk_box.default .default,
.new_xyk_box.default .choice,
.new_xyk_box .no {
    display: none;
}

.new_label {
    float: left;
    font-size: 14px;
    color: #808080;
}

.new_label input {
    width: 72px;
    box-sizing: border-box;
    height: 26px;
    border: 1px solid #e5e5e5;
    padding: 0 6px;
    color: #333;
    margin: 0 6px;
}

.new_label span {
    color: #333;
}

.new_right {
    float: right;
}

.new_right .icon {
    display: inline-block;
    width: 9px;
    height: 7px;
    margin-left: 12px;
    background-position: -20px -100px;
}

.new_right b {
    margin-left: 5px;
    color: #c0a46d;
}

.new_right .default span {
    font-size: 14px;
    font-weight: 700;
    color: #c0a46d;
}

.new_right .choice {
    display: none;
}

.new_right .choice span {
    display: inline-block;
    vertical-align: middle;
    background-color: #f9f6f0;
    color: #c0a46d;
    font-size: 14px;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 26px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.tickets {
    display: none;
    position: absolute;
    left: -1px;
    top: 48px;
    width: 740px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 15px 0;
    line-height: 36px;
    z-index: 10;
}

.tickets a {
    color: #333;
    display: block;
    padding-left: 45px;
}

.tickets a:hover,
.tickets .current a {
    background-color: #f6f6f6;
}

.tickets li {
    position: relative;
}

.tickets .icon {
    position: absolute;
    left: 18px;
    top: 12px;
    display: none;
    width: 17px;
    height: 12px;
    background-position: 0 -100px;
}

.tickets .current .icon {
    display: block;
}

.payment_money {
    float: left;
    padding: 20px 0 0 30px;
    line-height: 46px;
    font-size: 16px;
}

.payment_money b {
    font-size: 24px;
    margin-left: 8px;
    color: #c0a46d;
}

.pop_up .alert_title {
    font-size: 30px;
    color: #000;
    line-height: 1;
}

.pop_up .alert_p {
    padding: 20px 0;
    font-size: 16px;
    color: #333;
    line-height: 1;
}

.pop_group .username span {
    color: #999;
    margin-left: 6px;
}

.pop_group {
    padding-top: 30px;
    font-size: 16px;
}

.pop_group .pop_hd {
    color: #333;
    line-height: 1;
    padding-bottom: 15px;
}

.pop_group .pop_hd span {
    color: #ff6600;
}

.pop_group .input2 {
    padding: 0 10px;
    width: 380px;
    height: 50px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 50px;
    box-sizing: border-box;
    color: #333;
}

.pop_group .but {
    display: inline-block;
    color: #c0a46d;
    border: 1px solid #c0a46d;
    width: 150px;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    text-align: center;
    margin-left: 10px;
    background-color: transparent;
}

.pop_group .but:disabled {
    border-color: #e5e5e5;
    color: #ccc;
    cursor: default;
}

.pop_up .submit2 {
    margin-top: 35px;
    display: inline-block;
    background-color: #c0a46d;
    font-size: 16px;
    color: #fff;
    width: 380px;
    height: 52px;
}

/* 会议定制页 */
.p-title-h1a {
    position: relative;
    font-size: 32px;
    line-height: 1;
}

.p-title-h1a .s-bar {
    position: absolute;
    top: 50%;
    left: 160px;
    right: 0;
    margin-top: -3px;
    height: 4px;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

.w-meeting-1 {
    padding: 80px 0 40px;
    color: #333;
    background-color: #fff;
}

.w-meeting-1 .p-title {
    font-size: 32px;
    line-height: 1;
    font-weight: bold;
}

.w-meeting-1 .p-cont {
    margin-top: 25px;
    font-size: 16px;
    line-height: 36px;
}

.w-meeting-1 .p-search-form {
    margin-top: 40px;

}

.w-meeting-1 .p-link {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.w-meeting-1 .p-link a {
    color: #c0a46d;
    text-decoration: none;
}

.w-meeting-1 .p-search-form .input {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 50px;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 15px;
    line-height: 48px;
    background-color: #fff;
}

.w-meeting-1 .p-search-form .inp_tt {
    font-size: 14px;
    color: #666;
    line-height: 1;
    padding-bottom: 10px;
}

.w-meeting-1 .inp-position-sele {
    position: relative;
    margin-right: 20px;
    width: 340px;
}

.w-meeting-1 .inp-calendar-sele {
    position: relative;
    width: 250px;
    margin-right: 20px;
}

.w-meeting-1 .p-search-form .hm-angle-down {
    position: absolute;
    top: 42px;
    right: 15px;
    font-size: 13px;
    line-height: 1;
    pointer-events: none;
}

.w-meeting-1 .inp-calendar-sele .dateInput {
    position: absolute;
    visibility: hidden;
    bottom: 0;
    left: 0;
}

.w-meeting-1 .inp-calendar-sele .icon {
    position: absolute;
    z-index: 5;
    top: auto;
    right: 15px;
    bottom: 16px;
    width: 21px;
    height: 21px;
    pointer-events: none;
    background-position: -200px 256px;
}

.w-meeting-1 .btn-submit {
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #c0a46d;
}

.w-meeting-2 {
    padding-top: 100px;
    padding-bottom: 120px;
    color: #333;
    background: #f5f5f5;
}

.w-meeting-2 .v-view-1 {
    margin-top: 50px;
}

.w-meeting-2 .v-view-1 .d-img {
    height: 830px;
    overflow: hidden;
    position: relative;
}

.w-meeting-2 .v-view-1 .d-img .img-li {
    height: 600px;
    background-size: cover;
    background-position: center;
}

.w-meeting-2 .v-view-1 .d-text {
    padding: 40px 50px;
    background-color: #fff;
    box-sizing: border-box;
    height: 230px;
}

.w-meeting-2 .v-view-1 .d-img .swiper-page {
    bottom: 270px;
    height: 12px;
    position: absolute;
    z-index: 5;
    width: 100%;
    text-align: center;
}

.w-meeting-2 .v-view-1 .d-img .swiper-pagination-switch {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
}

.w-meeting-2 .v-view-1 .d-img .swiper-active-switch {
    width: 20px;
}

.w-meeting-2 .v-view-1 .p1 {
    font-size: 28px;
    line-height: 48px;
}

.w-meeting-2 .v-view-1 .p2 {
    margin-top: 5px;
    height: 96px;
    font-size: 16px;
    line-height: 32px;
}

.w-meeting-2 .v-view-2 {
    margin-top: 50px;
}

.w-meeting-2 .v-view-2 .li-box {
    width: 562px;
    float: left;
}

.w-meeting-2 .v-view-2 .li-box:last-child {
    float: right;
}

.w-meeting-2 .v-view-2 .li-img {
    height: 500px;
    background-size: cover;
    background-position: center;
}

.w-meeting-2 .v-view-2 .li-text {
    padding: 30px 40px 40px;
    color: #333;
    background-color: #fff;
}

.w-meeting-2 .v-view-2 .p1 {
    font-size: 28px;
    line-height: 48px;
    height: 48px;
}

.w-meeting-2 .v-view-2 .p2 {
    margin-top: 5px;
    height: 60px;
    font-size: 16px;
    line-height: 30px;
}

.w-meeting-2 .v-view-2 .p3 {
    margin-top: 20px;
}

.w-meeting-2 .v-view-2 .p3 .price {
    font-size: 18px;
    line-height: 14px;
    color: #c0a46d;
}

.w-meeting-2 .v-view-2 .p3 .num {
    font-size: 26px;
}

.w-meeting-2 .v-view-2 .p3 .detail {
    font-size: 16px;
    line-height: 1;
    color: #c0a46d;
}

.w-meeting-2 .v-view-3 {
    margin-top: 50px;
    width: 1173px;
}

.w-meeting-2 .v-view-3 .li-box {
    margin-right: 23px;
    width: 368px;
}

.w-meeting-2 .v-view-3 .li-img {
    height: 265px;
    background-size: cover;
    background-position: center;
}

.w-meeting-2 .v-view-3 .li-text {
    padding: 15px 30px 35px;
    color: #333;
    background-color: #fff;
}

.w-meeting-2 .v-view-3 .li-text .p1 {
    height: 44px;
    font-size: 24px;
    line-height: 44px;
}

.w-meeting-2 .v-view-3 .li-text .p2 {
    height: 72px;
    font-size: 14px;
    line-height: 24px;
}

.w-meeting-3 {
    padding-top: 200px;
    height: 800px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
}

.w-meeting-3 .v-content {
    padding-top: 80px;
    height: 400px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    border-width: 5px;
    border-style: solid;
    border-color: #888;
    border-color: rgba(255, 255, 255, 0.3);
}

.w-meeting-3 h2 {
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
}

.w-meeting-3 .p1 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 36px;
}

.w-meeting-3 .p-link {
    margin-top: 40px;
    text-align: center;
}

.w-meeting-3 button {
    width: 320px;
    height: 56px;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #c0a46d;
}

/* 会议定制-列表 */
.w-meeting-form-1 {
    background-color: #fff;
}

.w-meeting-form-1 .v-form-display {
    padding: 60px 0;
}

.w-meeting-form-1 .f-box-1 {
    padding-left: 30px;
    width: 190px;
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.w-meeting-form-1 .f-box-1:first-child {
    border-left: 0;
    padding-left: 0;
    width: 310px;
    margin-right: 30px;
}

.w-meeting-form-1 .f-box-2 {
    padding-left: 30px;
    border-left: 1px solid #e5e5e5;
    width: 460px;
    box-sizing: border-box;
}

.w-meeting-form-1 .p1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}

.w-meeting-form-1 .p2 {
    margin-top: 2px;
    font-size: 18px;
    line-height: 36px;
}

.w-meeting-form-1 .f-change-btn {
    margin-top: 6px;
    border: 1px solid #c0a46d;
    width: 160px;
    height: 50px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    color: #c0a46d;
    background-color: #fff;
}

.w-meeting-form-1 .f-change-btn:hover {
    color: #fff;
    background-color: #c0a46d;
}

.w-meeting-form-1.form-bg {
    padding-top: 0;
}

.w-meeting-form-1.form-bg .form-box {
    padding: 102px 0 41px;
}

.w-meeting-form-1 .v-form-wrapper {
    display: none;
}

.w-meeting-form-1 .form-box {
    padding: 60px 0;
    position: relative;
}

.w-meeting-form-1 .close-form {
    position: absolute;
    top: 60px;
    right: -10px;
    padding: 10px;
    cursor: pointer;
}

.w-meeting-form-1 .search-wrapper-h2 .inp1 {
    margin-left: 20px;
    width: 310px;
}

.w-meeting-form-1 .search-wrapper-h2 .inp1:first-child {
    margin-left: 0;
}

.w-meeting-form-1 .search-wrapper-h2 .submit1 {
    margin-top: 24px;
    width: 160px;
}

.w-meeting-hotel-list {
    padding-top: 60px;
}

.w-meeting-hotel-list .p-hotel-number {
    font-size: 20px;
    line-height: 1.2;
}

.w-meeting-hotel-list .p-hotel-number .num {
    font-weight: bold;
    color: #c0a46d;
}

.w-meeting-hotel-list .ht_list {
    padding-top: 30px;
}

.w-meeting-hotel-list .ht_list>li {
    margin-top: 30px;
    background-color: #fff;
}

.w-meeting-hotel-list .ht_list>li:first-child {
    margin-top: 0;
}

.ht_list_h2 li {
    min-height: 230px;
    background-color: #fff;
}

.ht_list_h2 .hotel-content {
    position: relative;
    padding-left: 314px;
}

.ht_list_h2 .hotel_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 314px;
    height: 230px;
    background-size: cover;
    background-position: center;
}

.ht_list_h2 .img-count {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
}

.ht_list_h2 .img-count .hm-picture-1 {
    font-size: 16px;
}

.ht_list_h2 .hotel-content .hotel_info {
    padding: 20px 20px 20px 24px;
    height: 189px;
    border-bottom: 1px solid #e5e5e5;
}

.ht_list_h2 .hotel-content .p1:hover {
    color: #111;
}

.ht_list_h2 .hotel-content .d-text {
    width: 600px;
}

.ht_list_h2 .p3-h2 {
    margin-top: 5px;
    font-size: 14px;
    line-height: 24px;
}

.ht_list_h2 .p-logo {
    padding-top: 25px;
    height: 133px;
    box-sizing: border-box;
    text-align: center;
}

.ht_list_h2 .cst-btn {
    width: 180px;
    height: 46px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #c0a46d;
}

.ht_list_h2 .room-list {
    max-height: 137px;
    overflow: hidden;
}

.ht_list_h2 .d-room-img {
    margin-left: 20px;
    width: 60px;
    height: 44px;
    background-size: cover;
    background-position: center;
}

.ht_list_h2 .room-li {
    padding: 12px 0;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 44px;
}

.ht_list_h2 .room-li:first-child {
    border-top: 0;
}

.ht_list_h2 .d-tb {
    float: left;
}

.ht_list_h2 .d-name {
    margin-left: 20px;
    width: 210px;
}

.ht_list_h2 .d-info {
    margin-left: 10px;
    width: 200px;
}

.ht_list_h2 .a-detail {
    margin-right: 50px;
}

.ht_list_h2 .a-detail a {
    font-weight: bold;
    color: #c0a46d;
}

.room-list-close {
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 60px;
    color: #c0a46d;
    text-align: center;
}

.room-list-close span {
    cursor: pointer;
}

.room-list-close .gicon {
    width: 7px;
    height: 4px;
    background-position: -13px -200px;
}

.ht_list .active .room-list-close .gicon {
    background-position: 0 -200px;
}

.ht_list .active .room-list {
    max-height: none;
}

.room-info-dialog {
    display: none;
    padding: 70px 75px 100px;
    font-size: 16px;
    line-height: 36px;
}

.room-info-dialog .p-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 52px;
    text-align: center;
}

.room-info-dialog .p-ubb {
    margin-top: 30px;
}

.h-dialog-wrapper .room-info-dialog {
    display: block;
}

/* 搜索弹窗 */
.search-room-form {
    padding: 60px 75px 40px;
}

.search-room-form .search-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}

.search-room-form .search-sub {
    margin-top: 12px;
    font-size: 16px;
    line-height: 36px;
}

.search-room-form .search-wrapper-h2 {
    margin-top: 20px;
}

.search-wrapper-h2 .inp1 {
    position: relative;
    float: left;
    margin-left: 50px;
    width: 300px;
}

.search-wrapper-h2 .inputTxt {
    position: relative;
    display: block;
    padding: 0 15px;
    width: 100%;
    line-height: 48px;
    height: 50px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 15px;
    color: #333;
}

.search-wrapper-h2 .inp1:first-child {
    margin-left: 0;
}

.search-wrapper-h2 .inp_tt {
    margin-bottom: 10px;
    line-height: 14px;
    font-size: 14px;
    color: #666;
}

.search-wrapper-h2 .inputTxt:after {
    content: none;
}

.search-wrapper-h2 .hm-angle-down {
    position: absolute;
    top: 42px;
    right: 15px;
    font-size: 13px;
    line-height: 1;
    pointer-events: none;
}

.search-wrapper-h2 .box-2 {
    margin-top: 25px;
}

.search-wrapper-h2 .t-star {
    margin-left: 5px;
    color: #ff6600;
}

.search-wrapper-h2 .box-3 {
    margin-top: 25px;
}

.search-wrapper-h2 .box-3 .inp2 {
    width: 100%;
}

.search-wrapper-h2 .box-3 .inputTxt {
    resize: none;
    height: 100px;
}

.search-wrapper-h2 .select-opener {
    display: none;
}

.search-wrapper-h2 .box-submit {
    text-align: center;
}

.search-wrapper-h2 .date {
    display: inline-block;
    height: 100%;
}

.search-wrapper-h2 .bd {
    margin: 0 14px;
}

.search-wrapper-h2 .ht_date_val {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.search-wrapper-h2 .date-i {
    position: absolute;
    z-index: 5;
    top: auto;
    right: 15px;
    bottom: 16px;
    width: 21px;
    height: 21px;
    pointer-events: none;
    background-position: -200px 256px;
}

.photo_show {
    height: 100%;
}

.photo_show .swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.photo_show .arrow {
    position: absolute;
    top: 50%;
    left: 42px;
    margin-top: -30px;
    height: 57px;
    font-size: 57px;
    color: #bfbfbf;
    background: none;
}

.photo_show .arrow .VVfont {
    vertical-align: top;
}

.photo_show .arrow-right {
    left: auto;
    right: 42px;
    background: none;
}

.photo_show_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    z-index: 10;
}

.photo_show_title .s3 {
    margin-left: 7px;
}

.photo_close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 10;
    width: 52px;
    height: 52px;
    font-size: 21px;
    line-height: 52px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
}

.div_box {
    display: flex;
    flex-direction: row;
    min-height: 300px;
}

.div_box .left {
    width: 270px;
    background-color: #c0a46d;
}

.div_box .left ul {
    padding: 15px 30px 0;
}

.div_box .left li a {
    font-size: 16px;
    color: #fff;
    line-height: 48px;
}

.div_box .left .current a {
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
    font-weight: 700;
}

.div_box .right {
    flex: 1;
    padding: 0 50px;
    background-color: #fff;
    min-height: 600px;
}

.div_box .right_title {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    padding: 40px 0 20px;
    border-bottom: 1px solid #e5e5e5;
}

.div_box .ubb {
    padding: 40px 0;
}

.white_box {
    padding: 75px;
    background-color: #fff;
}

.contact_box {
    border: 1px solid #e5e5e5;
}

.contact_info {
    line-height: 1;
    padding: 40px;
}

.contact_info .left {
    float: left;
    width: 700px;
}

.contact_info .left .d1 {
    font-size: 30px;
    padding-top: 20px;
}

.contact_info .left .d2 {
    font-size: 16px;
    line-height: 30px;
    padding-top: 13px;
}

.contact_info .left .d2 i {
    width: 22px;
    color: #c0a46d;
}

.contact_info .right {
    float: right;
}

.contact_info .right p {
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
}

.contact_group {
    display: flex;
    flex-direction: row;
    border-top: 1px solid #e5e5e5;
}

.contact_group .left {
    width: 217px;
    padding-bottom: 50px;
    background-color: #fafafa;
    border-right: 1px solid #e5e5e5;
}

.contact_group .left li {
    border-bottom: 1px solid #e5e5e5;
}

.contact_group .left li a {
    display: block;
    line-height: 69px;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.contact_group .left .current {
    background-color: #fff;
    width: 218px;
}

.contact_group .left .current a {
    font-weight: 700;
    color: #c0a46d;
}

.contact_group .right {
    flex: 1;
    padding: 0 40px;
}

.contact_group_con {
    display: none;
}

.contact_group_con:first-child {
    display: block;
}

.contact_group_con li {
    float: left;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: -1px;
}

.contact_group_con li:last-child {
    border: none;
}

.contact_group_con li .img {
    float: left;
    width: 120px;
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact_group_con li .con {
    width: 560px;
    float: right;
}

.contact_group_con li .con .d1 {
    font-size: 22px;
    line-height: 1;
}

.contact_group_con li .con .d2 {
    font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
}

.contact_group_con li .con .d2 i {
    width: 22px;
    color: #c0a46d;
}

.messages_form {
    margin-top: 50px;
    padding: 75px;
    font-size: 14px;
}

.messages_form .title {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
}

.messages_form .info {
    font-size: 16px;
    line-height: 1;
    padding-top: 25px;
    padding-bottom: 5px;
}

.messages_form .item {
    padding-top: 25px;
    width: 300px;
}

.messages_form .item_hd {
    line-height: 1;
    padding-bottom: 10px;
}

.messages_form .item_hd span {
    color: #c0a46d;
}

.drop-messages_jcfselect ul li:first-child {
    display: none;
}

.input3 {
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    border: 1px solid #e5e5e5;
    line-height: 48px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
}

.textarea1 {
    padding: 6px 10px;
    font-size: 14px;
    color: #333;
    border: 1px solid #e5e5e5;
    line-height: 2;
    width: 100%;
    height: 120px;
    box-sizing: border-box;
}

.messages_form .yzm {
    border: 1px solid #e5e5e5;
    width: 120px;
    height: 50px;
    box-sizing: border-box;
    margin-left: 10px;
}

.submit1 {
    display: inline-block;
    margin-top: 40px;
    width: 200px;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #c0a46d;
}

.messages_form .rd_box2 {
    float: left;
    width: 110px;
}

.messages_form .radio_label {
    float: left;
    line-height: 50px;
    cursor: pointer;
}

.messages_form input[type='radio'] {
    display: none;
}

.messages_form .label_icon {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url(../img/check_point_16.png) 0 0 no-repeat;
}

.messages_form input:checked+.radio_label .label_icon {
    background-position-x: -16px;
}

.w-member-about {
    padding: 60px 75px 100px;
    color: #333;
    background-color: #fff;
}

.w-member-about h2 {
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
}

.w-member-about .v-content {
    margin-top: 30px;
    font-size: 16px;
    line-height: 36px;
}

.w-member-about .mititle {
    font-size: 16px;
    padding-top: 25px;
}

.main_title {
    line-height: 1;
    font-size: 32px;
    font-weight: 700;
    color: #333;
    padding: 80px 0 50px;
}

.w-detail-h3 .ubb {
    padding: 32px 0;
    font-size: 14px;
    line-height: 30px;
}

.w-detail-h3 .v-title {
    padding-top: 60px;
}

.w-detail-h3 .v-title-bar {
    margin-top: 40px;
}

.w-detail-h3 .d-info {
    width: 750px;
}

.w-detail-h3 .d-info h3 {
    font-size: 30px;
    line-height: 46px;
    font-weight: bold;
    color: #333;
}

.w-detail-h3 .d-info p {
    margin-top: 15px;
    font-size: 16px;
    color: #333;
}

.w-detail-h3 .d-price-link .p-price {
    font-size: 18px;
    line-height: 46px;
    color: #c0a46d;
}

.w-detail-h3 .d-price-link .p-price .num {
    font-size: 28px;
}

.w-detail-h3 .d-price-link .p-price .txt {
    font-size: 16px;
}

.w-detail-h3 .d-price-link .a-link-btn {
    display: block;
    margin-left: 20px;
    width: 180px;
    height: 46px;
    font-size: 16px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: #c0a46d;
}

.w-detail-h3 .v-sub-foot {
    margin-top: 30px;
}

.member_main {
    padding-top: 146px;
}

.refund_box {
    padding: 50px;
    background-color: #fff;
}

.refund_box .process {
    position: relative;
}

.refund_box .process .pc_box {
    float: left;
    position: relative;
    z-index: 5;
    width: 50%;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #808080;
}

.refund_box .process .pc_box:before {
    content: '';
    z-index: 5;
    position: absolute;
    top: 7px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #c0a46d;
}

.refund_box .process .pc_box i {
    position: relative;
    z-index: 10;
    display: block;
    margin: 0 auto 8px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 50%;
}

.refund_box .process .pc_box.current,
.refund_box .process .pc_box.pass {
    color: #c0a46d;
}

.refund_box .process .pc_box.current:before {
    width: 50%;
}

.refund_box .process .pc_box.current i {
    background-color: #c0a46d;
    border-color: #c0a46d;
}

.refund_box .process .pc_box.pass:before {
    width: 100%;
}

.refund_box .process .line {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    height: 2px;
    background-color: #ddd;
}

.refund_con {
    margin-top: 50px;
    border: 1px solid #e5e5e5;
}

.refund_left {
    float: left;
    padding: 30px 30px 60px;
    width: 749px;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
}

.refund_form {
    margin-top: 30px;
}

.refund_form .row {
    position: relative;
    padding-left: 120px;
    margin-top: 20px;
}

.refund_form .row:first-child {
    margin-top: 0;
}

.refund_form .row .warning_tip {
    line-height: 32px;
}

.refund_form .tt {
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
    width: 120px;
    font-size: 14px;
    line-height: 46px;
    color: #666;
    text-align: right;
    box-sizing: border-box;
    padding-right: 20px;
}

.refund_form .tt span {
    display: inline-block;
    width: 13px;
    color: #ff6600;
}

.refund_form .inp_bar .inp {
    position: relative;
    float: left;
    width: 380px;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
}

.refund_form .inp_bar .inp1 {
    width: 240px;
}

.refund_form .inp_bar .inp2 {
    width: 300px;
}

.refund_form.inp_bar .inp3 {
    width: 221px;
    margin-left: -1px;
}

.refund_form .inp_bar .inp3:first-child {
    margin-left: 0;
    width: 160px;
}

.refund_form .inp_bar .input1 {
    padding: 0 15px;
    width: 100%;
    height: 46px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    color: #333;
}

.refund_form .textarea_inp {
    width: 500px;
    height: 100px;
}

.refund_form .textarea_inp textarea {
    padding: 5px 10px;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.refund_form .subbtn {
    width: 200px;
    height: 46px;
    font-size: 16px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    background-color: #c0a46d;
    font-weight: 700;
}

.refund_commodity_left {
    float: left;
    width: 100px;
    height: 74px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.refund_commodity_right {
    width: 455px;
    float: right;
    line-height: 1;
}

.refund_commodity_right .d1 {
    font-size: 16px;
    padding-top: 4px;
}

.refund_commodity_right .d2 {
    font-size: 14px;
    padding-top: 13px;
    color: #808080;
}

.refund_commodity_right .d3 {
    font-size: 14px;
    padding-top: 10px;
    color: #808080;
}

.refund_commodity_right .d3 span {
    margin-left: 12px;
}

.evidence_img li,
.evidence_upload {
    position: relative;
    width: 98px;
    height: 98px;
    border: 1px solid #e5e5e5;
    margin-right: 5px;
}

.evidence_img li {
    float: left;
}

.evidence_img li .pic {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.evidence_img li .hm-wrong {
    position: absolute;
    top: 4px;
    right: 8px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.3);
}

.evidence_upload {
    text-align: center;
    color: #ccc;
    line-height: 1;
}

.evidence_upload input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.evidence_upload .p1 {
    margin-top: 23px;
    font-size: 32px;
}

.evidence_upload .p2 {
    padding-top: 12px;
    font-size: 14px;
    color: #999;
}

.evidence_text {
    line-height: 100px;
    padding-left: 30px;
}

.refund_right {
    float: right;
    box-sizing: border-box;
    padding: 0 30px;
    width: 298px;
}

.refund_right .tt {
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    padding: 30px 0 20px;
}

.refund_right .ttcon {
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    line-height: 30px;
}

.refund_right .ttcon .d1 {
    font-size: 16px;
}

.refund_right .ttcon .d2 {
    font-size: 14px;
    color: #808080;
    line-height: 26px;
}

.refund_right .ttcon .d3 .s1 {
    float: left;
    width: 118px;
}

.refund_right .ttcon .d3 .s2 {
    float: left;
    width: 120px;
}

.refund_right .ttcon .d3 .s2 b {
    color: #c0a46d;
}

.refund_state_left {
    float: left;
    width: 60px;
    height: 60px;
    line-height: 66px;
    background-color: #c0a46d;
    border-radius: 50%;
    text-align: center;
}

.refund_state_left i {
    top: 0;
    font-size: 32px;
    color: #fff;
}

.refund_state_right {
    float: right;
    width: 608px;
    line-height: 1;
    color: #c0a46d;
}

.refund_state_right .d1 {
    font-size: 20px;
    font-weight: 700;
    padding-top: 7px;
}

.refund_state_right .d2 {
    font-size: 16px;
    padding-top: 12px;
}

.refund_revoke {
    padding-top: 18px;
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
    line-height: 36px;
    font-size: 16px;
}

.refund_revoke .d1 {
    font-weight: 700;
}

.refund_revoke .d2 {
    color: #999;
}

.refund_revoke .d2 p {
    position: relative;
    padding-left: 15px;
}

.refund_revoke .d2 p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 4px;
    height: 4px;
    background-color: #999;
}

.refund_revoke .d3 {
    margin-top: 10px;
    padding: 20px 30px;
    background-color: #f8f8f8;
}

.refund_revoke .subbtn {
    margin-top: 20px;
    display: inline-block;
    width: 200px;
    height: 46px;
    font-size: 16px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    background-color: #c0a46d;
    font-weight: 700;
}

.revoke_info {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.revoke_info .tt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 20px;
}

.revoke_info .con {
    line-height: 33px;
}

.revoke_info .con .li .d1 {
    float: left;
    width: 100px;
    color: #999;
}

.revoke_info .con .li .d2 {
    float: right;
    width: 588px;
}

.revoke_info .con .li .d2 a {
    display: inline-block;
    border: 1px solid #e5e5e5;
    width: 44px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #333;
    border-radius: 3px;
    margin-left: 12px;
}

.revoke_info .con .revoke_img {
    padding-top: 6px;
}

.revoke_info .con .revoke_img li {
    float: left;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: 10px;
}

.w-member-register {
    padding: 80px 100px 80px;
    background-color: #fff;
}

.w-member-register .v-form-view {
    padding-right: 95px;
    border-right: 1px solid #e5e5e5;
    width: 476px;
    box-sizing: border-box;
}

.w-member-register h3 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    color: #1e3e67;
}

.w-member-register .mt30 {
    margin-top: 30px;
}

.w-member-register .inp-bar {
    margin-top: 20px;
}

.w-member-register .inp-title {
    font-size: 16px;
    line-height: 16px;
}

.w-member-register .t-star {
    margin-left: 5px;
    color: #ff6600;
}

.w-member-register .inp-wrapper {
    margin-top: 15px;
}

.w-member-register .input {
    padding: 0 15px;
    width: 100%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 48px;
}

.w-member-register .code-btn {
    border: 1px solid #1e3e67;
    width: 150px;
    height: 50px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 48px;
    color: #1e3e67;
    background-color: #fff;
}

.w-member-register .code-btn:disabled {
    border-color: #e5e5e5;
    color: #ccc;
    cursor: default;
}

.w-member-register .submit-btn {
    display: block;
    text-align: center;
    width: 380px;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    line-height: 48px;
    color: #fff;
    background-color: #1e3e67;
}

.w-member-register .v-img-link {
    padding-left: 94px;
    width: 474px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
}

.w-member-register .p-img {
    height: 220px;
    overflow: hidden;
}

.w-member-register .p-sub {
    margin-top: 16px;
}

.w-member-register .p-sub a {
    color: #1e3e67;
}

.w-register-profile {
    padding: 80px 75px 100px;
    background-color: #fff;
}

.w-register-profile h2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.w-register-profile .v-form-view {
    margin-top: 10px;
}

.w-register-profile .inp-bar {
    position: relative;
    font-size: 14px;
}

.w-register-profile .inp-title {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    line-height: 46px;
    text-align: right;
}

.w-register-profile .inp-info {
    margin-top: 12px;
    padding-left: 87px;
    height: 46px;
    width: 467px;
    box-sizing: border-box;
}

.w-register-profile .t-star {
    margin-right: 8px;
    color: #ff6600;
}

.w-register-profile .p-input {
    padding: 0 9px;
    border: 1px solid #e5e5e5;
    height: 46px;
    width: 100%;
    box-sizing: border-box;
    line-height: 44px;
}

.w-register-profile .p-readonly {
    line-height: 44px;
    padding: 1px 10px;
}

.w-register-profile .rd_box2 {
    float: left;
    width: 110px;
}

.w-register-profile .radio_label {
    margin-left: 21px;
    float: left;
    line-height: 46px;
    cursor: pointer;
}

.w-register-profile input[type='radio'] {
    display: none;
}

.w-register-profile .label_icon {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url(../img/check_point_16.png) 0 0 no-repeat;
}

.w-register-profile input:checked+.radio_label .label_icon {
    background-position-x: -16px;
}

.w-register-profile .p-text {
    padding: 33px 40px;
    background-color: #f8f8f8;
}

.w-register-profile .code-img {
    width: 102px;
}

.w-register-profile .d-sub {
    margin-top: 5px;
    margin-left: 16px;
}

.w-register-profile .v-img-link {
    margin-top: 80px;
}

.w-register-profile .v-img-link .p1 {
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    color: #c0a46d;
}

.w-register-profile .v-img-link .p2 {
    font-size: 14px;
    line-height: 30px;
}

.w-register-profile .read-label {
    margin-top: 12px;
    padding-left: 87px;
}

.w-register-profile .inp-bar-btn {
    margin-top: 10px;
    padding-left: 87px;
}

.w-register-profile .submit-btn {
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #c0a46d;
}

.read-h1 .labelBox {
    float: none;
    position: relative;
}

.read-h1 .labelBox .leftBox {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background-image: url(../img/select_point.png);
    background-position: 0 0;
}

.read-h1 .labelBox :checked+label .leftBox {
    background-position: -14px 0;
}

.read-h1 .labelBox p {
    font-size: 14px;
    line-height: 28px;
}

.read-h1 .labelBox .a {
    color: #c0a46d;
    cursor: pointer;
}

.read-h1 .labelBox input {
    display: none;
}

.read-h1 .labelBox label {
    height: auto;
}

.membership_box {
    margin-top: 25px;
    border: 1px solid #e5e5e5;
}

.membership_box .item {
    display: flex;
    border-top: 1px solid #e5e5e5;
    line-height: 58px;
    font-size: 16px;
}

.membership_box .item:first-child {
    border: none;
}

.membership_box .item .d1 {
    width: 278px;
    box-sizing: border-box;
    padding-left: 37px;
}

.membership_box .item .d1 i {
    font-size: 24px;
    width: 45px;
}

.membership_box .item .d2 {
    flex: 1;
    padding-left: 30px;
    border-left: 1px solid #e5e5e5;
}

.membership_box .item .d2 span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin-left: 9px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    border-radius: 50%;
}

.membership_box .top {
    background-color: #f5f5f5;
    font-weight: 700;
}

.membership_box2 {
    background-color: #c0a46d;
    text-align: center;
    height: 120px;
    margin-top: 40px;
    line-height: 1;
    color: #fff;
}

.membership_box2 .d1 {
    font-size: 28px;
    padding-top: 30px;
}

.membership_box2 .d2 {
    padding-top: 15px;
    font-size: 16px;
}

.membership_box3 {
    display: flex;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.membership_nav {
    width: 279px;
}

.membership_tab {
    flex: 1;
    padding: 40px;
}

.membership_nav a {
    display: block;
    line-height: 122px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding-left: 35px;
    color: #333;
    font-size: 16px;
}

.membership_nav a span {
    position: relative;
    vertical-align: middle;
    top: -1px;
    display: inline-block;
    line-height: 21px;
    border-radius: 3px;
    background-color: #c0a46d;
    margin-left: 6px;
    height: 21px;
    font-size: 12px;
    color: #fff;
    padding: 0 6px;
}

.membership_nav li:first-child a {
    border-top: none;
}

.membership_nav .current a {
    background-color: #fff;
    border-right: 0;
}

.membership_nav a i {
    font-size: 24px;
    width: 45px;
}

.membership_tab .con {
    display: none;
}

.membership_tab .con .d1 {
    padding-bottom: 7px;
    font-size: 24px;
    line-height: 1;
}

.membership_tab .con .d2 {
    font-size: 16px;
}

.membership_tab .con .d2 p {
    margin-top: 20px;
    position: relative;
    padding-left: 38px;
}

.membership_tab .con .d2 i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    width: 38px;
}

.labelBoxRight {
    padding-top: 16px;
}

.labelBoxRight .labelBox {
    margin-left: 30px;
}

.supply_list {
    padding-top: 30px;
}

.supply_list li {
    border-bottom: 1px solid #e5e5e5;
}

.supply_list li:first-child {
    border-top: 1px solid #e5e5e5;
}

.supply_list li a {
    position: relative;
    display: block;
    line-height: 80px;
    font-size: 18px;
    color: #333;
}

.supply_list li a:hover {
    color: #c0a46d;
}

.supply_list li h3 span {
    display: inline-block;
    padding: 0 8px;
    margin-left: 20px;
    border-radius: 3px;
    background-color: #217ab8;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    position: relative;
    top: -1px;
}

.supply_list li i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 18px 0 10px;
    width: 4px;
    height: 4px;
    background-color: #999;
    border-radius: 2px;
}

.supply_list li .date {
    position: absolute;
    right: 10px;
    top: 0;
    color: #666;
}

.page {
    padding-top: 40px;
    font-size: 0;
    text-align: center;
    line-height: 34px;
}

.page a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    color: #333;
    text-align: center;
    line-height: 32px;
    background: #FFF;
    border: 1px solid #e5e5e5;
    font-size: 14px;
}

.page span {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
}

.page .current {
    color: #FFF;
    background: #c0a46d;
    border-color: #c0a46d;
}

.page .prev,
.page .next {
    text-indent: -999px;
    background: url(../img/icon.png) -240px -220px no-repeat;
}

.page .prev {
    margin-left: 0;
}

.page .next {
    background-position: -280px -220px;
}

.page input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    height: 32px;
    width: 32px;
    text-align: center;
    color: #333;
    line-height: 32px;
    background: #FFF;
    border: 1px solid #e5e5e5;
    font-size: 14px;
}

.join_wrapper {
    background-color: #fff;
}

.join_wrapper .img {
    display: block;
    height: 600px;
}

.join_wrapper .con {
    padding: 50px;
    color: #333;
}

.join_wrapper .con .title {
    font-size: 28px;
    line-height: 1;
}

.join_wrapper .con .ubb {
    padding-top: 15px;
    font-size: 16px;
    line-height: 2;
}

.join_nav {
    padding-top: 50px;
    margin: 0 -13px;
}

.join_nav a {
    float: left;
    width: 562px;
    margin: 0 13px;
}

.join_nav .img {
    display: block;
    height: 420px;
}

.join_nav .con {
    padding: 0 40px;
    height: 202px;
    background-color: #fff;
}

.join_nav .con .d1 {
    padding-top: 30px;
    font-size: 28px;
    line-height: 1;
    color: #333;
}

.join_nav .con .d2 {
    padding-top: 17px;
    font-size: 15px;
    line-height: 28px;
    color: #666;
}

.join_nav .con .d3 {
    padding-top: 27px;
    font-size: 16px;
    line-height: 1;
    color: #c6a86f;
}

.join_cooperation {
    padding: 50px;
    background-color: #fff;
}

.join_cooperation .title {
    line-height: 1;
    font-size: 28px;
}

.join_cooperation .list li {
    float: left;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
}

.join_cooperation .list li:first-child {
    border: none;
}

.join_cooperation .list .img {
    float: left;
    width: 250px;
    height: 165px;
}

.join_cooperation .list .con {
    float: right;
    width: 774px;
}

.join_cooperation .list .con .d1 {
    font-size: 24px;
    line-height: 1;
    padding-top: 20px;
}

.join_cooperation .list .con .d2 {
    font-size: 15px;
    line-height: 28px;
    color: #666;
    padding-top: 13px;
}

.joinIn_style {
    padding: 80px 0 30px;
    background-color: #fff;
}

.joinIn_box {
    margin: 0 auto;
}

.join_wrapper_title {
    font-size: 30px;
    line-height: 1;
    padding-bottom: 35px;
}

.advantage_box {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #e5e5e5;
}

.advantage_box .left {
    width: 278px;
    background-color: #f5f5f5;
    border-right: 1px solid #e5e5e5;
}
.advantage_nav a{
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    padding: 30px 35px 30px 80px;
    border-right:1px solid transparent;
    border-top:1px solid #e5e5e5;
    width: 279px;
    box-sizing: border-box;
    position: relative;
}
.advantage_nav li:first-child a{
    border-top: none;
}
.advantage_nav a img{
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
}
.advantage_nav .img2{
    display: none;
}
.advantage_nav .current a{
    color: #c0a46d;
    font-weight: 700;
    background-color: #fff;
    border-right:1px solid #fff;
}
.advantage_nav .current .img1{
    display: none;
}
.advantage_nav .current .img2{
    display: inline-block;
}
.advantage_box .right{
    flex: 1;
    padding: 40px;
}
.advantage_box .right .advantage_con{
    display: none;
    color: #333;
}
.advantage_box .right .advantage_con:first-child{
    display: block;
}
.advantage_box .right .advantage_con .d1{
    font-size: 24px;
    line-height: 1;
}
.advantage_box .right .advantage_con .d2{
    padding-top: 40px;
    font-size: 16px;
    line-height: 2;
}
.advantage_box2{
    margin-top: 0;
    border: none;
}
.advantage_box2 .left{
    background-color: transparent;
    border: none;
    width: 280px;
    position: relative;
    z-index: 1;
}
.advantage_box2 a{
    border-top: none;
    border-left: 1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    width: 280px;
}
.advantage_box2 li:first-child a{
    border-top: 1px solid #e5e5e5;
}
.advantage_box2 .right{
    position: relative;
    left: -1px;
    border: 1px solid #e5e5e5;
}
.download_list li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
}

.download_list li:last-child {
    border-bottom: none;
}

.download_list li .d1 {
    float: left;
    color: #333;
    width: 68px;
    height: 68px;
}
.download_list li .d2{
    float: left;
    font-size: 24px;
    color: #333;
    width: 790px;
    margin-left: 30px;
    line-height: 68px;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.download_list li .d3{
    float: left;
    margin-top: 10px;
    font-size: 16px;
    width: 180px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background-color: #c6a86f;
    line-height: 46px;
}
/*加盟概况*/
.new_main{
    padding-top: 144px;
    padding-bottom: 0;
}
.new_box{
    position: relative;
}
.new_bg{
    width: 1150px;
    margin: 0 auto;
}
.new_bg::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}
.new_bg img{
    width: 1920px;
    margin-left: -385px;
    margin-right: -385px;
}
.new_box_con{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -575px;
    width: 1150px;
    height: 100%;
    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;
}
@media (max-width: 1366px) {
    .new_bg img{
        width: 1720px;
        margin-left: -285px;
        margin-right: -285px;
    }
    .new_box_con img{
        width: 80%;
    }
}
.sweet-alert h2 {
    line-height: 30px!important;
    font-size: 18px!important;
  }