html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    border: 0;
    padding: 0;
    font-family: sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color:none;
    -webkit-user-modify:inherit;
    -webkit-appearance:none;
    

}
img,fieldset{ border:0 none; display:block;}
a:active,
a:hover {
    text-decoration: none;
}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
li{list-style: none;}
a{text-decoration: none;}
/* 底部导航 */
footer{
    width: 7.5rem;
    height: .99rem;
    background: #FFFFFF;
    position: fixed;
    z-index: 9999;
    bottom: 0;
}
footer+.content{
    padding-bottom: .99rem;
}
.ellipsis2{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wraper{
    margin: 0 auto;
}
div:hover{
    cursor:pointer;
}
.aui-nav{height: 0.99rem;}
.aui-bar-tab {
    display: flex;
    height: 0.99rem;
    justify-content: space-around;
    border-top: 1px solid #f1f1f1;
}
.aui-bar-tab li{/*width: 1.875rem;*//*padding-top: 0.081rem; */   width: 100%;display: flex;align-items: center;flex-direction: column; justify-content: center;}
.aui-bar-tab li img{width: 0.465rem;/*margin-left: 0.7rem;*/}
.aui-bar-tab p{font-family: PingFangSC-Regular;font-size: 0.2rem;color: #A6A6A6;letter-spacing: 0;text-align: center;}
.aui-bar-tab .aui-text-active{font-family: PingFangSC-Regular;font-size: 0.2rem;color: #669CFF;letter-spacing: 0.003rem;text-align: center;}

/*modal-mask*/
.modal-mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    opacity: 0;
    background-color: rgba(0,0,0,.5);
}


/*menu-action*/
.menu-action{
    font-family: PingFangSC-Regular;
    position: fixed;
    transition: all linear .25s;
    transform: translateY(100%);
    left: 0;
    bottom: 0;
    font-size: .36rem;
    width: 100%;
    text-align: center;
    z-index: 100;
    background-color: rgb(205,205,209);
}

.menu-action .action-item,
.menu-action .action-cancel
{
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.menu-action .action-item{
    color: #E64340;
    border-bottom: .01rem solid rgb(205,205,209);
}

.menu-action .action-cancel{
    margin-top: .12rem;
}

/*modal-pop*/
.modal-pop{
    font-family: PingFangSC-Regular;
    position: fixed;
    padding:.3rem;
    z-index:999999;
    top: 50%;
    left: 50%;
    width: 5.6rem;
    background-color: #fff;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    transition: all linear .15s;
    text-align: center;
    transform: translate(-50%, -50%) scale(0);
}

    .modal-pop .modal-icon {
        width: 1.2rem;
        height: 1.2rem;
        margin: .5rem auto 0;
        background-image: url(../image/popup_pic_attention@2x.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

.modal-pop .modal-title{
    font-size: .34rem;
    color: #222222;
    padding-top: .2rem;
    padding-bottom: .2rem;
	padding-left:.6rem;
	padding-right:.6rem;
}

    .modal-pop .modal-content {
        font-size: .3rem;
        color: #A6A6A6;
        padding: 0 .3rem .3rem;
        border: none;
        box-shadow: none;
        display:none;
    }

/* .modal-pop .modal-footer{
    display: flex;
    align-items: center;
    font-size: .36rem;
    height: 1rem;
    border-top: 1px solid #e5e5e5;
    justify-content: space-between;
} */
.modal-pop .modal-footer{
    display: flex;
    align-items: center;
    font-size: .32rem;
    justify-content: space-around;
    border:none;
}

/* .modal-pop .modal-cancel,
.modal-pop .modal-confirm{
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} */
    .modal-pop .modal-cancel,
    .modal-pop .modal-confirm {
        height: .68rem;
        width: 2rem;
        line-height: .68rem;
        background: #EEEEEE;
        border-radius: 50px;
        text-align:center;
    }

/* .modal-pop .modal-cancel{
    color: #A6A6A6;
} */
    .modal-pop .modal-cancel {
        color: #4C4C4C;
    }


/* .modal-pop .modal-confirm{
    color: #669CFF;
} */
    .modal-pop .modal-confirm {
        background: linear-gradient(90deg,rgba(255,37,88,1) 0%,rgba(247,30,34,1) 100%);
        color: #FFFFFF;
    }

/* .modal-pop .modal-split{
    flex-shrink: 0;
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
} */

.modal-pop .modal-split{
    flex-shrink: 0;
    width: 1px;
    height: 100%;
}

/*image-viewer*/
.swiper-container.image-viewer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    z-index:10000;
}

.image-viewer .swiper-wrapper{
    align-items: center;
}

    .image-viewer .swiper-wrapper .image-viewer-item {
      
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        
    }
.swiper-slide img{
    width:100%;
}
.image-viewer .image-viewer-count {
    position: absolute;
    bottom: .4rem;
    width: 100%;
    font-size: .3rem;
    text-align: center;
   z-index:99
}
    .image-viewer .image-viewer-count span {
        display: block;
        color: #fff;
        text-align: center;
        margin: 0 auto;
        width: 1rem;
        background-color: rgba(0,0,0,.4);
        border-radius: .12rem;
        padding:.1rem 0;
    }
    .loading-warp {
        width: 100%;
        margin-top: -1.1rem;
        background: #f4f4f4;
        display: flex;
        align-items: center;
    }

    .loading-warp .box {
        width: 100%;
        text-align: center;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:.3rem 0;
    }

        .loading-warp .box img {
            display: block;
            width: .5rem;
            height: .5rem;
            margin-right:.2rem;
        }

        .loading-warp .box .text {
            display: block;
            text-align: center;
            font-size: 0.3rem;
            line-height: 0.5rem;
            opacity: 0.7;
        }
.no-datas {
    font-size: .22rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #A6A6A6;
    line-height: .3rem;
    letter-spacing: .03rem;
    text-align:center;
    padding:.3rem 0;
    position:relative;
    z-index:9;
    margin-bottom:1rem;
    display:none;
    
}
    .no-datas div {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .no-datas img{
        width:.46rem;
        height:.46rem;
        /*margin-right:.2rem;*/

    }
    /*无数据start*/
    .no-data {
        display: none;
    }
    .no-data .no-data-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .no-data-img {
        width: 4rem;
        height: 2.87rem;
        margin-top: 2.312rem;
    }

    .no-data-img img {
        width: 100%;
    }

.no-data-txt {
    width: 3.08rem;
    font-size: .28rem;
    color: #A6A6A6;
    letter-spacing: 0;
    text-align: center;
    line-height: .44rem;
    margin-top: .5rem;
}
   
    .no-data-txt span {
        color: #FF4D4D;
        font-weight: bold;
    }
/*无数据end*/

.toast {
    position: fixed;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;
    transition: opacity .2s linear;
    min-width: 100%;
    min-height: .6rem;
    line-height: .6rem;
    background: #669cff;
    color: #ffffff;
    /*opacity: .6;*/
    top: -100%;
    padding: 0;
    border-radius: 0;
    transition: none;
    -webkit-animation: toatsAnimation 2s 1;
    font-size: .28rem;
}
@-webkit-keyframes toatsAnimation {
    0% {
        top: -100%;
    }

    10% {
        top: 0;
    }

    50% {
        top: 0;
    }

    90% {
        top: -10%;
    }

    100% {
        top: -100%;
    }
}

.toastmsg {
    opacity: 0;
    position: fixed;
    z-index: 9999999;
    top: 50%;
    text-align: center;
    padding: .2rem .4rem;
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: .3rem;
    max-width: 80%;
    left: 50%;
    border-radius: 8px;
    transform: translate(-50%,-50%);
    animation: toastmsgAnimation .5s ease;
    -webkit-animation: toastmsgAnimation .5 ease;
}

.opacity1 {
    opacity:1
}

@-webkit-keyframes toastmsgAnimation {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }

}
    /*#region loading*/
    .overflow {
        overflow: hidden;
    }

    .loading-bar {
        position: relative;
        min-height: .72rem;
        -webkit-transition: height 0.6s ease-in-out;
        -o-transition: height 0.6s ease-in-out;
        transition: height 0.6s ease-in-out;
    }

    .loading {
        position: absolute;
        background: #E9E9E8;
        font: normal 12px/22px "Microsoft Yahei", "微软雅黑", "宋体";
        display: none;
        z-index: 1600;
        background: rgba(233, 233, 232, 0);
    }

    .loading.active {
        display: block;
    }

    .loading.loading-mask {
        background: transparent;
        /*background: rgba(233, 233, 232, 0.75);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);*/
    }

    .loading-full {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99999;
    }

    .loading-bar > .loading {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .loading-body {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .loading-bar {
        width: 1rem;
        height: 1rem;
        text-align: center;
        /*background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
    border-radius: .07rem;*/
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -0.36rem;
        margin-top: -0.36rem;
        word-break: break-all;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        z-index: 99;
    }


    .loading-bar-sm {
        width: 62px;
        height: 56px;
        margin-left: -30px !important;
        margin-top: -30px !important;
        padding: 0;
        line-height: 56px;
    }

    .loading-bar-sm > .loading-text {
        display: none;
    }

    .loading-icon {
        width: 1rem;
        height: 1rem;
        vertical-align: middle;
    }

    .loading-text {
        margin-left: 10px;
    }

    .audio-play-btn, .images-container img, .click-good {
        cursor: pointer;
    }

    .load-img {
        display: none;
    }

    .load-img .loading-bar {
        margin-left: -0.75rem;
        width: 1.5rem;
        height: 1.5rem;
        margin-top: -0.75rem;
        border-radius: .08rem;
        background: rgba(0, 0, 0, 0.55);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    }

    .load-img .loading-bar .loading-icon {
        display: block;
        width: .6rem;
        height: .6rem;
    }

    .load-img .loading-bar span {
        margin-top: .1rem;
        color: #fff;
    }
    /*#endregion*/
    .mp-results {
        display: none !important;
    }

    .item-tips {
        /*width: .4rem;*/
        background-color: #FF4C4C;
        color: #fff;
        font-size: .24rem;
        text-align: center;
        line-height: .33rem;
        border-radius: .16rem;
        margin-right: .1rem;
        font-weight: 600;
        padding: 0 .1rem;
    }

    .point-me {
        width: 1.8rem;
        height: 1.52rem;
        position: fixed;
        bottom: 3.5rem;
        right: .2rem;
        background: url(https://m.meb.com/Content/WzActive/newProduct/imgs/report/zixun.png);
        background-size: cover;
        z-index: 99999;
    }