/*业务弹层&&&彭涛---2021.4.30*/
.dialog-mask {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    filter: alpha(opacity=50);
}

.dialog-wrap {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}
.dialog-wrap1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}
.dialog--center {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dialog {
	max-width: 580px;
	width: 80%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    position: relative;
    top: 100px;
    margin: 0 auto;
    padding: 0 0 55px;
    pointer-events: none;
}

.dialog--center .dialog {
	top: 0;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.dialog__main {
	display: flex;
	flex-direction: column;
	position: relative;
	min-height: 3rem;
	background-color: #fff;
	background-clip: padding-box;
	border: 0;
	border-radius: .1rem;
	pointer-events: auto;
}

.dialog__header {
	padding: .36rem .34rem 0;
	line-height: 0;
	text-align: center;
}

.dialog__header .dialog__title {
	font-size: .36rem;
	line-height: .36rem;
	color: #333;
}

.dialog__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 .36rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #666;
}

.dialog__close {
    position: absolute;
    width: 0.52rem;
    height: 0.52rem;
    left: 50%;
    bottom: -1.02rem;
    border: 0;  
    outline: 0;
    padding: 0;
    background-color: transparent;
    transform: translateX(-50%);
}

.dialog__close img {
    display: inline-block;
    max-width: 100%;
}

.dialog__body .content {
    width: 100%;
    max-height: 6.98rem;
    margin-top: .36rem;
    padding: 0 .34rem;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.dialog__footer {
    position: relative;
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0.09rem 0 0.11rem;
    margin: 0 0.12rem;
    border-top: 1px solid #f1f1f1;
}

.dialog__footer button {
	flex: 1;
	height: .7rem;
	font-size: .32rem;
    padding: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

.dialog__footer .button--default {
	color: #666;
}

.dialog__footer .button--primary {
	color: #45a5e4;
}

.dialog__footer .divider {
	background-color: #dcdfe6;
	position: relative;
}

.dialog__footer .divider--vertical {
	display: inline-block;
	width: 1px;
	height: .7rem;
	margin: 0 8px;
	vertical-align: middle;
	position: relative;
}

.c-blue {
	color: #45a5e4;
}

.c-red {
	color: #ff0404;
}

.t-c {
	text-align: center;
}

.dialog--open {
	overflow: hidden;
}

.ease-enter-active, .ease-leave-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.ease-enter-active {
	opacity: 0;
    -webkit-animation-name: easeIn;
    animation-name: easeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.ease-leave-active {
    -webkit-animation-name: easeOut;
    animation-name: easeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-enter-active,.fade-leave-active {
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.fade-enter-active {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-leave-active {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-enter-active {
    opacity: 0
}

@-webkit-keyframes easeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes easeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes easeOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes easeOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

/* 广告性弹窗 */
.dialog-business .dialog {
    width: 86%;
    max-width: 650px;
    padding-bottom: 0.89rem;
    pointer-events: inherit;
}

.dialog-business .dialog__body {
    padding: 0;
    max-height: 7rem;
}

.dialog-business .dialog__body .content {
    margin-top: 0;
    padding: 0;
}

.dialog-business .dialog__body .content img {
    display: block;
    max-width: 100%;
}

/* ---顶部登录、退出 &&&2021.4.30陶--- */
body{
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}
img{
    display: block;
    width: 100%;
}
.none{display: none;}
input::-webkit-input-placeholder {
    color: #999;
    -webkit-transition: color.5s;
}
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
    color: #666;
    -webkit-transition: color.5s;
}
.inputTip{
    text-align: center;
    transform: translateX(0) translateY(-50%);
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2000;
}
.inputTip p{
    display: inline;
    background: rgba(0,0,0,0.7);
    text-align: center;
    padding: 0.18rem 0.3rem;
    font-size: 0.22rem;
    color: #ffffff;
    line-height: 1.6;
    border-radius: 5px;
}
/*---用户登录/退出&栏---*/
.headSignOut{
    width: 100%;
    height: 0.88rem;
    background-color: rgba(0,0,0,.2);
    z-index: 888;
}
.headSignOut .user {
    overflow: hidden;
    /*margin: 0.22rem 2.5rem 0 0.25rem;*/
    padding: 0.22rem 2.5rem 0 0.25rem;
    display: flex;
    flex-wrap: wrap;
}
.headSignOut .user .icon{
    width: 0.44rem;
    margin-right: 0.25rem;
}
.headSignOut .num {
    font-size: 0.28rem;
    color: #ffffff;
    margin: 0.04rem 0.25rem 0.05rem 0;
}
.headSignOut .btnOut,.headSignOut .signBtn {
    width: 1.08rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    color: #fff;
    background: #0085d0;
    font-size: 0.24rem;
    border-radius: 5px;
    position: absolute;
    right: 0.24rem;
    top: 0.17rem;
}
/*---返回、分享&按钮---*/
.headSignOut .backBtn,.headSignOut .shareBtn{
    position: absolute;
    width: 0.48rem;
    top: 0.2rem;
}
.headSignOut .backBtn{
    left: 0.25rem;
}
.headSignOut .shareBtn{
    right: 0.25rem;
}
/*---------登录和退出&&&&共用----------*/
.bsTip .dialog__body, .entryTip .dialog__body {
    padding: 0;
}

.bsTip .dialog__body .content, .entryTip .dialog__body .content {
    margin-top: -1px;
}
.bsTip .dialog__main,.entryTip .dialog__main{
    background: none;
}
.bsTip .title,.entryTip .title{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #4197e7;
    color: #fff;
    text-align: center;
    font-size: 0.32rem;
}
.bsTip .dialog__body,.bsTip .footBtn,.entryTip .dialog__body,.entryTip .footBtn{
    background: #fff;
    margin-top: -1px;
}
.entryTip .logo {
    height: 1rem;
    background: #4197e7;
    position: relative;
    border-radius: 5px;
}
.entryTip .logo .icon{
    width: 2.43rem;
    margin: 0.22rem auto 0;
}
.entryTip .logo .corner{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/*提示&&&确认退出登录*/
.bsTip .dialog__body .tipPic{
    width: 2.24rem;
    margin: 0.55rem auto 0.3rem;
}
.tipPic .iconSvg{
    width: 100%;
    margin: 0 auto;
    height: 1.43rem;
}
.bsTip .dialog__body .textP{
    text-align: center;
    font-size: 0.26rem;
    color: #666666;
}
.bsTip .footBtn{
    padding: 0.4rem 0.5rem 0.5rem 0.5rem;
    display: -webkit-flex;
    justify-content: space-between;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.bsTip .footBtn div{
    border-radius: 5px;
    width: 45%;
    height: 0.65rem;
    line-height: 0.65rem;
    text-align: center;
    font-size: 0.28rem;
}
.bsTip .footBtn .offBtn{
    color: #333;
    border: 1px solid #e5e5e5;
}
.bsTip .footBtn .sureBtn{
    background: #0085D0;
    color: #fff;
}
.bsTip .close,.entryTip .close{
    width: 0.52rem;
    position: absolute;
    left: 50%;
    bottom: -1.02rem;
    /*margin-left: -0.26rem;*/
    z-index: 888;
}
/*确认登录弹层*/
.entryTip .write{
    margin: 0.7rem 0.1rem 0;
}
.entryTip .write .line{
    position: relative;
    margin-bottom: 0.44rem;
}
.entryTip .write .line .leftW{
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    height: 0.68rem;
    /*line-height: 0.68rem;*/
    background: #ffffff;
    width: 100%;
    display: table;
    overflow: hidden;
}

.writeOver{
    /*border: 1px solid #4197e7 !important;*/
}



.entryTip .write .line p{
    vertical-align:middle;
    display:table-cell
    /*padding-top: 0.16rem;*/
}
.entryTip .write .line2 .leftW{
    width: 3.1rem;
}
.entryTip .write .line .inputW{
    margin-left: 0.15rem;
    width: 4.5rem;
    display: block;
    color: #666;
    font-size: 0.26rem;
    background: none;
    border: none;
    outline: none;
}
.entryTip .write .line2 .leftW input{
    width:90%;
}
.entryTip .write .line .yzmCode{
    position: absolute;
    right: 0;
    top: 0;
    width: 1.8rem;
    height: 0.68rem;
    line-height: 0.68rem;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    background: #4197e7;
}
.entryTip .write .line .yzmCode input{
    background: none;
    border: none;
    color: #fefefe;
    font-size: 0.24rem;
    width: 1.8rem;
    display: block;
    height: 0.68rem;
    line-height: 0.68rem;
    text-align: center;
}
.entryTip .write .line .dust{
    background: #8dc2e0;
}
.entryTip .btnSign {
    margin-top: -1px;
    background: #fff;
    padding: 0 0.45rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.entryTip .btnSign p{
    background: #8dc2e0;
    text-align: center;
    color: #fefefe;
    border-radius: 5px;
    margin: 0 0 0.44rem 0;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.32rem;
}
.entryTip .logging p{
    background: #0085D0;
}

/*底部外放21.8.16陶*/
.xw-fix-footDown{
    z-index: 998;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}
.xw-fix-footDown .xw-wrap{
    height: 1.18rem;
    background-size: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: justify;
}
.xw-fix-footDown .xw-wrap .icon-FootDown{
   position: absolute;
    left: 0.24rem;
    top: 0.24rem;
}
.xw-fix-footDown .xw-wrap .icon-FootDown,.xw-fix-footDown .xw-wrap .icon-FootDown img{
    width: 0.7rem;
    height: 0.7rem;
    display: block;
}
.xw-fix-footDown .xw-wrap .textCent{
    width: 3.65rem;
    margin: 0 2.6rem 0 1.13rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.xw-fix-footDown .xw-wrap .textCent .text{
    width: 100%;
    text-align: left
}
.xw-fix-footDown .xw-wrap .textCent .text h3{
    font-size: 0.3rem;
    padding-bottom: 0.06rem;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.xw-fix-footDown .xw-wrap .textCent .text p{
    width: 100%;
    font-size: 0.2rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.xw-fix-footDown .xw-wrap .stateApp{
    position: absolute;
    width: 2.08rem;
    height: 1.17rem;
    right: 0.45rem;
    top: -0.18rem;
}
.xw-fix-footDown .xw-wrap .stateApp p{
    position: absolute;
    left: 0.48rem;
    bottom: 0.15rem;
    font-size: 0.26rem;
    color: #fff;
}
.xw-fix-footDown .xw-wrap .closeIcon{
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    right: 3px;
    top: 3px;
}
.xw-fix-footDown .xw-wrap .closeIcon img{
    width: 0.4rem;
    height: 0.4rem;
    display: block;
}
/*底部&&&外放下载*/
.xw-fix-fD1 .xw-wrap{
    background: url("../images/footBack.jpg") no-repeat;
}
.xw-fix-fD1 .xw-wrap .textCent{
    color: #fff;
}
.xw-fix-fD1 .xw-wrap .stateApp p{
    color: #fff;
}
.xw-fix-fD2 .xw-wrap{
    background: #fff;
}
.xw-fix-fD2 .xw-wrap .textCent .text h3{
    color: #333333;
}
.xw-fix-fD2 .xw-wrap .textCent .text p {
    color: #666666;
}
/*针对特殊情况&&&底部悬浮tab*/
.fix-footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.1rem;
    background-color: #5D2378;
    box-shadow: 0px -4px 13px 0px rgba(189, 31, 30, 0.04);
    z-index: 998;
}

.fix-footer.footDown {
    bottom: 1.18rem;
}
.fix-footer .tab{
    padding: 0 0.25rem;
}
.fix-footer .tab ul{
    height: 1.1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.fix-footer .tab ul li{
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
    width: 33.3%;
}

/*活动结束弹层*/
.end-Hd .title{
    border-top-left-radius:0.1rem;
    border-top-right-radius:0.1rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #4197e7;
    color: #fff;
    text-align: center;
    font-size: 0.32rem;
}
.end-Hd .sadPic{
    width: 1.48rem;
    margin: 0.3rem auto 0.45rem;
}
.end-Hd .text{
    color: #666666;
    font-size: 0.26rem;
    text-align: center;
    padding-bottom: 0.5rem;
}