@font-face {font-family: "hkfont";
  src: url('iconfont.eot?t=1583562084571'); /* IE9 */
  src: url('iconfont.eot?t=1583562084571#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1583562084571') format('woff'),
  url('iconfont.ttf?t=1583562084571') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1583562084571#hkfont') format('svg'); /* iOS 4.1- */
}

.hkfont {
  font-family: "hkfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hkicon-duihua:before {
  content: "\e6d6";
}

.hkicon-close:before {
  content: "\e64c";
}

.hkicon-dianhua3:before {
  content: "\e60a";
}

.hkicon-dianhua:before {
  content: "\e6be";
}

.hkicon-phone:before {
  content: "\e725";
}

.hkicon-dianhua1:before {
  content: "\ee6e";
}

.hkicon-dianhua2:before {
  content: "\e692";
}

/* 字体结束 */
.hk-hidden { display: none !important; }

#hk-container {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-position: 0 0;
	background-size: auto;
	background-repeat: repeat;
	background-origin: padding-box;
	background-clip: border-box;
	background-attachment: scroll;
	background-image: none;
	border: none;
	outline: invert none medium;
	direction: ltr;
	letter-spacing: inherit;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	white-space: inherit;
	word-spacing: normal;
	font-size: 12px;
	font-family: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: inherit;
	font-variant: normal;
	font-weight: inherit;
	visibility: visible;
	overflow: visible;
	list-style: none;
	float: none;
	clear: none;
	display: block;
	position: static;
	top: auto;
	left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}
#hk-container { font-family: Arial,Helvetica,"Microsoft YaHei",sans-serif; position: fixed; z-index: 99999; }
#hk-container input:focus{ outline:none; }
/* 左中 */
#hk-container .hk-simple-wrap { position: fixed; left: auto; top: 53%; right: 30px; bottom: auto; margin-top: -50px; }
#hk-container .hk-simple-tit { width: 30px; background: #5882ED; border-radius: 6px 0 0 6px; color: #fff; padding: 18px 5px; font-size: 16px; line-height: 18px; text-align: center; cursor: pointer; position: absolute; z-index: 1; box-sizing: border-box; }
#hk-container .hk-simple-formbox { background: #fff; border: 3px solid #5882ED; padding: 15px 15px 15px 35px; margin-top: 5px; text-align: center; position: absolute; width: 312px; transition: left .8s; box-sizing: border-box; }
#hk-container .hk-simple-formbox h3 { font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 10px; position: relative; width: 100%; }
#hk-container .hk-simple-formbox h3 span { font-size: 20px; color: #5882ED; }
#hk-container .hk-simple-formbox h3 b { position: absolute; top: -10px; right: -6px; cursor: pointer; }
#hk-container .hk-simple-form { overflow: hidden; }
#hk-container .hk-simple-input-icon { float: left; border: 1px solid #ddd; height: 35px; line-height: 35px; overflow: hidden; background-color: #eee; box-sizing: border-box; }
#hk-container .hk-simple-input-icon input { border: 0; height: 35px; line-height: 35px; margin: 0; display: inline-block; background-color: #eee; font-size: 16px; width: 150px; }
#hk-container .hk-simple-input-icon i { padding: 0 6px; font-size: 12px; color: #666; }
#hk-container #hk-simple-btn { float: left; border: 0; height: 35px; padding: 0 10px; background: #5882ED; color: #fff; cursor: pointer; }
#hk-container .hk-simple-formbox p { font-size: 16px; color: #5882ED; margin-top: 10px; margin-bottom: 0; }

/* 右上 */
#hk-container .hk-icon-wrap { position: fixed; right: 15px; top: 15px;  }
#hk-container .hk-icon-wrap #hk-icon-btn { background: #fff; border-radius: 6px; cursor: pointer; }

/* 右中 */
#hk-container .hk-flag-wrap {  position: fixed; right: 0; top: 20%; }
#hk-container .hk-flag-wrap .hk-flag-box { cursor: pointer; }
.hk-flag-box img { height: 280px; }

/* 中间 */
/*#hk-container .hk-center-wrap { position: fixed; width: 630px; height: 508px; top: 50%; left: 50%; margin-top: -254px; margin-left: -315px; background: url(../images/bg.png) no-repeat; z-index: 1; padding: 100px 80px 60px 60px; display: none; box-sizing: border-box; }*/
#hk-container .hk-center-wrap {
    position: fixed;
    width: 550px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -275px;
    background: url(../images/bg.png) no-repeat;
    z-index: 1;
    padding: 100px 50px 60px 45px;
    display: none;
    box-sizing: border-box;
    background-size: 100%;
}
#hk-container .hk-center-mark { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.5); display: none; }
#hk-container .hk-center-tit { margin-bottom: 60px; }
#hk-container .hk-center-tit p { color: #fff; font-size: 18px; }
#hk-container .hk-center-tit h3 { font-size: 36px; color: #ffe400; font-weight: bold; margin-top: 10px; }
#hk-container .hk-center-tit h3 span { color: #fff; font-size: 16px; }
#hk-container .hk-center-inputbox { float:left; }
#hk-container .hk-center-inputbox .hk-center-name { border: 1px solid #ddd; height: 36px; padding: 0 10px; overflow: hidden; width: 305px; }
#hk-container #hk-center-input-name, #hk-container #hk-center-input-tel { border: 0; height: 36px; font-size: 16px; }
#hk-container #hk-center-input-name { width: 130px; }
#hk-container #hk-center-input-tel { border: 1px solid #ddd; width: 305px; margin-top: 10px; padding: 0 10px; }
#hk-container #hk-center-btn { float: right; border: 0; width: 140px; height: 68px; margin-top: 90px; background: #5882ED; color: #fff; font-size: 18px; position: absolute; bottom: 0; right: 0; }
#hk-container #hk-center-close { position: absolute; top: 0; right: 0; color: #fff; cursor: pointer; }
#hk-container #hk-center-close i { font-size: 30px; }
#hk-container .hk-center-name label {display: inline; cursor: pointer; margin-right: 15px; font-size: 16px; font-weight: normal;}
#hk-container .hk-center-name .hk-sex {display: none;}
#hk-container .hk-center-name .hk-sex + label span {-webkit-appearance: none;background-color: #fff;border: 1px solid #aaa;padding: 9px;border-radius:50px;display: inline-block;position: relative; top: 5px;}
#hk-container .hk-center-name .hk-sex:checked + label span{ border-color: #333;}
#hk-container .hk-center-name .hk-sex:checked + label span:after {content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background:#333;left: 3px;}
.hk-center-message { margin-top: 10px; }
.hk-center-message textarea { width: 100%; margin-top: 10px; font-size: 16px; padding-left: 10px; padding-right: 10px; height: 70px !important; box-sizing: border-box; margin: 0 !important; }
.hk-center-form { position: relative; overflow: hidden; }

/* 底部 */
#hk-container .hk-bottom-wrap { position: fixed; bottom: 0; left: 0; width: 100%; height: 68px; background: #5882ED; opacity: .9; transition: all .8s; }
#hk-container .hk-bottom-box { width: 1170px; height: 68px; margin: 0 auto; padding: 15px 0; color: #fff; overflow: hidden; position: relative; }
#hk-container .hk-bottom-left { float: left; font-size: 26px; }
#hk-container .hk-bottom-left i { font-size: 26px; }
#hk-container .hk-bottom-right { float: right; font-size: 0; }
#hk-container .hk-bottom-right span { font-size: 16px; }
#hk-container .hk-bottom-right input { height: 36px; border: 0; padding: 0 10px; }
#hk-container .hk-bottom-right #hk-bottom-input { font-size: 14px; color: #333; }
#hk-container .hk-bottom-right #hk-bottom-btn { font-size: 14px; background: #666; color: #fff; cursor: pointer; }
#hk-container .hk-bottom-box #hk-bottom-close { display: inline-block; color: #fff; cursor: pointer; margin-left: 15px; }
#hk-container .hk-bottom-box #hk-bottom-close i { font-size: 18px; }
#hk-container #hk-bottom-small { position: absolute; top:0; left: -68px; color: #fff; width: 68px; height: 68px; background: #5882ED; font-size: 14px; padding-top: 20px; padding-left: 10px; border-top-right-radius: 60px; cursor: pointer; transition: all .3s; }

/* 手机端 */
.hk-center-wrap-mobile { background: #5882ED; padding: 15px; margin-top: 15px; padding-bottom: 60px; }
.hk-center-wrap-mobile .hk-center-tit { text-align: center; margin-bottom: 30px; }
.hk-center-wrap-mobile .hk-center-tit p { color: #fff; font-size: 18px; margin-bottom: 20px; }
.hk-center-wrap-mobile .hk-center-tit h3 {}
.hk-center-wrap-mobile .hk-center-tit h3 a { border-radius: 60px; padding: 4px 15px; color: #ffce00; font-size: 16px; font-weight: bold; border: 1px solid #ffce00; }
.hk-center-wrap-mobile .hk-center-inputbox .hk-center-name { display: flex; background: #fff; height: 50px; padding: 0 10px; overflow: hidden; line-height: 50px; border-radius: 4px; box-sizing: border-box; }
.hk-center-wrap-mobile #hk-center-input-name, .hk-center-wrap-mobile #hk-center-input-tel { border: 0; height: 50px; font-size: 16px; }
.hk-center-wrap-mobile #hk-center-input-name { flex: 1; outline: 0; width: 50px; }
.hk-center-wrap-mobile #hk-center-input-tel { width: 100%; margin-top: 15px; padding: 0 10px; border-radius: 4px; outline: 0; box-sizing: border-box; }
.hk-center-wrap-mobile #hk-center-btn { border: 0; width: 100%; height: 50px; background: #ffce00; color: #da2525; font-size: 18px; margin-top: 15px; outline: 0; border-radius: 4px; }
.hk-center-wrap-mobile #hk-center-close { position: absolute; top: 0; right: 0; color: #fff; cursor: pointer; }
.hk-center-wrap-mobile #hk-center-close i { font-size: 30px; }
.hk-center-wrap-mobile .hk-center-name label {display: inline; cursor: pointer; margin-right: 15px; font-size: 16px; font-weight: normal;}
.hk-center-wrap-mobile .hk-center-name .hk-sex {display: none;}
.hk-center-wrap-mobile .hk-center-name .hk-sex + label span {-webkit-appearance: none;background-color: #fff;border: 1px solid #aaa;padding: 9px;border-radius:50px;display: inline-block;position: relative; top: 5px;}
.hk-center-wrap-mobile .hk-center-name .hk-sex:checked + label span{ border-color: #333;}
.hk-center-wrap-mobile .hk-center-name .hk-sex:checked + label span:after {content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background:#333;left: 3px;}
#hk-container.hk-container-mark { width: 100%; height: 100%; top: 0; background: rgba(0,0,0,.6); }
.hk-center-box-mobile { position: fixed; top: 100px; left: 0; right: 0; padding: 15px; z-index: 999999; }
.hk-center-box-mobile .hk-center-wrap-mobile { border-radius: 4px; position: relative; }
#hk-right-wrap-mobile { right: 2px; bottom: 80px; position: fixed; }
#hk-right-wrap-mobile i { font-size: 26px; color: #fff; background: rgba(0,0,0,.6); display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; margin-bottom: 2px; }
.hk-container-mark #hk-right-wrap-mobile { display: none; }
.hk-center-mobile-close { display: none; }
.hk-center-box-mobile .hk-center-mobile-close { position: absolute; bottom: -60px; left: 0; width: 100%; text-align: center; display: block; }
.hk-center-mobile-close i { font-size: 36px; color: #fff; }
/* 拨号键盘 */
#hk-keyborad { display: none; }
#hk-keyborad.hk-keyborad { position: fixed; top: 80px; left: 0; right: 0; padding: 15px; z-index: 999999; display: block; }
.hk-keyborad-box { background: #fff; border-radius: 4px; position: relative; }
.hk-keyborad-tit { color: #c80000; font-size: 16px; text-align: center; padding-top: 15px; }
.number-area { text-align: center; font-size: 14px; padding: 10px 0 15px; text-align: right; position: relative; height: 50px; }
.closes{ position: absolute; display:inline-block;float: right;font-size:12px;color:#fff;background:#aaa;width:14px;height:13px;line-height: 10px;text-align: center;margin-top:4px; font-style: normal; right: 10px;}
.closes:before{position:absolute;content:'';left:-8px;width:0px;height:0px;border-style:solid;border-width:6.5px 8px 6.5px 0;border-color:transparent #aaa transparent transparent;}
.hk-keyborad .numbers-container span{ display: inline-block; width: 33.33333333%; float: left; font-size: 16px; padding: 5px;}
.hk-keyborad .numbers-container span b { height: 50px; font-weight: 700; line-height: 50px; text-align: center; border: 1px solid #ddd; border-radius: 5px; display: inline-block; width: 100%; }
.call-btn { background: #c80000; font-size: 16px; height: 50px; line-height: 50px; color: #fff; border-radius: 4px; margin: 15px 5px 0; }
.numbers-container { overflow: hidden; box-sizing: border-box; }
.hk-keyborad-body { padding: 15px; }
.hk-keyborad-footer { border-top: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; font-size: 24px; color: #c80000; text-align: center; }
.hk-keyborad-footer i { display: inline-block; color: #c80000; font-weight: bold; font-size: 22px; margin-right: 6px; }
.hk-keyborad-footer a { color: #c80000; }
.hk-keyborad-close { display: none; }
.hk-keyborad .hk-keyborad-close { position: absolute; bottom: -60px; left: 0; width: 100%; text-align: center; display: block; }
.hk-keyborad-close i { font-size: 36px; color: #fff; }
.numbers { display: inline-block; width: 100%; font-size: 24px; text-align: center; }

/* 屏蔽快排3.0 */
.modal.liuyan, .modal-backdrop.in, .suspension { display: none !important; }



/* 新样式 */
#right-menu{position: fixed;right: 0;top: 66%;z-index: 9999;}
#right-menu ul{}
#right-menu ul li{margin-bottom: 5px;}
#right-menu ul li .r-box {text-align: center;background: #5882ED;padding: 8px 5px;width: 70px;height: 70px;position: relative;cursor: pointer;}
#right-menu ul li img.ico{width: 40px;margin-bottom: 3px;}
#right-menu ul li p {font-size: 12px;line-height: 1; color: #fff;}

#right-menu ul li .dh-box{position:relative;}
#right-menu ul li .dh-box .dh-bg{position: absolute;top: 0;width: 100%;height: 100%;left: 0;z-index: 3;background: #5882ED;padding-top: 8px;}
#right-menu ul li .dh-box .dh-txts { background: #5882ED;position: absolute; right: -200px; top: 0;height: 100%;width: 200px;transition: all .5s;}
#right-menu ul li .dh-box .dh-txts h3 { font-size: 22px;font-weight: bold; color: #fff;line-height: 70px;letter-spacing: 1px;}
#right-menu ul li .dh-box:hover .dh-txts{right: 100%;}

.r-box img{height:40px !important}
.ewm-box{}
.ewm-box .ewm-img { position: absolute;right: 120%;bottom: 0; background: #5882ED;padding: 10px;width: 150px;height: auto;display: none;}
.ewm-box .ewm-img span {position: absolute;display: inline-block;width: 12px;height: 12px;background: #5882ED;right: -6px;bottom: 12px;transform: rotate(45deg);}
.ewm-box .ewm-img img{width: 100%;margin-bottom: 5px;}
.ewm-box .ewm-img h5{font-size: 13px;line-height: 1;color:#fff;}
.ewm-box:hover .ewm-img{display: block;}