.close { position: absolute; right: 0; top: 0; cursor: pointer; } .submit_btn.submitting{ background: #dedede !important; } .myInput{ border:1px solid #f29897 !important; background-color: #fee9f0 !important; background-image: url("../images/tixc.png")!important; background-repeat: no-repeat !important; background-position-x:12px !important; background-position-y:50% !important; padding-left: 29px !important; outline: none; color: red; box-sizing: border-box; text-indent: 10px !important; } .myInput::-webkit-input-placeholder { color: red; } .myInput:-moz-placeholder { color: red; } .myInput:-ms-input-placeholder { color: red; } .limit_form_wrap{ display: none; } .limit_form_wrap .mask_box { width: 100%; height: 100%; position: fixed; background-color: #000; opacity: 0.8; z-index: 1001; display: none; left: 0; top: 0; } .limit_form_wrap .limit_form_wrap_content{ width: 836px; height: 364px; overflow: hidden; margin: 0 auto; position: fixed; background-color: #fff; left: 50%; top: 50%; margin-left: -418px; z-index: 1001; margin-top: -177px; background: url(../images/limit_form_wrap_content_bg.jpg) no-repeat top center; border-radius: 8px; } .limit_form_wrap_form { padding:48px 48px 0 330px; } .limit_form_wrap_form .title_box{ font-size: 36px; color: #73aa44; font-weight: bold; text-align: center; margin-bottom: 30px; } .limit_form_wrap_form .title_box p{ font-size: 24px; font-weight: lighter; margin-top: 8px; } .limit_form_wrap_form .input_box{ display: flex; flex-wrap: wrap; } .limit_form_wrap_form .input_box input{ margin-left: 18px; height: 40px; padding-left: 12px; box-sizing: border-box; line-height: 40px; border: 1px solid #73aa44; border-radius: 4px; width: 46%; margin: 0 8px; margin-bottom: 16px; } .limit_form_wrap_form .submit_btn{ background: #73aa44; width: 96%; margin: 0 auto; border-radius: 4px; padding: 6px 0; display: flex; align-items: center; justify-content: center; cursor: pointer; } /*右侧*/ .right_kf_wrap{ position: fixed; top: 50%; right: 0px; cursor: pointer; z-index: 400; text-align: center; transform: translate(0%,-50%); } .right_kf_wrap .right_kf_body{ background: #353535; border-radius: 8px; padding: 12px 4px 0; position: relative; } .right_kf_wrap .right_kf_body .right_kf_item,.right_kf_wrap .goto_top { border-bottom: 1px solid #d2d2d2; padding: 0 0 10px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .right_kf_wrap .right_kf_body .right_kf_item i{ display: block; margin-top: 12px; } .right_kf_wrap .right_kf_body .right_kf_item:hover div,.right_kf_wrap .goto_top:hover div{ color: #73aa44; } .right_kf_wrap .right_kf_body .right_kf_item:last-child{ border:none; } .right_kf_wrap .right_kf_body .right_kf_item div,.right_kf_wrap .goto_top div{ font-size: 14px; color: #d2d2d2; padding:0 8px; white-space:nowrap; margin-top: 8px; } .right_kf_wrap .right_kf_body .item_consultation{ position: relative; } .right_kf_wrap .right_kf_body .item_consultation i{ background: url(../images/right_kf/consultation.png) no-repeat; background-size: contain; width: 29px; height: 29px; } .right_kf_wrap .right_kf_body .item_consultation:hover i{ background: url(../images/right_kf/consultation_active.png) no-repeat; background-size: contain; } .right_kf_wrap .right_kf_body .item_consultation .item_consultation_gif{ position:absolute; height:12px;width:12px; top:5px;right:10px } .right_kf_wrap .right_kf_body .item_free_survey i{ background: url(../images/right_kf/free_survey.png) no-repeat; background-size: contain; width: 28px; height: 36px; } .right_kf_wrap .right_kf_body .item_free_survey:hover i{ background: url(../images/right_kf/free_survey_active.png) no-repeat; background-size: contain; } .right_kf_wrap .right_kf_body .item_quotation i{ background: url(../images/right_kf/quotation.png) no-repeat; background-size: contain; width: 26px; height: 30px; } .right_kf_wrap .right_kf_body .item_quotation:hover i{ background: url(../images/right_kf/quotation_active.png) no-repeat; background-size: contain; } .right_kf_wrap .right_kf_body .item_welfare i{ background: url(../images/right_kf/welfare.png) no-repeat; background-size: contain; width: 28px; height: 28px; } .right_kf_wrap .right_kf_body .item_welfare:hover i{ background: url(../images/right_kf/welfare_active.png) no-repeat; background-size: contain; } .right_kf_wrap .right_kf_body .item_subscribe i{ background: url(../images/right_kf/subscribe.png) no-repeat; background-size: contain; width: 34px; height: 25px; z-index: 400; } .right_kf_wrap .right_kf_body .item_subscribe .item_subscribe_img{ position:absolute; bottom: -50px; right: 88px; width:153px; max-width: 153px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; opacity: 0; z-index: 380; } .right_kf_wrap .right_kf_body .item_subscribe:hover i{ background: url(../images/right_kf/subscribe_active.png) no-repeat; background-size: contain; } .right_kf_wrap .right_kf_body .item_subscribe:hover .item_subscribe_img{ opacity: 1; } .right_kf_wrap .goto_top{ background: #353535; border-radius: 8px; margin-top: 8px; padding: 12px 4px 12px; border-bottom: none; } .right_kf_wrap .goto_top i{ background: url(../images/right_kf/goto_top.png) no-repeat; background-size: contain; width: 30px; height: 30px; } .right_kf_wrap .goto_top:hover i{ background: url(../images/right_kf/goto_top_active.png) no-repeat; background-size: contain; } .btm-slide-hd{ display: none; } .bottom_slide_box{ background: rgba(0,0,0,0.7); height: 460px; position: fixed; bottom: -380px; z-index: 999; width: 100%; } .bottom_slide_box .bottom_slide_content{ max-width: 1120px; margin: 0 auto; margin-top: -40px; background: #FFF url(../images/bottom_slide_content_bg.jpg) 86px -40px no-repeat; padding: 0 40px; border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.3); position: relative; } .bottom_slide_box.bottom_slide_up .bottom_slide_content{ height: calc(100% + 40px); } .bottom_slide_box .bottom_slide_content .bottom_slide_content_header{ display: flex; align-items: center; font-size: 42px; color: #3c3c3c; font-weight: bold; cursor: pointer; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_header img{ margin-top: -86px; margin-right: 42px; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_header .bottom_slide_content_header_title span{ color: #74aa44; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_header .colse{ position: absolute; height: 68px; width: 68px; border-radius: 50%; background: #74aa44; top: -34px; right: 80px; display: flex; align-items: center; justify-content: center; box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.3); } .bottom_slide_box .bottom_slide_content .bottom_slide_content_header i{ background: url(../images/bottom_slide_box_close.png); width: 35px; height: 40px; display: block; -webkit-animation: bounce-down 1s linear infinite;animation: bounce-down 1s linear infinite; } @keyframes bounce-down { 25% {transform: translateY(-3px);} 50%{transform: translateY(0);} 75% {transform: translateY(3px);} 100% {transform: translateY(0);} } .bottom_slide_box.bottom_slide_up .bottom_slide_content .bottom_slide_content_header .colse{ transform:rotate(-180deg);-moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left input[type="text"]{ margin-left: 18px; height: 40px; width: 328px; padding-left: 12px; box-sizing: border-box; line-height: 40px; border: 1px solid #333333; border-radius: 4px; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left{ flex: 1; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left select{ height: 40px; width:50px; box-sizing: border-box; border: 1px solid #333333; border-radius: 4px; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body{ display: flex; margin-top: 16px; padding: 0 20px; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left .area, .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left .type label{ position: relative; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left .area span{ position: absolute; top: 10px; right: 14px; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left ul li{ margin-bottom: 20px; display: flex; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .bottom_slide_content_body_left ul li .label{ display: flex; align-items: center; font-size: 20px; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .calc_btn{ display: flex; justify-content: center; align-items: center; margin: 0 30px; } .bottom_slide_box .bottom_slide_content .bottom_slide_content_body .calc_btn.submitting{ -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left .type .type_radio{ margin-left: 30px; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left .house_type_select label{ font-size: 20px; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left .house_type_select{ margin-left:20px } /*radio单选主要样式*/ .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left ul li input[type="radio"]{opacity: 0;} .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left ul li input[type="radio"]+label{ cursor: pointer; font-size: 20px; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left ul li input[type="radio"]+label:last-child{ margin-left: 20px; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left ul li input[type="radio"]+label::before { content: ""; display: block; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #d9d9d9; position: absolute; top: 3px; left: -24px; box-sizing: border-box; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left ul li input[type="radio"]:hover+label::before { -webkit-transition: all .3s; transition: all .3s; border-color: #1890ff } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left ul li input[type="radio"]:checked+label::after { content: ""; display: block; width: 8px; height: 8px; border-radius: 100%; background-color: #1890ff; position: absolute; top: 7px; left: -20px; border-color: #1890ff; -webkit-transition: all .3s; transition: all .3s; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left .mobile{ margin-left: 18px; position: relative; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left .mobile input{ margin: 0 !important; } .bottom_slide_box .bottom_slide_content_body .bottom_slide_content_body_left .mobile span.tip{ position: absolute; bottom: -22px; font-size: 13px; color: #5d5d5d; left: 0; } .bottom_slide_box .bottom_slide_content_body .calc_btn { cursor: pointer; } .bottom_slide_box .bottom_slide_content_body .calc_btn img{ animation: mymove 3s infinite; } @keyframes mymove { 0% { transform: scale(1); } 25% { transform: scale(1.1); } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } @-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { transform: scale(1); } 25% { transform: scale(1.1); } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } .bottom_slide_box .bottom_slide_content_body .calc_sum_model{ flex: 1; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .calc_sum_head{ font-size: 26px; color:#3c3c3c; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .calc_sum_head .money{ font-size: 44px; color:#be1919; font-weight: bold; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .cost_list{ border: 1px solid #515151; padding:8px 0; margin-top: 8px; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .cost_list .cost_item{ margin: 8px 0; font-size: 20px; display: flex; justify-content: center; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .cost_list .cost_item .title_text{ color:#3c3c3c; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .cost_list .cost_item .number_text{ color: #be1919; margin:0 20px; font-weight: bold; width:82px; text-align: right; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .calc_sum_footer{ margin-top: 34px; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .calc_sum_footer p:first-child{ font-weight: bold; color: #74aa44; font-size: 34px; } .bottom_slide_box .bottom_slide_content_body .calc_sum_model .calc_sum_footer p:last-child{ color: #3c3c3c; font-size: 20px; margin-top: 10px; } /*免费测量*/ .free_survey_wrap{ display: none; } .free_survey_wrap .free_survey_mask_box { width: 100%; height: 100%; position: fixed; background-color: #000; opacity: 0.8; z-index: 1001; display: none; left: 0; top: 0; } .free_survey_wrap .free_survey_wrap_content{ width: 525px; height: 460px; overflow: hidden; margin: 0 auto; position: fixed; background-color: #fff; left: 50%; top: 50%; margin-left: -262.5px; z-index: 1001; margin-top: -230px; background: url(../images/free_survey/form_bg.jpg) no-repeat top center; border-radius: 8px; } .free_survey_wrap_form { padding:32px 38px 0; } .free_survey_wrap_form .title_box{ font-size: 30px; color: #292929; font-weight: bold; text-align: center; margin-bottom: 30px; } .free_survey_wrap_form .title_box p{ font-size: 20px; font-weight: lighter; margin-top: 16px; } .free_survey_wrap_form .input_box{ display: flex; flex-wrap: wrap; font-size: 16px; } .free_survey_wrap_form .input_box input[type="text"]{ height: 40px; box-sizing: border-box; line-height: 40px; border: 1px solid #292929; border-radius: 4px; width: 48%; margin-bottom: 18px; box-sizing: border-box; } .free_survey_wrap_form .input_box .table-name{ background: url(../images/free_survey/input_name.png) 18px center no-repeat; text-indent: 47px; padding-left: 0; margin-right: 17px; } .free_survey_wrap_form .input_box .table-phone{ background: url(../images/free_survey/input_phone.png) 18px center no-repeat; text-indent: 47px; padding-left: 0; } .free_survey_wrap_form input::-webkit-input-placeholder,.free_survey_wrap_form textarea::-webkit-input-placeholder { color: #9c9c9c!important; } .free_survey_wrap_form input:-moz-placeholder, .free_survey_wrap_form textarea:-moz-placeholder { color: #9c9c9c!important; } .free_survey_wrap_form input::-moz-placeholder,.free_survey_wrap_form textarea::-moz-placeholder { color: #9c9c9c!important; } .free_survey_wrap_form input:-ms-input-placeholder, .free_survey_wrap_form textarea:-ms-input-placeholder { color: #9c9c9c !important; } .free_survey_wrap_form .type_radio{ border: 1px solid #292929; font-size: 14px; color:#9c9c9c; padding:12px 0; border-radius: 4px; padding-left: 20px; } .free_survey_wrap_form .type_radio p{ margin-bottom: 10px; color:#9c9c9c; } .free_survey_wrap_form .type_radio label{ margin-right: 10px; color:#9c9c9c; } .free_survey_wrap_form .type_radio label:last-child{ margin-right: 0; } .free_survey_wrap_form textarea{ border: 1px solid #292929; height: 80px; box-sizing: border-box; text-indent: 8px; margin: 18px 0; border-radius: 4px; width: 100%; padding: 12px; } .free_survey_wrap_form .submit_btn{ background: #73aa44; width: 100%; margin: 0 auto; border-radius: 4px; padding: 6px 0; display: flex; font-size: 26px; color: #FFF; align-items: center; font-weight: bold; justify-content: center; cursor: pointer; } .free_survey_wrap_form input[type="radio"]{ padding:0 !important; margin: 0 !important; } /*history*/ .history_box { width: 100%; min-width: 1200px; height: 229px; background-image: url('../images/bj.jpg'); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; margin-top: 70px; } .h_warp { width: 1200px; margin: 0 auto; color: #fff; height: 100%; font-size: 18px; } .h_year { margin-right: 113px; } .h_company { margin-right: 87px; } .history_item { width: 210px; float: left; } .history_item span { font-size: 50px; } .footer_box { width: 100%; min-width: 1200px; background-color: #191818; height: 167px; display: block !important; } .f_tab_box { width: 1200px; margin: 0 auto; } .f_tab_content { margin: 0; padding: 0; display: none; width: 100%; height: 73px; overflow: hidden; } .f_tab_content li { list-style: none; margin: 0; padding: 0; float: left; color: #888; font-size: 12px; margin-right: 40px; line-height: 27px; cursor: pointer; } .f_tab_title { padding-top: 44px; } .f_tab_title p { font-size: 15px; color: #8a8a8a; padding: 5px 15px; background-color: #000; display: inline-block; cursor: pointer; } .footer_info_box { width: 100%; min-width: 1200px; height: 136px; background-color: #191818; border-top: 1px solid #444; } .f_info_warp { width: 1200px; margin: 0 auto; } .f_info_lf a { color: #fff; font-size: 15px; margin-right: 38px; text-decoration: none; } .f_info_lf a:hover { color: red; } .f_info_lf { padding-top: 41px; width: 970px; float: left; } .copyright { color: #767676; font-size: 12px; margin-top: 20px; } .f_info_rt { padding-top: 26px; width: 230px; float: right; } .f_info_rt div { text-align: center; color: #767676; font-size: 12px; margin-right: 13px; width: 100px; float: left; } .f_info_rt p { margin-top: 5px; } .f_info_rt span { margin-right: 23px; } .show { display: block; } .f_tab_selected { background-color: #65695a9e !important; } #YSF-PANEL-INFO.ysf-chat-layeropen { width: 449px !important; bottom: 0px !important; right: 6px; z-index: 500 !important; } #YSF-CUSTOM-ENTRY-4 { display: none; } /*快服样式 */ .old_customer_server { position: relative; } .kf_server_btn { display: block; width: 60px; height: 80px; position: absolute; top: 0; left: 0; } #icon_module, #mini-btn { width: 0; height: 0; margin-right: -1000px; } .all-page { text-align: center; margin: 12px 0; } .all-page a, .all-page span { width: 45px; height: 45px; background: #aaa; color: #fff; line-height: 45px; text-align: center; font-size: 14px; display: inline-block; margin: 0 10px; transition: 0.3s; } .all-page .current, .all-page a:hover { background: #74aa44; color: #fff; } .all-page .prev, .all-page .prev_disabled, .all-page .next, .all-page .next_disabled { width: 72px; color: #ffffff; background: #797979; font-family: 'microsoft yahei'; } .all-page .prev:before, .all-page .prev_disabled:before { content: '上一页'; font-family: 'microsoft yahei'; } .all-page .next:before, .all-page .next_disabled:before { content: '下一页'; font-family: 'microsoft yahei'; } .pop-ups { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999; height: 106px; overflow: hidden; background-color: rgba(0,0,0,0.9); } .pop-ups .pop-content { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .pop-ups .pop-content h2 { display: flex; flex-direction: column; background: none !important; font-weight: normal; } .pop-ups .pop-content h2 p { color: #fff; font-size: 20px; line-height: 30px; } .pop-ups .pop-content h2 p span{ color: #8cc63e; font-size: 20px; } .pop-ups .pop-content form { display: flex; justify-content: center; margin: 0 auto; } .pop-ups .pop-content form ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 480px; } .pop-ups .pop-content form ul li{ display: flex; align-items: center; } .pop-ups .pop-content form ul li label{ font-size: 14px; color: #fff; } .pop-ups .pop-content form ul li input { flex: 1; height: 18px; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; color: #666; font-size: 14px; border: none; background: #fff; border-radius: 6px; } .pop-ups .pop-content form button { width: 80px; height: 50px; display: flex; align-items: center; justify-content: center; color: #333; font-size: 14px; background: #74aa44; border: none; cursor: pointer; border-radius: 8px; margin-left: 3%; } .pop-ups .pop-content .foot-tel-bj { display: flex; flex-direction: column; } .pop-ups .pop-content div span { color: #fff; font-size: 16px; } .pop-ups .pop-content div p { color: #8cc63e; font-size: 24px; } #pop-close { position: absolute; right: 32px; top: 32px; width: 30px; height: 30px; border: 1px #fff solid; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; color: #fff; } #pop-close .icon { width: 16px; height: 16px; fill: currentColor; overflow: hidden; color: #fff; transition: 0.5s; } #pop-close:hover .icon { transform: rotate(180deg); } #pop-open { position: fixed; bottom: 100px; left: 0px; background: url(../images/icon27.png) no-repeat; z-index: 99; cursor: pointer; background-size: cover; width: 0; height: 56px; } @media (min-width: 960px) { .pop-ups{ height: 120px; } } @media (min-width: 1920px) { .pop-ups{ height: 150px; } }