@charset "utf-8";
.zx_icon{position: fixed;right: 15px;top: 15px;z-index: 10;}
.tan_container{width: 100%;height: 100%;position: fixed;left: 0;top: 0;bottom: 0;right: 0;margin: auto;z-index: 55;display: none;}
.tan_container .dc_Bg{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);left: 0;top: 0;}
.tan_container .dc_lr{width:690px;height:508px;position: absolute;left: 0;top: 0;right: 0;bottom:0;margin: auto;display: flex;align-items: center;justify-content: center;padding: 30px;-webkit-animation-name: zoomIn;-webkit-animation-duration: 0.2s;
animation-name: zoomIn;animation-duration: 0.2s;}
.tan_container .dc_lr .ds_container{width:630px;height:508px;background: url(../images/bg.png) no-repeat center center;padding: 103px 0 0 55px;}
.tan_container .dc_lr .ds_container .tell{color: #fff;font-size: 16px;}
.tan_container .dc_lr .ds_container .tell h1{font-size: 16px;}
.tan_container .dc_lr .ds_container .tell h1 b{font-size: 36px;color: #ffe400;}
.tan_container .dc_lr .ds_container .tell p{margin-top:5px;font-size: 18px;}
.kf_inputBox{width:480px;margin-top: 100px;position: relative;padding-right: 170px;}
.kf_name{border: 1px solid #ddd;height: 36px;padding:0 0 0 10px;overflow: hidden;}
.kf-ipt-name, 
.kf-ipt-tel,
.kf-ipt-name1, 
.kf-ipt-tel1{border: 0;height: 36px;font-size: 16px;}
.kf-ipt-name,
.kf-ipt-name1{ width:143px;outline: none;}
.kf-ipt-tel,
.kf-ipt-tel1{ border: 1px solid #ddd; width: 310px; margin-top: 10px; padding: 0 10px;outline: none;}
.kf-btn {width: 150px; height: 68px;background: #5882ED; color: #fff; font-size: 18px; position: absolute; bottom:4px; right: 0;cursor: pointer;}
.kf_name label {display: inline; cursor: pointer; margin-right: 15px; font-size: 16px; font-weight: normal;}
.kf_name .kf-sex {display: none;}
.kf_name .kf-sex + label span {-webkit-appearance: none;background-color: #fff;border: 1px solid #aaa;padding: 9px;border-radius:50px;display: inline-block;position: relative; top:4px;margin-right: 5px;}
.kf_name .kf-sex:checked + label span{ border-color: #333;}
.kf_name .kf-sex:checked + label span:after {content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background:#333;left: 3px;}
.kf_liuyan{margin-top: 10px;}
.kf_liuyan .kf_textarea{width: 100%;font-size: 16px;padding: 10px;outline: none;
height: 70px;box-sizing: border-box;margin: 0 !important;border: 1px solid #aaa;}
.kf_close{width:30px;height:30px;border: 2px solid #fff;border-radius: 50%;font-size: 20px;color: #fff;position: absolute;top:1px;right: 20px;text-align: center;line-height: 26px;cursor: pointer;transition: ease .3s;}
.customer{width:70px;height: 307px;position: fixed;top: 30%;right:30px;z-index: 10;}

/*左下角*/
.Online_bk{background: #418df5;width: 100%;height:68px;position: fixed;left:-100%;right: 0;bottom: 0;
z-index: 5;padding:15px 0;}
.Online_bk .w12{position: relative;}
.yy_lt{font-size: 32px;color: #fff;}
.ly_bnt{width: 190px;height: 41px;display: block;background: #e4ae0f;color: #fff;cursor: pointer;}
.ly_bnt:hover{background:#d39f05;}
.click_me{width:68px;height:68px;background:#418df5;position:fixed;left:0;bottom: 0;z-index: 6;border-top-right-radius: 60px;padding: 20px 19px 0 10px;color: #fff;}
.free_talk_left{font-size: 26px;color: #fff;}
.free_talk_right{color: #fff;line-height: 36px;}
.free_talk_right span{font-size: 16px;}
.free_talk_right .free_Tipt{height: 36px;padding: 0 10px;float: left;}
.free_talk_right .free_Btn{height: 36px;padding: 0 10px;cursor: pointer;float: right;background: rgba(0,0,0,.3);color: #fff;}
.online_close{font-size:16px;color: #fff;position: absolute;top:9px;right:3px;cursor: pointer;width: 20px;height:20px;border: 2px solid #fff;border-radius: 50%;text-align: center;line-height:16px;}
/*左下角*/


/*左边咧*/
.left_top_th{position: fixed;left: 0;top: 40%;right: auto;bottom: auto;margin-top: -50px;z-index: 10;}
.left_th{width: 30px;background: #5882ED;border-radius: 0 6px 6px 0;color: #fff;padding: 18px 5px;
font-size: 16px;line-height: 18px;text-align: center;cursor: pointer;height: 134px;
position: absolute;z-index: 1;}
textarea{font-family: inherit;}
.left_th_cont{background: #fff;border: 3px solid #5882ED;padding: 15px 15px 15px 35px;text-align: center;position: absolute;width: 312px;height: 134px;left:-312px;}
.th_title{font-size: 16px;font-weight: bold;}
.th_title span{font-size: 20px;color: #5882ED;}
.th_meir{position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: flex-start;align-items: flex-start;height: 36px;background:#eee;border: 1px solid #dcdcdc;margin-top: 10px;}
.th_input{min-width: 1px;-webkit-box-align: start; -webkit-align-items: flex-start;align-items: flex-start;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;height: 34px;background: transparent;outline: none;}
.th_mIcon{margin:6px 10px 0 10px;}
.th_btn{height: 36px;width: 68px;background: #5882ED;color: #fff;margin: -1px;cursor: pointer;}
.th_pLine{font-size: 16px;color: #5882ED;margin-top:6px;}
.th_close{font-size: 20px;font-weight: bold;color: #333;position: absolute;top:1px;right: 6px;cursor: pointer;}
.th_close:hover{color: #5882ED;}
/*左边咧*/