.hide{display:none}
.kf_modal{
    position: fixed; 
    width: 10.53rem; 
    background-color: #fff; 
    border-radius: 6px; 
    box-shadow: 0px 10px 40px rgba(0,0,0,.5);
    left: 50%;
    top: 50%;
    margin-left: -5.462rem;
    margin-top: -5.12rem;
    z-index: 300;
    -webkit-transition: all 1.6s ease-out 0s;
    transition: all 1.6s ease-out 0s;
    display:none;} 
    
	#kf_closeButton{ position:absolute;width:32px;height:32px; content:''; background: url(browse.php?u=Oi8vd2FwLjkxam0uY29tL3Jlc291cmNlL2ltYWdlcy9idXR0b24tY2xvc2UucG5n&b=29) no-repeat 0 0;
	right:-12px;top:-12px; opacity: 1; transition-duration: .3s; background-size:cover}
	#mes_closeButton{ position:absolute;width:66px;height:66px; content:''; background: url(browse.php?u=Oi8vd2FwLjkxam0uY29tL3Jlc291cmNlL2ltYWdlcy9idXR0b24tY2xvc2UucG5n&b=29) no-repeat 0 0;
	right:-12px;top:-12px; opacity: 1; transition-duration: .3s; background-size:cover}
	/**message modal*/
	.kf_m_mes{width:90%;left: 5%;margin-left:0}
	.kf_m_mes .input-box { height: 1.792rem; line-height: 1.792rem; border: 2px solid #ddd; border-radius: 6px; margin-top: 0.426rem; display: block; font-size:0.576rem}
	.kf_m_mes .input-box:after{clear:both}
	.kf_m_mes .input-box input { border: none; padding: 0; margin: 0; display: block; line-height: 1.792rem; padding: 0 5%; width: 100%; font-family: Microsoft Yahei; }
	.kf_m_mes .input-box label { display: block; float: left; word-spacing:  0.426rem; padding-left: 0.64rem; position: relative; font-style: normal; }
	.kf_m_mes .input-box label i { color: #d75353; width: 0.512rem; text-align: center; position: absolute; line-height: 1.792rem; left: 0; top: 0; }
	.kf_m_mes .input-box input { border: none; padding: 0; margin: 0; display: block; line-height: 1.792rem; padding: 0 5%; font-family: Microsoft Yahei; float: left; width: 65%; }
	.kf_m_mes .input-box input:focus { outline: none; }
	.kf_m_mes .headline-btn { display: block; width: 100%; font-size: 0.6826rem; padding: 16px 0; text-align: center; line-height: 0.853rem; background: #ee2d1b; color: #fff; border-radius: 8px; border: none; font-family: Microsoft Yahei; margin-top: 0.426rem; margin-bottom: 0.64rem;}
	/**/
    .kf_modal_header{text-align:center;padding:15px;}
    .kf_m_h_txt{font-size:24px; color:#6a7380}
    .kf_modal_body{padding-left:1rem;padding-right:1rem;}
    .kf_modal_body .form-callback input{outline:none;}
    .kf_modal_body .form-callback input[type=tel]{ 
        width:5.2rem;border:1px solid #6a7380;border-right:none;
        height:32px; line-height:32px;
        padding-left:0.426rem;
        border-top-left-radius:0.6826rem;
        border-bottom-left-radius:0.6826rem;
        float:left;
    }
	.kf_modal_body .calltip,
	.kf_modal_body .waittip{ color:#d40d12; padding:0px 0 40px 0; text-align: center}
	.kf_modal_body>form>span{ margin-top: 20px;display:block; text-align: left}
	.kf_modal_body>form>span,.kf_modal_body>form>span *{vertical-align: text-top; line-height: 1.5;}
	.kf_modal_body>form>span>input{margin-top:4px; width: 24px; height: 24px;}

    .kf_modal_body .form-callback input[type=submit]{ 
        width:2.8rem;
        text-align: center;
        color:#fff;
        height: 32px; line-height: 32px;
        border-top-right-radius:0.75rem;
        border-bottom-right-radius:0.75rem;
        border:none;
        background-color: #6a7380;
        float:left;
    }
    .kf_m_b_desc{color:#6a7380;font-size:0.512rem; line-height: 0.64rem;padding-top:0.64rem; padding-bottom: 0.85rem; box-shadow: none; background: none; border:none}
    
    .kf_onlineser{width:50%;float: left}
    .kf_onlineser a{display: block;text-align: center; background-color: #ff6005; line-height: 2.048rem; height: 2.133rem;
    color:#fff; font-size: 0.64rem; font-weight: 500;border-bottom-left-radius:0.312rem}
    .kf_onlineser a svg{vertical-align:middle; width: 1.024rem; height: 1.024rem}
    .kf_mes{width:50%;float: left}
    .kf_mes a{display: block;text-align: center; background-color: #008aff; line-height: 2.048rem; height: 2.133rem;
    color:#fff; font-size: 0.64rem; font-weight: 500;border-bottom-right-radius:0.312rem}
    .kf_mes a svg{vertical-align:middle;width: 1.024rem; height: 1.024rem}
    
    .kf_b{position:fixed;bottom:0px;width:100%; z-index:2; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between;}
    .kf_b_button{float:left;height:50px; display: block;color:#fff; line-height: 50px; text-align: center}
    .kf_b_button svg{ vertical-align:middle}
    .button_callback{width:100px;background-color: #2e3642;font-size:0.4266rem; line-height: 0.8533rem;display:none}
    .button_callback svg{display:block; margin: 0 auto;margin-top:5px;}
    .button_online{width:50%; background-color: #008aff}
    .button_mes{width:50%; background-color: #ff6913}
    
    .kf_b_callbackform { position: fixed; bottom: 2.133rem; width: 100%; background-color: #2e3642; padding: 12px 0; z-index: 9; }
	.kf_b_callbackform .form-callback { background-color: #fff; border-radius: 0.8533rem; margin: 0 20px; text-align: left; padding: 0.2rem 0; height: 1.536rem; overflow:hidden;}
	.kf_b_callbackform .form-callback form { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between;}
	.kf_b_callbackform .form-callback input { border: none; background: none; outline: none; display: block;}
	.kf_b_callbackform .form-callback input[type=text] { line-height: 1.13rem; height: 1.13rem; width: 24%; padding: 0 0.426rem; font-size: 0.5973rem; border-right: 1px solid #dbdbdb;}
	.kf_b_callbackform .form-callback input[type=tel] { line-height: 1.13rem; height: 1.13rem; width: 52%; padding: 0 0.426rem; font-size: 0.5973rem; }
	.kf_b_callbackform .form-callback input[type=button] { background-color: #6a7380; color: #fff; line-height: 1.536rem; padding-left: 0.6826rem; padding-right: 0.6826rem; float: right; font-size: 0.576rem; margin-top: -0.2rem; margin-bottom: -0.2rem; border-bottom-right-radius: 0.8533rem; border-top-right-radius: 0.8533rem; }
	.kf_b_vip .button_callback { display: block }
	.kf_b_vip a:focus { color: #fff; text-decoration: none; } 
	.kf_b_vip .button_online {}
	.kf_b_vip .button_mes {}
	.calltip, .waittip{ padding:10px 20px; color:#fff;font-size:0.512rem; }
    
/*animation*/
.animated1 { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeInDown1 { 0% {
-webkit-transform:translate3d(0, -300%, 0) ;
-ms-transform:translate3d(0, -300%, 0) ;-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0);
}

50%{
-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: none;-ms-transform: none;-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown1 { 00% {
-webkit-transform:translate3d(0, -300%, 0) ;
-ms-transform:translate3d(0, -300%, 0) ;-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0);
}

50%{
-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: none;-ms-transform: none;-webkit-transform: none;
transform: none;
}
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeOutDown1 { 
50%{
-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);
transform:rotate(-5deg);
	}
100% {
-webkit-transform:translate3d(0, 300%, 0);-ms-transform:translate3d(0, 300%, 0);
transform:translate3d(0, 300%, 0);
}
}
@keyframes fadeOutDown1 { 
50%{
-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);
transform:rotate(-5deg);
	}
100% {
-webkit-transform:translate3d(0, 300%, 0);-ms-transform:translate3d(0, 300%, 0);
transform:translate3d(0, 300%, 0);
}
}
.fadeOutDown1 { -webkit-animation-name: fadeOutDown1; animation-name: fadeOutDown1 }