@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, address, big, em, img, q, small, strike, strong,
sub, sup, tt, var, i, dl, dt, dd, ol, ul, li, form, fieldset, label, table, caption, tbody, thead, tfoot, tr, th, td, article,
aside, canvas, details, figure, figcaption, header, footer, hgroup, menu, nav, output, section, time, mark, audio,
video, input, select, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Hiragino Sans GB","Helvetica Neue",Helvetica,STHeiTi,sans-serif;
}
ul, ol, li {
    list-style: none;
}
.clear {
    zoom: 1;
}
.clear:after {
    content: "";
    display: table;
    clear: both;
    overflow: hidden;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.none {
    display: none !important;
}
/*******************导航*********************/
body{
    font-size: .14rem;
}
header{
    height: .45rem;
    color: #ffffff;
    font-size: .14rem;
}
header .lf a:first-child{
    margin-right: .19rem;
}
header .lf a:first-child span i {
    display: block;
    width: 0.16rem;
    margin-bottom: 0.034rem;
    border-radius: 0.02rem;
    height: 0.02rem;
    background: #ffffff;
}
header .lf a:last-child{
    display: inline-block;
    width: .92rem;
    height: .22rem;
}
header .lf a:last-child img{
    display: block;
    width: 100%;
    height: 100%;
}
header .rt img{
    width: .17rem;
    margin-right: .05rem;
}
header .rt .avatarUrl img{
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    object-fit: cover;
}
header .rt a{
    color: #ffffff;
}
.slider-box{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
    background: rgba(0,0,0,0.4);
    color: #252525;
}
.slider-box.on{
    opacity: 1;
    visibility: visible;
}
.slider-box .content{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2rem;
    background: #ffffff;
    transform: translateX(-100%);
    transition: 0.5s;
    will-change: transform;
}
.slider-box.on .content{
    transform: translateX(0);
}
.slider-box .content .sub{
    text-align: center;
    padding: .15rem .1rem .15rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #F2F5F9;
    font-size: .16rem;
    color: #333333;
}
.slider-box .content .sub dt img{
    width: .8rem;
    height: .8rem;
    margin: 0 auto .12rem;
    border-radius: 50%;
    object-fit: cover;
}
.slider-box .content ul li a{
    color: #333333;
    padding: .12rem .1rem;
    display: flex;
    align-items: center;
    font-size: .16rem;
}
.slider-box .content ul li a img{
    width: .3rem;
    height: .3rem;
    margin-right: .08rem;
}
.slider-box .content .returnBtn{
    padding: .1rem .05rem 0;
}
.slider-box .content .returnBtn img{
    width: .3rem;
    height: .3rem;
}
footer{
    background: rgba(0,0,0,.8);
    color: #ffffff;
    padding: .1rem 0;
}
footer dl dt{
    position: relative;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: .1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
}
footer dl dt img{
    width: .83rem;
    height: .83rem;
    margin: .1rem 0;
}
footer dl dd{
    text-align: center;
    font-size: .12rem;
    padding: .15rem 0 .05rem;
}
/*****************弹性布局*******************/
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-between-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-between-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flex-between-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-between-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.flex-column-align-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/*****************绝对定位*******************/
.position-center{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.position-left{
    position: absolute;
    top: 0;
    left: 0;
}
.position-right{
    position: absolute;
    top: 0;
    right: 0;
}
.position-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
}
.position-left-center{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.position-right-center{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.position-right-bottom{
    position: absolute;
    bottom: 0;
    right: 0;
}
.position-top-center{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
/*****************文本行*******************/
.view-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.view-overflow-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.view-overflow-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.card-title{
    margin-bottom: .28rem;
}
.card-title p{
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.card-title p::after{
    position: absolute;
    content: "";
    width: .4rem;
    height: .05rem;
    background: #2737AB;
    opacity: 1;
    bottom: -0.1rem;
    left: 50%;
    transform: translate(-50%, 0);
}



.layui-laydate .layui-laydate-list .layui-this{
    background-color: #035AFF!important;
}
.layui-laydate-header i:hover, .layui-laydate-header span:hover, .layui-laydate-footer span:hover{
    color: #035AFF!important;
}