/* 文本 */
.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: #2496cd;}
.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: #2496cd;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: #2496cd;}
.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 {margin: 0;}
.margin-xs {margin: 5px;}
.margin-sm {margin: 10px;}
.margin {margin: 15px;}
.margin-lg {margin: 20px;}
.margin-xl {margin: 25px;}
.margin-xxl {margin: 30px;}
.margin-top-0 {margin-top: 0!important;}
.margin-top-xs {margin-top: 5px;}
.margin-top-sm {margin-top: 10px!important;;}
.margin-top {margin-top: 15px;}
.margin-top-lg {margin-top: 20px;}
.margin-top-xl {margin-top: 25px;}
.margin-top-xxl {margin-top: 30px;}
.margin-right-0 {margin-right: 0!important;}
.margin-right-xs {margin-right: 5px;}
.margin-right-sm {margin-right: 10px!important;;}
.margin-right {margin-right: 15px;}
.margin-right-lg {margin-right: 20px;}
.margin-right-xl {margin-right: 25px;}
.margin-right-xxl {margin-right: 30px;}
.margin-bottom-0 {margin-bottom: 0!important;}
.margin-bottom-xs {margin-bottom: 5px;}
.margin-bottom-sm {margin-bottom: 10px;}
.margin-bottom {margin-bottom: 15px;}
.margin-bottom-lg {margin-bottom: 20px;}
.margin-bottom-xl {margin-bottom: 25px;}
.margin-bottom-xxl {margin-bottom: 30px;}
.margin-left-0 {margin-left: 0!important;}
.margin-left-xs {margin-left: 5px;}
.margin-left-sm {margin-left: 10px!important;}
.margin-left {margin-left: 15px;}
.margin-left-lg {margin-left: 20px;}
.margin-left-xl {margin-left: 25px;}
.margin-left-xxl {margin-left: 30px;}
.margin-lr-0{margin-left: 0!important;margin-right: 0!important;;}
.margin-lr-xs {margin-left: 5px;margin-right: 5px;}
.margin-lr-sm {margin-left: 10px;margin-right: 10px;}
.margin-lr {margin-left: 15px;margin-right: 15px;}
.margin-lr-lg {margin-left: 20px;margin-right: 20px;}
.margin-lr-xl {margin-left: 25px;margin-right: 25px;}
.margin-lr-xxl {margin-left: 30px;margin-right: 30px;}
.margin-tb-xs {margin-top: 5px;margin-bottom: 5px;}
.margin-tb-sm {margin-top: 10px;margin-bottom: 10px;}
.margin-tb {margin-top: 15px;margin-bottom: 15px;}
.margin-tb-lg {margin-top: 20px;margin-bottom: 20px;}
.margin-tb-xl {margin-top: 25px;margin-bottom: 25px;}
.margin-tb-xxl {margin-top: 30px;margin-bottom: 30px;}
.padding-0 {padding: 0;}
.padding-xs {padding: 5px;}
.padding-sm {padding: 10px;}
.padding {padding: 15px;}
.padding-lg {padding: 20px;}
.padding-xl {padding: 25px;}
.padding-xxl {padding: 30px;}
.padding-top-0 {padding-top: 0!important;}
.padding-top-xs {padding-top: 5px;}
.padding-top-sm {padding-top: 10px!important;}
.padding-top {padding-top: 15px;}
.padding-top-lg {padding-top: 20px;}
.padding-top-xl {padding-top: 25px;}
.padding-top-xxl {padding-top: 30px;}
.padding-right-0 {padding-right: 0!important;}
.padding-right-xs {padding-right: 5px;}
.padding-right-sm {padding-right: 10px!important;}
.padding-right {padding-right: 15px;}
.padding-right-lg {padding-right: 20px;}
.padding-right-xl {padding-right: 25px;}
.padding-right-xxl {padding-right: 30px;}
.padding-bottom-0 {padding-bottom: 0!important;}
.padding-bottom-xs {padding-bottom: 5px;}
.padding-bottom-sm {padding-bottom: 10px!important;}
.padding-bottom {padding-bottom: 15px;}
.padding-bottom-lg {padding-bottom: 20px;}
.padding-bottom-xl {padding-bottom: 25px;}
.padding-bottom-xxl {padding-bottom: 30px;}
.padding-left-0 {padding-left: 0!important;}
.padding-left-xs {padding-left: 5px;}
.padding-left-sm {padding-left: 10px!important;}
.padding-left {padding-left: 15px;}
.padding-left-lg {padding-left: 20px;}
.padding-left-xl {padding-left: 25px;}
.padding-left-xxl {padding-left: 30px;}
.padding-lr-0{padding-left: 0!important;padding-right: 0!important;;}
.padding-lr-xs {padding-left: 5px;padding-right: 5px;}
.padding-lr-sm {padding-left: 10px!important;padding-right: 10px!important;}
.padding-lr {padding-left: 15px;padding-right: 15px;}
.padding-lr-lg {padding-left: 20px;padding-right: 20px;}
.padding-lr-xl {padding-left: 25px;padding-right: 25px;}
.padding-lr-xxl {padding-left: 30px;padding-right: 30px;}
.padding-tb-xs {padding-top: 5px;padding-bottom: 5px;}
.padding-tb-sm {padding-top: 10px;padding-bottom: 10px;}
.padding-tb {padding-top: 15px;padding-bottom: 15px;}
.padding-tb-lg {padding-top: 20px;padding-bottom: 20px;}
.padding-tb-xl {padding-top: 25px;padding-bottom: 25px;}
.padding-tb-xxl {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: end;-ms-flex-pack: 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%;}
.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 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-cut3 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.text-cut4 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-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; }
/* 图片 */
.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: 20px; 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 auto 0px auto;max-width: 100%;display: block;text-align: center;}
.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;}

/* loading */
body.loading { overflow-y: hidden }
body.loading #main { overflow-y: hidden }
#pageloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 3000 }
#pageloader::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2496cd; z-index: -1; -webkit-transition: all 2s cubic-bezier(.77, 0, .175, 1) 0s; transition: all 2s cubic-bezier(.77, 0, .175, 1) 0s }
#pageloader .loader-icon { -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s }
#pageloader.hideload::after, #pageloader.hideload::before { height: 0 }
#pageloader.hideload .loader-icon { opacity: 0 }
.loader-icon { position: absolute; top: 58%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px }
.loader-icon .circular { width: 100%; height: 100%; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
.loader-icon .circular .path { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round }
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } }
@keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } }
@-webkit-keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px } }
@keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px } }
.loading header,.modal-show header { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) }
#pageloader .logo{width: 100%;position: absolute;left: 0;top: 47%;transform: translateY(-50%); text-align: center;transition: all .6s;}
#pageloader .logo img{width: 8%;}
#pageloader.hideload .logo{opacity: 0;}

/* 分页器 */
.pagination{position: relative;text-align: center;padding: 40px;font-size:0}
.pagination li{display: inline-block;font-size: 14px;}
.pagination li .p-item{display: inline-block;padding: 10px 15px;color: #666;border: solid 1px #e4e4e4;min-width: 41px;background: #fff;}
.pagination li .p-item:hover, .pagination .p-item.active{background: #006EAB;color: #fff;border: solid 1px #006EAB!important;}
.pagination li .p-item.nohover:hover{background: #fff;color:#06459e;border: solid 1px #e4e4e4!important}
.pagination li+li .p-item{border-left-color: #fff;}

/* 没有数据 */
.nodata{padding: 70px 0;}

@-webkit-keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; }
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

}
.form-control:focus {
    background-color: #e5f0f6; /* 设置输入框获取焦点时的背景颜色 */
}