@charset "utf-8";
/* grid.css */
.center-block{display:block;margin-right:auto;margin-left:auto;}
.pull-right,.fr{float:right !important;}
.pull-left,.fl{float:left !important;}
.hide{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.hidden{display:none !important;}
.fixed{position:fixed;}
@-ms-viewport{width:device-width;}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important;}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important;}
@media (max-width:767px){.visible-xs{display:block !important;}}
@media (max-width:767px){.visible-xs-block{display:block !important;}}
@media (max-width:767px){.visible-xs-inline{display:inline !important;}}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important;}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important;}}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important;}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important;}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important;}}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important;}}
@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important;}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important;}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important;}}
@media (min-width:1200px){.visible-lg{display:block !important;}}
@media (min-width:1200px){.visible-lg-block{display:block !important;}}
@media (min-width:1200px){.visible-lg-inline{display:inline !important;}}
@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important;}}
@media (max-width:767px){.hidden-xs{display:none !important;}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important;}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important;}}
@media (min-width:1200px){.hidden-lg{display:none !important;}}

/* 文本 */
.text-xs {font-size: 10px;}
.text-sm {font-size: 12px;}
.text-df {font-size: 14px;}
.text-lg {font-size: 16px;}
.text-xl {font-size: 18px;}
.text-xxl {font-size: 22px;}
.text-sl {font-size: 40px;}
.text-xsl {font-size: 60px;}
.text-Abc {text-transform: Capitalize;}
.text-ABC {text-transform: Uppercase;}
.text-abc {text-transform: Lowercase;}
.text-price::before {content: "¥";font-size: 80%;margin-right: 4px;}
.text-bold {font-weight: bold;}
.text-normal {font-weight: normal;}
.text-nowrap{white-space: nowrap;}
.text-indent{text-indent: 2em;}
.text-content {line-height: 2;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
/* 文本颜色 --根据项目修改*/
.text-red{color: #c3151d;}
.text-orange{color: #f37b1d;}
.text-yellow{color: #f8a347;}
.text-green{color: #308120;}
.text-blue{color: #004188;}
.text-cyan{color: #3d97b0;}
.text-cyan1{color: #61b2ba;}
.text-purple{color: #6739b6;}
.text-pink{color: #e03997;}
.text-grey{color: #8799a3;}
.text-white{color: #ffffff;}
.text-ghostWhite{color: #f1f1f1;}
.text-70{color: #707070;}
.text-33{color: #333333;}
.text-66{color: #666666;}
.text-99{color: #999999;}
/* 背景颜色 --根据项目修改*/
.bg-red{background-color: #c3151d;color:#fff}
.bg-orange{background-color: #f37b1d;color:#fff}
.bg-yellow{background-color: #f8a347;color:#fff}
.bg-green{background-color: #308120;color:#fff}
.bg-blue{background-color: #004188;color:#fff}
.bg-purple{background-color: #6739b6;color:#fff}
.bg-pink{background-color: #e03997;color:#fff}
.bg-grey{background-color: #8799a3;color:#fff}
.bg-black{background-color: #333333;color:#fff}
.bg-darkGray{background-color: #666666;color:#fff}
.bg-gray{background-color: #aaaaaa;color:#fff}
.bg-white{background-color: #ffffff;color:#333}
.bg-ghostWhite{background-color: #f1f1f1;color:#fff}
.bg-translucent{background-color: rgba(0,0,0,.5);color:#fff}
.bg-conter{background: #f6f6f6;}
.bg-conter1{background: #fafbfd;}
/* 浅色背景 --根据项目修改*/
.bg-redLight{background-color: #f8e0da;}
.bg-blueLight{background-color: #ddecf5;}
.bg-greenLight{background-color: #f0f8ea;}
.bg-orangeLight{background-color: #f9efe7;}
.bg-cyanLight{background-color: #dcf3f2;}
/* 按钮边框颜色 --根据项目修改*/
.line-red{color: #bb202b;}
.line-yellow{color: #f8a347;}
.line-green{color: #308120;}
.line-blue{color: #0079c3;}
.line-grey{color: #8799a3;}
.line-black{color: #333333;}
.line-darkGray{color: #666666;}
.line-gray{color: #aaaaaa;}
.line-white{color: #ffffff;}
/* 按钮 */
.btn {border: none;padding: 7px 16px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;position: relative;cursor: pointer;}
.btn.line {background-color: transparent;}
.btn.line:after {content: " ";display: block;width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid currentColor;transform: scale(0.5);transform-origin: 0 0;box-sizing: border-box;border-radius: 6px;z-index: 1;pointer-events: none;}
.btn.round:after {border-radius: 1000px;}
.btn.sm {padding: 0 20px;font-size: 10px;height: 24px;}
.btn.lg {padding: 0 40px;font-size: 16px;height: 40px;}
/* 内外边距 */
.margin-0,.m-0 {margin: 0;}
.margin-xs,.m-5 {margin: 5px;}
.margin-sm,.m-10 {margin: 10px;}
.margin,.m-15 {margin: 15px;}
.margin-lg,.m-20 {margin: 20px;}
.margin-xl,.m-25 {margin: 25px;}
.margin-xxl,.m-30 {margin: 30px;}
.margin-top-0,.mt-0 {margin-top: 0!important;}
.margin-top-xs,.mt-5 {margin-top: 5px;}
.margin-top-sm,.mt-10 {margin-top: 10px!important;;}
.margin-top,.mt-15 {margin-top: 15px;}
.margin-top-lg,.mt-20 {margin-top: 20px;}
.margin-top-xl,.mt-25 {margin-top: 25px;}
.margin-top-xxl,.mt-30 {margin-top: 30px;}
.margin-right-0,.mr-0 {margin-right: 0!important;}
.margin-right-xs,.mr-5 {margin-right: 5px;}
.margin-right-sm,.mr-10 {margin-right: 10px!important;;}
.margin-right,.mr-15 {margin-right: 15px;}
.margin-right-lg,.mr-20 {margin-right: 20px;}
.margin-right-xl,.mr-25 {margin-right: 25px;}
.margin-right-xxl,.mr-30 {margin-right: 30px;}
.margin-bottom-0,.mb-0 {margin-bottom: 0!important;}
.margin-bottom-xs,.mb-5 {margin-bottom: 5px;}
.margin-bottom-sm,.mb-10 {margin-bottom: 10px;}
.margin-bottom,.mb-15 {margin-bottom: 15px;}
.margin-bottom-lg,.mb-20 {margin-bottom: 20px;}
.margin-bottom-xl,.mb-25 {margin-bottom: 25px;}
.margin-bottom-xxl,.mb-30 {margin-bottom: 30px;}
.margin-left-0,.ml-0{margin-left: 0!important;}
.margin-left-xs,.ml-5 {margin-left: 5px;}
.margin-left-sm,.ml-10 {margin-left: 10px!important;}
.margin-left,.ml-15 {margin-left: 15px;}
.margin-left-lg,.ml-20 {margin-left: 20px;}
.margin-left-xl,.ml-25 {margin-left: 25px;}
.margin-left-xxl,.ml-30 {margin-left: 30px;}
.margin-lr-0,.mlr-0{margin-left: 0!important;margin-right: 0!important;;}
.margin-lr-xs,.mlr-5 {margin-left: 5px;margin-right: 5px;}
.margin-lr-sm,.mlr-10 {margin-left: 10px;margin-right: 10px;}
.margin-lr,.mlr-15 {margin-left: 15px;margin-right: 15px;}
.margin-lr-lg,.mlr-20 {margin-left: 20px;margin-right: 20px;}
.margin-lr-xl,.mlr-25 {margin-left: 25px;margin-right: 25px;}
.margin-lr-xxl,.mlr-30 {margin-left: 30px;margin-right: 30px;}
.margin-tb-0,.mtb-0 {margin-top: 0!important;margin-bottom: 0!important;}
.margin-tb-xs,.mtb-5 {margin-top: 5px;margin-bottom: 5px;}
.margin-tb-sm,.mtb-10 {margin-top: 10px;margin-bottom: 10px;}
.margin-tb,.mtb-15 {margin-top: 15px;margin-bottom: 15px;}
.margin-tb-lg,.mtb-20 {margin-top: 20px;margin-bottom: 20px;}
.margin-tb-xl,.mtb-25 {margin-top: 25px;margin-bottom: 25px;}
.margin-tb-xxl,.mtb-30 {margin-top: 30px;margin-bottom: 30px;}
.padding-0,.p-0 {padding: 0;}
.padding-xs,.p-5 {padding: 5px;}
.padding-sm,.p-10 {padding: 10px;}
.padding,.p-15 {padding: 15px;}
.padding-lg,.p-20 {padding: 20px;}
.padding-xl,.p-25 {padding: 25px;}
.padding-xxl,.p-30 {padding: 30px;}
.padding-top-0,.pt-0 {padding-top: 0!important;}
.padding-top-xs,.pt-5 {padding-top: 5px;}
.padding-top-sm,.pt-10 {padding-top: 10px!important;}
.padding-top,.pt-15 {padding-top: 15px;}
.padding-top-lg,.pt-20 {padding-top: 20px;}
.padding-top-xl,.pt-25 {padding-top: 25px;}
.padding-top-xxl,.pt-30 {padding-top: 30px;}
.padding-right-0,.pr-0 {padding-right: 0!important;}
.padding-right-xs,.pr-5 {padding-right: 5px;}
.padding-right-sm,.pr-10 {padding-right: 10px!important;}
.padding-right,.pr-15 {padding-right: 15px;}
.padding-right-lg,.pr-20 {padding-right: 20px;}
.padding-right-xl,.pr-25 {padding-right: 25px;}
.padding-right-xxl,.pr-30 {padding-right: 30px;}
.padding-bottom-0,.pb-0 {padding-bottom: 0!important;}
.padding-bottom-xs,.pb-5 {padding-bottom: 5px;}
.padding-bottom-sm,.pb-10 {padding-bottom: 10px!important;}
.padding-bottom,.pb-15 {padding-bottom: 15px;}
.padding-bottom-lg,.pb-20 {padding-bottom: 20px;}
.padding-bottom-xl,.pb-25 {padding-bottom: 25px;}
.padding-bottom-xxl,.pb-30 {padding-bottom: 30px;}
.padding-left-0,.pl-0 {padding-left: 0!important;}
.padding-left-xs,.pl-5 {padding-left: 5px;}
.padding-left-sm,.pl-10 {padding-left: 10px!important;}
.padding-left,.pl-15 {padding-left: 15px;}
.padding-left-lg,.pl-20 {padding-left: 20px;}
.padding-left-xl,.pl-25 {padding-left: 25px;}
.padding-left-xxl,.pl-30 {padding-left: 30px;}
.padding-lr-0,.plr-0{padding-left: 0!important;padding-right: 0!important;;}
.padding-lr-xs,.plr-5 {padding-left: 5px;padding-right: 5px;}
.padding-lr-sm,.plr-10 {padding-left: 10px!important;padding-right: 10px!important;}
.padding-lr,.plr-15 {padding-left: 15px;padding-right: 15px;}
.padding-lr-lg,.plr-20 {padding-left: 20px;padding-right: 20px;}
.padding-lr-xl,.plr-25 {padding-left: 25px;padding-right: 25px;}
.padding-lr-xxl,.plr-30 {padding-left: 30px;padding-right: 30px;}
.padding-tb-xs,.ptb-0 {padding-top: 5px;padding-bottom: 5px;}
.padding-tb-sm,.ptb-10 {padding-top: 10px;padding-bottom: 10px;}
.padding-tb,.ptb-15 {padding-top: 15px;padding-bottom: 15px;}
.padding-tb-lg,.ptb-20 {padding-top: 20px;padding-bottom: 20px;}
.padding-tb-xl,.ptb-25 {padding-top: 25px;padding-bottom: 25px;}
.padding-tb-xxl,.ptb-30 {padding-top: 30px;padding-bottom: 30px;}
/* 边框 -- 实线 -- */
.border-0{border: none!important;}
.solid,.solid-top,.solid-right,.solid-bottom,.solid-left,.solids,.solids-top,.solids-right,.solids-bottom,.solids-left,.dashed,.dashed-top,.dashed-right,.dashed-bottom,.dashed-left {position: relative;}
.solid:after,.solid-top:after,.solid-right:after,.solid-bottom:after,.solid-left:after,.solids:after,.solids-top:after,.solids-right:after,.solids-bottom:after,.solids-left:after,.dashed:after,.dashed-top:after,.dashed-right:after,.dashed-bottom:after,.dashed-left:after {content: " ";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border-radius: inherit;transform: scale(0.5);transform-origin: 0 0;pointer-events: none;box-sizing: border-box;}
.solid {border: 1px solid #f2f2f2;}
.solid-top {border-top: 1px solid #f2f2f2;}
.solid-right {border-right: 1px solid #f2f2f2;}
.solid-bottom {border-bottom: 1px solid #f2f2f2;}
.solid-left {border-left: 1px solid #f2f2f2;}
.solids {border: 4px solid #eee;}
.solids-top {border-top: 4px solid #eee;}
.solids-right {border-right: 4px solid #eee;}
.solids-bottom {border-bottom: 4px solid #eee;}
.solids-left {border-left: 4px solid #eee;}
/* 边框 -- 虚线 -- */
.dashed {border: 1px dashed #ddd;}
.dashed-top {border-top: 1px dashed #ddd;}
.dashed-right {border-right: 1px dashed #ddd;}
.dashed-bottom {border-bottom: 1px dashed #ddd;}
.dashed-left {border-left: 1px dashed #ddd;}
/* flex --ie8不支持*/
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-center {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;}
.flex-y-start {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
.flex-y-center {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-y-end {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: end;}
.flex-0 {-webkit-box-flex: 0;-ms-flex: 0;flex: 0;}
.flex-1 {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.flex-bt {-ms-flex-pack: distribute;justify-content: space-between;}
.flex-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.flex-column {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-x-end {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.flex-x-center {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-x-start {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
.flex-wrap{-webkit-flex-wrap: wrap;-webkit-box-lines: multiple;-moz-flex-wrap: wrap;flex-wrap: wrap;}
/* 按钮  */
.btn {position: relative;border: 0px;display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 15px;font-size: 14px;height: 32px;line-height: 1;text-align: center;text-decoration: none;overflow: visible;margin-left: initial;transform: translate(0px, 0px);margin-right: initial;cursor: pointer;}
.btn::after {display: none;}
.btn:not([class*="bg-"]) {background-color: #f0f0f0;}
.btn[class*="line"] {background-color: transparent;}
.btn[class*="line"]::after {content: " ";display: block;width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid currentColor;transform: scale(0.5);transform-origin: 0 0;box-sizing: border-box;z-index: 1;pointer-events: none;}
.btn.round[class*="line"]::after {border-radius: 1000px;}
.btn[class*="lines"]::after {border: 6px solid currentColor;}
.btn[class*="bg-"]::after {display: none;}
.btn.sm {padding: 0 10px;font-size: 10px;height: 24px;}
.btn.lg {padding: 0 20px;font-size: 16px;height: 40px;}
.btn.icon.sm {width: 24px;height: 24px;}
.btn.icon {width: 32px;height: 32px;border-radius: 500px;padding: 0;}
button.icon.lg {width: 40px;height: 40px;}
.btn.shadow-blur::before {top: 2px;left: 2px;filter: blur(3px);opacity: 0.6;}
.btn.button-hover {transform: translate(1px, 1px);}
.btn.block {display: flex;}
.btn[disabled] {opacity: 0.6;color: #fff;}

/* 其他辅助类 */
.block {display: block;}
.inline-block{display: inline-block;}
.round {border-radius: 5000px;}
.radius {border-radius: 6px;}
.fill{width: 100%;height: 100%;}
.response,.w-100 {width: 100%;}
.h-100{height: 100%;}
.w-50 {width: 50%;}
.rel{position: relative;}
.lh-1-6{line-height: 1.6!important;}
.overflow,.oh{overflow: hidden;}
.pointer{cursor: pointer;}
.transition-all{transition: all .3s;}
.sticky{position: sticky;top: 0;}
.bg-img {background-size: cover;background-position: center;background-repeat: no-repeat;}
.text-cut {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.text-cut2 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-cut3 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.shadow{-moz-box-shadow:0px 0px 5px #a5a5a5; -webkit-box-shadow:0px 0px 5px #a5a5a5; box-shadow:0px 0px 5px #a5a5a5;}
.trans { -webkit-transition: all .4s ease; transition: all .4s ease; }
hr{background: #ddd;border: none;height: 1px;}
/* 图片 */
.fitimg{position: relative;overflow: hidden;background: #f2f2f2;}
.fitimg > img{position: absolute;left: -100%;top: -100%;bottom: -100%;right: -100%;margin:auto;height: 100%;}

/* 文章样式 */
.mod-content .content { margin-bottom: 40px; font-size: 16px; padding-top: 15px;}
.mod-content .content h3{font-weight:normal; font-size:22px; padding:5px 0;}
.mod-content .content a{ color: #0c82ff; }
.mod-content .content p {color:#333;margin:10px 0;word-wrap:break-word;}
.mod-content .content p img{margin: auto;max-width: 100%;display: block;}
.mod-content .content table{border-top:1px solid #ccc;border-left:1px solid #ccc; margin:auto;}
.mod-content .content table p{margin:0;}
.mod-content .content table td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:2px;}

/* tab */
.nav-tabs{margin-bottom: 15px;position: relative;}
.nav-tabs a{display: inline-block;}
.nav-tabs span{width: 0;height: 2px;background: #2496cd;display: block;position: relative;}
.tab-content .tabitem{display: none;}
.tab-content .tabitem.active{display: block;}
/* tab内嵌swiper添加pos */
.tab-content.pos .tabitem{position: absolute;opacity: 0;display: block;width: 100%;}
.tab-content.pos .tabitem.active{position: static;opacity: 1;}

/* 设置字体大小 */
.setsize a{padding: 0 5px;}
.setsize a.active{color: #2496cd;text-decoration: underline;}
.setsize a:first-child{padding-left: 0;}
.setsize a:last-child{padding-right: 0;}

.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}