﻿/***********通用基本类1************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
input,button,select,textarea{outline:none;}
a{text-decoration:none; color: #383838}
/*文字排版、颜色*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.red,a.red{color:#cc0031}
.darkblue,a.darkblue{color:#039}
.gray,a.gray{color:#878787}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}

/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w50{width:50px}
.w90{width:90px}
.w100{width:100px}
.w200{width:200px}
.w250{width:250px}
.w500{width:500px}
.w800{width:800px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}

/*边距*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr100{padding-right:100px}

.empty-data{width: 100%;margin-top: 30px;display: flex;flex-direction: column;align-items: center;background-color: #f0f0f0;border-radius: 10px;padding: 30px;box-sizing: border-box;}
.empty-data .ico i{font-size: 60px;color: #999}
.empty-data .tips{font-size: 14px;color: #999;margin-top: 30px;}

.listspage{width:100%;text-align: center;}
.listspage .pagination>li{display:inline-block;width:30px;height:30px;text-align:center;border-radius: 3px;overflow: hidden;margin:0px 5px;cursor: pointer;}
.listspage .pagination>li a,
.listspage .pagination>li span{display: block;line-height: 30px;padding:0px;border:0px;margin:0px;float: none;font-size:12px;}
.listspage .pagination>li>a{color:#5a5a5a;transition: all 0.2s ease 0s;}
.listspage .pagination>li:hover a{color:#333;background: #fff;font-weight: bold;font-size: 14px;}
.listspage .pagination>li.active>span{
    width:100%;height:30px;
    color:#fff;
    border:0px;
    border-radius: 3px
}
.listspage .pagination>li.disabled>span{
    border-radius: 3px
}
.listspage .pagination>.active>a, 
.listspage .pagination>.active>a:focus, 
.listspage .pagination>.active>a:hover, 
.listspage .pagination>.active>span, 
.listspage .pagination>.active>span:focus, 
.listspage .pagination>.active>span:hover{
    background-color:var(--Colors,#fe4f70);
    color:#fff;
}
/*浏览图集*/
.view-image-screen{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.9);z-index: 999999;height: 100%;overflow: hidden;display: none;}
.view-image-screen .view-image-flex{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.view-image-screen .view-image-box{width: 100%;height: 100%;}
.view-image-screen .view-image-box .item{display: block;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.view-image-screen .view-image-box .item img{display: block;}
.view-image-screen .swiper-close{position: absolute;top: 20px;right: 20px;font-size: 30px;color: #fff;transition: all .4s;cursor: pointer;z-index: 9999;}
.view-image-screen .swiper-close i{font-size: 40px;}
.view-image-screen .images-nums{position: absolute;top: 20px;left: 20px;font-size: 20px;color: #fff;z-index: 9999;}
.view-image-screen .swiper-container-horizontal .swiper-scrollbar{background: #eee;}
.view-image-screen  .swiper-lazy-preloader-white:after{background-image: url('');}

.view-image-screen-pc .view-image-flex{padding: 10px;}
.view-image-screen-pc .view-image-box .item img{height: 100%;}

.view-image-screen-mobile .view-image-flex{padding: 0px;}
.view-image-screen-mobile .view-image-box .item img{width: 100%;border-radius: 0px;}
.view-image-screen-mobile .swiper-close{top: 10px;right: 10px;font-size: 18px;}
.view-image-screen-mobile .images-nums{top: 14px;left: 10px;font-size: 12px;}
.view-image-screen-mobile .swiper-button-white{display: none;}
/*公共样式：layer消息提示样式*/
.layui-layer-dialog .layui-layer-content{color:#555;}
.layui-layer-dialog .return-msg{font-size:12px;color:red;font-weight:bold}
.layui-layer-msg{border:0px;}
/*公共样式：layer消息提示样式 [确认消息]*/
.layui-layer-confirm-db4646 .layui-layer-title{background:#fff;border-bottom:0px;}
.layui-layer-confirm-db4646 .layui-layer-btn a{color:#fff;border:0px;}
.layui-layer-confirm-db4646 .layui-layer-btn .layui-layer-btn0{background:var(--Colors,#db4646);}
.layui-layer-confirm-db4646 .layui-layer-btn .layui-layer-btn1{background:#2b303b;}
/*公共样式：layer消息提示样式 [消息弹窗]*/
.layui-layer-alert-db4646 .layui-layer-title{background:var(--Colors,#db4646);color:#fff;}
.layui-layer-alert-db4646 .layui-layer-btn .layui-layer-btn0{background: var(--Colors,#db4646);}
.layui-layer-alert-db4646 .layui-layer-btn a{border:0px;}
/*公共样式：layer消息提示样式 [成功跳转]*/
.layui-layer-success-db4646 .layui-layer-title{background:#fff;border:0px;color:#111;}
.layui-layer-success-db4646 .layui-layer-btn .layui-layer-btn0{background: var(--Colors,#db4646);border:0px;}
/*公共样式：layer消息提示样式 [错误]*/
.layui-layer-error-db4646 .layui-layer-title{background:#fff;border:0px;color:#111;}
.layui-layer-error-db4646 .layui-layer-btn .layui-layer-btn0{background: var(--Colors,#db4646);;border:0px;}
/*公共样式：layer消息提示样式 [即时]*/
.layui-layer-border{border:0px;}
.layui-layer-msg-db4646 .layui-layer-content{background: var(--Colors,#db4646);;color:#fff;font-weight: bold;text-align: center;border:1px solid var(--Colors,#db4646);;}

/*公共样式：layee数据流加载 [更多内容]*/
.layui-flow-more{display:block;width:100%;color:#111;text-align: center;color:#aaa;padding:20px 0px;}
.layui-flow-more a{display:inline-block;padding:2px 10px;color:#aaa;text-decoration: none;}
.layui-flow-more a cite{font-style:normal;}