* {margin: 0;padding: 0;box-sizing: border-box;}
html, body, .tulu {width: 100%;height: 100%;}
.tulu {overflow: hidden;position: relative;-webkit-font-smoothing: antialiased;background: #9193a6;}
.tulu .bg {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;user-select: none;}
.tulu .content {width: 668px;height: 456px;position: absolute;top: 50%;left: 50%;margin-top: -228px;margin-left: -334px;}
.tulu .content .app-show {
    position: absolute;
    left: 0;
    width: 300px;
    background-repeat: no-repeat;
    height: 329px;
    background: url("./tulu_app_2.png?t=2") no-repeat;
    background-size: 100% 100%;

}
.tulu .content .logo {width: 227px;height: 70px;background: url("./tulu_logo.png");background-size: 100%;position: absolute;top: 60px;left: 315px;}
.tulu .content .qr {padding: 9px;width: 140px;height: 140px;background: #fff;border-radius: 8px;border: 1px solid #D9D9D9;position: absolute;bottom: 100px;left: 315px;}
.tulu .content .qr img {width: 120px;height: 120px;background: #ccc;}
.tulu .content .btn {display: block;text-decoration: none;user-select: none;cursor: pointer;padding: 13px 22px;width: 182px;height: 50px;background: #18BD6F;border-radius: 8px;position: absolute;right: 0;}
.tulu .content .btn .icon {display: inline-block;width: 24px;height: 24px;}
.tulu .content .btn .text {color: #fff;display: inline-block;width: 107px;text-align: right;font-size: 18px;font-family: PingFang-SC-Bold, PingFang-SC;font-weight: bold;line-height: 24px;white-space: nowrap;vertical-align: top;}
.tulu .content .btn.disabled {background: #ccc;cursor: not-allowed;}
.tulu .content .iphone {top: 221px;}
.tulu .content .iphone .icon {background: url("./iPhone_white.png");background-size: 100%;}
.tulu .content .android {bottom: 105px;}
.tulu .content .android .icon {background: url("./android_white.png");background-size: 100%;}
.wxDown{display:none;}
@media screen and (max-width: 750px) {
.copyrightBox{
    display: none !important;
}
.tulu .content .app-show {    left: 10%;
    margin-left: 0;
    bottom: 0;}

.tulu .content .logo {top: 30px;left: 50%;margin-left: -89px;width: 178px;height: 55px;}

.tulu .content {width: 100%;height: 100%;left: 0;top: 0;margin: 0;}

.tulu .content .qr {width: 84px;height: 84px;top: 120px;left: 70px;padding: 2px;}

.tulu .content .qr img {width: 80px;height: 80px;}

.tulu .content .btn {height: 36px;right: 70px;padding: 0 10px;display: flex;align-items: center;width: 130px;}

.tulu .content .iphone {top: 120px;}

.tulu .content .android {bottom: inherit;top: 170px;}

.tulu .content .btn .icon {width: 18px;height: 18px;margin-right: 10px;}

.tulu .content .btn .text {font-size: 12px;width: auto;}

.alertPop {
width: 60%;line-height: 50px;text-align: center;color: #FFFFFF;border-radius: 10px;font-size: 14px;background-color: rgba(0, 0, 0, .7);z-index: -1;
opacity: 1;position: fixed;left: 50%;margin-left: -30%;top: 40%;transform: translateY(10px);transition: .2s all ease-in;
}

.alertPop.active {
transform: translateY(0);opacity: 1;z-index: 100;
}

.wxDown {position: fixed;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);left: 0;top: 0;}

.wxDown img {width: 100%;}
}

.copyrightBox{
    background: #333;
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:  100px;
    color: #fff;
    text-align: center;
    line-height: 100px;
}