:root{
    --colorZT: #A93033;     /*主题色*/
    --colorMR: #333333;     /*默认字体色*/
    --bili:1;               /*比例*/

    --bannerH:600;          /*banner高度*/
    --NibnFH:590;           /*浮动内页banner高度*/
    --NibnH:360;            /*内页banner高度*/
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    line-height: 1.4;
    color: var(--colorMR);
    vertical-align: baseline;
    outline: none;
    font-family: '微软雅黑';
    font-size: 0.26rem;
}
body, html {
    max-width: 100%;
    min-height: 100%;
    line-height: 1;
    overflow-x: auto;
}
a, a:hover, a:active, a:visited, a:link, a:focus {
    color: inherit;
    background: none;
    text-decoration: none;
    outline: none;
}
ul, li {
    list-style: none;
}
input, textarea {
    outline: none;
    border: initial;
}
.clear {
    clear: both;
}
.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}
.fwb{
    font-weight: bold;
}
.wzbs{
    color: var(--colorZT)!important;
}
.bcbs:hover{
    background-color: var(--colorZT)!important;
    color: #FFFFFF!important;
}


/*滚动条-s*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track
{
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb
{
    background-color: #eeeeee;
}
@media screen and (max-width: 1200px) {
    ::-webkit-scrollbar
    {
        width: 0;
        height: 0;
    }

    ::-webkit-scrollbar-track
    {
        background-color: #ffffff;
    }

    ::-webkit-scrollbar-thumb
    {
        background-color: #cccccc;
    }
}
/*滚动条-e*/

.tac{
    text-align: center;
}
.fc3{
    color: #333333;
}
.fc5{
    color: #555555;
}
.fcf{
    color: #ffffff;
}
.w50{
    width: 50%;
}
.w60{
    width: 60%;
}
.w70{
    width: 70%;
}
.w80{
    width: 80%;
}
.w90{
    width: 90%;
}
.w100 {
    width: 100%;
}
.h100 {
    height: 100%;
}
.mw1200{
    max-width: 1200px;
    margin: 0 auto;
}

.wimg{
    width: 100%;
    height: 100%;
    display: block;
}
.wimg05s{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.5s;
}
.wimg1s{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 1s;
}
.wimg05s:hover{
    transform: scale(1.1);
}
.wimg1s:hover{
    transform: scale(1.1);
}

/*ellipsis*/
.slh0{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-all;
}
.slh1{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}
.slh2{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-all;
}
.slh3{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-all;
}
.slh4{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-all;
}
.slh5{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-all;
}


/*layui样式*/
.layui-form-select dl dd.layui-this{
    background-color: var(--colorZT) !important;
}
.layui-form-select dl dd.layui-this{
    background-color:  var(--colorZT) !important;
}
.layui-laydate .layui-this{
    background-color:  var(--colorZT) !important;
}
.layui-form-select dl dd{
    font-size: 14px;
}
.layui-layer{
    border-radius: 12px!important;
}
.layui-laydate-footer span:hover{
    color:  var(--colorZT) !important;
}
.layui-laydate-footer span[lay-type=date]{
    color:  var(--colorZT) !important;
}
.layui-laydate-header i:hover{
    color:  var(--colorZT)!important;
}
.laydate-set-ym span:hover{
    color:  var(--colorZT)!important;
}
#mb_btn_no{
    cursor: pointer;
}
#mb_btn_ok{
    background: var(--colorZT)!important;
    cursor: pointer;
}
.layui-form-checked span, .layui-form-checked:hover span{
    background: var(--colorZT)!important;
}
.layui-form-checked i, .layui-form-checked:hover i{
    color:  var(--colorZT)!important;
}
.layui-layer-hui .layui-layer-content{
    color: #fff;
}
/*layui样式*/



/*分页*/
.total-num{
    padding: 0 calc( var(--bili) * 24px );
}
#page{
    display: flex;
    flex-wrap: wrap;
    padding: calc( var(--bili) * 20px ) 0 calc( var(--bili) * 20px );
    justify-content: center;
}
.pagel #page{
    justify-content: flex-end;
}
#page .page-item{
    height: calc( var(--bili) * 40px );
    line-height: calc( var(--bili) * 38px );
    border: 1px solid #eeeeee;
    margin: 0 -1px 5px 0;
    font-size: calc( var(--bili) * 15px );
    background:#fff;
    color:#333333;
}
#page a{
    display:block;
    padding: 0 calc( var(--bili) * 20px );
    text-decoration:none;
    height: calc( var(--bili) * 40px );
    line-height: calc( var(--bili) * 38px );
    border: 1px solid #eeeeee;
    margin: 0 -1px 5px 0;
    font-size: calc( var(--bili) * 15px );
    background: #fff;
    color: #333333;
}
#page p{
    padding: 0 calc( var(--bili) * 12px );
    height: calc( var(--bili) * 40px );
    line-height: calc( var(--bili) * 38px );
    border: 1px solid #eeeeee;
    margin: 0 -1px 5px 0;
    font-size: calc( var(--bili) * 15px );
    background:#fff;
    color:#333333;
}

#page a:last-child{
    margin-right: 0;
}
#page a:hover{
    color: var(--colorZT);
}
#page a.myde-page {
    background: var(--colorZT);
    color: #fff;
    border: 1px solid var(--colorZT);
}
#page a.cur{
    background:var(--colorZT);
    color:#fff;
    border: 1px solid var(--colorZT);
}
#page p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0;
    color:#555;
}
#page p.pageRemark b{
    margin: 0 6px;
    color: var(--colorZT);
}
#page p.pageEllipsis{
    background:none;
    line-height: 30px;
    color:#555;
}
/*分页*/



/*地图美化*/
.wn-container *{
    border-color: #ffffff!important;
    border: 0!important;
}
.wn-container .BMap_pop *{
    color: #333333!important;
    line-height: calc( 30px )!important;

    font-size: calc( 16px ) !important;
}
.wn-container .anchorBL{
    display: none;
}
.wn-container .anchorTR div *{
    padding: 5px 10px!important;
    box-shadow: none!important;
    font-size: 14px!important;
    font-weight: 400!important;
}
.wn-container .BMap_pop .title{
    padding: 12px 30px 0 0;
}
.BMap_pop .BMap_center{
    border-right: 1px solid #fff!important;
}
/*地图美化*/




.wap-none{
    display: block;
}
.wap-block{
    display: none;
}



/*下拉加载*/
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}














