﻿@charset "UTF-8";
/*初始化样式*/
body { font: 14px/1.43 "Microsoft Yahei", Arial, sans-serif; color: #333; }

a { text-decoration: none; color: inherit; }
a:hover, a:active, a:link { color: inherit; text-decoration: none; }

p { margin: 0; }

ul, li { list-style: none; }

input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

.block{display:block;}

.button { border-radius: 0; }

input:focus, textarea:focus { outline: none; border-color: #d3d3d3 !important; }

input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }

input::-ms-clear { display: none; }

/*主题默认样式*/
/*主题背景颜色*/
.themeBgColor { background-color: #324BAF; }

/*主题背景颜色-浅*/
.themeBgColorLight { background-color: rgba(255, 52, 52, 0.85); }
.sys-bg-color-dark { background-color: #ff1b1b; }

/*主题按钮颜色样式--深*/
.themeButtonColor-light { color: #324BAF; border-color: #324BAF; }
.themeButtonColor-light:hover { background-color: #324BAF; }

/*主题字体颜色*/
.themeColor { color: #324BAF; }
.themeColorlight { color: rgba(255, 52, 52, 0.85); }
.themeColordark { color: #ff1b1b; }

/*主题实线颜色*/
.themeBorderColor { border-color: #324BAF; }

/*主题导航*/
.navbar { margin-bottom: 0; border-radius: 0; border: 0;min-height: 40px; }
.navbar li a { padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.navbar li.active a, .navbar li:hover a { color: #324BAF; }
.navbar li.active:hover a { color: #324BAF !important; }

/*主题hover*/
.home a:hover { color: #324BAF !important; }

/*主题选项卡*/
.themeTabs .tabs-item a { border-color: #324BAF; }
.themeTabs .tabs-item.active a { background-color: #324BAF; }
.themeTabs .tabs-item:hover a { background-color: #324BAF; color: #fff; }

/*主题按钮组*/
.themeBtnGroup a { border-color: rgba(255, 52, 52, 0.85); -webkit-transition: all ease .3s; transition: all ease .3s; }
.themeBtnGroup .more { background-color: rgba(255, 52, 52, 0.85); color: #fff; }
.themeBtnGroup .more:hover { background-color: #324BAF; }
.themeBtnGroup .consult { color: rgba(255, 52, 52, 0.85); }
.themeBtnGroup .consult:hover { background-color: #324BAF !important; color: #fff; }

/*主题链接组*/
.themeLinkGroup a { background-color: #324BAF; -webkit-transition: all ease .3s; transition: all ease .3s; }
.themeLinkGroup a:hover { background-color: rgba(255, 52, 52, 0.85); }

/*主题swiper-pagination选中*/
.themePagination .swiper-pagination-bullet-active { background-color: #324BAF; }

/*主题梯形背景*/
.themeTrap::before { border-color: transparent #324BAF #324BAF transparent; }

@media (min-width: 992px) { .themeTrap::before { border-color: transparent #324BAF #324BAF transparent; } }
/*主题表单*/
.themeForm input[type="text"], .themeForm textarea { border: 1px solid #324BAF; border-radius: 5px; width: 100%; outline: 0; }
.themeForm input[type="text"]::-webkit-input-placeholder, .themeForm textarea::-webkit-input-placeholder { color: rgba(255, 52, 52, 0.85); }
.themeForm input[type="text"]:-ms-input-placeholder, .themeForm textarea:-ms-input-placeholder { color: rgba(255, 52, 52, 0.85); }
.themeForm input[type="text"]::-ms-input-placeholder, .themeForm textarea::-ms-input-placeholder { color: rgba(255, 52, 52, 0.85); }
.themeForm input[type="text"]::placeholder, .themeForm textarea::placeholder { color: rgba(255, 52, 52, 0.85); }
.themeForm input[type="text"] { height: 48px; padding-left: 10px; padding-right: 10px; }
.themeForm textarea { padding: 10px; resize: none; }
.themeForm .form-btn a { background-color: #324BAF; -webkit-transition: all ease .3s; transition: all ease .3s; }
.themeForm .form-btn a:hover { background-color: rgba(255, 52, 52, 0.85); }

/*主题工具条*/
.themeMobToolBar { background-color: #324BAF; border-top: 1px solid #cd0000; }

/*主题拨号盘选中*/
.themeDial .dial-item.active { background-color: #324BAF !important; color: #fff !important; border-color: #324BAF !important; }

@media (min-width: 1300px) { .container { width: 1290px; } }
.swiper-pagination-bullet { background-color: #fff; opacity: .5; }

.swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }
.swiper-bg{background:#e5e5e5}

.b-vip { display: inline-block; width: 15px; height: 19px; background: url(../images/vip.png) no-repeat center center; vertical-align: middle; position: relative; top: -2px; }

.pc-calling-dialog { position: fixed; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; z-index: 310; display: none; }
.pc-calling-dialog .top { border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 20px; }
.pc-calling-dialog .bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9)); background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.pc-calling-dialog .pc-calling-close { position: absolute; right: 8px; top: 0px; z-index: 101; }
.pc-calling-dialog .pc-calling-close i { font-size: 28px; color: #fff; }

.pc-calling-wrap { width: 640px; position: relative; }
.pc-calling-wrap .top { height: 190px; }
.pc-calling-wrap .top .calling-state { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #fff; }
.pc-calling-wrap .top .calling-state .user i { font-size: 36px; position: relative; top: 7px; }
.pc-calling-wrap .top .calling-state .arrow-left, .pc-calling-wrap .top .calling-state .arrow-right { margin-left: 30px; margin-right: 30px; }
.pc-calling-wrap .top .calling-state .arrow-left i, .pc-calling-wrap .top .calling-state .arrow-right i { font-size: 24px; opacity: .3; }
.pc-calling-wrap .top .calling-state .mobile i { font-size: 40px; position: relative; top: 10px; }
.pc-calling-wrap .bottom { height: 154px; text-align: center; }
.pc-calling-wrap .bottom .title { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.pc-calling-wrap .bottom .txt { font-size: 16px; color: #666; }
.pc-calling-wrap .bottom .txt span { margin-left: 15px; }

.pc-free-wrap { position: relative; width: 603px; }
.pc-free-wrap .top { height: 192px; text-align: center; color: #fff; }
.pc-free-wrap .top .title { font-size: 33px; font-weight: 700; margin-top: 25px; margin-bottom: 10px; letter-spacing: 2px; }
.pc-free-wrap .top .sub-title { font-size: 21px; }
.pc-free-wrap .bottom { height: 104px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pc-free-wrap .bottom > div:not(:last-child) { border-right: 1px solid #e4e4e4; padding-right: 30px; margin-right: 30px; }
.pc-free-wrap .bottom .calling, .pc-free-wrap .bottom .tel-400 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }
.pc-free-wrap .bottom .calling .header, .pc-free-wrap .bottom .tel-400 .header { line-height: 50px; text-align: center; font-size: 18px; cursor: pointer; }
.pc-free-wrap .bottom .calling .header i, .pc-free-wrap .bottom .tel-400 .header i { font-size: 28px; margin-right: 10px; }
.pc-free-wrap .bottom .calling .free-calling { display: none; position: absolute; width: 400px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px; left: -20px; top: 100px; }
.pc-free-wrap .bottom .calling .free-calling .form-group { word-spacing: -4px; }
.pc-free-wrap .bottom .calling .free-calling .form-group > * { display: inline-block; }
.pc-free-wrap .bottom .calling .free-calling .form-group input[type="text"] { width: 211px; height: 40px; border-radius: 5px; border: 1px solid #c1c1c1; }
.pc-free-wrap .bottom .calling .free-calling .form-group .form-btn { margin-left: 16px; }
.pc-free-wrap .bottom .calling .free-calling .form-group .form-btn a { display: block; width: 132px; height: 40px; line-height: 40px; color: #fff; border-radius: 5px; text-align: center; }
.pc-free-wrap .bottom .calling .free-calling .tips { margin-bottom: 5px; font-size: 13px; color: #666; text-align: center; line-height: 200%; }
.pc-free-wrap .bottom .calling .free-calling::before { content: ""; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff; position: absolute; top: -10px; left: 100px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pc-free-wrap .bottom .calling .free-calling::after { content: ""; display: block; width: 30px; height: 20px; background-color: #fff; position: absolute; top: 0px; left: 95px; }
.pc-free-wrap .bottom .tel-400 .free-400 { display: none; position: absolute; width: 400px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px; right: -20px; top: 100px; }
.pc-free-wrap .bottom .tel-400 .free-400 .txt { text-align: center; margin-top: 10px; color: #666; }
.pc-free-wrap .bottom .tel-400 .free-400 .number { text-align: center; font-size: 24px; color: #666; margin-top: 15px; margin-bottom: 15px; }
.pc-free-wrap .bottom .tel-400 .free-400 .number span:first-child { margin-right: 15px; }
.pc-free-wrap .bottom .tel-400 .free-400 .number span:last-child { margin-left: 15px; }
.pc-free-wrap .bottom .tel-400 .free-400::before { content: ""; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff; position: absolute; top: -10px; right: 100px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pc-free-wrap .bottom .tel-400 .free-400::after { content: ""; display: block; width: 30px; height: 20px; background-color: #fff; position: absolute; top: 0px; right: 95px; }
.pc-free-wrap .bottom .contact .item label { font-weight: 400; }
.pc-free-wrap .bottom .contact .item:first-child label { font-size: 12px; vertical-align: middle; margin-bottom: 0; }
.pc-free-wrap .bottom .contact .item:first-child p { font-weight: 700; margin-top: 5px; }
.pc-free-wrap .bottom .contact .item + .item { margin-top: 5px; }

.pc-toolbar { position: fixed; right: 5px; bottom: 20%; z-index: 200; border-radius: 5px; width: 112px; padding: 3px; }
.pc-toolbar .calling { width: 365px; background-color: #fff; border-radius: 10px; padding: 15px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: absolute; right: 120px; top: 0; text-align: left; cursor: default; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; }
.pc-toolbar .calling .header { text-align: center; font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; }
.pc-toolbar .calling .pc-call-wrap { padding-left: 18px; padding-right: 18px; }
.pc-toolbar .calling .pc-call-wrap .form-group label { font-weight: 400; margin-bottom: 14px; }
.pc-toolbar .calling .pc-call-wrap .form-group + .form-group { margin-top: 14px; }
.pc-toolbar .calling .pc-call-wrap .form-btn { margin-top: 14px; }
.pc-toolbar .calling .pc-call-wrap .form-btn a { display: block; height: 48px; line-height: 48px; text-align: center; color: #fff; border-radius: 5px; }
.pc-toolbar .calling .pc-call-wrap .format-example { margin-top: 40px; margin-bottom: 26px; }
.pc-toolbar .calling .pc-call-wrap .format-example label { font-weight: 400; margin-bottom: 0; }
.pc-toolbar .calling .pc-call-wrap .format-example .txt { margin-top: 8px; }
.pc-toolbar .calling.show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
.pc-toolbar .list .item { position: relative; text-align: center; padding-top: 15px; padding-bottom: 15px; }
.pc-toolbar .list .item i { color: #fff; font-size: 32px; }
.pc-toolbar .list .item > a { display: inline-block; }
.pc-toolbar .list .item > a + a { margin-top: 15px; }
.pc-toolbar .list .item:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.pc-toolbar .list .item:not(:nth-child(3)) { margin-left: 18px; margin-right: 18px; cursor: pointer; position: relative; }
.pc-toolbar .list .item:not(:nth-child(3)) > p { color: #fff; }
.pc-toolbar .list .item:nth-child(3) { background-color: #fff; }

.pc-fixed-msg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 110; visibility: hidden; }
.pc-fixed-msg .msg-wrap { width: 380px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px; border: 1px solid #d3d3d3; position: relative; }
.pc-fixed-msg .msg-wrap .fixed-close { position: absolute; right: -6px; top: -12px; }
.pc-fixed-msg .msg-wrap .fixed-close i { font-size: 28px; }
.pc-fixed-msg .msg-wrap .header { text-align: center; font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; }
.pc-fixed-msg .msg-wrap .msg-form { padding-left: 18px; padding-right: 18px; }
.pc-fixed-msg .msg-wrap .msg-form label { font-weight: 400; }
.pc-fixed-msg .msg-wrap .msg-form textarea { height: 105px; }
.pc-fixed-msg .msg-wrap .msg-form .form-btn { margin-top: 14px; }
.pc-fixed-msg .msg-wrap .msg-form .form-btn a { display: block; height: 48px; line-height: 48px; text-align: center; color: #fff; border-radius: 5px; }
.pc-fixed-msg .msg-wrap .msg-success { height: 286px; text-align: center; display: none; }
.pc-fixed-msg .msg-wrap .msg-success .icon-success i { font-size: 80px; font-weight: 700; color: #24af37; }
.pc-fixed-msg .msg-wrap .msg-success .txt { line-height: 180%; color: #399203; }
.pc-fixed-msg .msg-wrap .pc-call-wrap { padding-left: 18px; padding-right: 18px; }
.pc-fixed-msg .msg-wrap .pc-call-wrap .form-group label { font-weight: 400; margin-bottom: 14px; }
.pc-fixed-msg .msg-wrap .pc-call-wrap .form-group + .form-group { margin-top: 14px; }
.pc-fixed-msg .msg-wrap .pc-call-wrap .form-btn { margin-top: 14px; }
.pc-fixed-msg .msg-wrap .pc-call-wrap .form-btn a { display: block; height: 48px; line-height: 48px; text-align: center; color: #fff; border-radius: 5px; }
.pc-fixed-msg .msg-wrap .pc-call-wrap .format-example { margin-top: 40px; margin-bottom: 26px; }
.pc-fixed-msg .msg-wrap .pc-call-wrap .format-example label { font-weight: 400; margin-bottom: 0; }
.pc-fixed-msg .msg-wrap .pc-call-wrap .format-example .txt { margin-top: 8px; }

@media (max-width: 992px) { .pc-toolbar, .pc-calling-dialog, .pc-fixed-msg { display: none !important; }
  .pc-fixed-msg { visibility: hidden !important; } }
.mob-toolbar { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 300; }
.mob-toolbar .item { width: 25%; text-align: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }
.mob-toolbar .item i { font-size: 20px; }
.mob-toolbar .item p { font-size: 12px; }
.mob-toolbar .item + .item::before { content: ""; display: block; height: 30px; border-left: 1px solid rgba(255, 255, 255, 0.15); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mob-common-dialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 310; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; visibility: hidden; }
.mob-common-dialog.show-this { visibility: visible; }
.mob-common-dialog .mob-dialog-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 375px; margin: 15px; background-color: #fff; border-radius: 10px; border: 1px solid #e2e2e2; padding: 15px; position: relative; }
.mob-common-dialog .mob-dialog-wrap .m-d-header { text-align: center; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.mob-common-dialog .mob-dialog-wrap .m-d-close { position: absolute; right: 5px; top: 0; }
.mob-common-dialog .mob-dialog-wrap .m-d-close i { font-size: 28px; }
.mob-common-dialog .msg-success { height: 278px; text-align: center; overflow: hidden; display: none; }
.mob-common-dialog .msg-success .sys-success { margin-top: 40px; }
.mob-common-dialog .msg-success .sys-success i { font-size: 80px; font-weight: 700; color: #24af37; }
.mob-common-dialog .msg-success .txt { line-height: 180%; color: #399203; }


.mob-inquiry-wrap .form-group label { font-weight: 400; margin-bottom: 10px; }
.mob-inquiry-wrap input[type="text"], .mob-inquiry-wrap textarea { width: 100%; border-radius: 5px; border: 1px solid #e0e0e0; padding: 0 10px; outline: 0; }
.mob-inquiry-wrap input[type="text"] { height: 32px; }
.mob-inquiry-wrap textarea { height: 80px; padding: 10px; resize: none; }
.mob-inquiry-wrap .form-btn { margin-top: 14px; }
.mob-inquiry-wrap .form-btn a { display: block; height: 36px; line-height: 36px; text-align: center; color: #fff; border-radius: 5px; }

.mob-auth-affirms { text-align: center; margin-top: 10px; color: #a0a0a0; position: relative; }

.mob-tips-box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 315; }
.mob-tips-box .wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 470px; color: #fff; padding: 20px; background-color: rgba(0, 0, 0, 0.8); margin: 15px; border-radius: 10px; }
.mob-tips-box .wrap .title { text-align: center; margin-bottom: 10px; }
.mob-tips-box .wrap .cont { line-height: 180%; }
.mob-tips-box .wrap .cont label { font-weight: 400; }
.mob-tips-box .wrap .cont p { text-indent: 2em; }

.mob-400-wrap .txt { line-height: 200%; }
.mob-400-wrap .number { font-size: 20px; margin-top: 15px; margin-bottom: 20px; }
.mob-400-wrap .number span:first-child { color: #1f79be; margin-right: 10px; }
.mob-400-wrap .number span:last-child { font-weight: 700; margin-left: 10px; }
.mob-400-wrap .call { margin-top: 30px; margin-bottom: 20px; }
.mob-400-wrap .call .header { font-size: 16px; color: #666; margin-bottom: 10px; }
.mob-400-wrap .call .header span { font-weight: 700; }
.mob-400-wrap .call a { border-radius: 10px; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; }
.mob-400-wrap .call a i { font-size: 32px; margin-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.mob-400-wrap .call a .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.mob-400-wrap .call a .info .title { font-size: 16px; font-weight: 700; margin-bottom: 5px; }
.mob-400-wrap .call a .info p span { font-weight: 700; color: #fffc00; }

.mob-dial-wrap .dial-input-box .title { font-size: 14px; margin-bottom: 10px; }
.mob-dial-wrap .dial-input-box .input-box { position: relative; }
.mob-dial-wrap .dial-input-box .input-box input[type="text"] { display: block; width: 100%; height: 44px; font-size: 18px; border: 1px solid #c5c5c5; border-radius: 5px; outline: 0; padding-left: 10px; padding-right: 35px; }
.mob-dial-wrap .dial-input-box .input-box i { position: absolute; top: 12px; right: 10px; font-size: 14px; color: #999; display: none; }
.mob-dial-wrap .dial-input-box .tips { margin-top: 10px; color: #666; }
.mob-dial-wrap .dial-num-box { margin-top: 10px; }
.mob-dial-wrap .dial-num-box .num-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mob-dial-wrap .dial-num-box .num-list .item { width: 31.33%; margin-bottom: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #c5c5c5; border-radius: 5px; height: 36px; line-height: 36px; color: #000; text-align: center; background-color: #f5f5f5; }
.mob-dial-wrap .dial-num-box .num-list .item:nth-child(3n) { margin-right: 0; }
.mob-dial-wrap .dial-num-box > a { display: block; height: 45px; line-height: 45px; font-size: 18px; text-align: center; color: #fff; border-radius: 5px; margin-top: 10px; }

.mob-call-wrap { display: none; margin-bottom: 30px; }
.mob-call-wrap .calling-state { margin-top: 20px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #fff; border-radius: 5px; padding-top: 10px; padding-bottom: 22px; }
.mob-call-wrap .calling-state .user i { font-size: 24px; position: relative; top: 7px; }
.mob-call-wrap .calling-state .arrow-left, .mob-call-wrap .calling-state .arrow-right { margin-left: 10px; margin-right: 10px; }
.mob-call-wrap .calling-state .arrow-left i, .mob-call-wrap .calling-state .arrow-right i { font-size: 12px; opacity: .3; }
.mob-call-wrap .calling-state .mobile i { font-size: 20px; position: relative; top: 6px; }
.mob-call-wrap .title { font-weight: 700; color: #000; margin-bottom: 10px; text-align: center; }
.mob-call-wrap .txt { text-align: center; color: #666; }

@media (min-width: 992px) { .mob-toolbar, .mob-common-dialog { display: none !important; } }

.show-detail-dialog { visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.3); z-index: 300; }
.show-detail-dialog .show-detail-wrap { background-color: #fff; border-radius: 10px; overflow: hidden; }
.show-detail-dialog .show-detail-wrap .consult-btn a { display: inline-block; padding: 8px 35px; font-size: 16px; color: #fff; border-radius: 100px; }
.show-detail-dialog .show-detail-wrap .show-detail-header { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; }
.show-detail-dialog .show-detail-wrap .show-detail-header .title { font-size: 18px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; }
.show-detail-dialog .show-detail-wrap .show-detail-header .m-d-close { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.show-detail-dialog .show-detail-wrap .main-show-content { overflow-x: hidden; overflow-y: auto; }
.show-detail-dialog .show-detail-wrap .main-show-content::-webkit-scrollbar { background-color: #eeeeee; }
.show-detail-dialog .show-detail-wrap .main-show-content::-webkit-scrollbar-thumb { background-color: #c4c4c4; }
.show-detail-dialog .show-detail-wrap .main-show-content .top-show .intro-box .contact, .show-detail-dialog .show-detail-wrap .main-show-content .top-show .intro-box .tel { font-size: 16px; }
.show-detail-dialog .show-detail-wrap .main-show-content .top-show .intro-box .contact { margin-bottom: 5px; }
.show-detail-dialog .show-detail-wrap .main-show-content .top-show .consult-btn { margin-top: 25px; }
.show-detail-dialog .show-detail-wrap .main-show-content .main-intro p { color: #666; line-height: 180%;}
.show-detail-dialog .show-detail-wrap .main-show-content .main-intro img { max-width: 100%; margin-bottom: 10px; }
.show-detail-dialog .show-detail-wrap .show-detail-footer { background-color: #eaeaea; }
.show-detail-dialog .show-detail-wrap .show-detail-footer .left { font-size: 16px; color: #232323; }
.show-detail-dialog .show-detail-wrap .show-detail-footer .right { text-align: center; }
.show-detail-dialog .show-detail-wrap .show-detail-footer .right .consult-btn { display: inline-block; }
.show-detail-dialog.show-this { visibility: visible; }

@media (max-width: 991px) { .show-detail-dialog .show-detail-wrap { width: 90%; height: 85%; }
  .show-detail-dialog .show-detail-wrap .show-detail-header { padding: 0 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .show-detail-dialog .show-detail-wrap .show-detail-header .m-d-close i { font-size: 24px; }
  .show-detail-dialog .show-detail-wrap .main-show-content { margin: 10px; height: calc(100% - 108px); }
  .show-detail-dialog .show-detail-wrap .main-show-content::-webkit-scrollbar { width: 5px; }
  .show-detail-dialog .show-detail-wrap .main-show-content .top-show .intro-box .title { text-align: center; font-size: 16px; margin: 10px 0; }
  .show-detail-dialog .show-detail-wrap .main-show-content .main-intro p { font-size: 12px; }
  .show-detail-dialog .show-detail-wrap .show-detail-footer { background-color: #eaeaea; padding: 10px 5px; }
  .show-detail-dialog .show-detail-wrap .show-detail-footer .right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
  .show-detail-dialog .show-detail-wrap .show-detail-footer .right .consult-btn a { padding: 7px 20px; font-size: 14px; } }
@media (min-width: 992px) { .show-detail-dialog .show-detail-wrap { width: 900px; height: 85%; }
  .show-detail-dialog .show-detail-wrap .show-detail-header { padding: 5px 8px 5px 25px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .show-detail-dialog .show-detail-wrap .show-detail-header .m-d-close i { font-size: 36px; }
  .show-detail-dialog .show-detail-wrap .main-show-content { margin: 10px 20px; padding: 10px; height: calc(100% - 151px); }
  .show-detail-dialog .show-detail-wrap .main-show-content::-webkit-scrollbar { width: 20px; }
  .show-detail-dialog .show-detail-wrap .main-show-content .top-show { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 15px; border-bottom: 1px solid #efefef; margin-bottom: 15px; }
  .show-detail-dialog .show-detail-wrap .main-show-content .top-show .img-box { width: 45%; margin-right: 5%; }
  .show-detail-dialog .show-detail-wrap .main-show-content .top-show .intro-box { width: 60%; }
  .show-detail-dialog .show-detail-wrap .main-show-content .top-show .intro-box .title { font-size: 24px; font-weight: 700; margin-top: 15px; margin-bottom: 15px; }
  .show-detail-dialog .show-detail-wrap .show-detail-footer { background-color: #eaeaea; padding: 16px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
.fixed-scroll { overflow: hidden; }

.mb-kf { width: 65px; height: 65px; border-radius: 50%; z-index: 500000; position: fixed; top: 75%; right: 5px; text-align: center; }
.mb-kf img { width: 48px; margin-top: 10px; }
