@charset "utf-8";
/* CSS Document */
*,*:before,*:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ol,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,form,td,th,section{ padding:0; margin:0; font-weight:normal; font-size:20px;  }
ul,li{ list-style:none;}
img{ border:0;}
a{ color:#050709; text-decoration:none; outline:none; color:#cd9648;}

a:hover,a.current,span.current{ text-decoration:none; }
*{ outline:none; /* font-size:inherit; -moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; */ }
input,textarea,button,select{font-family:"微软雅黑"; margin:0; padding:0; font-size:20px; resize:none; border-radius:1px; /*-moz-user-select:all;-webkit-user-select:all; -ms-user-select:all;*/ }
input[type="text"],input[type="number"],input[type="password"]{ font-size: 25px;}
input[type="checkbox"]{-webkit-border-radius:5px; width: 30px; height:30px; font-size: 25px;}
input[type="radio"]{-webkit-border-radius:5px; width: 22px; height:22px;}
input::-webkit-input-placeholder { color: #a3a3a3;  }
select{ background:url(../images/common/select_bg.png) no-repeat right center #fff; padding:0 0 0 15px; font-size:18px;  height:46px;  font-size: 25px; appearance:listbox; -webkit-appearance:listbox; border-radius:1px;}

.hidden{ display:none;}
.show{ display:block;}

.red{ color:#b84747;}

html { font-size:1em; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
body{ padding:0; margin:0; font-family:"微软雅黑","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:20px;   background:#000; color:#fff; }

.main{ width:640px; margin:0 auto; }

.index-swiper{ position:absolute; width:640px; left:50%; top:0; height:100%; margin:0 0 0 -320px;}
.index-slide{ height:100%;}
.home-slide{ background:url(../images/index/home_bg.jpg) no-repeat; background-size:cover;}
.menu-slide{ background:url(../images/index/menu_bg.jpg) no-repeat; background-size:cover;}
.home_logo{ position:absolute; right:22px; top:32px;}
.home_slogan{ position:absolute; top:36%; left:0;}

.home_arrow{ position:absolute; bottom:45px; width:92px; text-align:center; left:50%; margin:0 0 0 -46px; height: 21px; }
.home_arrow .arrow{-webkit-animation: guideRight 0.6s infinite; position: absolute; left: 50%; margin-left: -21px; top: -60px ; }

@-webkit-keyframes guideRight {
  0% {
    -webkit-transform: translate3d(0px, 15px, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -15px, 0);
    opacity: 0;
  }
}

.ver_nav{ position: absolute; left:22px; line-height:30px; top: 32px;}
.ver_nav a{ color: #d7be88;}

#footer{ width: 640px; background:url(../images/common/nav_bg.png) repeat; background: rgba(0,0,0,0.8); position: fixed; bottom: 0; left:50%; margin: 0 0 0 -320px; font-size: 18px; text-align: center; z-index: 100; display: none;}
#footer .inner{ padding:40px 0 0 0;}
#footer .copyright{ line-height: 22px; margin: 0 0 40px 0;}


#footer a{ color: #fff;}

.menu-slide #footer{ position:absolute;  font-size:18px; text-align: center; background: none; display: block;}

.main_nav{ position:absolute; top:15%; width:100%; left:0;}
.main_nav .nav{ background:url(../images/index/main_menu_bg.png) no-repeat; position:absolute; height:178px; top:184px; width:191px; text-indent:-9999px;}
.main_nav .service_inquiry_nav{ left:27px; width:290px; top:0;  background-position:0 0 ;}
.main_nav .online_reservation_nav{right:27px;width:290px; top:0;   background-position:right top;}
.main_nav .service_center_nav{ left:27px;  background-position:0 -184px; }
.main_nav .survey_inquiry_nav{ left:225px; background-position:-198px -184px; }
.main_nav .faq_nav{ left:422px; height:83px; background-position:-395px -184px; }
.main_nav .contact_us_nav{ left:422px; height:90px; top:273px; background-position:-395px -273px;}

.asc_nav{ position:absolute; top:27%; width:100%; left:50%;margin: 0 0 0 -250px;}
.asc_nav .nav{ background:url(../images/index/asc_menu_bg.png) no-repeat; position:absolute; height:150px; top:150px; width:500px; text-indent:-9999px;}
.asc_nav .asc_booking_registration_nav{left:0px;width:500px; top:0;   background-position:0 -20px;}
.asc_nav .asc_quotation_confirm_nav{ left:0px; width:500px; top:150;  background-position:0 -230px; }
.asc_nav .asc_service_inquiry_nav{ left:0px; width:500px; top:360;  background-position:0 -430px ;}

.asc_index_box .top_tip{ position: absolute; top: -115px; color: #fff; width: 440px; left: 50%; margin: 0 0 0 -220px; line-height:30px;}
.asc_index_box{  width:588px; height:390px; position:absolute; top:27%; left:50%; margin:0 0 0 -294px; border-radius:6px; }


#home_bottom_owl{ position:absolute; bottom:72px; left:0; width:100%; text-align:center; color:#e0e0e0; line-height:35px;}
#home_bottom_owl .owl-pagination div{ display:inline;}
#home_bottom_owl .owl-pagination span{ background:url(../images/index/pagination.png) no-repeat top right; width:18px; height:18px; display:inline-block; margin:0 14px;}
#home_bottom_owl .owl-pagination .active span{ background-position:left top;}

/*.index-swiper-bottom{ position:absolute; bottom:220px; left:0; width:100%; text-align:center; color:#e0e0e0; line-height:35px;}*/
#home_bottom_owl .owl-pagination div{ display:inline;}
#home_bottom_owl .owl-pagination span{ background:url(../images/index/pagination.png) no-repeat top right; width:18px; height:18px; display:inline-block; margin:0 14px;}
#home_bottom_owl .owl-pagination .active span{}


.index-swiper-bottom > .swiper-pagination{ position:static; margin:20px 0 0;}
.index-swiper-bottom > .swiper-pagination .swiper-pagination-bullet{ background:url(../images/index/pagination.png) no-repeat top right; width:18px; height:18px; display:inline-block; margin:0 14px; opacity:1;}
.index-swiper-bottom > .swiper-pagination .swiper-pagination-bullet-active{  background-position:left top;}
#footer .index-swiper-bottom a{ color:#d7be88; font-size: 22px;}


.nav_mask{ position:fixed; top:0; left:0; width:100%; height:96px; z-index:99; background:#000;}

.body_bg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; width:640px; left:50%; margin:0 0 0 -320px;}
.maintain_bg{ background:url(../images/maintain/maintain_bg.jpg) no-repeat center ; /*background-size:cover;*/    }
.inquiry_detail_bg{ height:96px; background:url(../images/common/nav_bg.png) repeat; z-index:99;}
.inquiry_body{ background:#fafafa;}
.reservation_bg{ background:url(../images/reservation/reservation_bg.jpg) no-repeat center; /*background-size:cover;*/ /*display:none;*/  }
.service_bg{ background:url(../images/reservation/reservation_bg.jpg) no-repeat center; /*background-size:cover;*/ /*display:none;*/  }
.survey_bg{ background:url(../images/survey/survey_bg.jpg) no-repeat center; /*background-size:cover;*/ /*display:none;*/  }
.faq_bg{ background:url(../images/faq/faq_bg.jpg) no-repeat center; /*background-size:cover;*/ /*display:none;*/  }
.contact_bg{ background:url(../images/contact/contact_bg.jpg) no-repeat center; }
.news_bg{ background:url(../images/news/news_bg.jpg) no-repeat center; }
.login_bg{ background:url(../images/maintain/maintain_bg.jpg) no-repeat center; }




.reservation_body{ /*background:url(../images/reservation/reservation_bg.jpg) no-repeat top center #000 fixed; background-size:cover; height:100%;*/ }

html{ height:100%;}

.container{ width:590px; margin:0 auto; padding:96px 0 0 ; position:relative; z-index:1;}

.header_nav{ width:640px; left:50%; margin:0 0 0 -320px; height:96px; position:absolute; background:url(../images/common/nav_bg.png) repeat; top:0; position:fixed; z-index:100;}
.header_nav .nav_arrow{ position:absolute; left:0; top:0;}
.header_nav .nav_line{ position:absolute; left:97px; top:0;}
.header_nav .nav_title{ position:absolute; left:110px; top:0; color:#fff; line-height:96px; font-size:32px;}
.header_nav .header_logo{position:absolute; right:22px; top:32px; opacity:1;}

.common_btn{ background:url(../images/common/btn_1.png) repeat; height:50px; border:1px solid #d3bb85; font-size:25px;  line-height:50px; text-align:center; color:#311818; text-shadow:1px 1px 0 #d0c08e;cursor:pointer; border-radius:0px;}
.common_btn:active,.common_btn:visited,.common_btn:link{color:#311818; }
a.common_btn{ display:block;}
.input_txt{background-color:#fff;box-shadow:inset 3px 3px 3px #ebebeb; border:none 0px; height:50px; line-height: 50px; border-radius:0px;background-repeat:no-repeat;  color:#404040; text-indent:15px;} /*padding:0 0 0 15px;*/
.common_btn_2{ background-image:url(../images/common/btn_2.png); border:none 0px; text-shadow:none; color:#bea776;}
.enabled_btn{ background-image:url(../images/common/btn_enbled.png); border:none 0px;  color:#787878; text-shadow:1px 1px 0 #f3f3f3; }


.phone_txt{ background-image:url(../images/maintain/i_phone.png); background-position:15px center; width:100%; padding:0 0 0 50px;}
.code_txt{background-image:url(../images/common/i_code.png); background-position:15px center; padding:0 0 0 50px;}
.sex_txt{background-image:url(../images/common/i_sex.png); background-position:15px center; padding:0 0 0 50px;}
.name_txt{background-image:url(../images/common/i_name.png); background-position:15px center; width:100%; padding:0 0 0 50px;}



.bind_box{ background:url(../images/common/nav_bg.png) repeat; width:588px; height:390px; position:absolute; top:27%; left:50%; margin:0 0 0 -294px; border-radius:6px;}
.bind_inner{ width:430px; margin:0 auto; padding:90px 0 0; position:relative;}
.bind_inner .tip_line{ line-height:50px; color:#ff4338;}
.bind_box .phone_txt{ margin:0 0 20px 0;}
.bind_box .common_btn{ width:100%;}


.login_box .top_tip{ position: absolute; top: -85px; color: #fff; width: 440px; left: 50%; margin: 0 0 0 -220px; line-height:30px;}
.login_box{ background:url(../images/common/nav_bg.png) repeat; width:588px; height:390px; position:absolute; top:27%; left:50%; margin:0 0 0 -294px; border-radius:6px; }

.login_inner{ width:430px; margin:0 auto; padding:86px 0 0; }
.login_box .code_txt{ width:264px;}
.login_box .code_btn{ width:166px; font-size:18px;}
.login_box .code_btn span{ color:#837a66;}
.login_box .submit_btn{ width:100%;}
.login_box .tip_line{ height:44px; color:#a0a0a0; text-align:right; line-height:32px; font-size:18px;}
.login_box #tip{/*color:#ff4338;*/ color:#b84747;}

.login_box .enabled_btn span{ color:#000;}

.my_inquiry_container .tip_1{ line-height:22px;  padding:70px 0 0; color:#e6e6e6;}
.my_inquiry_container .tip_2{ line-height:22px;  padding:20px 0; color:#e6e6e6;}
.my_inquiry_container .tip_1 p{ line-height: 30px;}



.inquiry_list{ margin:40px 0 55px 0;}
.inquiry_list h3.title{ border-bottom:1px solid #a1a1a1; line-height:42px; font-size:25px;   margin:0 0 20px 0;}

.table_list th{ background:#4e4c4c; line-height:50px; font-size:25px;  font-weight:normal;}
.table_list th.odd{ background:#585555;}
.table_list td{ text-align:center; font-size:20px;  line-height:40px; background:#f7f7f7; color:#595959; vertical-align:middle; border-right:1px solid #e4e4e4; padding: 0.5em 0;}
.table_list .odd td{ background:#f2f2f2;}
.table_list td img{ vertical-align:middle;}
.table_list a:active,.table_list a:hover{ color: #cd9648;}


.my_inquiry_container .btn_nav{ overflow:hidden; padding: 0 0 120px 0;}
.my_inquiry_container .btn_nav a.common_btn{ width:290px; float:left;}
.my_inquiry_container .btn_nav a.common_btn:first-child{ margin:0 10px 0 0;}
.my_inquiry_container .status_title{ position:relative; border-bottom:1px solid #535353; margin:0 0 20px 0;}
.my_inquiry_container .status_title span{ line-height:36px; font-size:25px; display:inline-block;}

.my_inquiry_container{ color:#dbdbdb; }
.my_inquiry_container .title{ padding:32px 0;}
.my_inquiry_container .btn_nav{ padding:0 0 100px 0;}
.my_inquiry_container .btn_nav .common_btn{ width:100%;}
.my_inquiry_container .btn_nav_2 .common_btn{ width:290px;}

.inquiry_detial_body .logo_box{ text-align:center; padding:30px 0; border-bottom:1px solid #dadada;}
.inquiry_detial_body{ color:#555;}

.inquiry_detial_list{ padding:0 0 48px 0;}

.inquiry_detial_list th{ font-weight:normal; text-align:left; font-size:22px; line-height:60px; padding:10px 0 0; color:#555555; }
.inquiry_detial_list td.bg{padding:0 0 0 15px; background:#fff; border:1px solid #cecece; height:50px; line-height:50px; box-shadow:inset 3px 3px 3px #ebebeb; color:#8d8d8d; font-size:20px; }
.inquiry_detial_list td.status{ color:#c1a974;}
.inquiry_detial_list td.line{  border-bottom:1px dashed #d5d5d5; padding:18px 0; height:1px; line-height:1px; font-size:0px;}


.inquiry_table_list{ padding:0 0 96px 0;}
.inquiry_table_list h3.title{ line-height:60px; font-size:25px; color:#555;} 
.inquiry_table_list th{ height:50px; vertical-align:middle; background:#5d5050; color:#fff; font-size:22px; font-weight:normal;}
.inquiry_table_list td{ background:#fff; color:#a3a3a3; text-align:center; line-height:32px; padding:5px 0;}
.inquiry_table_list td.status{ /*color:#c1a974;*/}


.repair_order_box{background:url(../images/common/nav_bg.png) repeat; width:588px; height:390px; position:absolute; top:27%; left:50%; margin:0 0 0 -294px; border-radius:6px; }
.repair_order_box .inner{width:430px; margin:0 auto; padding:86px 0 0;}
.repair_order_box ul li{ height:50px;}
.repair_order_box ul li img{ vertical-align:middle; position:relative; top:-1px; margin:0 0 0 8px;}
.repair_order_box ul li.tip_line{ height:32px; color:#a0a0a0; line-height:32px; font-size:18px; color:#ff4338; color:#b84747;}

.repair_order_box .input_txt{ width:100%;}
.repair_order_box .code_txt_2{ width:328px;}
.repair_order_box .submit_btn{ width:100%;}

.delivery_order_detail_box{ background:rgba(255,255,255,.7); margin:30px 0 0; }
.delivery_order_detail_box .inner{ padding:25px; color:#2b2b2b;}
.delivery_order_detail_box th{ font-weight:normal; text-align:left; font-size:22px;}
.delivery_order_detail_box th.center{ text-align:center;}
.delivery_order_detail_box .line{ font-size:0px; height:12px;}
.delivery_order_detail_box td.bg{padding:0 0 0 15px; background:#fff; border:1px solid #cecece; line-height:50px; box-shadow:inset 3px 3px 3px #ebebeb; color:#7e7e7e;}



.reservation_index_container{ width:520px;}
.reservation_index_container .title{ text-align:center; padding:82px 0 22px 0; border-bottom:1px rgba(255,255,255,0.2) solid;}
.reservation_index_container h3{ line-height:35px; font-size:2.2rem; margin:35px 0 20px 0;}
.reservation_index_container p{ line-height:35px; color:#dbdbdb; }
.reservation_index_container a.common_btn{ margin-top:50px;}
.reservation_index_container .btn_nav .common_btn{ width:100%;}


.reservation_step_container{ color:#dbdbdb; }
.reservation_step_container .title{ padding:32px 0;}
.reservation_step_container .btn_nav{ padding:0 0 100px 0;}
.reservation_step_container .btn_nav .common_btn{ width:100%;}
.reservation_step_container .btn_nav_2 .common_btn{ width:290px;}

.select_city dt{ color:#fff; padding:0 0 0 30px; background:url(../images/reservation/i_map.png) no-repeat left center; line-height:50px; font-size:28px; }
.select_city dd{ padding:0 0 0 30px;}
.select_city dd select{ width:100%;}

.reservation_step_1_container .intro{ padding:50px 0 75px 0; }
.reservation_step_1_container .intro h3{ border-bottom:1px dashed #656565; padding:12px 0; font-size:28px; }
.reservation_step_1_container .intro ul li{border-bottom:1px dashed #656565; padding:12px 0 12px 30px; }
.reservation_step_1_container .intro ul li.address{ background:url(../images/reservation/i_map.png) no-repeat left 15px; background-size:18px 26px;}
.reservation_step_1_container .intro ul li.time{ background:url(../images/reservation/i_time.png) no-repeat left 15px; }
.reservation_step_1_container .intro ul li.brand{ background:url(../images/reservation/i_brand.png) no-repeat left 16px; }
.reservation_step_1_container .intro li,.reservation_step_1_container .intro p{ font-size:24px;}

.ui-datepicker table{ }
.ui-datepicker td{ padding:0;}

#datepicker .ui-datepicker{ width:100%;}
#datepicker .unable-day{ background:#4d4d4d; color:#919191;}

#datepicker .ui-datepicker td span,#datepicker .ui-datepicker td a{ text-align:center;  line-height:39px; background:#807f7f; color:#fff; text-shadow:1px 1px 0px #484848; font-size:25px; padding:0;}
#datepicker .ui-datepicker td.unable-day span{ color:#a5a5a5; text-shadow:1px 1px 0px #484848; font-size:18px; background: #4d4d4d;  }
#datepicker .ui-datepicker-calendar td,#datepicker .ui-datepicker-calendar th{ border:1px solid #616161; }
#datepicker .ui-datepicker-calendar th{ background:#464646; color:#fff; font-weight:normal; text-shadow:1px 1px 0px #484848;}
/*#datepicker .ui-datepicker-calendar th.ui-datepicker-week-end{ color:#a4854d}*/
#datepicker .ui-datepicker .ui-datepicker-title{ font-size:25px; line-height:50px; color:#fff;}
#datepicker .highlight .ui-state-default{ color:#fff;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{ background:url(../images/reservation/calendar_pagination.png) no-repeat; width:60px; height:60px; display:block; cursor:pointer; top:50%; margin-top:-30px;}
.ui-datepicker .ui-datepicker-prev{ left:150px;}
.ui-datepicker .ui-datepicker-next{ background-position:right top; right:150px;}
.ui-datepicker .ui-datepicker-header{ border:1px solid #616161;  }
#datepicker .ui-datepicker-current-day .ui-state-active{background:#472929; }

#datepicker{ margin:0 0 40px 0;}
.reservation_step_container .status_title{ position:relative; border-bottom:1px solid #535353; margin:0 0 30px 0;}
.reservation_step_container .status_title span{ line-height:36px; display:inline-block;}
.reservation_step_container .status_title .status{ position:absolute; right:0; top:0;}
.reservation_step_container .status_title .status li{ float:left; color:#fff; text-shadow:1px 1px 0px #484848; line-height:36px;}
.reservation_step_container .status_title .status li.enable,.reservation_step_container .status_title .status li.unable,.reservation_step_container .status_title .status li.selected{ width:18px; height:18px; border-radius:50%; margin:9px 10px 0 12px;}
.reservation_step_container .status_title .status li.enable{ background:#807f7f;}
.reservation_step_container .status_title .status li.unable{ background:#4d4d4d;}
.reservation_step_container .status_title .status li.selected{ background:#472929;}

.reservation_step_container .status_title span{ font-size:25px; color:#fff;}

.date_status_title span{ background:url(../images/reservation/i_calendar.png) no-repeat left center; padding:0 0 0 36px;}
.date_status_time span{ background:url(../images/reservation/i_clock.png) no-repeat left center; padding:0 0 0 36px;}
.info_status_title span{  background:url(../images/reservation/i_info.png) no-repeat left center; padding:0 0 0 36px; }
.timer_status_title span{ background:url(../images/reservation/i_timer.png) no-repeat left center; padding:0 0 0 36px; }
.message_status_title span{ background:url(../images/reservation/i_message.png) no-repeat left center; padding:0 0 0 36px; }
.reservation_status_title span{ background:url(../images/reservation/i_reservation.png) no-repeat left center; padding:0 0 0 36px; }


#time_select h3{ font-size:25px; padding:0.3em 0;}

#time_select .list_table .unable{ color:#4d4d4d;}
#time_select .list_table td{ padding:0.3em 0; font-size:24px;}
.select_info{ margin:30px 0;}
.select_info th{ font-size:25px; color:#fff; text-align:left;}
#select_time{  background:#fff; line-height:50px; box-shadow:inset 3px 3px 3px #ebebeb; color:#090909; text-align:center; }

.info_table_list{ margin:0 0 30px 0;overflow:hidden;}
.info_table_list textarea{ width:100%; height:140px; box-shadow:inset 10px 10px 10px #ebebeb; background:#fff; padding:15px;}
.info_table_list .input_txt,.info_table_list select{ width:100%; }
.info_table_list select{ height:52px;}
.info_table_list .col .input_txt{ width:98%;}
.info_table_list .col select{ width:98%;}
.info_table_list th{ text-align:left; font-size:22px; color:#fff;}
.info_table_list .red{ color:#b84747;}

.info_table_list th,.info_table_list td{ padding:0.3em;}

.info_table_list select#year{ width:210px;}
.info_table_list select#month{ width:120px;}
.info_table_list select#date{ width:120px;}


.reservation_step_4_container .status_title{ margin:0 0 10px 0;}
.info_table_list_2{ margin:0 0 30px 0;}
.info_table_list_2 table td,.info_table_list_2 table th{ padding:0.3em 0;}

.reservation_step_4_container .code_box{ border-top:1px solid #535353; padding:40px 0; }
.reservation_step_4_container .code_box .code_btn{ width:180px; font-size:20px;}
.reservation_step_4_container .code_box .input_txt{ width:320px;}
.reservation_step_4_container .code_box td:first-line{ font-size:20px;}
.reservation_step_4_container .code_box .right{ text-align:right; color:#909090; padding:0.3em 0;}
.reservation_step_4_container .tip{ padding:0 0 50px 0; font-size:20px;}
.reservation_step_4_container #tip_txt{color:#b84747; padding:0 0 0.3em 90px;}


.reservation_step_5_container{ padding:155px 0 0; text-align:center; color:#cbcbcb; text-shadow:1px 1px 0px #2a2a2a;}
.reservation_step_5_container h2{ font-size:28px; color:#fff; padding:0.8em 0;}
.reservation_step_5_container .num{ color:#eccd8c; font-size:80px;}
.reservation_step_5_container .info{ line-height:1.8em; border-bottom:1px solid #656565; padding:0 0 0.8em 0; margin:0 0 1em 0;  }
.reservation_step_5_container dl{margin:0 0 1em 0; line-height:1.8em;}
.reservation_step_5_container dl dt{ font-size:25px; color:#fff;}
.reservation_step_5_container .info_time_title span{ background:url(../images/reservation/i_clock.png) no-repeat left center; padding:0 0 0 40px; display:inline-block;}
.reservation_step_5_container .info_address_title span{ background:url(../images/reservation/i_map_2.png) no-repeat left center; padding:0 0 0 40px; display:inline-block;}
.reservation_step_5_container .btn_nav{ width:290px; margin:0 auto;}


.service_center_container{ padding:215px 0 0;}
.service_search_box th{ padding:0.3em 0;}
.service_search_box td{ padding:0.3em 0 2em 0;}
.service_search_box th{ text-align:left; color:#fff; font-size:25px;}
.service_search_box #city{ width:98%;}
.service_search_box #province{ width:98%;}

.service_search_box .brand{ width:98%; width:100%;}
.service_search_box .brand2{ width:100%;}
.service_search_box select{ height:50px;}
.service_search_box .common_btn{ width:100%;}

.service_center_container .tip{ color:#e0e0e0; margin:2em 0;}
.service_search_result_box{ padding: 0 0 100px 0;}
.service_search_result_box h3{ background:#4e4c4c; color:#eccd8c; font-size:22px; text-align:center; line-height:50px;}
.service_search_result_box th,.service_search_result_box td{  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
.service_search_result_box table th{ background:#f2f2f2; color:#535353; line-height:42px;}
.service_search_result_box table td{ background:#f7f7f7; color:#535353; padding:0.3em; font-size:18px; }
.service_search_result_box .distance{ text-align:right; font-size:14px;}
.service_search_result_box .distance span{ color:#d9ba7a;}
.service_search_result_box td.center{ text-align:center;}

.service_center_container .btn_nav .common_btn{ width:100%;}
.service_center_result_container{ width:100%; padding-bottom:100px;}
.service_center_result_container #map{ height:500px; margin:0 0 35px 0; overflow: hidden;}
#service_result_swiper{ background:rgba(77,77,77,0.5); border-top:1px solid #6b6a6a;   border-bottom:1px solid #6b6a6a;    }
#service_result_swiper .info{ width:540px; margin:0 auto; color:#e0e0e0;}
#service_result_swiper .info dt{ font-size:25px; color:#fff;}
#service_result_swiper .info dt{ padding:0.6em 0 0 0; overflow:hidden; }
#service_result_swiper .info dt span{ /*float:right; */color:#c5ac77; font-size:18px; padding:12px 0 0; display:block;  }
#service_result_swiper .info dd .distance{ color:#c5ac77; font-size:18px;  }
#service_result_swiper .info dl{border-bottom:1px solid #6b6a6a;}
#service_result_swiper .info dd p,#service_result_swiper .info dd{padding:0.6em 0;}
#service_result_swiper .swiper-button-next{ background:url(../images/common/route_next_btn.png) no-repeat; width:52px; height:100px; position:absolute; top:50px;  right:0; z-index:10; opacity:1;}
#service_result_swiper .swiper-button-prev{ background:url(../images/common/route_prev_btn.png) no-repeat; width:52px; height:100px; position:absolute; top:50px;left:0; z-index:10;  opacity:1;}
#service_result_swiper .info_nav{ padding:0.6em 0; text-align:center;}
.i_route{ background:url(../images/common/i_route.png) no-repeat left center; padding:0 0 0 45px; display:inline-block; line-height:40px; color:#c5ac77;}


.survey_index_container{ width:520px;  text-shadow:1px 1px 0px #2a2a2a; color:#dbdbdb; padding-bottom:100px; }
.survey_index_container .title{ text-align:center; padding:80px 0 20px 0; border-bottom:1px solid #686868;}
.survey_index_container h3{ font-size:35px; padding:35px 0; color:#fff;}
.survey_index_container .info{ line-height:35px;}
.survey_index_container .survey_list_table{ padding:40px 0 0 0;}
.survey_index_container .survey_list_table .input_txt{ width:100%;}
.survey_index_container .survey_list_table .common_btn{ width:100%;}

.survey_index_container h4{ font-size:22px; padding:10px 0;}



.survey_step_container{ padding:145px 0 0 0; text-shadow:1px 1px 0px #2a2a2a; }
.survey_step_container .survey_title{ border-bottom:1px solid #424242; padding:0 0 0.2em 0;}
.survey_step_container .survey_title span{ background:url(../images/reservation/i_reservation.png) no-repeat left center; padding:0 0 0 45px; color:#fff; font-size:25px;}
.survey_step_container .num{ text-align:right; padding:30px 0;}
.survey_step_container .question_box dl dt{ font-size:25px; margin:0 0 12px 0;}
.survey_step_container .question_box dl dd{ padding:0 0 0 1em; color:#dbdbdb; }
.survey_step_container .question_box dl dd p,.survey_step_container .question_box dl dd li{ font-size:24px;}
.survey_step_container .question_box dl dd li{ padding:0.1em 0;}
.survey_step_container .question_box dl dd select{ width:100%; margin:12px 0 0 ;}
.survey_step_container .btn_nav{padding:80px 0 100px 1em;}
.survey_step_container .btn_nav .common_btn{ width:100%; }
.survey_step_container .btn_nav_2 .common_btn{ width:280px; }

.survey_step_container .question_box_2 dl dd select{ margin:0 0 12px 0;}
#more_question_box p{ margin:0 0 12px 0; }

.faq_container{ padding:145px 0 0 0; text-shadow:1px 1px 0px #2a2a2a;}
.faq_container .faq_title{border-bottom:1px solid #424242; padding:0 0 0.2em 0;}
.faq_container .faq_title span{ background:url(../images/common/i_faq.png) no-repeat left center; padding:0 0 0 45px; color:#fff; font-size:25px; line-height:43px; display:inline-block;}
.faq_list{ padding:0 0 60px 0;}
.faq_list dl{ margin:30px 0 0 0; border-bottom:1px dashed #424242; padding:0 0 30px 0; }
.faq_list dl dt{ font-size:24px; margin:0 0 12px 0;}
.faq_list dl dd{ padding:0 0 0 1em; color:#dbdbdb; font-size:23px;}
.faq_list dl dd ul li{ background:url(../images/faq/dot.png) no-repeat left 13px; padding:0 0 0 10px; font-size:23px;}
.faq_list dl dd p{  font-size:23px;}

.contact_container { padding:160px 0 100px 0;}
.contact_container .status_title{ position:relative; border-bottom:1px solid #535353; margin:0 0 30px 0;}
.contact_container .status_title span{ line-height:36px; font-size:25px; color:#fff; display:inline-block;}
.contact_container .btn_nav .common_btn{ width:100%; }
.info_table_list_last{ margin:0;}
.contact_container .tip{ color:#8e8e8e; font-size:22px; color:#fff;}
.contact_container .btn_nav{ margin:30px 0 0;}

.news_detail_container{ background:rgba(255,255,255,0.2); min-height:100%; position:absolute; left:50%; margin:0 0 0 -295px; padding:0;  z-index:1;}
.news_detail_container article{ padding:110px 0 100px 0; width:560px; margin:0 auto;}

.news_detail_container article h3{ font-size:25px; color:#fff; border-bottom:1px solid #cbcbcb; margin:30px 0 0 0;}
.news_detail_container article h3 .time{ font-size:16px; padding:0 0 0 12px;}
.news_detail_container article .detail{ margin:30px 0 0;}


#mask{ background:rgba(0,0,0,0.8); position:fixed; top:0; left:50%; width:640px; height:100%; margin:0 0 0 -320px; z-index:9999; display:none;}
#tip_pop{ width:420px; background:#fff; position:fixed; z-index:100000; height:180px; top:50%; left:50%; margin:-90px 0 0 -210px; display:none;}
#tip_pop .btn_nav{ padding:28px 0 0 0; text-align:center;}
#tip_pop .btn_nav .common_btn{ width:160px; display:block; margin:0 auto 20px;}

#tip_pop_2{width:420px; background:#fff; position:fixed; z-index:100000; height:180px; top:50%; left:50%; margin:-90px 0 0 -210px; display:none;}
#tip_pop_2 .inner{ height: 180px; display: table-cell; vertical-align: middle; width: 420px;}
#tip_pop_2 p{  color:#af9463; text-align: center; font-size: 25px;}

.legal_container{ padding:120px 0 100px 0; text-align: justify;}
.legal_content dl{ margin:10px 0 0 0; border-bottom:1px dashed #424242; padding:0 0 30px 0; }
.legal_content dl dt{ font-size: 25px; line-height:52px;}
.legal_content .tip{ margin: 30px 0 0;}

#tip_pop_3{ height: 132px; width: 550px; position: fixed; left: 50%; top: 50%; margin: -66px 0 0 -275px; background: #fff; z-index:100000; display: none; }
#tip_pop_3 .inner{ width: 418px; height: 142px;   padding: 0 0 0 48px;}
#tip_pop_3 .inner_tip{ color: #311818; height: 132px; width:370px; display: table-cell; vertical-align: middle;}
#tip_pop_3 .inner_tip h3{ font-size: 24px;}
#tip_pop_3 .close_btn{ background: url(../images/common/pop_close_btn.png) no-repeat; position: absolute; top: 0; right: 0; width: 132px; height: 132px; cursor: pointer;}

.footer{ position:absolute; bottom:0; left:0}
.footer .logo_bottom{ display:block;}
.home_arrow{ bottom:100px;}

#service_result_swiper .info dt em{ font-style:normal; color:#a79267; padding-left:20px;}


.watch_container{ color:#dbdbdb; }
.watch_container .title{ padding:32px 0;}
.watch_container .btn_nav{ padding:0 0 100px 0;}
.watch_container .btn_nav .common_btn{ width:100%;}
.watch_container .btn_nav_2 .common_btn{ width:290px;}
.watch_container .page_title{  border-bottom:3px solid #535353; }
.watch_container .status_title{ position:relative; border-bottom:1px solid #535353; margin:0 0 20px 0;}
.watch_container .status_title span{ line-height:36px; font-size:25px; color:#efcc8b; display:inline-block;}
.watch_container .tip{ color:#8e8e8e; font-size:22px; color:#fff;}
.watch_container .watch_status_title{  background:url(../images/reservation/i_timer.png) no-repeat left center; padding:0 0 0 36px; }
.watch_container .dealer_watch_service_title{  background:url(../images/reservation/i_info.png) no-repeat left center; padding:0 0 0 36px; }
.watch_container .image_upload_status_title{  background:url(../images/reservation/i_image_upload.png) no-repeat left center; padding:0 0 0 36px; }
.watch_container .address_title{  background:url(../images/reservation/i_address.png) no-repeat left center; padding:0 0 0 36px; }

.package_container{ color:#dbdbdb; }
.package_container .title{ padding:32px 0;}
.package_container .btn_nav{ padding:0 0 100px 0;}
.package_container .btn_nav .common_btn{ width:100%;}
.package_container .btn_nav_2 .common_btn{ width:290px;}
.package_container .page_title{  border-bottom:3px solid #535353; }
.package_container .status_title{ position:relative; border-bottom:1px solid #535353; margin:0 0 20px 0;}
.package_container .status_title span{ line-height:36px; font-size:25px; color:#efcc8b; display:inline-block;}
.package_container .watch_list_title{  background:url(../images/reservation/i_post_watch.png) no-repeat left center; padding:0 0 0 36px; }


.service_order_container{ color:#dbdbdb; }
.service_order_container .title{ padding:32px 0;}
.service_order_container .btn_nav{ padding:0 0 100px 0;}
.service_order_container .btn_nav .common_btn{ width:100%;}
.service_order_container .btn_nav_2 .common_btn{ width:290px;}
.service_order_container .btn_nav_3 .common_btn{ width:192px;}
.service_order_container .btn_nav_4 .common_btn{ width:143px;}
.service_order_container .page_title{  border-bottom:3px solid #535353; }
.service_order_container .status_title{ position:relative; border-bottom:1px solid #535353; margin:0 0 20px 0;}
.service_order_container .status_title span{ line-height:36px; font-size:25px; color:#efcc8b; display:inline-block;}
.service_order_container .service_order_title{  background:url(../images/reservation/i_service_order.png) no-repeat left center; padding:0 0 0 36px; }
.service_order_container .quote_payment_title_1{ background:url(../images/reservation/i_quote_payment_1.png) no-repeat left center; padding:0 0 0 36px; }
.service_order_container .quote_payment_title_2{ background:url(../images/reservation/i_quote_payment_2.png) no-repeat left center; padding:0 0 0 36px; }
.service_order_container .bank_transfer_title{ background:url(../images/reservation/bank_transfer.png) no-repeat left center; padding:0 0 0 36px; }
.service_order_container .watch_status_title{  background:url(../images/reservation/i_timer.png) no-repeat left center; padding:0 0 0 36px; }
/*.service_order_container .info_table_list_2{padding-top:20px;}*/
.service_order_container .image_upload_status_title{ background:url(../images/reservation/i_image_upload.png) no-repeat left center; padding:0 0 0 36px; }

.hxtxt_hyperlink{color:#efcc8b;font-weight:700;cursor:pointer}

.hxbtn.link{color:#efcc8b;border-radius:0;border-color:transparent}
.hxbtn.link:focus,.hxbtn.link:hover{color:#efcc8b;text-decoration:none;background-color:transparent}


.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:400px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#FFFFFF;text-align:center;border-radius:3px; overflow:hidden;}
.weui-dialog__hd{padding:0}
.weui-dialog__bd{padding:0 0.5em 0.8em;min-height:40px;font-size:20px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#000000;}
a:hover{color:#3cc51f}
.weui-dialog__ft{position: relative;line-height: 70px;font-size: 18px;display: -webkit-box;display: -webkit-flex;display: flex;}