.attractPage{background-color:#f2f2f2;color:#000}.attractPage i{font-style:normal;margin-left:5px}.attractPage .content{overflow:hidden;width:1200px;margin:0 auto;position:relative}.attractPage .content .regular{height:510px;background-color:#fff;margin-bottom:20px;position:relative;overflow:hidden}.attractPage .content .regular h4{cursor:pointer;position:absolute;top:15px;right:15px;line-height:24px;font-size:18px;color:#4a85fa;z-index:100}.attractPage .content .regular h4 span{display:inline-block;width:24px;height:24px;background-image:url('../img/page/icon.png');vertical-align:middle;margin-right:8px;margin-top:-1px;position:relative;z-index:1}.attractPage .content .regular .flex{display:flex;height:260px;margin:20px 65px}.attractPage .content .regular .flex .leftBox{display:flex;flex:1;flex-direction:column;justify-content:space-around;align-items:center}.attractPage .content .regular .flex .leftBox span{display:block;width:60px;height:60px;line-height:60px;font-size:18px;border-radius:50%;background-color:#4a85fa;color:#fff;font-weight:bold;text-align:center}.attractPage .content .regular .flex .rightBox{display:flex;flex:7;flex-wrap:wrap;justify-content:space-between;align-content:space-between;position:relative}.attractPage .content .regular .flex .rightBox li{width:33.33%;height:95px;text-align:center;color:#000}.attractPage .content .regular .flex .rightBox li span{display:block;width:76px;height:76px;margin:0 auto}.attractPage .content .regular .flex .rightBox li:nth-child(1) span{background-image:url('../img/page/1.png')}.attractPage .content .regular .flex .rightBox li:nth-child(2) span{background-image:url('../img/page/2.png')}.attractPage .content .regular .flex .rightBox li:nth-child(3) span{background-image:url('../img/page/3.png')}.attractPage .content .regular .flex .rightBox li:nth-child(4) span{background-image:url('../img/page/4.png')}.attractPage .content .regular .flex .rightBox li:nth-child(5) span{background-image:url('../img/page/5.png')}.attractPage .content .regular .flex .rightBox li:nth-child(6) span{background-image:url('../img/page/6.png')}.attractPage .content .regular .flex .rightBox .center{position:absolute;width:100%;height:54px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;font-weight:bold}.attractPage .content .regular .flex .rightBox .center .line{position:absolute;width:100%;bottom:10px;height:6px;background-color:#edeff3;border-radius:1px;display:flex;justify-content:space-between;align-items:center}.attractPage .content .regular .flex .rightBox .center .line span{display:block;width:34px;height:34px;margin:0 auto;background-image:url('../img/page/complete_def.png')}.attractPage .content .regular .flex .rightBox .center .line span:nth-child(1){background-image:url('../img/page/complete_act.png')}.attractPage .content .regular .flex .rightBox .center p{position:relative;z-index:100;width:30%;text-align:center;color:#4a85fa;margin-top:5px}.attractPage .content .regular .flex .rightBox .center p:nth-child(1){text-indent:10%}.attractPage .content .regular .detail{font-size:18px;text-align:center;color:#333;margin:50px 0 30px}.attractPage .content .regular .detail span,.attractPage .content .regular .detail i{font-style:normal;color:red;font-size:22px;letter-spacing:3px;margin:0 3px}.attractPage .content .regular a{display:block;margin:10px auto;width:200px;height:60px;border-radius:30px;font-size:24px;background-color:#efc009;text-align:center;line-height:60px;color:#000}.attractPage .content .inviteLog{overflow:hidden;height:685px;box-sizing:border-box;background-color:#fff;margin-bottom:25px;padding:0 160px 60px}.attractPage .content .inviteLog h4{font-size:20px;font-weight:bold;height:100px;line-height:130px;text-align:center}.attractPage .content .inviteLog .top{display:flex;height:40px;justify-content:space-between;text-align:center}.attractPage .content .inviteLog .top span{width:30%;font-size:16px}.attractPage .content .inviteLog .inviteList li{display:flex;justify-content:space-between;text-align:center;color:#666;font-size:14px;height:45px;letter-spacing:1px}.attractPage .content .inviteLog .inviteList li div{width:30%}.attractPage .content .inviteLog .inviteList li div.first_day a{display:block;margin:-7px auto;color:#4a85fa;width:130px;height:30px;border-radius:21px;border:1px solid #4a85fa;font-size:14px;line-height:30px}.attractPage .content .inviteLog .inviteList li div.active a{color:#6e6e6e;border-color:#6e6e6e}.attractPage .content .inviteLog .pagination{position:absolute;left:50%;bottom:70px;transform:translateX(-50%)}.regularContent{position:absolute;display:none;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:200}.regularContent .inner{position:absolute;width:800px;height:420px;border:1px solid #000;border-radius:22px;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;color:#000;font-size:16px;padding:30px 20px 10px;text-indent:2rem;line-height:30px;overflow:auto}.regularContent .inner img{position:absolute;right:15px;top:10px;width:40px}.inviteBox{position:absolute;display:none;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:200}.inviteBox .inner{position:absolute;width:300px;height:150px;border-radius:20px;border:1px solid #000;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;padding:20px}.inviteBox .inner img{position:absolute;right:15px;top:10px;width:30px}.inviteBox .inner a{display:block;width:140px;height:40px;line-height:40px;text-align:center;font-size:16px;background-color:#4a85fa;margin:10px auto;color:#fff;border-radius:20px}.tupianBig{position:absolute;width:400px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:300px}.tupianBig img{width:100%}.tupianBig img.close{width:30px;height:30px;position:absolute;right:5px;top:5px}.tupianBig p{height:60px;background-color:#fff;color:#666;font-size:18px;line-height:60px;text-align:center}.newUserBox{position:absolute;display:none;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:200}.newUserBox .inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:400px;padding-bottom:30px;border:1px solid #666;background-color:#fff;color:#000}.newUserBox .inner p{font-size:22px;padding:20px}.newUserBox .inner div{display:flex;justify-content:space-around}.newUserBox .inner div a{width:150px;height:50px;line-height:50px;display:inline-block;text-align:center;color:#000;font-size:20px;border:1px solid #000;border-radius:28px;text-decoration:none}.newUserBox .inner div a:nth-child(2){border:1px solid transparent;color:#fff;background-color:#4a85fa}@media screen and (max-width:1200px){.attractPage .content{width:100%}}@media screen and (max-width:768px){.attractPage .content{width:100%}.attractPage .content .regular .flex{margin:40px 0}.attractPage .content .regular .flex .rightBox li{font-size:12px}.attractPage .content .inviteLog{padding:0;height:100%}.attractPage .content .inviteLog .inviteList li{font-size:12px}.attractPage .content .inviteLog .inviteList li div.first_day a{width:100px;font-size:12px}.attractPage .content .inviteLog .pagination{width:100%;position:static;transform:translateX(0)}.attractPage .content .inviteLog .pagination .wrpage{margin:0 5px 10px 5px;padding:0;height:25px;line-height:25px;padding:0 3px}.attractPage .content .inviteLog .pagination .wrpage_number{width:25px;height:25px;font-size:14px;padding:0}.regularContent .inner{width:90%;padding:45px 20px 10px;font-size:14px}.tupianBig{width:80%}.newUserBox .inner{width:80%}.newUserBox .inner div a{width:120px}}