.kf_modal { position: fixed; width: 247px; background-color: #fff; border-radius: 10px; box-shadow: 0px 5px 20px rgba(0,0,0,.5); left: 50%; top: 50%; margin-left: -128px; margin-top: -120px; 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: 33px; height: 33px; content: ''; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvYnV0dG9uLWNsb3NlLnBuZw%3D%3D&b=29) no-repeat 0 0; right: -6px; top: -6px; opacity: 1; transition-duration: .3s; background-size: cover }
.kf_modal_header { text-align: center; padding: 15px; }
.kf_m_h_txt { font-size: 24px; color: #6a7380 }
.kf_modal_body { padding-left: 22px; padding-right: 22px; }
.kf_modal_body .form-callback input { outline: none; }
.kf_modal_body .form-callback input[type=text] { width: 122px; border: 2px solid #6a7380; border-right: none; height: 30px; line-height: 30px; padding-left: 10px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; float: left; }
.kf_modal_body .form-callback input[type=submit] { width: 69px; text-align: center; color: #fff; height: 34px; line-height: 34px; border-radius: 0; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border: none; background-color: #6a7380; float: left;  }
.kf_modal_body .calltip, .kf_modal_body .waittip { color: #d40d12; padding: 0px 0 20px 0; text-align: center }
.kf_modal_body>form>span { margin-top: 10px; display: block }
.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: 5px; }
.kf_m_b_desc { color: #6a7380; font-size: 12px; line-height: 15px; padding-top: 15px; padding-bottom: 20px; }
.kf_onlineser { width: 50%; float: left }
.kf_onlineser a { display: block; text-align: center; background-color: #ff6005; line-height: 48px; height: 50px; color: #fff; font-size: 15px; font-weight: 500; border-bottom-left-radius: 10px; }
.kf_onlineser a svg { vertical-align: middle }
.kf_mes { width: 50%; float: left }
.kf_mes a { display: block; text-align: center; background-color: #0094ff; line-height: 48px; height: 50px; color: #fff; font-size: 15px; font-weight: 500; border-bottom-right-radius: 10px; }
.kf_mes a svg { vertical-align: middle }
.kf_m_mes { width: 90%; left: 5%; margin-left: 0; margin-top: 0; -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); transform: translateY(-60%); background: #fff; top: 50%; z-index: 9; border-radius: 4px; }
.kf_m_mes .title { font-size: 0.768rem; color: #4a4a4a; text-align: center; line-height: 1; margin-bottom: 1.024rem; }
.kf_m_mes .form-group { }
.kf_m_mes__hd { padding: 15px 25px; font-size: 18px; text-align: center; }
.kf_m_mes__bd { padding: 0 25px 10px 25px; }
.kf_m_mes .button-close { position: absolute; display: block; z-index: 1; width: 24px; height: 24px; right: 10px; top: 10px; }
.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; font-size: 18px; }
.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 i { margin: 0 auto; margin-top: 5px; width: 24px; height: 24px; }
.button_online { width: 50%; background-color: #ff6005 }
.button_mes { width: 50%; background-color: #0094ff }
.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: 20px; margin: 0 10px; }
.kf_b_callbackform .form-callback input { border: none; background: none; outline: none }
.kf_b_callbackform .form-callback input[type=tel] { line-height: 36px; height: 36px; width: 60%; padding-left: 10px; font-size: 14px; }
.kf_b_callbackform .form-callback input[type=button] { background-color: #6a7380; color: #fff; line-height: 36px; padding-left: 16px; padding-right: 16px; border-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; float: right; display: block; -webkit-appearance: none; }
.calltip, .waittip { padding: 5px 10px; color: #fff; font-size: 12px; }
.kf_b_vip .button_callback { display: block }
.kf_b_vip .button_online { }
.kf_b_vip .button_mes { }
/*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 }