*{margin: 0;padding: 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
body{font-family: -apple-system,"Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei",SimSun,sans-serif;font-size: 14px;}
a{color: #11111a;text-decoration: none}
a,a:hover,a:active,a:visited,a:link,a:focus,li{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;}
ul,li,dt,dd,dl{list-style-type: none}
i{font-style: normal}
h1,h2,h3,h4,h5,h6{font-weight: normal}
button,input, select,textarea{-webkit-appearance: none}
button{border: none}
button, .btn{cursor: pointer}
input,a,button{outline: none}
img{max-width: 100%;}

.iconfont{font-size: 14px}
.left{text-align: left}
.right{text-align: right}
.center{text-align: center}

.blue{color: #0096ff !important;}
.orange{color: #ff7b05}
.yellow{color: #ffbf2e}
.black{color: #11111a}
.gray {color: #717278;}
.color-gray{color: #999;}
.bgGray{background-color: #f5f5f5}

.shadow{border: 1px solid #fff;box-shadow: 0px 10px 20px 0px rgba(64, 66, 77, 0.06);}

.f16{font-size: 16px !important;}

.title{color: #11111a;font-size: 14px}
.p-1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.p-2{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal}
.p-3{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space: normal}
.p-4{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space: normal}

.fl{float: left}
.fr{float: right}
.wrapper{padding: 0 15px;width: 100%;margin: 0 auto;position: relative;box-sizing: border-box;}
.wrapper:after, .clear:after, .clearfix:after{content:'';display: table;width: 100%;height: 0;clear: both}

.inline-block{display: inline-block}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap}
.flex>*{flex: none}

.col-space20{margin: -10px;}
.col-space20>*{padding: 10px;box-sizing: border-box}
.col-space15{margin: -7px;}
.col-space15>*{padding: 7px;box-sizing: border-box}
.col-2{width: 50%}
.col-3{width: 33.333333333333%}
.col-4{width: 25%}
.col-5{width: 20%}

.btn{display: inline-block;text-align: center;box-sizing: border-box;cursor: pointer;}
.btn-block{display: block;height: 40px;line-height: 40px;}
.btn-sm{width: 140px;line-height: 40px;}
.btn-default{border: 1px solid #fff;color:#fff;}
.btn-default:hover{border-color: #1389ff;color: #1389ff}
.btn-default-active{border:1px solid #1389ff;color: #1389ff}
.btn-default-active:hover{background-color: #1389ff;color: #fff}
.btn-primary{border:1px solid #1389ff;background-color: #1389ff;color: #fff}
.btn-primary:hover{box-shadow: 0 6px 10px rgba(19,137,255,.2)}
.btn-radius-4{border-radius: 4px}
.btn-round{border-radius: 20px}
.btn-sm{padding: 6px 20px;line-height: 20px}
.btn-md{width: 90px;line-height: 29px;font-size: 12px;}
.btn-lg{width: 100%;line-height: 44px}
.btn + .btn{margin-left: 10px}

/* 头部 */
.header{position: fixed;width: 100%;height: 55px;left: 0;top: 0;z-index: 99;border-bottom: 1px solid rgba(255,255,255,.1);transition: all .3s;}
.header-bg{background-color: #040613 !important;}
.header *{color: #fff;}
.header-top{line-height: 55px;}
.header .logo img{vertical-align: middle;width: 95px;}
.header-top-tools{height: 55px;margin-right: -10px;}
.header-top-tools > a{display: inline-block;padding: 0 10px;vertical-align: middle;}
.mobile-user-btn{font-size: 24px;}
.mobile-menu-btn{display: inline-block;width: 24px;height: 26px;}
.mobile-menu-btn i{display: block;width: 20px;height: 2px;background-color: #fff;margin-top: 5px;border-radius: 3px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.mobile-menu-btn.on i:nth-child(1){-webkit-transform: rotate(-45deg) translate(-5px,5px);-moz-transform: rotate(-45deg) translate(-5px,5px);-ms-transform: rotate(-45deg) translate(-5px,5px);-o-transform: rotate(-45deg) translate(-5px,5px);transform: rotate(-45deg) translate(-5px,5px);}
.mobile-menu-btn.on i:nth-child(2){-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.mobile-menu-btn.on i:nth-child(3){opacity: 0}
/* .header-bottom{display: none;position: fixed;width: 100%;bottom: 0;left: 0;top: 56px;z-index: 99;background-color: #25292e;overflow-y: auto;}
.header-bottom-nav{padding: 18px 0;}
.header-bottom-nav li{margin-bottom: 28px;}
.menu-title{position: relative;}
.menu-title > a{display: inline-block;position: relative;margin-bottom: 8px;line-height: 24px;}
.menu-title > i{position: absolute;right: 0;top: 4px;transition: all .3s;}
.header-bottom-nav li.on .menu-title > i{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.sub, .sub-desc{display: none;}
.sub a{position: relative;display: block;margin-bottom: 8px;padding-right: 16px;line-height: 24px;}
.sub dt, .sub dd{display: block;margin-bottom: 8px;padding-right: 16px;line-height: 24px;}
.sub-menu-title{} */
.header-bottom{display: none;position: fixed;width: 100%;bottom: 0;left: 0;top: 56px;z-index: 99;background-color: #040613;overflow-y: auto;}
.nav-side{width: 130px;height: 100%;float: left;overflow-y: auto;}
.nav-side li{padding: 15px 0;}
.nav-side li.active{background-color: #090c21;}
.nav-side-menu-item{color: #9da5b5;padding-left: 15px;border-left: 2px solid transparent;}
.nav-side li.active .nav-side-menu-item{color: #469df0;border-left: 2px solid #0096ff;}
.nav-main{height: 100%;overflow-y: auto;}
.sub-menu-title{display: block;padding: 15px 0;}
.sub-menu-bd{display: none;color: #9da5b5;}
.sub-menu.on{}
.sub-menu .iconright{transition: all .3s;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.sub-menu.on .iconright{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.nav-main-item{display: none;}
.nav-main-title{padding: 15px 10px;}
.nav-main-bd{padding: 0 15px 0 10px;}
.sub-menu-bd dd a{display: inline-block;margin-bottom: 15px;color: #9da5b5;}
.header-space{height: 56px;}
.header-help-space{height: 96px;}



/* 底部 */
.footer{background-color: #040613;text-align: center;}
.footer *{color: #fff}
.footer-link{text-align: left;}
.footer-link dl{height: 50px;overflow: hidden;}
.footer-link dl.open{height: auto;}
.footer-link dt{font-size: 14px;line-height: 50px;padding: 0 10px;}
.footer-link dt::after{content: '\e80b';width: 25px;text-align: center;font-family: 'iconfont';float: right;font-size: 12px;}
.footer-link dl.open dt::after{content: '\e80a';font-family: 'iconfont';}
.footer-link dd{background-color: #0f1019;line-height: 35px;font-size: 12px;padding: 0 10px;}
.footer-link dd a{color: #ccc;}
.under-line{position: relative;}
.under-line::after{content: '';position: absolute;left: 5%;bottom: 0;width: 90%;height: 1px;background-color: rgba(255, 255, 255, .1);}
.footer-contact{display: inline-block;padding-top: 15px;}
.footer-contact li{margin-bottom: 15px;text-align: left;}
.footer-contact li.phone{width: 320px;height: 40px;border-radius: 20px;border: 1px solid #fff;line-height: 40px;font-size: 16px;margin: 0 auto 25px;text-align: center;}
.footer-contact li .footer-icon{position: relative;top: -2px;display: inline-block;width: 20px;height: 20px;background-image: url(../images/footer-content.png);background-repeat: no-repeat;background-size: 60px auto;margin-right: 10px;vertical-align: middle;}
.footer-icon01{background-position: 0 0;}
.footer-icon02{background-position: -20px 0;}
.footer-icon03{background-position: -40px 0;}
.footer-copyright{font-size: 12px;padding: 20px 30px;text-align: center;}
.footer-login-link{display: table;text-align: center;width: 100%;padding-top: 30px;}
.footer-login-link li{display: table-cell;line-height: 30px;position: relative;}

/* 轮播图 */
.banner-wrap{height: 316px;background-color: #040613;position: relative;background-position: center center;background-size: cover;}
.banner-wrap-sm{height: 240px;}
.banner-item{display: flex;width: 100%;height: 100%;color: #fff;padding-top: 56px;align-items: center;box-sizing: border-box;justify-content: space-between}
.banner-item > * {display: inline-block;}
.banner-item::before{content: '';display: inline-block;height: calc(100% - 56px);padding-top: 56px;vertical-align: middle;}
.banner-item-left{flex: 1;}
.banner-item-left>*{margin-bottom: 15px}
.banner-item-left .banner-item-desc{margin-right: 30px;}
.banner-item-left>*:last-child{margin-bottom: 0}
.banner-item-right{text-align: right;display: none;}
.banner-item-center{width: 100%;text-align: center}
.banner-item-center .banner-item-desc{margin-top: 15px;font-size: 12px}
.banner-item-title{font-size: 19px}
.banner-item-text{font-size: 12px;margin: 15px 0}
.banner-item-desc{line-height: 1.5em;font-size: 12px;}
.banner-item-link{margin-bottom: 5px;font-size: 12px;}
.banner-item-link *{margin-right: 8px;line-height: 1.6;}
.banner-item-link > span{display: inline-block;}
.banner-wrap .wrapper{height: inherit}
.banner-container{height: 100%}
.banner-container .swiper-slide{background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pagination-wrapper{position: absolute;left: 50%;transform: translateX(-50%);bottom: 10px;z-index: 3;text-align: center;}
.swiper-pagination {position: absolute;text-align: center;transition: 300ms opacity;transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;left: 0;width: 100%;}
/* Bullets */
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: 0.2;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1;background: var(--swiper-pagination-color, var(--swiper-theme-color));}
.swiper-container-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0;display: block;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;transform: translateY(-50%);width: 8px;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms left;}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms right;}
.swiper-pagination-bullet{width: 30px;height: 3px;border-radius: 0;background-color: rgba(255,255,255,0.6);margin-right: 10px}
.swiper-pagination-bullet-active{background-color: #fff;opacity: .9;}

.promotion{background-color: #11131f;color: #fff;padding: 15px 0;}
.promotion a{display: flex;align-items: center;font-size: 13px;color: #fff;white-space: nowrap;}
.promotion-list li a>*{vertical-align: middle;}
.sort-name{display: inline-block;margin-right: 8px;}
.promotion-item-title{display: inline-block;}
.promotion .swiper-container{height: 20px;}

/* section */
.section{padding: 30px 0 15px;background-position: center center;background-size: auto 100%;overflow: hidden}
.section.gray{background-color: #f5f5f5;}
.section-head{position: relative;text-align: center;padding-bottom: 20px}
.section-hd-more{position: absolute;right: 0;top: 5px;font-size: 12px;color: #666;}
.section-head-title{font-size: 18px;color: #1a1a1a;margin-bottom: 4px;}
.section-head-desc{color:#717278;font-size: 13px;line-height: 20px;}
.section-head-white .section-head-title,.section-head-white .section-head-desc{color:#fff}
/* .section-body-table{display: table;width: 100%}
.section-body-cell{display: table-cell;vertical-align: middle;width: 540px;padding: 0 40px}
.section-body-cell:first-child{padding-left: 0}
.section-body-cell:last-child{padding-right: 0}
.section-body-cell p{line-height: 26px;color: #666;margin: 15px 0} */

.table{width: 100%;background-color: #fff;border-collapse: collapse;border: 1px solid #e5e8ed;}
.table.layout-fixed{table-layout: fixed}
.table thead{background-color: #f7fcff}
.table thead th{line-height: 44px;}
.table th, .table td{border: 1px solid #e5e8ed;font-size: 12px;}
.table th{color: #11111a;font-weight: normal;}
.table td{padding: 10px 15px;color: #666;line-height: 1.6;}

/* 表格样式2 */
.table2 {width: 100%;border-collapse: collapse;border:1px solid #cdcfd1;}
.table2 thead{background-color: #dddee1}
.table2 .first-td p i {color: #0096ff;}
.table2 th,.table2 td{border:1px solid #cdcfd1;}
.table2 th{line-height: 60px;color: #11111a;font-weight: normal;width: 100px;}
.table2 td{color: #666666;line-height: 1.6em;font-size: 12px;padding: 5px;}
.table2 th.active{background-color: #0096ff;border:1px solid #0096ff;color: #fff;box-shadow:2px 4px 10px rgba(0, 150, 255, .7);position: relative} */
.table2 td.active{background-color: #f7fcff}
.table2 + .tips{margin-top: 30px}


/* 提示语 */
.tips{padding: 10px 10px;line-height: 1.6;font-size: 12px;}
.tips-orange{background-color: #fffaef;color: #f49e16}
.tips-blue{background-color: #e8f6ff;color: #0096ff}
.table + .tips{margin-top: 10px;}

/* tab切换 */
.tab-box-head{text-align: center;margin-bottom: 11px;}
.tab-box-head li{display: inline-block;cursor: pointer;color: #666;}
.tab-box-head li.active{color:#11111a}

/* 配置筛选 */
.tab-box-head.top-search {padding-bottom: 11px;cursor: pointer;color: #0078ff;}
.tab-box-head.top-search img {width: 18px;height: 18px;vertical-align: bottom;filter: hue-rotate(10deg);}

/* collapse */
.collapse-list{border-top: 1px solid #f2f2f2;}
.collapse-item{border-bottom: 1px solid #f2f2f2;overflow: hidden;}
.collapse-item-hd{position: relative;background-color: #fff;height: 60px;line-height: 60px;font-size: 15px;padding: 0 15px;}
.collapse-icon{position: relative;top: -2px;display: inline-block;width: 22px;height: 22px;vertical-align: middle;}
.collapse-item-hd::after{content: '\e7a6';font-family: 'iconfont';float: right;transition: all .3s;}
.collapse-item.on .collapse-item-hd::after{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.collapse-item-bd{background-color: #fff;overflow: hidden;display: none;border-top: 1px solid #f2f2f2;padding: 15px;color: #666;line-height: 1.6;}
.collapse-bd-list{background-color: #f5f6f9;overflow: hidden;display: none;border-top: 1px solid #f2f2f2;padding: 0;}
.collapse-list-item{display: block;margin: 15px;background-color: #fff;padding: 15px;box-shadow: 0 2px 10px rgba(64,66,77,.16);}
.collapse-bd-list-title{margin-bottom: 7px;color: #11111a;}
.collapse-bd-list-text{color: #7a8ba6;font-size: 13px;}
.collapse-item-hd .collapse-icon{margin-right: 10px;}

/* 线条式 */
[data-skin="1"]>.tab-box-head{border-bottom: 1px solid #ececec;white-space: nowrap;overflow-x: auto;}
[data-skin="1"]>.tab-box-head li{color: #717278;padding: 0 3px 10px;line-height: 20px;margin: 0 10px;position: relative;font-size: 14px;text-align: center;}
[data-skin="1"]>.tab-box-head li:after{content:'';display:block;position:absolute;left: 0;bottom: 0;width: 0;height: 3px;background-color: #0096ff;transition: 0.5s width cubic-bezier(.74,.29,.03,.91)}
[data-skin="1"]>.tab-box-head li.active{color: #11111a}
[data-skin="1"]>.tab-box-head li.active:after{width: 100%}

/* 带图标式 */
[data-skin="2"] .tab-icon{display: block;width: 48px;height: 48px;padding: 6px;margin: 10px auto;border:1px solid transparent;border-radius: 40px;}
[data-skin="2"]>.tab-box-head{display: -webkit-flex;display: flex;justify-content: space-around}
[data-skin="2"]>.tab-box-head li{position: relative;padding: 0 10px}
[data-skin="2"]>.tab-box-head li:before, [data-skin="2"]>.tab-box-head li:after{content:'';display:block;width: 100px;height: 1px;background-color: #e5e8ed;position: absolute;top: 40px}
[data-skin="2"]>.tab-box-head li:before{right: 120px;}
[data-skin="2"]>.tab-box-head li:after{left: 120px;}
[data-skin="2"]>.tab-box-head li:first-child:before{display: none}
[data-skin="2"]>.tab-box-head li:last-child:after{display: none}
[data-skin="2"]>.tab-box-head li.active{color: #0096ff}
[data-skin="2"]>.tab-box-head li.active .tab-icon{border:1px solid #0096ff;box-shadow: 0 4px 10px rgba(0, 150,255,0.2);background-color: #fff}
/* [data-skin="2"]>.tab-box-head li.active .tab-icon:before{background-image: url(../images/icon-product-active-fun-48_48.png)} */

/* 按钮式 */
[data-skin="3"]>.tab-box-head{border-bottom: none;margin-bottom: 15px;white-space: nowrap;overflow-x: auto;text-align: left;}
[data-skin="3"]>.tab-box-head li{padding: 0 10px;line-height: 32px;margin: 0 5px;font-size: 13px;background-color: #fff;border:1px solid #e6e6e6;border-radius: 2px}
[data-skin="3"]>.tab-box-head li:first-child{margin-left: 0;}
[data-skin="3"]>.tab-box-head li a{display: block;color: #717278;}
[data-skin="3"]>.tab-box-head li.active{background-color: #0096ff;border:1px solid #0096ff;color: #fff;box-shadow: 0 4px 10px rgba(0, 150, 255, .3)}
[data-skin="3"]>.tab-box-head li.active a{color: #fff;}

/* 上下边框线 */
[data-skin="4"]>.tab-box-head{display: -webkit-flex;display: flex;justify-content: space-between;border-bottom: 1px solid #ececec}
[data-skin="4"]>.tab-box-head li{line-height: 38px;position: relative}
[data-skin="4"]>.tab-box-head li:after{content:'';display:block;position:absolute;left: 50%;bottom: 0;transform:translateX(-50%);width: 0;height: 2px;background-color: #0096ff;transition: 0.5s width cubic-bezier(.74,.29,.03,.91)}
[data-skin="4"]>.tab-box-head li.active:after{width: 100%}

/* icon */
.collapse-icon{display: inline-block;line-height: normal;}
.collapse-icon::before{content: '';display: inline-block;width: 22px;height: 22px;background-image: url(../images/collapse-index-icons.png);background-size: 88px auto;line-height: normal;}
.collapse-icon01::before{background-position: 0 0;}
.collapse-icon02::before{background-position: -22px 0;}
.collapse-icon03::before{background-position: -44px 0;}
.collapse-icon04::before{background-position: -66px 0;}

/* 标签 徽章 */
.tag{display:inline-block;vertical-align: text-top;min-width: 30px;height: 18px;line-height: 18px;margin: 0 3px;padding: 0 5px;font-size: 12px;white-space: nowrap;color: #fff;border-radius: 2px;box-sizing: border-box;position: relative}
.tag-arr::before{content:'';border-color: transparent;border-style: solid;border-width: 5px;position: absolute;bottom: 0;left: -5px;}
.tag-bg{display: inline-block;line-height: normal;min-width: auto;width: 26px;height: 12px;padding: 0;margin: 0 3px;background-image: url(../images/tag-icons.png);background-size: 26px auto;line-height: normal;}
.tag-hot{background-position: 0 0;}
.tag-new{background-position: 0 -12px;}
.tag-hot1{background-position: 0 -24px;height: 13px;}
.tag-blue{background-color: #0096ff;}
.tag-orange{background-color: #ff8812;}
.tag-orange.tag-arr::before{border-bottom-color: #ff8812;}

.fix-qq{position: fixed;right: 8px;top: 62%;z-index: 9999;}
.fix-qq-item > li{border-radius: 2px;background-color: #0096ff;color: #fff;box-shadow: 0px 4px 10px 0px rgba(46, 48, 56, 0.2);text-align: center;margin-bottom: 10px;}
.fix-qq-item > li:last-child{margin-bottom: 0;}
.fix-qq-item > li > a{display: block;width: 45px;height: 45px;line-height: 45px;}
.qq-icon{color: #fff;font-size: 20px;}
.fix-qq .toTop{background-color: #fff;}
.toTop .qq-icon{color: #666;}

/* .qq-bubble-item.msg-box {width: 271px;height: 194px;padding: 0;}
.qq-bubble-item.msg-box .title {height: 54px;line-height: 54px;text-align: center;color:#fff;background-image: linear-gradient(-48deg, #0167ff 0%, #0195ff 100%), linear-gradient(#0096ff, #0096ff);}
.qq-bubble-item.msg-box .qrcode-list {padding: 15px 31px;}
.qq-bubble-item.msg-box .qrcode-list img {width: 100px;height: 100px;}
.qq-bubble-item.msg-box .qrcode-list img:first-child {margin-right: 10px;} */

/* 宣传片视频播放 */
.video-overview{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;background-color: rgba(0, 0, 0, 0.5);text-align: center;}
.video-overview.open{display: block;}
.video-overview::before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.video-overview .video-card{position: relative;display: inline-block;vertical-align: middle;padding: 15px;width: 100%;max-width: 920px;box-sizing: border-box;background-color: #1f2026;background-image: -webkit-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));background-image: -moz-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));background-image: -o-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));}
.video-overview .video-card .videotop-tool{position: absolute;width: 100%;top: 0;left: 0;}
.video-overview .video-card .video-close{display:block;width: 40px;height: 40px;position: absolute;top: -80px;right: 15px;cursor: pointer;background-color: rgba(255, 255, 255, .2);background-image: url(../images/close-video.png);background-repeat: no-repeat;background-size: 13px 13px;background-position: center center;}
.video-overview .video-card:hover .video-close{display: block;opacity: 1;}
.video-overview .video-card:hover .videotop-tool{display: block;opacity: 1;}
.video-card video{width: 100%;}

/* 文本段落加双引号背景 */
.quote p{color: #666;line-height: 1.5;margin-bottom: 15px;}
.quote{position: relative;z-index: 3}
.quote::before{content: '';position: absolute;width: 38px;height: 32px;background-size: 76px auto;background-repeat: no-repeat;z-index: -1;background-image: url(../images/quote.png);}
.quote-start::before{background-position: 0 0;left: 0;top: -15px;}
.quote-end::before{background-position: -38px 0;right: 0;bottom: 0;}

.dot{position: relative;padding-left: 15px;}
.dot::before{content: '';display: block;position: absolute;width: 3px;height: 3px;left: 0;top: 0.6em;border-radius: 2px;background-color: #0096ff;}
.dot-blue::before{background-color: #0096ff;}

/* 增值服务 */
.section-addedvalues{padding-bottom: 20px;}
.section-addedvalues .section-head{padding-bottom: 0;}
.section-addedvalues li{position: relative;border-bottom: 1px solid #e5e5e5;padding: 10px 0;text-align: left;}
.section-addedvalues li:last-child{border-bottom: none;}
.section-addedvalues .addedvalues-icon{float: left;width: 30px;height: 30px;}
.addedvalues-r{padding-left: 33px;}
.addedvalues-title{margin-bottom: 10px;font-size: 14px;}
.addedvalues-text{color: #666;font-size: 12px;line-height: 1.6;}

/* 权益与优势  */
.qualification-point{}
.qualification-point li{font-size: 15px;border-bottom: 1px solid #f2f2f2;padding: 14px 0;}
.qualification-point li .num{display:inline-block;width: 20px;line-height: 20px;font-size: 13px;font-weight: bold;text-align: center;vertical-align: middle;color: #fff;position: relative;margin-right: 13px;z-index: 2;
    background: -webkit-linear-gradient(to right, #47b3ff, #0096ff);
    background: -o-linear-gradient(to right, #47b3ff, #0096ff);
    background: -moz-linear-gradient(to right, #47b3ff, #0096ff);
    background: linear-gradient(to right, #47b3ff, #0096ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#47b3ff, endcolorstr=#0096ff, gradientType=1);background-position: center center;}
.qualification-point li .num::before{content: '';display: block;width: 18px;height: 18px;border:1px solid #47b3ff;position: absolute;top: -4px;right: -4px;z-index: -1}
.qualification-point li p{display: inline-block;width: calc(100% - 40px);vertical-align: middle;color: #11111a;}
.qualification-img{margin-top: 20px;}

/* 常见问题 */
.problem-more{margin-bottom: 15px}
.problem-item{padding: 0 75px 0 0;position: relative}
.problem-item:before,.problem-item:after{content:'';position: absolute;display: block;right: 5px;bottom: 5px}
.problem-item:before{width: 24px;height: 1px;background-color: #666}
.problem-item:after{border-style: solid;border-width: 2px;border-color: transparent transparent #666 #666}
.problem-item-title{font-size: 14px;margin-bottom: 8px;color: #11111a;}
.problem-item-text{font-size: 13px;}

.icon01::before{background-position: 0 0;}
.icon02::before{background-position: -25px 0;}
.icon03::before{background-position: -50px 0;}
.icon04::before{background-position: -75px 0;}

/* 产品推荐 */
.product-card{color: #666;background-color: #fff;border: 1px solid #f2f2f2;padding: 15px;margin-bottom: 15px;}
.product-card-title{color: #11111a;font-size: 15px;margin-bottom: 10px;}
.product-card-desc{margin-bottom: 15px;}
.product-card-rcm-img{display: block;width: 295px;margin: 10px auto 25px;}
.product-param-item{line-height: 1;margin-bottom: 10px;}
.product-param-title{display: inline-block;padding-right: 15px;border-right: 1px solid #d4d4d4;margin-right: 15px;font-size: 13px;}
.product-param-value{display: inline-block;font-size: 13px;}
.product-price p{display: inline-block;font-size: 12px;}
.product-card-bottom{padding: 15px;margin: 0 -15px -15px;}
.price{font-size: 18px;}
.discount{margin-left: 25px;color: #ff8812;}
.product-btn{margin-top: 20px;}
.product-btn-label{font-size: 12px;}
.product-btn-label + .product-btn{margin-top: 10px;}
h5.product-card-title{font-size: 14px;}
.product-card-section{padding-top: 15px;font-size: 13px;}
.product-card-section p{margin-bottom: 10px;font-size: 13px;line-height: 1.5;}
.product-card-section p:last-child{margin-bottom: 0;}
.product-card-more{display: block;margin: 10px -15px -15px;text-align: center;padding: 10px 0;border-top: 1px solid #e5e5e5;color: #666;}
.product-param-bottom .product-param-item{display: inline-block;width: 45%;padding-right: 40px;box-sizing: border-box;margin-bottom: 20px;vertical-align: top;}
.product-param-bottom .product-param-item:nth-child(even){padding-right: 0;}
.product-param-bottom .product-param-title{display: block;padding-right: 0;margin-right: 0;border-right: none;margin-bottom: 6px;color: #999;}
.product-param-bottom .product-param-value{display: block;}
.tab-box-content .product-card:last-child{margin-bottom: 0;}

/* 计费详情 */
.billing-detail{margin-top: 15px}
.billing-detail .title{font-size: 13px;color: #000;margin-bottom: 8px;}
.billing-detail p{color: #666;line-height: 1.6;font-size: 13px;}

.card{color: #666;background-color: #fff;border: 1px solid #f2f2f2;padding: 15px;margin-bottom: 15px;}
.card:last-child{margin-bottom: 0;}
.card-text{margin-top: 10px;line-height: 1.5;}
.card-title{color: #11111a;font-size: 15px;margin-bottom: 8px;}
.card-desc{margin-bottom: 8px;font-size: 12px;}
.card-desc:last-child{margin-bottom: 0;}
.card-img img{width: 100%;}

/* 融合-cdn 价格明细 */
.section-block{margin: 10px 0 0 0;line-height: 1.6;font-size: 12px;color: #666;}
.section-block li{display: inline-block;margin-right: 20px;}
h3.block-title{font-size: 13px;color:#0096ff;margin:30px 0}
h3.block-title:before{content:'';display: inline-block;width: 4px;height: 18px;background-color: #0078ff;vertical-align: middle;margin-right: 15px;}
h4.block-title{font-size: 13px;color:#0096ff;margin: 0 0 5px;}
h4.block-title:before{content:'';display: inline-block;width: 6px;height: 6px;background-color: #0078ff;vertical-align: middle;margin-right: 7px;border-radius: 6px}
.table01{width: 100%;border-collapse: collapse}
.table01 tr:nth-child(2n){background-color: #f5f8fa}
.table01 th,.table01 td{border-right: 1px dashed #ccd5db}
.table01 th:last-child,.table01 td:last-child{border-right: 0}
.table01 th{line-height: 60px;background-color: #4b89f3;color:#fff;width: 25%;min-width: 90px;}
.table01 td{text-align: center;padding: 15px 5px;background-color: #fff;}
.table-scroll{overflow:auto}

.table02{border-collapse: collapse;font-size: 12px}
.table02 th,.table02 td{border: 1px solid #e5e5e5}
.table02 th{line-height: 20px;background-color: #f1f5f8;color:#04304b;width: 25%;min-width: 85px;min-height:60px;font-weight: normal;padding: 7px 0;}
.table02 td{text-align: center;padding: 20px 5px;background-color: #fff;}

/* 文章详情页 */
.article-item{padding-bottom: 15px;}
.article-item-title{font-size: 16px;text-align: center;padding-top: 5px;padding-bottom: 20px}
.article-item-content{line-height: 1.6em;margin-bottom: 20px;font-size: 13px;}
.product-info .title{margin-bottom: 10px;}
.article-item-content table{max-width: 100%;background-color: #fff;border-collapse: collapse;border:1px solid #e5e8ed;font-size: 13px;}
.article-item-content table.layout-fixed{table-layout: fixed}
.article-item-content table thead{background-color: #f7fcff}
.article-item-content table th,.article-item-content table td{border:1px solid #e5e8ed}
.article-item-content table th{color: #11111a;font-weight: normal;padding: 5px;white-space: nowrap}
.article-item-content table td{padding: 5px;color: #666;line-height: 1.6em}
.article-item-content table th.active{background-color: #0096ff;border:1px solid #0096ff;color: #fff;box-shadow:2px 4px 10px rgba(0, 150, 255, .7);position: relative}
.article-item-content table td.active{background-color: #f7fcff}
.article-item-content table + .tips{margin-top: 15px}

/*华为云 弹框 */
.mask{background-color: rgba(0,0,0,0.5);position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 99999999999;display: none}
.related-pop{position: fixed;top:50%;left: 50%;width: 360px;background-color: #fff;display: none;transform: translate(-50%, -50%)}
.related-pop .close{font-size: 24px;width: 55px;line-height: 55px;text-align: center;color:#b9c5cd;}
.related-pop>.close{position: absolute;right: 0;top: 0}
.related-pop .pop-tips{padding:25px 0 20px;}
.related-pop p{line-height: 30px;font-size: 13px;color: #11111a}
.related-pop .btn-div{margin-top: 10px;margin-bottom:40px;text-align: center;}
.related-pop .btn-div .btn{width: 130px;line-height: 40px;border-radius: 0;text-align: center;display: inline-block;margin:0 5px;font-size: 14px;border:1px solid #0096ff;color: #0096ff}
.related-pop .btn-div .btn-common{background-color: #1389ff;color:#fff}

/* 推广客服 悬浮 */
.article-kefu-pop{position: fixed;left: 0;bottom: 30px;line-height: 30px;height: 30px;border-radius: 0 25px 25px 0;padding: 10px 15px;color: #fff;z-index: 90;background-color: rgb(4,151,255);background-image: none;}
.article-kefu-pop .content{display: none;}
.kefu-pop-btn{display: inline-block;padding: 0 13px;text-align: center;line-height: 30px;background-color: #ffbf2e;color: #fff;}
.kefu-pop-info{display: inline-block;padding: 0 20px 0 15px;}
.kefu-pop-info img{width: 30px;height: 30px;border-radius: 30px;margin-right: 8px;vertical-align: middle;}
.article-kefu-pop.expand{background-image: -moz-linear-gradient( 180deg, rgb(4,151,255) 0%, rgb(120,219,253) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(4,151,255) 0%, rgb(120,219,253) 100%);background-image: -ms-linear-gradient( 180deg, rgb(4,151,255) 0%, rgb(120,219,253) 100%);}
.article-kefu-pop.expand .opt-btn{display: inline-block;-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);}
.article-kefu-pop.expand .content{display: inline-block;}

/* 标题前 符号装饰 */
.dot, .square{position: relative}
.dot::before{content:'';width: 4px;height: 4px;border-radius: 4px;background-color: #0096ff;position: absolute;left: 0;top: 50%;margin-top: -2px}
.dot.dot-lg:before{width: 5px;height: 5px;margin-top: -4px;left: 0}
.square{padding-left: 13px}
.square:before{content:'';width: 5px;height: 5px;background-color: #0096ff;position: absolute;left: 3px;top: 50%;margin-top: -3px;transform: rotate(45deg)}

/* 导航面包屑 */
.breadcrumb{padding: 15px;color: #717278;}
.breadcrumb li{display: inline-block;font-size: 12px;}
.breadcrumb li a{display: inline-block;font-size: 12px;color: #717278;}
.breadcrumb li::after{content: '\e7a6';font-family: 'iconfont';display: inline-block;padding: 0 6px;}
.breadcrumb li:last-child::after{display: none;}

/* 最新活动和购买页的切换 */
.activity-type li{float: left;width: 20%;text-align: center;line-height: 34px;border: 1px solid #d9d9d9;margin-left: -1px;color: #666;cursor: pointer;box-sizing: border-box;}
.activity-type li.active{background-color: #dbf0fe;color: #0096ff;border:1px solid #0096ff;position: relative;z-index: 1}

/* 展开和隐藏 */
.collapse-body{display: none;}
[data-expanded="true"] i::before{content: '\e768';}
[data-expanded="false"] i::before{content: '\e80c';}

/* 分页样式 */
.pagination-box{margin: 35px 0;}
.pagination{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.pagination .pagination-btn a, .pagination .pagination-btn span{display: block;padding: 0 15px;color: #0096ff;min-width: 38px;line-height: 32px;border: 1px solid #0096ff;white-space: nowrap;text-align: center;font-size: 13px}
.pagination .pagination-btn:last-child a{background-color: #0096ff;color: #fff;}
.pagination .pagination-btn span{background-color: #c6c6c6;color: #fff;border-color: #c6c6c6;}
.pagination .pagination-text{color: #666;font-size: 14px;}
.pagination li.active{background-color: #0096ff;}
.pagination li.active a{color:#fff}

/* 推广客服 悬浮 */
.article-kefu-pop{position: fixed;left: 0;bottom: 30px;line-height: 30px;height: 30px;border-radius: 0 25px 25px 0;padding: 10px 15px;color: #fff;z-index: 90;background-color: rgb(4,151,255);background-image: none;}
.article-kefu-pop .content{display: none;}
.kefu-pop-btn{display: inline-block;padding: 0 13px;text-align: center;line-height: 30px;background-color: #ffbf2e;color: #fff;}
.kefu-pop-info{display: inline-block;padding: 0 20px 0 15px;}
.kefu-pop-info img{width: 30px;height: 30px;border-radius: 30px;margin-right: 8px;vertical-align: middle;}
.article-kefu-pop.expand{background-image: -moz-linear-gradient( 180deg, rgb(4,151,255) 0%, rgb(120,219,253) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(4,151,255) 0%, rgb(120,219,253) 100%);background-image: -ms-linear-gradient( 180deg, rgb(4,151,255) 0%, rgb(120,219,253) 100%);}
.article-kefu-pop.expand .opt-btn{display: inline-block;-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);}
.article-kefu-pop.expand .content{display: inline-block;}

/* 锚点 */
.link-mao{display: block;position: relative;top: -56px;padding: 0;margin: 0;height: 0;overflow: hidden;}

/* 数据为空 */
.list-empty{padding: 50px 0 90px;text-align: center;}
.empty-img{width: 132px;}
.empty-text{font-size: 12px;color: #666;}

/* 雪碧图 */
.icon{position: relative;display: inline-block;}
.icon::before{content: '';display: inline-block;position: relative;top: -2px;width: 25px;height: 25px;background-size: 150px auto;background-repeat: no-repeat;background-image: url(../images/icon-50_50.png);vertical-align: middle;}

.icon01::before{background-position: 0 0;}
.icon02::before{background-position: -25px 0;}
.icon03::before{background-position: -50px 0;}
.icon04::before{background-position: -75px 0;}
.icon05::before{background-position: 0 -25px;}
.icon06::before{background-position: -25px -25px;}
.icon07::before{background-position: -50px -25px;}
.icon08::before{background-position: -75px -25px;}
.icon09::before{background-position: 0 -50px;}
.icon10::before{background-position: -25px -50px;}
.icon11::before{background-position: -50px -50px;}
.icon12::before{background-position: -75px -50px;}
.icon13::before{background-position: 0 -75px;}
.icon14::before{background-position: -25px -75px;}
.icon15::before{background-position: -50px -75px;}
.icon16::before{background-position: -75px -75px;}
.icon17::before{background-position: 0 -100px;}
.icon18::before{background-position: -25px -100px;}
.icon19::before{background-position: -50px -100px;}
.icon20::before{background-position: 0 -125px;}
.icon21::before{background-position: -25px -125px;}
.icon22::before{background-position: -50px -125px;}
.icon23::before{background-position: 0 -150px;}
.icon24::before{background-position: -25px -150px;}
.icon25::before{background-position: -50px -150px;}
.icon26::before{background-position: -75px -150px;}
.icon27::before{background-position: -100px -150px;}
.icon28::before{background-position: -125px -150px;}
.icon29::before{background-position: 0 -175px;}
.icon30::before{background-position: -25px -175px;}
.icon31::before{background-position: -50px -175px;}
.icon32::before{background-position: -75px -175px;}
.icon33::before{background-position: -100px -175px;}
.icon34::before{background-position: -125px -175px;}
.icon35::before{background-position: 0 -200px;}
.icon36::before{background-position: -25px -200px;}
.icon37::before{background-position: -50px -200px;}
.icon38::before{background-position: -75px -200px;}
.icon39::before{background-position: -100px -200px;}
.icon40::before{background-position: -125px -200px;}
.icon41::before{background-position: 0 -225px;}
.icon42::before{background-position: -25px -225px;}
.icon43::before{background-position: -50px -225px;}
.icon44::before{background-position: 0 -250px;}
.icon45::before{background-position: -25px -250px;}
.icon46::before{background-position: -50px -250px;}
.icon47::before{background-position: -75px -250px;}
.icon48::before{background-position: -100px -250px;}

.product-icon{position: relative;display: inline-block;}
.product-icon::before{content: '';display: inline-block;position: relative;top: -2px;width: 31px;height: 31px;background-size: 186px auto;background-repeat: no-repeat;background-image: url(../images/icon-62_62.png);vertical-align: middle;}
.product-icon01::before{background-position: 0 0;}
.product-icon02::before{background-position: -31px 0;}
.product-icon03::before{background-position: -62px 0;}
.product-icon04::before{background-position: -93px 0;}
.product-icon05::before{background-position: -124px 0;}
.product-icon06::before{background-position: -155px 0;}
.product-icon07::before{background-position: 0 -31px;}
.product-icon08::before{background-position: -31px -31px;}
.product-icon09::before{background-position: -62px -31px;}
.product-icon10::before{background-position: -93px -31px;}
.product-icon11::before{background-position: -124px -31px;}
.product-icon12::before{background-position: -155px -31px;}
.product-icon13::before{background-position: 0 -62px;}
.product-icon14::before{background-position: -31px -62px;}
.product-icon15::before{background-position: -62px -62px;}
.product-icon16::before{background-position: -93px -62px;}
.product-icon17::before{background-position: -124px -62px;}
.product-icon18::before{background-position: -155px -62px;}
.product-icon19::before{background-position: 0 -93px;}
.product-icon20::before{background-position: -31px -93px;}
.product-icon21::before{background-position: -62px -93px;}
.product-icon22::before{background-position: -93px -93px;}

.message-icon{position: relative;display: inline-block;}
.message-icon::before{content: '';display: inline-block;position: relative;top: -2px;width: 15px;height: 15px;background-size: 30px auto;background-repeat: no-repeat;background-image: url(../images/message-icon-30_30.png);vertical-align: middle;}
.message-icon01::before{background-position: 0 0;}
.message-icon02::before{background-position: -15px 0;}

.white-icon{position: relative;display: inline-block;}
.white-icon::before{content: '';display: inline-block;position: relative;top: -2px;width: 20px;height: 20px;background-size: 80px auto;background-repeat: no-repeat;background-image: url(../images/icon-white-40_40.png);vertical-align: middle;}

.white-icon01::before{background-position: 0 0;}
.white-icon02::before{background-position: -20px 0;}
.white-icon03::before{background-position: -40px 0;}
.white-icon04::before{background-position: 0 -20px;}
.white-icon05::before{background-position: -20px -20px;}
.white-icon06::before{background-position: -40px -20px;}
.white-icon07::before{background-position: -60px -20px;}

/* 等保计算器 */
.calc-overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #0000007d; z-index: 999999;}
.dengbao-calculator {display: none;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 90%;height: 80%;overflow: hidden; border-radius: 10px;-webkit-box-shadow: 0px 0px 10px 0px rgba(64, 66, 77, 0.1);box-shadow: 0px 0px 10px 0px rgba(64, 66, 77, 0.1);background-color: #ffffff;z-index: 9999999;}
.dengbao-calculator input {-webkit-appearance: auto;-moz-appearance:auto;appearance:auto;}
.dengbao-calculator input[type=text],
.dengbao-calculator input[type=number] {outline: none;padding: 11px 13px;-webkit-box-sizing: border-box;box-sizing: border-box; width: 100%;height: 39px;border: solid 1px #d6d6d6;border-radius: 5px;}
.dengbao-calculator input[type=text]:focus,
.dengbao-calculator input[type=number]:focus {border-color: #0078ff;}
.dengbao-calculator input[type=radio] {width: 18px;height: 18px;vertical-align: bottom;margin-right: 5px;-webkit-appearance: radio;-moz-appearance:radio;appearance:radio;}
.dengbao-calculator input[type=checkbox] {width: 15px;height: 15px;border: solid 1px #d6d6d6;vertical-align: text-top;}
.dengbao-calculator label + label {margin-left: 20px;}
.dengbao-calculator select {width: 100%;height: 35px;border-radius: 5px;border: solid 1px #d6d6d6;box-sizing: border-box;padding: 0 10px;outline: none;}
.dengbao-calculator .province-box {margin-bottom: 10px;}
.dengbao-calculator .province-box,.dengbao-calculator .city-box {width: 100%;position: relative; display: inline-block;}
.dengbao-calculator .province-box::after,
.dengbao-calculator .city-box::after {position: absolute;content: '';right: 10px;top: 44%;border-right: 5px  solid transparent;border-left: 5px  solid transparent;border-top: 5px  solid #000;}
.dengbao-calculator .calc-header {display: table;background-color: #2981ff;height: 105px;color: #ffffff; text-align: center;}
.dengbao-calculator .calc-header .iconclose {position: relative;right: 13px;top: -25px;font-size: 20px;line-height: 95px;}
.dengbao-calculator .calc-header .iconclose:hover {opacity: 0.8;cursor: pointer;}
.dengbao-calculator .calc-header > div {display: table-cell;vertical-align: middle;width: 1000px; }
.dengbao-calculator .calc-header h1 {font-size: 26px;}
.dengbao-calculator .calc-header p {font-size: 14px;line-height: 2;}
.dengbao-calculator .calc-header p span {color: #fff100;}
.dengbao-calculator .calc-body {padding: 30px;height: calc(100% - 165px);overflow: auto; background: url(../images/dengbao_calcbg.png) no-repeat;background-position: 712px 160px;}
.dengbao-calculator .calc-body .calc-form {width: 100%;}
.dengbao-calculator .calc-body .calc-select {position: relative;}
.dengbao-calculator .calc-body .calc-select .drop-list {display: none; position: absolute;top: 35px;left: 0;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box; max-height: 287px;border: solid 1px #d6d6d6;background-color: #ffffff;}
.dengbao-calculator .calc-body .calc-select .drop-list > div {display: inline-table;width: 49%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.dengbao-calculator .calc-body .calc-select .drop-list ul { max-height: 287px;overflow: auto;}
.dengbao-calculator .calc-body .calc-select .drop-list ul li {padding: 5px 14px;cursor: pointer;}
.dengbao-calculator .calc-body .calc-select .drop-list ul li:hover {background-color: #0077ff23;}
.dengbao-calculator .calc-body .calc-select .drop-list ul li.active {color: #fff;background-color: #0078ff;}
.dengbao-calculator .calc-body .calc-select .drop-list div:first-child ul {border-right: 1px solid #d6d6d6;}
.dengbao-calculator .calc-body .calc-select .drop-list div:last-child ul {margin: 0 -2px;}
.dengbao-calculator .calc-body .calc-form .form-item {margin-bottom: 20px;}
.dengbao-calculator .calc-body .calc-form .form-item > div{display: inline-block;width: 100%;position: relative;}
.dengbao-calculator .calc-body .calc-form .form-item .form-left {min-width: 100%;text-align: left;margin-bottom: 10px;}
.dengbao-calculator .calc-body .calc-form .form-item .form-left.required span{position: relative;}
.dengbao-calculator .calc-body .calc-form .form-item .form-left.required span::before{position: absolute;left: -8px;top: 0;content: '*';color: #f49f1a;}
.dengbao-calculator .calc-body .calc-form .form-item .form-right .link {color: #0078ff;}
.dengbao-calculator .calc-body .calc-form .form-item .form-right .link:hover {opacity: 0.6;}
.dengbao-calculator .btn-md {width: 100%;margin-bottom: 5px;margin-top: 5px;}
.dengbao-calculator .calc-body .result-box {width: 100%;height: auto;color: #323235;border: solid 1px #929293;margin-top: 20px; padding: 30px 18px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.dengbao-calculator .calc-body .result-box .num {color: #2981ff;}
.dengbao-calculator .calc-body .result-box .total {text-align: center;font-size: 16px;margin-bottom: 20px;}
.dengbao-calculator .calc-body .result-box .total .num {font-size: 20px;}
.dengbao-calculator .calc-body .result-box .detail p {display: inline-block; font-size: 18px;line-height: 2;}
.dengbao-calculator .calc-body .result-box .detail p:nth-child(1),
.dengbao-calculator .calc-body .result-box .detail p:nth-child(3) {margin-right: 30px;}
/* .dengbao-calculator .calc-body .result-box .detail p .num {margin: 0 10px;} */
.dengbao-calculator .calc-body .result-box .desc {margin-top: 10px;font-size: 12px;}
.dengbao-calculator .calc-body .result-box .desc .fr {display: inline-block;width: 80%; color: #f49f1a;line-height: 1.6;}
.dengbao-calculator .calc-body .contact-me {margin-top: 20px;display: flex;}
.dengbao-calculator .calc-body .contact-me > div {display: inline-block;}
.dengbao-calculator .calc-body .contact-me .qrcode {width: 90px;height: 90px;}
.dengbao-calculator .calc-body .contact-me .personal-info {height: 120px;;margin-left: 10px; vertical-align: bottom;font-size: 12px;color: rgb(101, 100, 100);font-weight: bold;line-height: 2.25;}
.dengbao-calculator .calc-body .contact-me .personal-info p img {width: 20px; margin-right: 5px;vertical-align: middle;}

/* 验证码 */
.dengbao-calculator .calc-body .yzcode {position: absolute;top:9px;right: 12px;color: #0078ff;}