/* 业务样式 */
/*第三方图标*/
@font-face {
  font-family: 'iconfont';  /* Project id 2937026 */
  src: url('//at.alicdn.com/t/font_2937026_exq66p07iqg.woff2?t=1636885534877') format('woff2'),
       url('//at.alicdn.com/t/font_2937026_exq66p07iqg.woff?t=1636885534877') format('woff'),
       url('//at.alicdn.com/t/font_2937026_exq66p07iqg.ttf?t=1636885534877') format('truetype');
}

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

.icon-douyin:before {
  content: "\e793";
}


/* 通用内容容器 */
body{ background: #fff; min-height: 100vh; box-sizing: border-box; position: relative; background-size: 1460px auto; }
.container{position:relative;margin:0 auto;max-width:1200px;width:1200px;min-width: 1200px; }
/* a:hover {color: #1d48d4 !important;} */
.opacity {opacity: 0.8;}
.solid-bottom {border-bottom:1px solid #e5e5e5 ;}
a:hover {color: #002fa7!important;}
/* 改写layui导航 */
.nav-white {padding: 0px !important;border-radius:0px !important;}
.nav-white a{color: #34495e !important}
.nav-white {background-color: #FFFFFF !important}
.nav-white .layui-this:after,
.layui-nav-bar {height: 3px !important;background-color: #002fa7 !important;transition: all .1s !important;	-webkit-transition: all .1s !important;}
.nav-white .layui-nav-child {padding: 0px !important;}
.nav-white .layui-nav-child a {color: #7a8e9d !important;height: 40px !important;line-height: 40px !important;padding: 0px 20px !important;}
.nav-white .layui-nav-child a:hover {color: #002fa7 !important;background-color: #EFF3F5 !important;}
/* 导航logo */
header .logo {height: 60px;margin-right: 10px;}
header .logo img{height: 60px;}
header .header-search {margin-right: 20px; background: #d4dce2; padding-left: 10px;height: 30px;line-height: 30px; text-align: left; width: 100px; color: #666; border-radius: 3px;}
header .header-search:hover {background: #002fa7 !important;color: #FFFFFF !important;opacity: 1 ;}
header .nav-search{display: none; position:absolute;left:0;top:60px;min-width:100%;padding:30px 0;box-shadow:0 3px 3px rgba(0,0,0,.1);background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap;border-top:1px solid #d4dce2}
header .search-input{height:50px;width:500px;border:2px solid #002fa7;box-sizing:border-box;border-radius:6px}
header .search-input input{flex:1;height:46px;line-height:46px;border:none;outline:none;font-family:PingFangSC-Regular;font-size:14px;color:#333;margin-left:10px;border-radius:0;box-shadow:none;padding:0}
header .search-input .search-btn{width:50px;height:46px;line-height:48px;text-align:center;font-size:20px;color:#606266;cursor: pointer;}
header .tag_exp {margin-top: 10px;}
header .tag_exp a {margin-left: 10px;color: #002fa7;}


/* 通用底部 */
footer {background-color: #1f2d42;color: #eee;font-size: 12px;margin-top: 100px;}
footer .footer-cate a{color: #eee;padding: 0 10px;border-left: 1px dotted #d5e3ec;}
footer .footer-cate a:hover {color: #cfe4e5 !important;}
footer .footer-cate a:first-child {border: 0;padding-left: 0;}
footer img{width: 75px;height: 75px;}
footer .footer-bottom {background-color: #1d2531;padding: 15px 0;font-size: 12px;}
footer .footer-bottom a{color: #eee;}
footer .footer-bottom a:hover {color: #cfe4e5 !important;}
footer .layui-icon, footer .iconfont {font-size: 30px !important;color:#eee ;}
footer .layui-icon:hover,footer .iconfont:hover {color: #cfe4e5 !important;}
footer .footer-img {width: 30px !important;}

/* 通用分页 */
/*.min_page{height:40px;clear:both;display:table;margin:0 auto;}
.min_page ul{height:40px;}
.min_page li{min-width:40px;height:40px;line-height:40px;float:left;color: #555;margin-right: 10px;}
.min_page li a{color: #99a1a7;font-style:normal;font-size: 14px;height:40px;display:block;text-align:center;background: #e7ebee;border-radius:2px;}
.min_page li a:hover{background:#bdc3c7;color:#555;color:#fff;transition: background-color 0.3s;}
.min_page li a:hover i{color:#fff;}
.min_page li a.on{background:#002fa7;color:#fff;}
.min_page li.form_page{width:60px;}
.min_page li.form_page .page_input{height:40px;border:1px solid #ebeff3;border-radius:2px; height:38px;font-size:18px;width:48px;padding:0 5px; outline:none;background-color: transparent;}
.min_page li.pt{min-width:20px;width:20px;}
.min_page li.pt a{width:20px;background:none;}
.min_page li.pt a:hover{color:#34495e;}
.min_page li.next{width:40px}
.min_page li.next a{text-align:center;}
.min_page li.pre{width:40px;text-align:center;}
.min_page li.pre i{display:block;text-align:center;width:40px;}
.min_page li i{font-size:18px;height:40px;width:40px;line-height:40px;display:block;color:#99a1a7;float:right;text-align:center;}*/

/*修改TP分页*/
.pagination-container{height:40px;clear:both;display:table;margin:0 auto;}
.pagination-container > span:first-child{display: none;}
.pagination-container ul{height:40px;}
.pagination-container li,.pagination-container .disabled{min-width:40px;height:40px;line-height:40px;float:left;color: #555;margin-right: 10px;text-align: center;}
.pagination-container .disabled{background:#eef2f4;border-radius:2px;}
.pagination-container .active{background:#002fa7;color:#fff !important;display: block;text-align: center;border-radius:2px;}
.pagination-container .active:hover{opacity: 0.8}
.pagination-container li a{color: #99a1a7;font-style:normal;font-size: 14px;height:40px;display:block;text-align:center;background: #e7ebee;border-radius:2px;}
.notdata {text-align: center;content: #eee;padding: 100px;height:32.5vh}

/* 右侧悬浮按钮 */
.scrollup{ position: absolute;left: -70px; top: 0px; }
.scrollup a {cursor: pointer;border-radius: 4px; background-color: rgba(255,255,255,.4);border: 1px solid #D1DCED;padding:10px;}
.scrollup a i{font-size: 30px;}
.scrollup a:hover, .scrollup .this {color: #002fa7;background-color:  rgba(61, 126, 255, 0.1);}
/* 内容页底部按钮 */
.detail-btn {text-align: center;background-color: white;height: 70px;}
.detail-btn a {border-radius: 4px; background-color: rgba(255,255,255,.4);border: 1px solid #D1DCED;font-size: 30px;padding:10px;}
/* 通用文档字段 */
.item-field span, .item-field a{color:#909399;border-left:1px dotted #909399;padding:0 5px}
.item-field span:first-child, .item-field a:first-child{border:0;padding-left:0}


/* 卡片列表 */
.img-card-item {border:1px solid rgba(0,0,0,0);padding: 5px 5px 10px 5px;}
.img-card-item:hover{background-color:#fff;border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 0 12px rgba(0,0,0,0.1);}
.img-card-item-img{width:100%;height:200px;}

/* 上图下标题列表 */
.top-img-item:hover{color: #002fa7 !important;}
.top-img-item-img {border-radius:3px;width:100%;height:90px;}

/* 左小图右标题列表 */
.left-img-item {margin-bottom: 10px;border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
.left-img-item p {width: 200px;}
.left-img-item-img {border-radius:3px;width:35px;height:35px;margin-right: 10px;}
.left-img-item:last-child{margin-bottom: 0;padding-bottom:0;border-bottom: 0;}
.left-img-item:hover{color: #002fa7 !important;}

/* 用户中心和列表 */
.u-list-itme {}
.u-list-itme-img {width: 100%;}
.u-list-itme:hover p {color: #002fa7;}
.ucenter-left {width: 200px;min-height: 500px; margin-right: 20px;background-color: white;border-radius: 5px;}
.ucenter-left-top {border-bottom:1px solid rgba(34, 34, 34, 0.1);}
.ucenter-left-top .headimg{height: 80px;width: 80px;border-radius: 80px;}
.ucenter-left-cate a {display: block;padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px dotted rgba(34, 34, 34, 0.2);}
.ucenter-left-cate .layui-icon{font-size: 12px;color: #999;}
.ucenter-left-cate a:hover, .ucenter-left-cate .this {color: #002fa7;background-color:rgba(61,126,255,0.1);}
.ucenter-right {width: 980px;min-height: 500px;background-color: white;border-radius: 5px;}
/* 横排列数 5 */
.item-h-5 {width:18.7%;margin-right:15px;margin-bottom: 20px;}
.item-h-5:nth-of-type(5n) {margin-right: 0;}
/* 横排列数 4 */
.item-h-4 {width: 276.7px;margin-right:15px;margin-top: 20px;}
.item-h-4:nth-of-type(4n) {margin-right: 0;}
/* 横排列数 2 */
.item-h-2 {width:47.1%;margin-right:15px;margin-top: 20px;}
.item-h-2:nth-of-type(2n) {margin-right: 0;}


/* 表单 */
.inputdiv{display:flex;border: 1px solid #e5e5e5!important;background-color: #fff;height:42px;line-height: 42px;padding: 0px 19px;border-radius:5px;}
.layui-input { border-style: none !important; }

/* 两侧带灰线标题 */
.line-title {position:relative;height:14px;line-height:14px;margin-top:14px;font-size:13px;color:#999;text-align:center}
.line-title .slogan-line {position:absolute;top:7px;height:1px;width:100%;background:linear-gradient(90deg,#fff,#c8c8c8,#fff)}
.line-title .slogan-text {position:relative;display:inline-block;padding:0 8px;text-align:center;background-color:#fff}


/*新的头部*/
/* 列表页头部，跟随滑动的 */
.slide-nav { border-bottom:0px solid #D8D8D8;padding: 20px 0;box-shadow:0 0 12px rgba(0,0,0,0.07); background-color: white;}
.slide-nav-fixed{ position: fixed; left: 0; top: 0; right: 0;z-index: 999;display: none;}
.slide-nav-right {background-color: #FFFFFF;flex: 1;}
.slide-nav-right .search-input{height: 40px;  border: 1px solid #eee; border-radius: 6px;background: #F0F0F0;width: 100%;}
.slide-nav-right .search-input input{flex:1;height:38px;line-height:38px;border:none;outline:none;font-family:PingFangSC-Regular;font-size:14px;color:#333;margin-left:10px;border-radius:0;box-shadow:none;padding:0;background: #F0F0F0;}
.slide-nav-right .search-btn{width:50px;line-height:38px;text-align:center;font-size:24px;color:#222;cursor: pointer;}
.slide-nav-right .search-btn:hover {font-weight: bold;}
.slide-nav-logo {height: 40px;margin-right: 20px;}

.slide-nav a {color: #000;font-size: 15px;font-weight: 100;}
/* 首页头部，只有首页才出来 */
.header-top {color: #767676; font-size: 16px;}
.header-top-nav .logo { width: 50px;}
.header .search-input{height: 40px; width: 50%; border: 1px solid #002fa7; border-radius: 6px; margin: auto;background: #f9f9f9;}
.header .search-input input{flex:1;height:38px;line-height:38px;border:none;outline:none;font-family:PingFangSC-Regular;font-size:14px;color:#333;margin-left:10px;border-radius:0;box-shadow:none;padding:0;background-color: transparent;}
.header .search-btn{width:50px;line-height:38px;text-align:center;font-size:24px;color:#222;cursor: pointer;}
.header .search-btn:hover {font-weight: bold;}

/* ===================框架样式===================== */
/* 通用 */
img{margin: 0;padding: 0;object-fit: cover;vertical-align: middle;}

/* 文本 */
.text-xs{font-size:12px!important}
.text-sm{font-size:14px!important}
.text-df{font-size:16px!important}
.text-lg{font-size:18px!important}
.text-xl{font-size:24px!important}
.text-xxl{font-size:32px!important}
.text-sl{font-size:42px!important}
.text-xsl{font-size:50px!important}
.text-Abc{text-transform:Capitalize}
.text-ABC{text-transform:Uppercase}
.text-abc{text-transform:Lowercase}
.text-price::before{content:"¥";font-size:80%;margin-right:2px}
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.text-bold{font-weight:bold}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
/* 文本颜色 */
.text-black{color:#222!important}
.text-white{color:#ffffff!important}
.text-red{color:#e54d42!important}
.text-yellow{color:#fbbd08!important}
.text-green{color:#39b54a!important}
.text-blue{color:#002fa7!important}
.text-grey{color:#8799a3!important}
.text-gray{color:#7c7c7c!important}
/* 背景颜色 */
.bg-white{background-color:#ffffff;}
.bg-blue{background-color:#002fa7;}
/* 布局 */
.flex-between{display:flex;align-items:center;justify-content:space-between}
.flex{display:flex}
.basis-xs{flex-basis:20%}
.basis-sm{flex-basis:40%}
.basis-df{flex-basis:50%}
.basis-lg{flex-basis:60%}
.basis-xl{flex-basis:80%}
.flex-sub{flex:1}
.flex-twice{flex:2}
.flex-treble{flex:3}
.flex-direction{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.align-center{align-items:center}
.align-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-center{align-self:flex-center}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.align-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}

/* 边距 */
.margin-0{margin:0}
.margin-xs{margin:5px}
.margin-sm{margin:10px}
.margin{margin:20px}
.margin-lg{margin:30px}
.margin-xl{margin:50px}
.margin-top-xs{margin-top:5px}
.margin-top-sm{margin-top:10px}
.margin-top{margin-top:20px}
.margin-top-lg{margin-top:30px}
.margin-top-xl{margin-top:50px}
.margin-right-xs{margin-right:5px}
.margin-right-sm{margin-right:10px}
.margin-right{margin-right:20px}
.margin-right-lg{margin-right:30px}
.margin-right-xl{margin-right:50px}
.margin-bottom-xs{margin-bottom:5px}
.margin-bottom-sm{margin-bottom:10px}
.margin-bottom{margin-bottom:20px}
.margin-bottom-lg{margin-bottom:30px}
.margin-bottom-xl{margin-bottom:50px}
.margin-left-xs{margin-left:5px}
.margin-left-sm{margin-left:10px}
.margin-left{margin-left:20px}
.margin-left-lg{margin-left:30px}
.margin-left-xl{margin-left:50px}
.margin-lr-xs{margin-left:5px;margin-right:5px}
.margin-lr-sm{margin-left:10px;margin-right:10px}
.margin-lr{margin-left:20px;margin-right:20px}
.margin-lr-lg{margin-left:30px;margin-right:30px}
.margin-lr-xl{margin-left:50px;margin-right:50px}
.margin-tb-xs{margin-top:5px;margin-bottom:5px}
.margin-tb-sm{margin-top:10px;margin-bottom:10px}
.margin-tb{margin-top:20px;margin-bottom:20px}
.margin-tb-lg{margin-top:30px;margin-bottom:30px}
.margin-tb-xl{margin-top:50px;margin-bottom:50px}
.padding-0{padding:0}
.padding-xs{padding:5px}
.padding-sm{padding:10px}
.padding{padding:20px}
.padding-lg{padding:30px}
.padding-xl{padding:50px}
.padding-top-xs{padding-top:5px}
.padding-top-sm{padding-top:10px}
.padding-top{padding-top:20px}
.padding-top-lg{padding-top:30px}
.padding-top-xl{padding-top:50px}
.padding-right-xs{padding-right:5px}
.padding-right-sm{padding-right:10px}
.padding-right{padding-right:20px}
.padding-right-lg{padding-right:30px}
.padding-right-xl{padding-right:50px}
.padding-bottom-xs{padding-bottom:5px}
.padding-bottom-sm{padding-bottom:10px}
.padding-bottom{padding-bottom:20px}
.padding-bottom-lg{padding-bottom:30px}
.padding-bottom-xl{padding-bottom:50px}
.padding-left-xs{padding-left:5px}
.padding-left-sm{padding-left:10px}
.padding-left{padding-left:20px}
.padding-left-lg{padding-left:30px}
.padding-left-xl{padding-left:50px}
.padding-lr-xs{padding-left:5px;padding-right:5px}
.padding-lr-sm{padding-left:10px;padding-right:10px}
.padding-lr{padding-left:20px;padding-right:20px}
.padding-lr-lg{padding-left:30px;padding-right:30px}
.padding-lr-xl{padding-left:50px;padding-right:50px}
.padding-tb-xs{padding-top:5px;padding-bottom:5px}
.padding-tb-sm{padding-top:10px;padding-bottom:10px}
.padding-tb{padding-top:20px;padding-bottom:20px}
.padding-tb-lg{padding-top:30px;padding-bottom:30px}
.padding-tb-xl{padding-top:50px;padding-bottom:50px}
.cf::after,.cf::before{content:" ";display:table}
.cf::after{clear:both}
.fl{float:left}
.fr{float:right}