@font-face {
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    src: url(font/Poppins-Regular.ttf);
}
@font-face {
    font-family: Poppins-Bold;
    font-weight: 400;
    font-style: normal;
    src: url(font/Poppins-Bold.ttf);
}


html{ font-size: 5.2vw;min-height: 100%;}
@media only screen and (max-width: 1000px) {
	html{font-size: 52px;}
}
@media only screen and (min-width: 1750px) {
	html{font-size: 91px;}
}
.introduce{
	font-size: 5.2vw !important;
}
body{ font-size: .14rem;line-height: 1.5;text-align: left;}
*{ padding: 0; margin: 0;box-sizing: border-box; outline:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0; -webkit-appearance:none; appearance:none; background-color:#fff;border: none;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto; resize: none;}
::-webkit-input-placeholder{ color: #666; }
table {border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol{ list-style:none;}
i,s{ font-style:normal;}
b{font-family: Poppins-Bold;}
::-webkit-scrollbar-track-piece {
background: transparent;
}
::-webkit-scrollbar {
width: .1rem;
}
::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: .2rem;
}
/* float
-----------------------------------------------------------------------------*/
.clearfix:after {visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0;}
.clearfix {zoom:1;}
.c-8436E8{ color: #8436E8;}
.page-warp{ width: 10rem; height: 100%; margin-left: auto; margin-right: auto; color: #fff; position: relative;}
.s-arrow{ border-width: .1rem; border-style: solid; border-color: transparent #fff transparent transparent;position: absolute;left: -.19rem;}
.c-hide{display: none;}

/* topbar */
.topbar{width:100%;height:.8rem;}
.topbar>div{width:100%;height:.8rem;position:fixed;left:0;top:0;z-index:10;background:#fff;padding:.2rem .24rem 0 .24rem;line-height:.4rem;font-size:.18rem;color:#666;border-bottom:1px solid #eaeaea}
.logo{float:left;margin-right: .7rem;}
.logo img{width:1.16rem;height:.4rem}
.topbar .right{float:right}
.topbar .right a{display:block;float:left;cursor:pointer;margin-left:.24rem}
.topbar .right a img{width:1.34rem;height:.4rem}
.login{float:left;margin-left:.24rem;position:relative}
.login>span{cursor:pointer}
a.join{min-width:1.36rem;height:.4rem;line-height:.4rem;padding:0 .12rem;background-color:#8436e8;border-radius:.08rem;font-size:.18rem;text-align:center;color:#fff}
.topbar .right a.join img{width:.4rem;height:.4rem;vertical-align:middle;position:relative;top:-.02rem;margin-right:.05rem}
/*.nav{float:right;}*/
.flex-center {
  display: flex;
  justify-content: center;
}
.nav a{float:left;margin-left:.7rem;color:#666;cursor:pointer; text-align: center;}
.nav a:hover{color:#8436e8}
.nav a:active{color:#666}
.nav a.active{color:#8436e8}
.account-hold{width:3.2rem;background:#fff;position:absolute;left:50%;margin-left:-1.6rem;top:.8rem;z-index:20;border-radius:.16rem}
.account-hold::before{content:'';display:block;border-width:.1rem;border-style:solid;border-color:transparent transparent #fff transparent;position:absolute;left:50%;margin-left:-.1rem;top:-.2rem}
.account-hold .top{padding:.26rem;height:2.45rem;text-align:center}
.account-hold .top .head{display:block;width:1.16rem;height:1.16rem;border-radius:50%;margin:0 auto}
.account-hold .top .name{color:#666;font-size:.18rem;margin-top:.2rem}
.account-hold .top .country{font-size:.12rem;color:#999;line-height:.26rem;margin-top:.03rem}
.country img{width:.24rem;margin-right:.12rem;vertical-align:middle;position:relative;top:-.02rem}
.country .info-id{font-size:.14rem;color:#666;margin-left:.14rem}
.content{background-color:#f2f2f2;position:relative;padding:0 0 .32rem 0;border-radius:0 0 .16rem .16rem;text-align:center}
.ctnav{width:100%;padding:0 .24rem}
.ctnav li{line-height:.54rem;border-bottom:1px solid #eaeaea;font-size:.16rem;color:#666;display:flex;cursor:pointer}
.ctnav li .info{flex:1;text-align:left}
.ctnav li .info img{width:.32rem;height:.32rem;vertical-align:middle;margin-right:.1rem;position:relative;top:-.01rem}
.ctnav li .sub img{width:.2rem;height:.2rem;vertical-align:middle;margin:0 .08rem .01rem 0}
.logout{display:inline-block;width:2.58rem;line-height:.46rem;border:1px solid #8436e8;border-radius:.1rem;color:#8436e8;font-size:.18rem;background-color:#f2f2f2;margin:.3rem auto 0 auto;overflow:hidden;cursor:pointer}
.logout:hover{background-color:#b03f0e;border:1px solid #b03f0e;color:#fff}

/* footer */
.footer{background-color:#222;text-align:center;padding-top:.5rem}
.footer-nav a{display:inline-block;font-size:.18rem;color:#fff;cursor:pointer;line-height:.3rem;position:relative;margin:0 .3rem}
.footer-nav a::before{content:'';display:block;width:1px;height:.16rem;background-color:#666;position:absolute;left:-.3rem;top:.08rem}
.footer-nav a:first-child::before{display:none}
.footer-t{font-size:.6rem;color:#fff;font-family:Poppins-Bold;margin-top:.2rem}
.footer-d{margin-top:.3rem}
.footer-d a{display:inline-block;margin:0 .2rem;cursor:pointer}
.footer-d a img{width:.96rem;height:.96rem}
.footer-d a:hover{opacity:.8}
.footer-c{font-size:.18rem;color:#999;background-color:#333;line-height:.72rem;margin-top:.9rem}

/* index */
.home{width:100%;height:100%}
.page-box1{width:100%;height:9.99rem;background-image:url(../images/page-bg1.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#8436e8;position:relative}
.page-box1::before{content:'';display:block;width:4.84rem;height:100%;background:url(../images/page-bg1-left.png);background-size:100% 100%;position:absolute;left:0;top:0}
.page-box1::after{content:'';display:block;width:4.84rem;height:100%;background:url(../images/page-bg1-right.png);background-size:100% 100%;position:absolute;right:0;top:0}
.warp1{padding-top:.5rem;text-align:center}
.warp1-tit{font-size:.96rem;font-family:Poppins-Bold}
.warp1-h4{font-size:.48rem;color:#d5b5ff}
.warp1-start{display:block;width:5.4rem;height:1rem;line-height:1rem;text-align:center;background-color:#ffd800;color:#333;font-size:.36rem;border-radius:.16rem;margin:.6rem auto 0 auto;cursor:pointer}
.warp1-start:hover{background-color:#fddf3c}
.warp1-check{width:6rem;margin:.5rem auto 0 auto;position:relative;padding-left:.32rem;text-align:left;font-size:.16rem}
.warp1-check .ico-check{width:.24rem;height:.24rem;background-image:url(../images/icon-check.png);background-size:.48rem .24rem;background-position:0 0;background-repeat:no-repeat;position:absolute;left:0;top:0;cursor:pointer}
.warp1-check .checked{background-position:-.24rem 0}
.warp1-check a{text-decoration:underline;cursor:pointer}
.page-box2{width:100%;height:10.38rem;background-image:url(../images/page-bg2.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#fff}
.warp2-box{width:6rem;position:absolute;left:50%;margin-left:.2rem;top:50%;transform:translateY(-50%);font-size:.18rem;color:#666}
.warp2-tit{font-size:.6rem;color:#333}
.warp2-tit span{font-family:Poppins-Bold;color:#8436e8}
.warp2-con{width:4.8rem;margin:.6rem 0 0 .1rem}
.warp2-sub{margin-top:.3rem}
.warp2-sub span{font-family:Poppins-Bold;color:#8436e8}
.page-box3{width:100%;height:10.12rem;background-image:url(../images/page-bg3.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#8436e8}
.warp3{padding-top:.5rem}
.warp3-box{text-align:center;font-size:.4rem;color:#dec5ff}
.warp3-tit{font-size:1.2rem;font-family:Poppins-Bold;color:#fff}
.page-box4{width:100%;height:8.35rem;background-image:url(../images/page-bg4.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#fff;position:relative}
.page-box4::before{content:'';display:block;width:4.1rem;height:100%;background:url(../images/page-bg4-left.png);background-size:100% 100%;position:absolute;left:0;top:0}
.page-box4::after{content:'';display:block;width:3.2rem;height:100%;background:url(../images/page-bg4-right.png);background-size:100% 100%;position:absolute;right:0;top:0}
.warp4{padding-top:.8rem}
.warp4-tit{font-size:.4rem;color:#333;padding-bottom:.35rem;position:relative;margin-bottom:.3rem}
.warp4-tit span{font-family:Poppins-Bold;color:#8436e8}
.warp4-tit::before{content:'';display:block;width:.56rem;height:.06rem;background-color:#8436e8;border-radius:.02rem;position:absolute;left:0;bottom:0}
.warp4-tit::after{content:'';display:block;width:1.2rem;height:.06rem;background-color:#e0c8ff;border-radius:.02rem;position:absolute;left:.6rem;bottom:0}
.warp4-box{width:4.5rem;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.16rem;color:#666}
.mt100{margin-top:1rem}
.page-box5{width:100%;height:9.17rem;background-image:url(../images/page-bg5.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#fff;position:relative}
.page-box5::before{content:'';display:block;width:3.2rem;height:100%;background:url(../images/page-bg5-left.png);background-size:100% 100%;position:absolute;left:0;top:0}
.page-box5::after{content:'';display:block;width:3.9rem;height:100%;background:url(../images/page-bg5-right.png);background-size:100% 100%;position:absolute;right:0;top:0}
.warp5-box{width:4.8rem;position:absolute;left:50%;margin-left:.3rem;top:50%;transform:translateY(-50%);font-size:.16rem;color:#666;padding-bottom:1rem}
@media only screen and (min-width:1432px){
	.page-box5::before{top:-.01rem!important}
	.page-box5::after{top:-.01rem!important}
}

/* anonymousChat */
.page-box7{width:100%;height:9.99rem;background-color:#29d9b2;position:relative}
.page-box7::before{content:'';display:block;width:9.3rem;height:100%;background:url(../images/page-bg7-left.png);background-size:100% 100%;position:absolute;left:0;top:0}
.page-box7::after{content:'';display:block;width:9.9rem;height:100%;background:url(../images/page-bg7-right.png);background-size:100% 100%;position:absolute;right:0;top:0}
.warp7{text-align:left}
.warp7-tit{font-size:.88rem;font-family:Poppins-Bold;text-align:left;line-height:1.2}
.warp7-sub{font-size:.48rem}
.warp7-h4{font-size:.18rem;color:#fff;margin-top:.3rem}
.warp7-start{display:block;width:5.4rem;height:1rem;line-height:1rem;text-align:center;background-color:#ffd800;color:#333;font-size:.36rem;border-radius:.16rem;margin-top:.3rem;position:relative;z-index:5;cursor:pointer}
.warp7-start:hover{background-color:#fddf3c}
.warp7-check{width:6rem;margin-top:.3rem;position:relative;padding-left:.32rem;text-align:left;font-size:.16rem}
.warp7-check .ico-check{width:.24rem;height:.24rem;background-image:url(../images/icon-check3.png);background-size:.48rem .24rem;background-position:0 0;background-repeat:no-repeat;position:absolute;left:0;top:0;cursor:pointer}
.warp7-check .checked{background-position:-.24rem 0}
.warp7-check a{text-decoration:underline;cursor:pointer}
.warp7-box{position:absolute;left:50%;margin-left:-1rem;top:.4rem}
.page-box8{position:relative;background-color:#fff;padding:.6rem 0}
.page-box8::after,.page-box8::before{content:'';display:block;position:absolute;background-size:100% 100%}
.page-box8::before{width:4.2rem;height:7.18rem;background-image:url(../images/ditu-bg2.png);right:0;top:0}
.page-box8::after{width:3.82rem;height:6.18rem;background-image:url(../images/ditu-bg1.png);left:0;bottom:3rem}
.warp8-pre{border-top:1px dashed #eaeaea;position:relative;min-height:3rem;font-size:.16rem;color:#666;padding:.6rem 3.2rem .6rem 0}
.warp8-pre:first-child{border-top:none}
.warp8-pre>img{width:2.64rem;height:2.64rem;position:absolute;right:0;top:50%;margin-top:-1.32rem}
.warp8-tit{font-size:.4rem;color:#333;padding-bottom:.35rem;position:relative;margin-bottom:.3rem}
.warp8-tit span{font-family:Poppins-Bold;color:#8436e8}
.warp8-tit::before{content:'';display:block;width:.56rem;height:.06rem;background-color:#8436e8;border-radius:.02rem;position:absolute;left:0;bottom:0}
.warp8-tit::after{content:'';display:block;width:1.2rem;height:.06rem;background-color:#e0c8ff;border-radius:.02rem;position:absolute;left:.6rem;bottom:0}

/* videoChat */
.page-box6{width:100%;height:9.99rem;background-color:#6092ec;position:relative}
.page-box6::before{content:'';display:block;width:5.6rem;height:100%;background:url(../images/page-bg6-left.png);background-size:100% 100%;position:absolute;left:0;top:0}
.page-box6::after{content:'';display:block;width:8.96rem;height:100%;background:url(../images/page-bg6-right.png);background-size:100% 100%;position:absolute;right:0;top:0}
.warp6{padding-top:1rem;text-align:center}
.warp6-tit{font-size:.7rem;font-family:Poppins-Bold}
.warp6-h4{font-size:.48rem;color:#d9e7ff}
.warp6-h6{font-size:.18rem;color:#fff;margin-top:.2rem}
.warp6-start{display:block;width:5.4rem;height:1rem;line-height:1rem;text-align:center;background-color:#ffd800;color:#333;font-size:.36rem;border-radius:.16rem;margin:.6rem auto 0 auto;cursor:pointer;position:relative;z-index:5}
.warp6-start:hover{background-color:#fddf3c}
.warp6-check{width:5.5rem;margin:.5rem auto 0 auto;position:relative;padding-left:.32rem;text-align:left;font-size:.16rem}
.warp6-check .ico-check{width:.24rem;height:.24rem;background-image:url(../images/icon-check2.png);background-size:.48rem .24rem;background-position:0 0;background-repeat:no-repeat;position:absolute;left:0;top:0;cursor:pointer}
.warp6-check .checked{background-position:-.24rem 0}
.warp6-check a{text-decoration:underline;cursor:pointer}
.page-box9{width:100%;height:7.1rem;background-image:url(../images/page-bg9.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#fff}
.warp9-box{text-align:left;width:6.3rem;position:absolute;left:50%;margin-left:-1.1rem;top:1.2rem;font-size:.18rem;color:#666}
.mt30{margin-top:.3rem}
.page-box10{width:100%;background-color:#fff;font-size:.18rem;color:#666;position:relative}
.page-box10::before{content:'';display:block;width:100%;height:9.51rem;background:url(../images/page-bg10-space.png);background-size:100% 100%;position:absolute;left:0;top:0}
.page-box10::after{content:'';display:block;width:100%;height:9.51rem;background-image:url(../images/page-bg10.png);background-size:auto 9.51rem;background-position:top center;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:1}
.warp10-box{min-height:11.91rem;font-size:.18rem;color:#fff}
.warp10-top{text-align:left;width:4.45rem;position:absolute;left:50%;margin-left:.6rem;top:.9rem;line-height:1.6}
.warp10-tit{position:absolute;right:0;top:6.3rem;font-size:.6rem;color:#8436e8;font-family:Poppins-Bold;text-align:right;line-height:1.4}
.warp10-con{padding-top:9.5rem;color:#666;padding-bottom:1rem}
.page-box11{width:100%;height:7.45rem;background-image:url(../images/page-bg11.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666}
.warp11-box{padding-top:1rem;color:#666}
.warp-tit{font-size:.6rem;color:#8436e8;font-family:Poppins-Bold;line-height:1.3}
.warp-h4{font-size:.48rem;color:#666;margin-bottom:.2rem}
.warp-detail{width:5.8rem;margin-top:.3rem;color:#666}
.warp-detail>div{padding-left:.3rem;position:relative;line-height:1.8}
.warp-detail>div::before{content:'';display:block;width:.14rem;height:.14rem;background:#8436e8;border-radius:50%;position:absolute;left:0;top:.08rem}
.page-box12{width:100%;height:7.28rem;background-image:url(../images/page-bg12.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666}
.page-box12 .warp-detail{width:auto}
.page-box12 .warp-detail>div{padding-right:.3rem}
.page-box12 .warp-detail>div::before{left:auto;right:0;top:.1rem}
.warp12-box{width:6rem;padding-top:1.2rem;float:right;text-align:right}
.page-box13{width:100%;height:7.9rem;background-image:url(../images/page-bg13.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666}
.warp13-box{width:5.1rem;padding-top:1rem;color:#666;line-height:1.8}
.warp13-box .warp-tit{line-height:1.2}
.warp13-box .warp-h4{margin-bottom:.4rem}
.page-box14{width:100%;background-image:url(../images/page-bg14.png);background-size:auto 9.98rem;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666}
.warp14-box{height:9.98rem;text-align:center;padding-top:1.2rem}
.warp14-con{padding-top:.6rem}
.warp14-d{padding:0 .5rem;text-align:center;color:#666}
.warp14-list{overflow:hidden;margin-top:.76rem}
.warp14-list li{width:33.33%;float:left;padding-left:.3rem;padding-right:.3rem;position:relative;font-size:.18rem;color:#666}
.warp14-list li::before{content:'';display:block;width:.14rem;height:.14rem;background:#8436e8;border-radius:50%;position:absolute;left:0;top:.05rem}
.h120{height:1.2rem}
.h180{height:1.8rem}
.page-box15{width:100%;height:6.66rem;background-image:url(../images/page-bg15.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666}
.warp15-box{padding-top:.8rem;color:#666}
.warp15-box .warp-tit{line-height:1.2}
.warp15-box .warp-h4{margin-top:.2rem}
.warp15-con{width:4.8rem;line-height:1.7}
.page-box16{width:100%;height:8.82rem;background-color:#fff;font-size:.18rem;color:#666;position:relative;z-index:2}
.page-box16::before{content:'';display:block;width:100%;height:13.34rem;background-image:url(../images/page-bg16-space.png);background-size:100% 100%;position:absolute;left:0;top:-1.58rem}
.page-box16::after{content:'';display:block;width:100%;height:8.82rem;background-image:url(../images/page-bg16.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:1}
.warp16-box{position:absolute;left:50%;margin-left:-.88rem;top:2.7rem}
.warp16-box .warp-tit{color:#fff}
.warp16-con{margin-top:.6rem;line-height:1.7}
.page-box17{width:100%;height:6.14rem;background-image:url(../images/page-bg17.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666;position:relative}
.warp17-box{padding-top:2.2rem}
.warp17-box .warp-h4{line-height:1.2;margin-bottom:.1rem}
.warp17-box .warp-tit{line-height:1.2}
.warp17-con{color:#666;width:4.35rem;margin-top:.5rem}

/* Omegle Chat */
.page-warpoc{ width: 11.5rem; height: 100%; margin-left: auto; margin-right: auto; color: #fff; position: relative;}
.page-box6oc{width:100%;height:9.99rem;background-color:#ff6fa2;position:relative}
.page-box6oc::before{content:'';display:block;width:4.35rem;height:100%;background:url(../images/page-bg6oc-left.png);background-size:100% 100%;position:absolute;left:0;top:0}
.page-box6oc::after{content:'';display:block;width:5.68rem;height:100%;background:url(../images/page-bg6oc-right.png);background-size:100% 100%;position:absolute;right:0;top:0}
.warp6oc{padding-top:1rem;text-align:center}
.warp6oc-tit{font-size:.7rem;font-family:Poppins-Bold}
.warp6oc-h4{font-size:.48rem;color:#ffe1ec}
.warp6oc-h6{font-size:.18rem;color:#fff;margin-top:.2rem}
.warp6oc-start{display:block;width:5.4rem;height:1rem;line-height:1rem;text-align:center;background-color:#ffd800;color:#333;font-size:.36rem;border-radius:.16rem;margin:.6rem auto 0 auto;cursor:pointer;position:relative;z-index:5}
.warp6oc-start:hover{background-color:#fddf3c}
.warp6oc-check{width:5.5rem;margin:.5rem auto 0 auto;position:relative;padding-left:.32rem;text-align:left;font-size:.16rem}
.warp6oc-check .ico-check{width:.24rem;height:.24rem;background-image:url(../images/icon-check4.png);background-size:.48rem .24rem;background-position:0 0;background-repeat:no-repeat;position:absolute;left:0;top:0;cursor:pointer}
.warp6oc-check .checked{background-position:-.24rem 0}
.warp6oc-check a{text-decoration:underline;cursor:pointer}
.page-box1oc{width:100%;height:6rem;background-image:url(../images/img1.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666}
.page-box1oc .warp-detailoc{width:6rem;margin-top:.3rem;color:#666;line-height:1.8}
.page-box1oc .warp-detailoc>div{padding-right:0}
.page-box1oc .warp-detailoc>div::before{left:auto;right:0;top:.1rem}
.warp1oc-box{width:6rem;padding-top:1.6rem;float:right;text-align:left}
.page-box2oc{width:100%;height:6rem;background-image:url(../images/img2.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem;color:#666}
.warp2oc-box{width:6rem;padding-top:1.6rem;color:#666;line-height:1.8}
.warp2oc-box .warp-tit{line-height:1.2}
.warp2oc-box p{margin-bottom:.4rem}
.page-box3oc{width:100%;height:6rem;margin-bottom:1.2rem;background-image:url(../images/img3.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-color:#fff;font-size:.18rem; color:#666}
.page-box3oc .warp-detailoc{width:6rem;margin-top:.3rem;color:#666;line-height:1.8}
.page-box3oc .warp-detailoc>div{padding-right:0}
.page-box3oc .warp-detailoc>div::before{left:auto;right:0;top:.1rem}
.warp3oc-box{width:6rem;padding-top:.8rem;float:right;text-align:left}

/* login */
.mask{width:100%;height:100%;background-color:rgba(0,0,0,.75);position:fixed;left:0;top:0;z-index:101}
.login-box{width:7.8rem;height:4.8rem;background:url(../images/login-bg-p.png);background-size:100% 100%;position:fixed;left:50%;top:50%;margin-left:-3.9rem;margin-top:-2.4rem;z-index:102;border-radius:.16rem;overflow:hidden;display:flex}
.login-show{width:3rem;height:100%}
.swiper-container{overflow: hidden;position: relative;}
.swiper-container,.swiper-slide,.swiper-wrapper{width:3rem;height:100%}
.login-show img{width:100%;height:100%}
.swiper-pagination{text-align:right;bottom:0;padding-right:.1rem}
.swiper-container{background:url(../images/login-s-bg.png) no-repeat;background-size:100% 100%}
.swiper-container::before{content:'';display:block;width:100%;height:.3rem;background:url(../images/login-s-bg2.png) no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:0;z-index:10}
.login-content{flex:1;padding:.5rem 0 0 .64rem}
.login-top{font-size:.48rem;font-family:Poppins-Bold;color:#333;line-height:1.3;margin-bottom:.35rem}
.c-8436E8{color:#8436e8}
.btn{width:3.6rem;line-height:.52rem;border:1px solid #eaeaea;background-color:#fff;border-radius:.5rem;position:relative;text-align:center;font-size:.16rem;color:#333;cursor:pointer;margin-top:.13rem}
.btn img{width:.36rem;height:.36rem;position:absolute;left:.09rem;top:.09rem}
.btn:hover{color:#1878f3}
.login-tip{font-size:.12rem;color:#999;margin-top:.15rem;width:110%;position:relative;left:-10%;text-align:center}
.login-tip>div{display:block;text-align:center;word-break:keep-all}
.login-tip>div b{color:#666}