body{background: #10111A; }
.fixedTop{position: fixed; background: rgba(16, 17, 26, 0.20); width: 100%; left: 0; top: 0; z-index: 9; padding: 0 120px; box-sizing: border-box;  }
.fixedTop a{color: rgb(255,255,255,0.6);}
.fixedTop.bg{background: #10111A;}
.banner{height: 420px; position: relative; }
.banner .slideBox,.banner .slideBox .bd,.banner .slideBox .bd .tempWrap,.banner .slideBox .bd .tempWrap ul,.banner .slideBox .bd .tempWrap li{height: 100%;}
.banner .hd{position: absolute; text-align: center; width: 100%; bottom: 70px; }
.banner .hd ul{display: flex; align-items: center; justify-content: center; }
.banner .hd ul li{width: 10px;height: 3px;background: #FFFFFF; margin: 0 5px; border-radius: 3px;opacity: 0.4;}
.banner .hd ul li.on{background: #fff; width: 20px; opacity: 1; }
.fixedTop .top{display: flex; justify-content: right; line-height: 34px; font-size: 12px; color: rgba(255, 255, 255, 0.60); }
.fixedTop .top .lan{position: relative;}
.fixedTop .top .lan a{padding-left: 16px; cursor: pointer; }
.fixedTop .top .lan a:hover{color: #127FFF;}
.fixedTop .top .lan::before{position: absolute; content: ''; display: block; top: 12px; left: 0; width: 1px; height: 10px; background: rgba(255, 255, 255, 0.20); }
.fixedTop .top > a{margin-right: 16px; cursor: pointer; }
.redfont{color: #E74F4F !important;}
.fixedTop .top .redfont{margin-right: 16px;}
.fixedTop .top .user{padding-left: 16px; position: relative; margin-left: 16px; }
.fixedTop .top .user::before{position: absolute; content: ''; display: block; top: 12px; left: 0; width: 1px; height: 10px; background: rgba(255, 255, 255, 0.20); }
.fixedTop .navbar{display: flex; align-items: center; }
.fixedTop .navbar .logo{height: 24px;}
.fixedTop .navbar .logo img{height: 100%;}
.fixedTop .navbar .right{margin-left: auto;}
.fixedTop .navbar .right{display: flex; align-items: center; height: 72px; }
.fixedTop .navbar .right ul{display: flex; align-items: center; }
.fixedTop .navbar .right ul li{margin: 0 15px;}
.fixedTop .navbar .right ul li a{font-size: 14px; color: #fff; }
.fixedTop .navbar .right ul li.on a{color: #127FFF;}
.fixedTop .navbar .right form{width: 190px;height: 36px; position: relative; border-radius: 6px;border: 1px solid rgba(255,255,255,0.1);} 
.fixedTop .navbar .right form input{border: none; box-sizing: border-box; padding-left: 12px; background: none; width: 100%; height: 100%; }
.fixedTop .navbar .right form button{background: none; position: absolute; right: 8px; top: 4px; padding: 0; border: none; margin: 0;}
.fixedTop .navbar .right form button img{width: 24px; height: 24px; }
.menus{ padding: 12px 120px 18px; position: relative; margin-top: -52px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1);; }
.menus.bg{background: #10111A;}
.menus a{display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; margin-right: 3%; color: rgba(255, 255, 255, 0.70); }
.menus a img{width: 22px; height: 22px; margin-right: 4px; }
.menus a.on{color: #fff;}
.menus a.on::before{position: absolute; display: block; content: ''; left: 0; bottom: -18px; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 51%, rgba(255,255,255,0) 100%); }
.selectBox{display: flex; align-items: center; padding: 0 120px; position: relative; }
.selectBox span{font-size: 12px; margin-right: 10px; color: rgba(255, 255, 255, 0.60); }
.selectBox a{height: 29px; cursor: pointer; margin-right: 10px; line-height: 29px; padding: 0 16px; background: rgba(255,255,255,0.05);border-radius: 8px; font-size: 12px; color: rgba(255, 255, 255, 0.60); }
.selectBox a.on,.selectBox a:hover{ color: #5BA6FF; background: rgba(18,127,255,0.2);}
.selectBox .morebtn{position: relative; margin-left: 10px; }
.selectBox .morebtn::before{position: absolute; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.1); content: ''; display: block; left: -10px; top:5px }
.selectBox .moreItemBox{position: absolute; display: inline-block; box-sizing: border-box; z-index: 2; padding: 24px 30px; left: 600px; top: 40px; background: linear-gradient(135deg, #181925 0%, #1B1D29 100%);border-radius: 16px 16px 16px 16px; }
.selectBox .moreItemBox::before{position: absolute; width: 39px; height: 7px; display: block; content: ''; background: url(../images/icon-up.png) no-repeat center; background-size: 100% 100%; top: -7px; right: 20px; }
.selectBox .moreItemBox ul li{margin-bottom: 24px;}
.selectBox .moreItemBox ul li span{width: 48px; display: inline-block; text-align: right;; }
.selectBox .moreItemBox ul li a{display: inline-block;}
.selectBox .moreItemBox .btns{}
.selectBox .moreItemBox .btns button{width: 62px;height: 27px; cursor: pointer; border: none; margin-right: 10px; color: #fff; font-size: 12px; background: linear-gradient(174deg, #127FFF 0%, #17ABFF 100%);border-radius: 4px;}
.selectBox .moreItemBox .btns button:nth-child(2){color: #FF435A; background: rgba(255,67,90,0.04);border-radius: 4px;border: 1px solid rgba(255,67,90,0.2); }
.types{display: flex; align-items: center; flex-wrap: wrap; margin: 24px 0 14px; padding: 0 0 0 120px;}
.types .item{margin-right: 10px; margin-bottom: 10px; cursor: pointer; display: flex; align-items: center; background: rgba(255,255,255,0.05);border-radius: 12px; padding: 5px 10px; }
.types .item p{font-size: 16px; width: 100px; color: #fff; line-height: 18px; }
.types .item p small{ font-size: 12px; margin-top: 8px; opacity: 0.2; display: flex; align-items: center; }
.types .item img{width: 80px; height: 80px;}
.giftslist{display: flex; align-items: center; flex-wrap: wrap; padding: 0 120px; justify-content: space-between; margin: 0 -12px;}
.giftslist .item{width: 227px;padding: 20px 8px; box-sizing: border-box; border-radius: 10px; position: relative;overflow: hidden;vertical-align: top;cursor: pointer;margin: 0 7px 22px;background: linear-gradient(225deg, #0A0B12 0%, #0B0D1D 100%);}
.giftslist .item .icon1{position: absolute; left: 16px; top: 0; width: 28px; height: 36px; }
.giftslist .item .icon1 img{width: 100%;}
.giftslist .item .icon2{position: absolute; right: 0; top: 0; width: 57px; height: 33px; }
.giftslist .item .icon2 img{width: 100%;}
.giftslist .item .img{width: 211px; height: 211px; display: flex; align-items: center; justify-content: center; }
.giftslist .item .img img{max-width: 100%; max-height: 100%; }
.giftslist .item h4{margin: 16px 0 8px; padding: 0 4px; display: flex; align-items: center; font-size: 15px; color: #fff; }
.giftslist .item h4 span{margin-left: auto; color: #90FFAD; }
.giftslist .item .tags{margin-bottom: 12px; padding: 0 4px; display: flex; align-items: center; }
.giftslist .item .tags span{font-size: 10px; color: #fff; line-height: 16px; height: 16px; border-radius: 8px; padding: 0 6px; margin-right: 4px; background: rgba(255,255,255,0.08); }
.giftslist .item .tags .red{color: #FF6287;background: rgba(255,98,135,0.1);}
.giftslist .item p{display: flex; align-items: center; padding: 0 4px; }
.giftslist .item p span{font-size: 11px; position: relative; padding-right: 8px; margin-right: 8px; color: rgba(255,255,255,0.2); }
.giftslist .item p span::before{position: absolute; display: block; right: 0; top: 2px; content: ''; width: 1px; height: 7px; background-color: #fff; opacity: 0.08; }
.blank{width: 241px;height: 2px;}
.festivals{ position: relative; padding: 0 120px; margin: 24px 0 16px; }
.festivals .leftbtn{position: absolute; width: 38px; height: 38px; left: 120px; top: 20px; z-index: 2; cursor: pointer; }
.festivals .leftbtn img{width: 100%; height: 100%; }
.festivals .rightbtn{position: absolute; width: 38px; height: 38px; right: 120px; top: 20px; z-index: 2; cursor: pointer; }
.festivals .rightbtn img{width: 100%; height: 100%; }
.festivals .box{width: 100%; overflow: hidden; position: relative; }
.festivals .box::before{position: absolute; left: 0; top: 0; width: 98px; height: 100%; content: ''; display: block;background: linear-gradient(90deg, #10111A 0%, rgba(16,17,26,0) 100%); }
.festivals .box::after{position: absolute; right: 0; top: 0; width: 98px; height: 100%; content: ''; display: block;background: linear-gradient(270deg, #10111A 0%, rgba(16,17,26,0) 100%);}
.festivals ul{display: flex; align-items: center; }
.festivals .boxright ul{justify-content: flex-end;}
.festivals ul li{margin-right: 42px; cursor: pointer; }
.festivals ul li .img{width: 77px; height: 77px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; }
.festivals ul li .img img{max-width: 90%; max-height: 90%; }
.festivals ul li p{font-size: 13px; margin-top: 12px; color: rgba(255,255,255,0.5); text-align: center; margin-bottom: 0; }
.festivals ul li.on .img{border: 1px solid #127FFF;}
.festivals ul li.on p{color: #127FFF;}
.floatBox{position: fixed; right: 0; top: 50%; padding: 11px 12px; height: 690px; box-sizing: border-box; margin-top: -318px; background: url(../images/fbg.png) no-repeat center; background-size: 100% 100%; }
.floatBox a{display: block; line-height: 0; cursor: pointer; margin-bottom: 24px; text-align: center; }
.floatBox a img{width: 36px; height: 36px; }
.floatBox p{font-size: 10px; color: rgba(204, 228, 255, 0.40); margin-top: 2px; line-height: 12px; }
.floatBox a:nth-child(1){margin-bottom: 16px;}
.floatBox a:nth-child(1) img{width: 60px; height: 60px; }
.floatBox a:nth-child(2) p{color: rgba(76, 212, 255, 0.60);}

.shadow, .loginShadow{background: rgba(0,0,0,0.4); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9;}
.contactBox{z-index: 10; box-sizing: border-box; padding: 32px; position: fixed; top: 20%; width: 694px; border-radius: 20px; left: 50%; margin-left: -347px; background: linear-gradient(225deg, #181D35 0%, #0C0A1B 100%); border: 1px solid rgba(125, 178, 241, 0.43); }
.contactBox header{display: flex; margin-bottom: 34px; align-items: center; font-size: 17px; color: #EBF4FF; }
.contactBox header img{cursor: pointer;cursor: pointer; margin-left: auto; width: 27px; height: 27px; }
.contactBox .flex{display: flex; align-items: center; }
.contactBox .left{}
.contactBox .left .item{margin-bottom: 48px;}
.contactBox .left .item:nth-last-child(1){margin-bottom: 0;}
.contactBox .left .item h4{display: flex; margin-bottom: 16px; align-items: center; font-size: 16px; color: #EBF4FF; }
.contactBox .left .item h4 img{width: 20px; height: 20px; margin-right: 6px; }
.contactBox .left .item p{font-size: 14px; padding-left: 28px; margin-top: 7px; color: rgba(204, 228, 255, 0.60); }
.contactBox .right{ margin-left: auto; padding: 1px 26px; width: 301px;height: 327px;border-radius: 20px;border: 1px dashed rgba(204, 228, 255, 0.14); box-sizing: border-box; }
.contactBox .right h4{font-size: 14px; color: #EBF4FF; opacity: 0.6; margin: 16px 0; text-align: center; }
.contactBox .right img{ width: 100%; border: 18px solid #fff; box-sizing: border-box; border-radius: 15px; }

.services{position: fixed; z-index: 10; left: 50%; padding: 32px; box-sizing: border-box; margin-left: -434px; top: 20%; width: 868px; background: linear-gradient(225deg, #181D35 0%, #0C0A1B 100%); border: 1px solid rgba(125, 178, 241, 0.43); border-radius: 26px;}
.services header{display: flex; margin-bottom: 24px; align-items: center; font-size: 17px; color: #EBF4FF; }
.services header img{margin-left: auto; cursor: pointer;width: 27px; height: 27px; }
.services .flex{display: flex; align-items: flex-start; justify-content: space-between; }
.services section{padding: 26px 26px; box-sizing: border-box; margin-top: 16px; }
.services section h4{display: flex; align-items: center; color: #EBF4FF; margin-bottom: 24px; }
.services section h4 img{width: 24px; height: 24px; margin-right: 6px; }
.services section div{font-size: 14px; line-height: 16px; margin-top: 16px; display: flex; justify-content: space-between; align-items: center; color: rgba(204, 228, 255, 0.60);  }
.services section div span{color: #127FFF;}
.services section div span.green{color: #90FFAD;}
.services .sec1{width: 395px;height: 150px;background: url(../images/sbg1.png) no-repeat center; background-size: 100% 100%; border-radius: 10px;border: 1px solid rgba(55, 59, 86, 0.42);}
.services .sec2{width: 395px;height: 165px;background: url(../images/sbg2.png) no-repeat center; background-size: 100% 100%; border-radius: 10px;border: 1px solid rgba(55, 59, 86, 0.42);}
.services .sec3{width: 395px;background: url(../images/sbg3.png) no-repeat center; background-size: 100% 100%; border-radius: 10px;border: 1px solid rgba(55, 59, 86, 0.42);}
.services .sec4{width: 395px; height: 102px; cursor: pointer; font-size: 17px; color: #7883A0; display: flex; align-items: center; justify-content: center; border-radius: 10px;border: 1px solid rgba(55, 59, 86, 0.42);}
.services .sec4 img{width: 24px; height: 24px; margin-right: 4px; }

.downloadfile{position: fixed; z-index: 10; left: 50%; padding: 32px; box-sizing: border-box; margin-left: -342px; top: 20%; width: 684px; background: linear-gradient(225deg, #181D35 0%, #0C0A1B 100%); border: 1px solid rgba(125, 178, 241, 0.43); border-radius: 20px;}
.downloadfile header{display: flex; margin-bottom: 22px; align-items: center; font-size: 17px; color: #EBF4FF; }
.downloadfile header img{margin-left: auto; cursor: pointer;width: 27px; height: 27px; }
.downloadfile .list{border-radius: 10px; overflow: hidden;}
.downloadfile .tit{height: 50px; border-bottom: 1px solid #212338; color: rgba(204, 228, 255, 0.40);  font-size: 12px; display: flex; align-items: center; line-height: 50px; text-align: center; }
.downloadfile .tit span{flex: 1; box-sizing: border-box; border-left: 1px solid rgba(18, 28, 55, 0.08); }
.downloadfile .tit span:nth-child(1){flex: 2; border-left: none; text-align: left; padding-left: 20px; }
.downloadfile ul{padding:0; margin: 0; height: 430px; overflow-y: scroll; }
.downloadfile ul li{height: 52px; margin-top: 16px; text-align: center; font-size: 13px; display: flex; align-items: center;height: 53px;border-radius: 10px;border: 1px solid #212338; }
.downloadfile ul li span{flex: 1; line-height: 50px; color: rgba(204, 228, 255, 0.40); box-sizing: border-box; border-left: 1px solid rgba(18, 28, 55, 0.08);}
.downloadfile ul li span:nth-child(1){flex: 2; padding-left: 20px; text-align: left; display: flex; align-items: center; color: #EBF4FF; border-left: none; }
.downloadfile ul li span:nth-child(1) img{width: 28px; height: 28px; }
.downloadfile ul li div{flex: 1; height: 50px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-left: 1px solid rgba(18, 28, 55, 0.08);}
.downloadfile ul li button{ background: none; display: flex; padding: 0; align-items: center; justify-content: center; width: 73px;height: 31px;border: none;}
.downloadfile ul li button img{width: 100%; height: 100%; }

.buycart{position: fixed; z-index: 10; left: 50%; padding: 32px; box-sizing: border-box; margin-left: -339px; top: 15%; width: 678px;background: linear-gradient(225deg, #181D35 0%, #0C0A1B 100%); border: 1px solid rgba(125, 178, 241, 0.43); border-radius: 20px;}
.buycart header{display: flex; margin-bottom: 24px; align-items: center; font-size: 17px; color: #EBF4FF; }
.buycart header img{margin-left: auto; cursor: pointer;width: 27px; height: 27px; }
.buycart header small{font-size: 12px; display: block; margin-top: 10px; opacity: 0.5; }
.buycart .tit{display: flex; font-size: 12px; color: rgba(204, 228, 255, 0.40); align-items: center; padding: 16px 0; border-bottom: 1px solid rgba(18, 28, 55, 0.08);  }
.buycart .tit span{flex: 2;}
.buycart .tit span:nth-child(1),.buycart .tit span:nth-last-child(1){flex: 1;}
.buycart .tit span:nth-child(2){flex: 4;}
.buycart ul{list-style: none; padding: 10px 0; max-height: 340px; overflow-y: scroll; }
.buycart ul li{font-size: 12px; color: #EBF4FF; display: flex; align-items: center; padding: 8px 0; }
.buycart ul li > div{flex: 2;}
.buycart ul li .icon,.buycart ul li .edit{flex: 1;}
.buycart ul li .icon img{width: 14px; height: 14px; cursor: pointer; }
.buycart ul li .img{ flex: 4; height: 55px; display: flex; align-items: center; }
.buycart ul li .name{font-size: 16px; margin-left: 8px; }
.buycart ul li .name small{display: block; margin-top: 12px; font-size: 12px; color: rgba(204, 228, 255, 0.50); }
.buycart ul li .edit img{width: 24px; height: 24px;  cursor: pointer; }
.buycart footer{display: flex; font-size: 10px; color: #EBF4FF; align-items: center; padding-top: 26px;border-top: 1px solid rgba(0, 0, 0, 0.08); }
.buycart footer img{width: 14px; height: 14px; cursor: pointer; margin-right: 6px; }
.buycart footer .green{color: #90FFAD;}
.buycart footer h4{font-size: 12px; color: #EBF4FF; padding-left: 16px; }
.buycart footer h4 small{color: rgba(204, 228, 255, 0.50); margin-top: 8px; display: block; font-size: 10px; }
.buycart footer .btns{margin-left: auto;}
.buycart footer .btns button{width: 139px;height: 40px; cursor: pointer; background: none; padding: 0; border: none; }
.buycart footer .btns button:nth-child(2){width: 113px;height: 40px; margin-left: 12px; cursor: pointer; background: none; padding: 0; border: none; }
.buycart footer .btns button img{width: 100%; height: 100%;}
.buycart ul::-webkit-scrollbar{width: 4px;}
.buycart ul::-webkit-scrollbar-thumb{border-radius: 10px; background: rgba(0, 0, 0, 0.08); }
.buycart ul::-webkit-scrollbar-track{border-radius: 0px; background: rgba(0, 0, 0, 0); }

.gooddetail{z-index: 10;background: #050915; box-sizing: border-box; position: fixed; top: 20%; width: 986px; border-radius: 25px; left: 50%; margin-left: -493px;}
.gooddetail .closebtn{position: absolute; width: 36px; height: 36px; right: 0; top: -48px; cursor: pointer; }
.gooddetail header{ margin-bottom: 16px; }
.gooddetail header .good{display: flex; align-items: center; }
.gooddetail header .good .img{ box-sizing: border-box;cursor: pointer; margin-left: auto; width: 102px;height: 102px;border-radius: 10px;border: 1px solid rgba(255,255,255,0.04);}
.gooddetail header .good .text{ border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 16px;}
.gooddetail header .good h4{font-size: 22px;color: #EBF4FF; margin: 20px 0 10px; display: flex; align-items: center; }
.gooddetail header .good h4 img{width: 40px; height: 23px; margin-left: 2px;}
.gooddetail header .good h5{color: #CCE4FF; font-size: 12px; }
.gooddetail header .good h5 span{ margin-right: 4px;color: #CCE4FF;height: 25px; padding: 0 10px; line-height: 25px; background: rgba(255,255,255,0.05);border-radius: 14px; }
.gooddetail header > img{width: 32px; height: 32px; margin-left: auto; cursor: pointer; }
.gooddetail header .price{font-size: 24px; color: #90FFAD; margin-top: 20px; }
.gooddetail header .subtit{display: flex; align-items: center; margin-top: 10px; }
.gooddetail header .subtit span{font-size: 12px; color: #CCE4FF; opacity: 0.4; }
.gooddetail header .subtit .line{width: 1px; height: 8px; background-color: rgba(204, 228, 255, 0.10); margin: 0 8px; }
.gooddetail .flex{display: flex; align-items: center; position: relative; }
.gooddetail .flex .left{ height: 530px; padding: 32px 0 32px 32px; overflow: hidden; line-height: 0; border-radius: 10px; display: flex; align-items: center; }
.gooddetail .flex .left video{width: 300px;height: 100%; margin-right: 16px; object-fit: cover;overflow-clip-margin: content-box;overflow: clip;}
.gooddetail .flex .right{width: 545px; height: 585px; padding: 32px; margin-left: auto;background: linear-gradient(225deg, #181D35 0%, #0C0A1B 100%); }
.gooddetail .flex .right .btns{margin-top: 16px; display: flex; align-items: center; }
.gooddetail .flex .right .btns button{background: none; cursor: pointer; padding: 0; border: none; margin-right: 8px; }
.gooddetail .flex .right .btns button img{height: 48px;}
.gooddetail .flex .right .btns .rbtn button{padding: 0 8px; display: flex; align-items: center; justify-content: center; height: 48px; font-size: 14px; color: rgba(204, 228, 255, 0.60); }
.gooddetail .flex .right .btns .rbtn button img{width: 27px; height: 27px;}
.gooddetail .right .flex::before{position: absolute; content: ''; left: 0; bottom: 0; width: 604px; height: 105px; background: url(../images/gbg1.png) no-repeat center; background-size: 100% 100%;   }
.gooddetail .tip{height: 29px; margin-bottom: 10px; display: flex; align-items: center; font-size: 12px; color: #FFCEA1; background: rgba(255,180,110,0.05);border-radius: 16px; padding: 0 10px; }
.gooddetail .tip img{width: 16px; height: 16px; }
.gooddetail .flow{width: 259px; height: 235px; padding: 46px 14px 0; position: relative; border-radius: 10px;border: 1px solid rgba(204,228,255,0.08);}
.gooddetail .flow .tit{position: absolute; width: 74px;height: 28px; display: flex; align-items: center; justify-content: center; background: linear-gradient(270deg, rgba(18,127,255,0.14) 0%, rgba(18,127,255,0) 100%);border-radius: 0px 0px 16px 0px; font-size: 12px; color: #DFEEFF; left: 0; top: 0; }
.gooddetail .flow .small_tit{font-size: 12px; color: #EBF4FF; margin-bottom: 8px; }
.gooddetail .flow .small_tit span{color: #6FB1FF; }
.gooddetail .flow .txt{opacity: 0.4; font-size: 11px; line-height: 16px; color: #CCE4FF; margin-bottom: 40px; }
.gooddetail .tips{width: 275px; padding: 40px 14px 0; position: relative; height: 235px; margin-left: 10px; border-radius: 10px;border: 1px solid rgba(204,228,255,0.08);}
.gooddetail .tips .tit{position: absolute; width: 74px;height: 28px; display: flex; align-items: center; justify-content: center; background: linear-gradient(270deg, rgba(255,174,18,0.14) 0%, rgba(255,61,18,0) 100%);border-radius: 0px 0px 16px 0px; font-size: 12px; color: #FFDBB9; left: 0; top: 0;}
.gooddetail .tips .txt{font-size: 11px; padding-left: 15px; position: relative; margin-bottom: 10px; line-height: 22px; color: rgba(204, 228, 255, 0.50); }
.gooddetail .tips .txt.yellow{color: rgba(255, 206, 161, 0.80);}
.gooddetail .tips .txt::before{position: absolute; left: 2px; top: 8px; width: 4px; height: 4px; border-radius: 50%; background: rgba(204, 228, 255, 0.50); content: ''; }
.gooddetail .applet{position: absolute; top: 80px; right: -115px; padding: 10px; box-sizing: border-box; width: 115px; height: 216px; background: url(../images/gbg2.png) no-repeat center; background-size: 100% 100%; }
.gooddetail .applet img{width: 100%;}
.gooddetail .applet h4{font-size: 12px; color: #EBF4FF; margin: 10px 0 8px; }
.gooddetail .applet p{opacity: 0.4; font-size: 10px; color: #CCE4FF; line-height: 14px; }


.earnings{ padding: 12px 120px; display: flex; align-items: center; }
.earnings .box{margin-left: auto; padding: 0 14px; display: flex; align-items: center; font-size: 12px; color: #FFF7DA; width: 498px; height: 52px; background: url(../images/new_bg2.png) no-repeat center; background-size: 100% 100%; }
.earnings .box span{color: #FFD363; padding-left: 2px; }
.earnings .box big{font-size: 16px; font-weight: bold; }
.earnings .box .slideUpBox{ margin-left: 128px; padding-left:48px; background: url(../images/new_txt.png) no-repeat left center; background-size: 39px 18px;}
.earnings .box .btn{margin-left: auto; cursor: pointer; }
.earnings .box .btn img{height: 28px;}
.earningsBox{ position: fixed; box-sizing: border-box; padding: 265px 52px 0; z-index: 9; left: 50%; top: 50%; margin-top: -431px; margin-left: -431px; width: 862px; height: 861px;background: url(../images/new_bg.png) no-repeat center; background-size: 100% 100%; }
.earningsBox::before{position: absolute; content: ''; display: block; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(15, 17, 25, 1), rgba(0, 0, 0, 0)); left: 0; bottom: 0; z-index: 2; border-radius: 0 0 40px 40px; }
.earningsBox header{display: flex; align-items: center; margin-bottom: 10px; color: #776666; font-size: 12px; }
.earningsBox header span:nth-child(1){flex: 1;}
.earningsBox header span:nth-child(2){flex: 6;}
.earningsBox header span:nth-child(3){flex: 1; text-align: right; }
.earningsBox ul{list-style: none; height: 550px; overflow-y: scroll; padding: 0; margin: 0; }
.earningsBox ul li{ padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.04); display: flex; align-items: center; color: #fff; font-size: 14px; }
.earningsBox ul li span{flex: 1;}
.earningsBox ul li .user{flex: 6; opacity: 0.8; }
.earningsBox ul li .count{flex: 1; text-align: right; color: #FFEFE0; }
.earningsBox ul li .count big{font-size: 18px;}
.earningsBox ul li:nth-child(1) span,.earningsBox ul li:nth-child(1) .user,.earningsBox ul li:nth-child(1) .count{color: #FFD363;}
.earningsBox ul li:nth-child(2) span,.earningsBox ul li:nth-child(2) .user,.earningsBox ul li:nth-child(2) .count{color: #EDF9FF;}
.earningsBox ul li:nth-child(3) span,.earningsBox ul li:nth-child(3) .user,.earningsBox ul li:nth-child(3) .count{color: #FF9B63;}
.earningsBox .closeBtn{width: 32px; height: 32px; cursor: pointer; position: absolute; right: 24px; top: 165px; }
.earningsBox .closeBtn img{width: 100%;}
.earningsBox ul::-webkit-scrollbar{width: 4px;}
.earningsBox ul::-webkit-scrollbar-thumb{border-radius: 10px; background: rgba(0, 0, 0, 0.08); }
.earningsBox ul::-webkit-scrollbar-track{border-radius: 0px; background: rgba(0, 0, 0, 0); }

.loginbox{width: 512px;height: 450px; box-sizing: border-box; padding: 30px 30px 0; border-radius: 20px; border: 1px solid rgba(125, 178, 241, 0.43); background: url(../images/login_bg.png) no-repeat top center #0C0A1B; background-size: 100% auto; position: fixed; z-index: 10; left: 50%; margin-left: -256px; top: 50%; margin-top: -276px; }
.loginbox header{position: relative;}
.loginbox header .logo{height: 23px;}
.loginbox header p{font-size: 14px; margin-top: 5px; line-height: 16px; color: rgba(235, 244, 255, 0.40); }
.loginbox header .closebtn{position: absolute; right: 0; top: 0; width: 27px; height: 27px; cursor: pointer; }
.loginbox .head{margin-top: 24px; margin-bottom:30px;}
.loginbox .head span{font-size: 18px; cursor: pointer; position: relative; margin-right: 22px; color: rgba(235, 244, 255, 0.40); }
.loginbox .head span.on{color:#328EFF; }
.loginbox .head span.on::before{position: absolute; content: ''; display: block; width: 17px;height: 3px;background: #328EFF;border-radius: 2px 2px 2px 2px; left: 50%; margin-left: -8px; bottom: -6px; }
.loginbox .item{height: 60px; display: flex; align-items: center; margin-bottom: 16px; position: relative; border-radius: 12px 12px 12px 12px;border: 1px solid rgba(255,253,253,0.1);}
.loginbox .item span{width: 80px; height: 20px; font-size: 16px; color: #fff; box-sizing: border-box; padding-left: 16px; border-right: 1px solid rgba(255,253,253,0.1); }
.loginbox .item span.blue{color: #328EFF;}
.loginbox .item input{width: calc(100% - 95px); outline: none; background-color: none; height: 30px; background: none; border: none; box-sizing: border-box; padding-left: 14px; font-size: 16px; color: #CCE4FF; }
.loginbox .item button{position: absolute; padding: 0; cursor: pointer; background: none; border: none; width: 109px; height: 38px; top: 11px; right: 16px; }
.loginbox .item button img{width: 100%;}
.loginbox .item .btn2{position: absolute; border-radius: 8px; padding: 0; font-size: 16px; color: rgba(117, 148, 184, 0.60); cursor: pointer; background: #222442; border: none; width: 109px; height: 38px; top: 11px; right: 16px;}
.loginbox .btn{height: 62px; cursor: pointer; border: none; width: 100%; background: #222442;border-radius: 10px 10px 10px 10px; font-size: 18px;color: rgba(117, 148, 184, 0.40); }
.loginbox .btn.active{background: url(../images/login_btn2.png) no-repeat center; background-size: 100% 100%;  }
.loginbox h4{font-size: 12px; margin: 0; display: flex; align-items: center; color: rgba(204, 228, 255, 0.40); }
.loginbox h4 a{color: #328EFF;}
.loginbox h4 span{margin-left: auto;}
.loginbox .morebtn{cursor: pointer; margin-bottom: 12px; }
.loginbox .morebtn img{width: 100%;}
.passwordbox{height: 466px;}
.passwordbox .item span{width: 90px;}
.loginbox .title{text-align: center; margin-bottom: 24px; }
.loginbox .title h4{font-size: 22px; text-align: center; display: block; color: #EBF4FF; margin-top: 0; margin-bottom: 8px; }
.loginbox .title p{font-size: 12px; color: rgba(235, 244, 255, 0.40); margin-bottom: 0; }
.passwordbox .btn3{height: 62px; color: rgba(204, 228, 255, 0.60); font-size: 18px; text-align: center; cursor: pointer; line-height: 62px; margin-top: 10px; width: 100%; border: none; background: none; outline: none; }
.passwordbox .btn{margin-top: 40px;}
.passwordbox .btn.active{background: url(../images/login_btn3.png) no-repeat center; background-size: 100% 100%;  }
.loginbox .item input::-webkit-input-placeholder {  /* WebKit browsers*/ 
    color: rgba(204, 228, 255, 0.40);
}
.loginbox .item input:-moz-input-placeholder {   /* Mozilla Firefox 4 to 18*/ 
    color: green;
    background-color: #f9f7f7;
    font-size: 14px;
}
.loginbox .item input::-moz-input-placeholder {  /* Mozilla Firefox 19+*/ 
    color: green;
    background-color: #f9f7f7;
    font-size: 14px;
}

.loginbox .item input:-ms-input-placeholder { /* Internet Explorer 10+*/ 
    color: green; 
    background-color: #f9f7f7;
    font-size: 14px;
}
.menus.fixed{position: fixed;left: 0; top: 157px;width: 100%;z-index: 9; }
.recommended{margin-top: 12px;}
.recommended > h4{font-size: 12px; margin-bottom: 20px; position: relative; color: rgba(235, 244, 255, 0.50); }
.recommended > h4::before{ width: 480px; top: 6px; right: 0; height: 1px; background: rgba(255, 255, 255, 0.06); position: absolute; display: block; content: ''; }
.recommended .list{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.recommended .list .item{margin-bottom: 18px;}
.recommended .list .img{ display: flex; align-items: center; justify-content: center; width: 83px; height: 83px;border-radius: 13px 13px 13px 13px;border: 1px solid rgba(255,255,255,0.08);}
.recommended .list .img img{max-width: 90%; max-height: 90%; }
.recommended .list h4{text-align: center; margin-top: 8px; color: #FFFFFF; font-size: 12px; margin-bottom: 0; width: 85px;
    overflow: hidden;
    white-space: nowrap;}

.giftShow2 {
    width: 359px;
    height: 600px;
    right: 150px;
    bottom: 0px;
    border: 0px;
    /*margin-left: -444px;*/
    /*top: 50%;*/
    margin-top: -334px;
    /*background: #180d3273;*/
    /*background-image: linear-gradient( */
    /*135deg,#131a48,#15182c, #172847, #34103c);*/
    position: fixed;
    z-index: 100;
    padding: 24px;
    border-radius: 8px;
    box-sizing: border-box;
    /*box-shadow: 0px 0px 50px 1px #54545470;*/
}

.giftShow2 .close {
    position: absolute;
    cursor: pointer;
    right: -11px;
    top: -12px;
}

.giftShow2 .pull-left {
    width: 315px;
    height: 620px;
    overflow: hidden;
    border-radius: 4px;
}

.giftShow2 .pull-left img {
    width: 80%;
    margin-top: 300px
}

/* 新增css */
.giftShow2 .pull-left header {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
}

.giftShow2 .pull-left header .box {
    width: 128px;
    height: 28px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    background: rgba(255,255,255,0.1);
    display: flex;
    text-align: center;
    line-height: 28px;
}

.giftShow2 .pull-left header .box span {
    flex: 1;
    border-radius: 4px;
}

.giftShow2 .pull-left header .box span.active {
    background: #1A5EFF
}

.giftShow2 .pull-left header .info {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    margin-left: auto;
    text-align: right;
    line-height: 18px;
}

.giftShow2 .pull-left .con {
    width: 100%;
    height: 555px;
}

.giftShow2 .pull-left video {
    height: 100%;
    object-fit: fill;
    border-radius: 4px;
}

.scanCode{}
.scanCode .img{width: 215px; height: 215px; position: relative; margin: 40px auto 15px; box-sizing: border-box; border-radius: 15px; border: 10px solid #fff;  }
.scanCode .img > img{width: 100%; }
.scanCode p{line-height: 21px; font-size: 18px; text-align: center; color: #fff; }
.scanCode .btn{position: absolute; cursor: pointer; width: 215px; height: 215px; left: -10px; top: -10px; background: rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.scanCode .btn img{width: 32px; height: 32px; }
.scanCode .btn p{font-size: 16px; color: #fff; margin-top: 6px; }


.perfectBox{position: fixed; width: 778px; height: 556px; box-sizing: border-box; padding: 30px 50px 0; left: 50%; top: 50%; z-index: 10; margin-left: -389px; margin-top: -278px; background: url(../images/new2_bg.png) no-repeat center; background-size: 100% 100%; }
.perfectBox header{display: flex; align-items: center; height: 44px; padding-bottom: 20px; font-size: 22px; color: #CDF3FF; font-weight: bold; padding-left: 52px; background: url(../images/new2_icon.png) no-repeat left 0; background-size: 44px 44px; border-bottom: 1px solid rgba(205,243,255,0.06); } 
.perfectBox header img{margin-left: auto; cursor: pointer; width: 27px; height: 27px; }
.perfectBox button{background: none; border: none; margin: 56px auto 0; width: 176px; display: block; }
.perfectBox button img{width: 100%;}
.perfectBox .item{margin-top: 28px;}
.perfectBox .item h4{font-size: 16px; color: #DBEBFF; margin-bottom: 14px; padding-left: 12px; position: relative; }
.perfectBox .item h4::before{position: absolute; left: 0; top: 6px; display: block; width: 4px; height: 4px; border-radius: 1px; background: #3091FF; content: '';  }
.perfectBox ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap; }
.perfectBox ul li{height: 42px; padding: 0 30px; cursor: pointer; line-height: 42px; font-size: 14px; color: rgba(204,228,255,0.4); background: rgba(8,9,27,0.6); margin-right: 16px;border-radius: 8px 8px 8px 8px;}
.perfectBox ul li.on{background: #127FFF; color: #fff; }

.festivalsShow{height: 90px; width: 206px; margin-bottom: 10px; margin-right: 10px; display: block; background: rgba(18,127,255,0.1);border-radius: 12px 12px 12px 12px;border: 1px solid rgba(18,127,255,0.4);}
.festivalsShow header{height: 14px; line-height: 0; text-align: center; }
.festivalsShow header img{height: 100%;}
.festivalsShow ul{display: flex; align-items: center; padding: 4px; justify-content: space-between; flex-wrap: wrap; }
.festivalsShow ul li{width: 95px;height: 30px; margin: 2px; background: rgba(91,166,255,0.1);border-radius: 4px 4px 4px 4px; }
.festivalsShow ul li a{display: flex; align-items: center; height: 100%; padding: 0 8px; }
.festivalsShow ul li a big{font-size: 0.6rem; color: #A8D0FF; }
.festivalsShow ul li a small{ font-size: 0.5rem; padding-top: 2px; color: #5BA6FF; opacity: 0.4; display: block;}
.festivalsShow ul li a span{margin-left: auto; font-size: 0.8rem; color: #45E58E; }



.search_new{margin-bottom: 35px; display: flex; align-items: center;padding: 0 0 0 120px; }
.search_new h6{color: rgba(255, 255, 255, 0.20); margin-bottom: 4px; font-size: 10px; }
.search_new .typebtn{line-height: 0; margin-right: 24px; padding: 7px;background: #0C0D13;border-radius: 12px 12px 12px 12px;border: 1px solid rgba(199,235,255,0.4); }
.search_new .typebtn img{width: 126px; cursor: pointer; }
.search_new .newbtn{ margin-right: 24px; line-height: 0; }
.search_new .newbtn img{height: 36px; cursor: pointer;}
.search_new form{width: 331px;height: 43px; position: relative; border-radius: 24px;border: 1px solid rgba(255,255,255,0.2);}
.search_new form img{width: 24px; height: 24px; position: absolute; left: 12px; top: 9px; }
.search_new form input{width: 100%; height: 100%; background: none; font-size: 12px; color: #fff; padding-left: 40px; border: none; outline: none; box-sizing: border-box; }
.search_new form button{position: absolute;width: 58px;height: 31px;background: rgba(255,255,255,0.2);border-radius: 16px; border:none; outline: none; right:7px;top: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.8); }


/* <!-- 佳维诚邀您进行满意度调研style --> */
.surveybox{width: 794px;height: 550px; padding: 32px; z-index: 10; box-sizing: border-box; background: url(../images/d_bg.png) no-repeat top center #10111A; background-size: 100% auto; border-radius: 20px 20px 20px 20px;border: 1px solid rgba(255,255,255,0.08);position: fixed;left: 50%;margin-left: -397px;top: 50%;margin-top: -275px;}
.surveybox header{display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid rgba(236,245,255,0.06); }
.surveybox header > img{width: 36px; height: 36px; }
.surveybox header .text{margin-left: 8px;}
.surveybox header h4{font-size: 20px; color: #FFFFFF; margin-top: 0; margin-bottom: 12px; }
.surveybox header p{margin-bottom: 0; color: rgba(236, 245, 255, 0.40); font-size: 12px; }
.surveybox header .close{margin-left: auto; line-height: 0; cursor: pointer; }
.surveybox header .close img{width: 27px; height: 27px;}
.surveybox .flex{display: flex; align-items: center; }
.surveybox .item{flex: 1;margin-top: 20px;}
.surveybox .flex .item:nth-child(1){margin-right: 8px;}
.surveybox .flex .item:nth-child(2){margin-left: 8px;}
.surveybox .item p{margin-bottom: 12px; color: rgba(236, 245, 255, 0.85); font-size: 14px; }
.surveybox .item textarea{margin-bottom: 0; width: 100%; font-size: 13px; box-sizing: border-box; color: rgba(236, 245, 255, 0.95); padding: 15px; height: 76px;background: #181924;border-radius: 10px 10px 10px 10px;border: 1px solid rgba(236, 245, 255, 0.04);}
.surveybox .btn{margin-top: 30px; display: flex; justify-content: end; }
.surveybox .btn button{width: 210px; background: none; display: block; border: none; cursor: pointer;}
.surveybox .btn img{width: 100%;}
.surveybox .stars{display: flex; align-items: center; font-size: 13px; color: rgba(236, 245, 255, 0.70); }
.surveybox .stars span{width: 40px; height: 40px; margin-right: 14px; background: url(../images/d_star.png) no-repeat center; background-size: 100% 100%; }
.surveybox .stars span.on{background: url(../images/d_star_on.png) no-repeat center; background-size: 100% 100%;}

/*新功能上新*/
.newFeature{width: 846px;height: 519px; display: flex; align-items: center; padding: 0; z-index: 10; box-sizing: border-box; background: url(../images/d_bg.png) no-repeat top center #10111A; background-size: 100% auto; border-radius: 20px 20px 20px 20px;border: 1px solid rgba(255,255,255,0.08);position: fixed;left: 50%;margin-left: -423px;top: 50%;margin-top: -260px;}
.newFeature .close{width: 27px; height: 27px; cursor: pointer; position: absolute; right: 32px; top: 32px; }
.newFeature .close img{width: 100%; height: 100%;}
.newFeature .left{width: 434px; box-sizing: border-box; padding: 32px; }
.newFeature .right{width: 410px; line-height: 0; }
.newFeature .right img{width: 100%;}
.newFeature .left h3 {margin: 0; font-size: 30px; line-height: 42px;}
.newFeature .left h3 span{ background: linear-gradient(to right, #ffffff, #D8E0EE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.newFeature .left h4{font-size: 14px; margin-top: 5px; margin-bottom: 0; line-height: 20px; background: linear-gradient(to right, #9399A3, #4F5B6D); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.newFeature .left button{background: none; margin-top: 24px; padding: 0; border: 0; width: 138px; line-height: 0; }
.newFeature .left button img{width: 100%;}
.newFeature .left section{cursor: pointer; position: relative; padding: 16px; margin-top: 16px; border-radius: 14px 14px 14px 14px;background: url(../images/f_bg.png) no-repeat center; background-size: 100% 100%; }
.newFeature .left section.on{background: url(../images/f_bgon.png) no-repeat center; background-size: 100% 100%;border-radius: 14px 14px 14px 14px;}
.newFeature .left section .title{ font-size: 16px; color: #7D8A9F; margin-bottom: 8px; line-height: 22px; }
.newFeature .left section .title img{width: 31px; height: 18px; position: absolute; right: 11px; top: 11px; }
.newFeature .left section .title small{font-size: 11px; color: #464E5C; }
.newFeature .left section .text{display: flex; align-items: center; flex-wrap: wrap; }
.newFeature .left section .text span{font-size: 11.5px; padding-left: 12px; margin-top: 4px; margin-right: 14px; line-height: 15px; color: #464E5C; position: relative; }
.newFeature .left section .text span:before{position: absolute; left: 4px; top: 5px; content: ''; display: block; width: 3px;height: 3px;border-radius: 0px 0px 0px 0px; background: #464E5C; }
.newFeature .left section.on .title span{background: linear-gradient(to right, #02C2FF, #02A4FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent;;}
.newFeature .left section.on .text span{color: #7D8A9F;}
.newFeature .left section.on .text span:before{background: #7D8A9F;}
.newFeature .dots{position: absolute; right: 163px; bottom: 16px; display: flex; align-items: center; }
.newFeature .dots span{width: 20px;height: 2px;background: rgba(255,255,255,0.3);border-radius: 5px 5px 5px 5px; margin-left: 4px; }
.newFeature .dots span.on{width: 36px;height: 2px;background: #FFFFFF;}

/* 礼物ai */
.aiBox{height: calc(100% - 106px); display: flex; align-items: center; width: 100%; box-sizing: border-box; padding:16px 24px; }
.aiLeft{width: 358px;height: 100%;  padding: 22px; box-sizing: border-box;background: linear-gradient( 180deg, #1A1D35 0%, #252948 100%);border-radius: 10px;border: 1px solid #42476D;}
.aiLeft h4{margin-bottom: 6px; margin-top: 0; color: #E1EEFF; font-size: 16px; }
.aiLeft p{line-height: 24px; font-size: 12px; color: #E1EEFF; opacity: 0.4; margin-top: 10px; margin-bottom: 16px; }
.aiLeft .description{height: 145px;position: relative;background: #161934;border-radius: 9px;border: 1px solid #2C3052;}
.aiLeft .description textarea{padding: 15px;width: 100%; outline: none; color: #fff; box-sizing: border-box; height: 80%; background: none; border: none; }
.aiLeft .description span{position: absolute; opacity: 0.4; font-size: 14px; color: #E1EEFF; right: 8px; bottom: 8px; }
.aiLeft button{padding: 0; margin-bottom: 16px; background: none; border: none; cursor: pointer; }
.aiLeft button img{width: 100%;}
.aiLeft .list{margin-bottom: 32px; margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.aiLeft .list .item{width: 73px; opacity: 0.4; cursor: pointer; }
.aiLeft .list .img{width: 73px; height: 73px; border-radius: 10px; }
.aiLeft .list h5{font-size: 12px; color: #E1EEFF; padding: 7px 0; text-align: center; margin: 0; }
.aiLeft .list .item.on{opacity: 1;}
.aiLeft .list .item.on .img{border: 1px solid #E1EEFF; border-radius: 12px; }
.aiRight{width: calc(100% - 358px); display: flex; align-items: center; height:100%; position: relative; background: url(../images/ai_bg2.png) repeat; }
.aiRight .showBox{height: calc(100% - 100px); width: 100%; display: flex; align-items: center; justify-content: center; }
.aiRight .showBox .emptyBox{display: flex; align-items: center; }
.aiRight .showBox .emptyBox img{width: 80px; height: 80px; }
.aiRight .showBox .emptyBox .text{margin-left: 8px;}
.aiRight .showBox .emptyBox h4{font-size: 18px; color: #E1EEFF; margin-bottom: 12px; }
.aiRight .showBox .emptyBox p{font-size: 12px; color: #E1EEFF; opacity: 0.4; }
.aiLeft .description textarea::-webkit-input-placeholder { color: rgba(225, 238, 255, 0.4);}
.aiSlideBox{height: 100px; width: calc(100% - 100px); position: relative; margin-left: 50px; }
.aiSlideBox .prev{width: 44px; height: 44px; cursor: pointer; position: absolute; left: 0px; top: 30px; background: url(../images/ai_left.png) no-repeat center; background-size: 100% 100%; }
.aiSlideBox .next{width: 44px; height: 44px; cursor: pointer; position: absolute; right: 0px; top: 30px; background: url(../images/ai_right.png) no-repeat center; background-size: 100% 100%;}
.aiSlideBox .bd{overflow-x: hidden; width: calc(100% - 128px); margin: 0 auto; }
.aiSlideBox .bd ul li{float: left; position: relative; width: 75px; cursor: pointer; margin:0 8px; }
.aiSlideBox .bd ul li .img{width: 75px; height: 75px; opacity: 0.4; border-radius: 10px; }
.aiSlideBox .bd ul li h5{font-size: 12px; color: #E1EEFF; opacity: 0.4; padding: 7px 0 0; text-align: center; margin: 0; }
.aiSlideBox .bd ul li.on .img,.aiSlideBox .bd ul li.on h5{opacity: 1;}
.aiSlideBox .bd ul li.on .img{border: 1px solid #E1EEFF; border-radius: 12px; }
.aiSlideBox .bd ul li p{position: absolute; opacity: 0; font-size: 10px; color: #1C1F3A; display: flex; left: 15px; bottom: 25px; align-items: center; justify-content: center;width: 45px;height: 18px;background: #E1EEFF;border-radius: 10px; }
.aiSlideBox .bd ul li p img{width: 13px; height: 13px; }
.aiSlideBox .bd ul li:hover p{opacity: 1;}

.aiRight .formation{width: 325px; height: calc(100% - 140px); max-height: 650px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #121425;border-radius: 20px;border: 2px solid #34395E;}
.aiRight .formation img{width: 80px; height: 80px; }
.aiRight .formation p{font-size: 14px;color: rgba(225, 238, 255, 0.60); margin-top: 10px;}
.aiRecords{height: 100%; min-width: 140px; box-sizing: border-box; padding: 20px; background: linear-gradient( 180deg, #1A1D35 0%, #252948 100%);border-radius: 10px;border: 1px solid #42476D; }
.aiRecords h4{font-size: 12px; margin-bottom: 20px; color: #E1EEFF; display: flex; align-items: center; }
.aiRecords h4 img{margin-left: auto; cursor: pointer; width: 20px; height: 20px; }
.aiRecords p{font-size: 10px; margin-top: 32px; color: rgba(225, 238, 255, 0.30); text-align: center; }
.aiRecords ul{max-height: calc(100% - 70px);}
.aiRecords ul li{width: 100px;height: 100px; margin-bottom: 12px; box-sizing: border-box; border-radius: 10px;border: 1px solid rgba(255,255,255,0.1);}
.aiRecords ul li .img{width: 100%; height: 100%; }
.aiRight .aniBox{width: 325px; height: calc(100% - 140px); max-height: 650px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #121425;border-radius: 30px;border: 1px solid #34395E;}
.aiRight .aniBox header{font-size: 12px; color: #D8E5FF; height: 32px; line-height: 32px; text-align: center; }
.aiRight .aniBox .video{height: calc(100% - 32px); border-radius: 30px; overflow: hidden; width: 100%; position: relative; }
.aiRight .aniBox .video video{width: 100%; height: 100%; object-fit: cover;overflow-clip-margin: content-box;overflow: clip;}
.aiRight .aniBox .video .playBtn{position: absolute; cursor: pointer; z-index: 2; width: 62px; height: 62px; left: 50%; margin-left: -31px; top: 50%; margin-top: -31px; }
.aiRight .aniBox2{width: 325px; height: calc(100% - 140px); position: relative; max-height: 650px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #121425;border-radius: 30px;border: 1px solid #34395E;}
.aiRight .aniBox2 .video{height: 100%; border-radius: 30px; overflow: hidden; width: 100%; z-index: 2; position: relative; }
.aiRight .aniBox2 .video video{width: 100%; height: 100%; object-fit: cover;overflow-clip-margin: content-box;overflow: clip;}
.aiRight .aniBox2 .video .playBtn{position: absolute; cursor: pointer; z-index: 2; width: 62px; height: 62px; left: 50%; margin-left: -31px; top: 50%; margin-top: -31px; }
.aiRight .aniBox2 .buyBox{position: absolute; right: -142px; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; box-sizing: border-box; padding-left: 19px; width: 161px; height: 295px; background: url(../images/ai_bg3.png) no-repeat center; background-size: 100% 100%; }
.aiRight .aniBox2 .buyBox h4{font-size: 12px; color: #AAAFD6;margin-top: 112px; margin-bottom: 15px; }
.aiRight .aniBox2 .buyBox h4 big{font-size: 22px; color: #2496FF; }
.aiRight .aniBox2 .buyBox button{padding: 0; cursor: pointer; border:none; line-height: 0; margin-top: 16px; padding: 0; background: none; width: 100px; outline: none; }
.aiRight .aniBox2 .buyBox button img{width: 100%;}
.aiRecords.more{width: 364px;  }
.aiRecords.more ul{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.aiRight .left{height: 100%; flex:1; width: 0; }
.aiRight .right{height: 100%;}
.aipagination{display: flex; align-items: center; justify-content: center; margin-top: 30px; }
.aipagination a{display: block; line-height: 0; cursor: pointer; margin: 0 4px; text-align: center; font-size: 12px; cursor: pointer; }
.aipagination a span{color: #fff; border-radius: 3px 3px 3px 3px;border: 1px solid #414552; line-height: 24px; display: block; width: 24px; height: 24px;}
.aipagination a.on span{color: #2BA6FF; border: 1px solid #2BA6FF; }
.aipagination a img{width: 24px; height: 24px; }

.aiLeft{position: relative;}
.aiLeft > .list{overflow-y: scroll; max-height: calc(100% - 540px); }
.template{ height: 100%; width: 344px; overflow-y:scroll; box-sizing: border-box; padding: 20px; background: linear-gradient( 180deg, #1A1D35 0%, #252948 100%); border-radius: 10px; border: 1px solid #42476D;}
.template h4{ font-size: 16px; margin-bottom: 16px; color: #E1EEFF; display: flex; align-items: center;}
.template .list{display: flex; flex-wrap: wrap; justify-content: space-between; }
.template .list .item{width: 140px;height: 250px; margin-bottom: 20px; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; border-radius: 20px;opacity: 0.6;}
.template .list .item.on{opacity: 1; border: 2px solid #FFFFFF;}
.template .list .img{width: 100%; height: 100%; }
.template .list h5{position: absolute; width: 100%; text-align: center; font-size: 12px; color: #D8E5FF; left:0; bottom:0; line-height: 25px; height: 25px;background: rgba(20,24,51,0.8);}
.template .list .item.on h5{color: #fff;}
.loading{position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,0.6);border-radius: 10px; }
.loading img{width: 60px; height: 60px; }
.loading p{text-align: center; margin-bottom: 0; color: #fff; font-size: 14px; margin-top: 10px; }
.material{height: 100%; width: 239px; z-index: 3; position: absolute; left: 374px; top: 0; overflow-y:scroll; box-sizing: border-box; padding: 20px; background: linear-gradient( 180deg, #1A1D35 0%, #252948 100%); border-radius: 10px; border: 1px solid #42476D;}
.material h4{ font-size: 16px; margin-bottom: 16px; color: #E1EEFF; display: flex; align-items: center;}
.material .list .item{width: 180px;height: 180px; margin-bottom: 29px; box-sizing: border-box; cursor: pointer; border-radius: 20px;opacity: 0.6;}
.material .list .item.on{opacity: 1; border: 2px solid #FFFFFF;}
.material .list .img{width: 100%; height: 100%; }
.historyRecord{width: 613px;height: 100%; overflow-y: scroll; padding: 22px; box-sizing: border-box;background: linear-gradient( 180deg, #1A1D35 0%, #252948 100%);border-radius: 10px;border: 1px solid #42476D;}
.historyRecord h4{margin-bottom: 25px; display: flex; align-items: center; margin-top: 0; color: #E1EEFF; font-size: 16px; }
.historyRecord h4 img{width: 32px; cursor: pointer; height: 32px; margin-right: 8px; }
.historyRecord .list{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.historyRecord .list .item{width: 116px;height: 116px;border: 1px solid rgba(255,255,255,0.1); margin-bottom: 11px; box-sizing: border-box; cursor: pointer; border-radius: 10px;}
.historyRecord .list .img{width: 100%; height: 100%; }
.aiLeft button{margin-bottom: 16px; position: relative; }
.aiLeft button input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }


.incentiveplan{background: #000305;}
.incentiveplan .banner{width: 100%;height: 720px; background: url(../images/ad/banner.png) no-repeat center; background-size: auto 100%; display: flex; align-items: center; justify-content: center; line-height: 0; }
.incentiveplan .banner img{max-width: 100%;height: 720px;}
.incentiveplan .navbar{ height: 66px; background: linear-gradient( 270deg, #00F8B0 0%, #00B4F4 100%); display: flex; align-items: center; justify-content: center;  }
.incentiveplan .navbar .list{width: 1200px;height: 100%; display: flex; align-items: center; }
.incentiveplan .navbar .list span{ font-size: 24px; line-height: 66px; color: #000; cursor: pointer; text-align: center; flex: 1;  }
.incentiveplan .navbar .list span.on{background: url(../images/ad/bg6.png) no-repeat center; background-size: 100% 100%; }
.incentiveplan .section1{ padding-top: 36px; height: 783px; box-sizing: border-box; width: 100%; background: url(../images/ad/bg0.png) no-repeat center; background-size: auto 100%; }
.incentiveplan .section2{ height: 1085px; box-sizing: border-box; width: 100%; background: url(../images/ad/bg4.png) no-repeat center; background-size: auto 100%; }
.incentiveplan .section3{ padding-top: 26px; height: 1172px; box-sizing: border-box; width: 100%; background: url(../images/ad/bg2.png) no-repeat center; background-size: auto 100%; }
.incentiveplan .section4{ padding-top: 32px; height: 1071px; box-sizing: border-box; width: 100%; background: url(../images/ad/bg5.png) no-repeat center; background-size: auto 100%; }
.incentiveplan .section4 .fiximg{margin-bottom: 73px;}
.incentiveplan .section5{ padding-top: 60px; height: 1026px; box-sizing: border-box; width: 100%; background: url(../images/ad/bg1.png) no-repeat center; background-size: auto 100%; }
.incentiveplan .title{line-height: 0; display: flex; align-items: center; justify-content: center; }
.incentiveplan .title img{height: 100%;}
.incentiveplan .w{width: 1200px; margin: 0 auto; }
.incentiveplan .fiximg{line-height: 0; display: flex; justify-content: center; }
.incentiveplan .fiximg img{max-width: 100%;}
.incentiveplan .section5 .w{height: 567px; box-sizing: border-box; padding: 64px 74px 66px; background: url(../images/ad/bg7.png) no-repeat center; background-size: 100% 100%;}
.incentiveplan .section5 article{ overflow-y: scroll; height: 100%; }
.incentiveplan .section5 article p{color: #B9F5FA; font-size: 16px; line-height: 38px; }
.incentiveplan .section5 article p span{color: #FCFF02;}
.incentiveplan .section3 .w{height: 858px; margin-top: -20px; box-sizing: border-box; padding: 69px 65px 30px; background: url(../images/ad/bg8.png) no-repeat center; background-size: 100% 100%;}
.incentiveplan section article::-webkit-scrollbar {width: 3px; }
.incentiveplan section article::-webkit-scrollbar-track { background: none;}
.incentiveplan section article::-webkit-scrollbar-thumb {background: #256765; }
.incentiveplan section article::-webkit-scrollbar-thumb:hover {background: #256765; }
.incentiveplan .section3 article{ overflow-y: scroll; height: 100%; }
.incentiveplan .section3 article p{color: #B9F5FA; font-size: 16px; line-height: 30px;}
.incentiveplan .section3 h4{ margin-top: 20px; line-height: 0;  margin-bottom: 24px;}
.incentiveplan .section3 h4 img{height: 48px; }
.incentiveplan .section3 article > img{width: 100%;}
.incentiveplan .section3 article h4:nth-child(1){margin-top: 0;}
.incentiveplan .wechatCode{width: 168px; position: fixed; right: 25px; top: 50%; margin-top: -115px; }
.incentiveplan .wechatCode .box{width: 168px; height: 237px; margin-bottom: 13px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url(../images/ad/bg9.png) no-repeat center; background-size: 100% 100%; }
.incentiveplan .wechatCode .box img{width: 115px; height: 115px;}
.incentiveplan .wechatCode .box p{margin-bottom: 0; margin-top: 10px; text-align: center; line-height: 23px; font-size: 15px; color: #AFEDEF; }
.incentiveplan .wechatCode > img{width: 100%; cursor: pointer; }
.incentiveplan .back{position: fixed; cursor: pointer; width: 72px; height: 72px; right: 72px; bottom: 20px; }
.incentiveplan .back img{width: 100%;}
.incentiveplan .submitSuccess,.incentiveplan .formbox{ background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.incentiveplan .submitSuccess .box{width: 373px; height: 266px;background: url(../images/ad/bg10.png) no-repeat center; background-size: 100% 100%; }
.incentiveplan .submitSuccess .box button{ width: 184px; cursor: pointer; display: block; margin: 181px auto 0; padding: 0; background: none; line-height: 0;}
.incentiveplan .submitSuccess .box button img{width: 100%;}
.incentiveplan .formbox .box{width: 1058px; height: 550px; position: relative; background: url(../images/ad/bg11.png) no-repeat top center; background-size: 100% auto;}
.incentiveplan .formbox .box button{ width: 256px; cursor: pointer; display: block; margin: 83px auto 0; padding: 0; background: none; line-height: 0;}
.incentiveplan .formbox .box button img{width: 100%;}
.incentiveplan .formbox .box .closebtn{width: 53px; cursor: pointer; height: 53px;display: block; margin: 0px auto 0; }
.incentiveplan .formbox form{padding: 95px 90px 75px;}
.incentiveplan .formbox form label{font-size: 18px; display: block; color: #C7F2E6; line-height: 30px; }
.incentiveplan .formbox form input{ font-size: 18px; outline: none; width: 100%; margin-top: 10px; padding-left: 25px; color: #fff; height: 51px;background: #020B0F;border: 1px solid #2E737E;}
.incentiveplan .formbox form input::placeholder{color: #66909C;}
.incentiveplan .formbox form .flex{margin-bottom: 30px;display: flex; align-items: center; justify-content: space-between; }
.incentiveplan .formbox form .flex .item{width: 28%;}
.incentiveplan .formbox .title{position: absolute; width: 273px; height: 67px; top: -70px; left:50%; margin-left: -137px; }
.incentiveplan .navbar.fixed{position: fixed;width: 100%; left: 0; top: 0;}





	.w_footer{    background-color: #10111a;}
.w_footer > p{font-size: 12px; color: rgb(255,255,255,0.6); text-align: center;padding: 30px 0;}
.footer_page{width: 650px; margin: 0 auto; padding-top: 50px;}
.footer_page .pull-left{width: 300px; position: relative;}
.footer_page .pull-left:before{content: '';display: block; right: -39px; top: 13px; position: absolute; width: 1px;height: 100px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 51%, rgba(255, 255, 255, 0) 100%);}
.footer_page .pull-left .tel{background: url(../images/icon10.png) no-repeat left center; margin-top: 24px; height: 56px; padding-left: 65px;}
.footer_page .pull-left h4{font-size: 20px;color: #EEEEEE;font-weight: bold;padding: 7px 0 10px;}
.footer_page .pull-left h4 span{color: #00EA9C;}
.footer_page .pull-left p{font-size: 12px;color: #EEEEEE;}
.footer_page .pull-right .img{width: 120px; float: left; text-align: center; margin-left: 30px;}
.footer_page .pull-right .img img{width: 100px; border-radius: 8px;}
.footer_page .pull-right .img p{font-size: 12px;color: #EEEEEE; margin-top: 12px;}
.w_footer a{color:#ffffff80;}

/* 设计师入驻样式 */
.designer-settling{background: #03091C;}
.designer-settling section{padding-bottom: 120px;}
.designer-settling .quesitionList{background: url(../images/design_bg3.png) no-repeat bottom center; background-size: 100% auto; }
.designer-settling .title{text-align: center; padding-bottom: 60px; padding-top: 156px; }
.designer-settling .title h2{font-size: 60px; margin-bottom: 8px; font-weight: 600; line-height: 70px;background: linear-gradient(90deg, #29BFFF 0%, #80FFB3 100%);text-align: center;color: white;-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.designer-settling .title p{margin-bottom: 0; line-height: 16px; font-size: 14px; color: rgba(255, 255, 255, 0.3); }
.designer-settling .quesitionList .list{ width: 1200px; margin: 0 auto; justify-content: space-between; display: flex; align-items: center; flex-wrap: wrap; }
.designer-settling .quesitionList .list .item{width: 595px; margin-bottom: 11px; cursor: pointer; background: rgba(3,9,28,0.2); padding: 24px 16px; box-sizing: border-box; border-radius: 4px;border: 1px solid rgba(255,255,255,0.1);}
.designer-settling .quesitionList .list .item h4{font-size: 16px; transition: all 0.5s linear; padding-left: 35px; background: url(../images/design_img1.png) no-repeat left center; background-size: 28px 28px; margin-bottom: 15px; line-height: 28px; color: rgba(255, 255, 255, 0.80); }
.designer-settling .quesitionList .list .item:hover{background: linear-gradient( 90deg, rgba(21,142,255,0.1) 0%, rgba(85,235,255,0.1) 100%); border: rgba(255, 255, 255, 0.1);}
.designer-settling .quesitionList .list .item:hover h4{background: url(../images/design_img2.png) no-repeat left center; background-size: 28px 28px; color:#158EFF; }
.designer-settling .quesitionList .list .item p{font-size: 12px; transition: all 0.5s linear; padding-left: 35px; line-height: 24px; height: 48px; color: rgba(255, 255, 255, 0.40); margin-bottom: 0; }
.designer-settling .quesitionList .list .item:hover p{color: rgba(255, 255, 255, 0.6);}
.designer-settling .cooperation{background: url(../images/design_bg2.png) no-repeat bottom center; background-size: auto 100%; position: relative; }
.designer-settling .cooperation .list{display: flex; align-items: center; justify-content: space-between; width: 1200px; margin: 0 auto; }
.designer-settling .cooperation .item{padding: 50px 34px; transition: all 0.5s linear; cursor: pointer; width: 393px; height: 425px; position: relative; box-sizing: border-box;background: rgba(3,9,28,0.2);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(255,255,255,0.1);}
.designer-settling .cooperation .item:hover{background: linear-gradient( 90deg, rgba(21,142,255,0.1) 0%, rgba(85,235,255,0.1) 100%);border: 1px solid rgba(255, 255, 255, 0.1);}
.designer-settling .cooperation .item h4{font-size: 24px; margin-bottom: 34px; line-height: 28px; background: linear-gradient(90deg, #158EFF 0%, #55EBFF 100%); color: white;-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.designer-settling .cooperation .item p{font-size: 14px; line-height: 30px; color: rgba(255,255,255,0.6); }
.designer-settling .cooperation .item img{position: absolute; transition: all 0.5s linear; opacity: 0.2; right: 0; bottom: 0; width: 278px; height: 278px; }
.designer-settling .cooperation .item:hover img{opacity: 1;}
.designer-settling .makemoney{ position: relative; background: url(../images/design_bg2.png) no-repeat center; background-size: auto 100%;}
.designer-settling .makemoney .title{background: url(../images/design_bg4.png) no-repeat top center; background-size: 965px 237px; }
.designer-settling .makemoney .list{display: flex; align-items: center; justify-content: space-between; width: 1200px; margin: 0 auto; }
.designer-settling .makemoney .list .item{ box-sizing: border-box; transition: all 0.5s linear; cursor: pointer; padding: 35px 0 0 37px; width: 394px;height: 130px;background: rgba(3,9,28,0.2);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(255,255,255,0.1);}
.designer-settling .makemoney .list .item p{font-size: 12px; line-height: 14px; color: rgba(255, 255, 255, 0.40); margin-bottom: 16px; }
.designer-settling .makemoney .list .item h4{font-size: 20px; transition: all 0.5s linear; line-height: 24px; color: rgba(255, 255, 255, 0.60); }
.designer-settling .makemoney .list .item h4 span{background: linear-gradient(0deg, #158EFF 0%, #55EBFF 100%); color: white;-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.designer-settling .makemoney .list .item:hover{background: linear-gradient( 90deg, rgba(21,142,255,0.1) 0%, rgba(85,235,255,0.1) 100%);border: 1px solid rgba(255, 255, 255, 0.1);}
.designer-settling .makemoney .list .item:hover h4{color: #fff;}
.designer-settling .makemoney h6{font-size: 14px; color: rgba(255, 255, 255, 0.40); margin-top: 60px; text-align: center; }
.designer-settling .makemoney .fixleft{ position: absolute; width: 215px; height: 365px; bottom: -40px; left: 0px; }
.designer-settling .whyjoin{ padding-bottom: 74px; background: url(../images/design_bg1.png) no-repeat bottom right ; background-size: cover; }
.designer-settling .whyjoin h6{text-align: center; font-size: 16px; color: rgba(255, 255, 255, 0.40); }
.designer-settling .whyjoin h6 span{position: relative;}
.designer-settling .whyjoin h6 span::before{width: 233px; height: 1px; top: 8px; position: absolute; content: ''; display: block; left: -243px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%) }
.designer-settling .whyjoin h6 span::after{width: 233px; height: 1px; top: 8px; position: absolute; content: ''; display: block; right: -243px; background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%)}
.designer-settling .whyjoin .list{display: flex; align-items: center; justify-content: space-between; width: 1200px; margin: 0 auto 80px;  }
.designer-settling .whyjoin .list .item{}
.designer-settling .whyjoin .list .item .top{ margin-bottom: 42px; text-align: center; display: flex; align-items: center; justify-content: center;  font-size: 15px; color: #FFFFFF; width: 380px;height: 61px;background: rgba(255,255,255,0.06);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(255,255,255,0.04);}
.designer-settling .whyjoin .list .item .top i{width: 5px;height: 5px; margin-right: 8px; background: #158EFF;display: block; border-radius: 3px; }
.designer-settling .whyjoin .list .item .top span{color: #158EFF;}
.designer-settling .whyjoin .list .item .text{text-align: center;}
.designer-settling .whyjoin .list .item .text p{font-size: 20px; margin-bottom: 9px; color: rgba(255, 255, 255, 0.40); line-height: 24px; }
.designer-settling .whyjoin .list .item .text big{font-size: 40px; display: block; line-height: 46px; font-weight: bolder; font-style: italic; background: linear-gradient(0deg, #158EFF 0%, #55EBFF 100%); color: white;-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.designer-settling .cooperation .fixright{right: 0; bottom: -100px; width: 340px; height: 343px; position: absolute; }
.designer-settling .banner{height: 594px; position: relative; box-sizing: border-box; background: url(../images/design_banner.png?2) no-repeat center #03091C; background-size: auto 100%; }
.designer-settling .banner .btn{position: absolute; z-index: 2; left: 50%; margin-left: -600px; top: 361px; width: 229px; line-height: 0; }
.designer-settling .banner .btn img{width: 100%;}
.designer-settling .banner .btn p{position: absolute; top: 14px; left: 16px; font-size: 12px; color: #FFFFFF;}
.designer-settling .banner .btn p span{color: #57FFFF;}
.designer-settling .banner .slide{position: absolute; width: 100%; bottom: 0; left:0;height: 327px;background: linear-gradient( 360deg, #000000 0%, rgba(0,0,0,0) 100%); }
.designer-settling .banner .designerSlide1{margin-top: 206px;}
.designer-settling .banner .designerSlide1,.designer-settling .banner .designerSlide2{width: 100%; height: 30px; margin-bottom: 15px; overflow: hidden
 }
.designer-settling .banner ul li{float: left; margin-right: 24px; font-size: 12px; color: #fff; padding:0 20px; display: flex; align-items: center;height: 35px;background: rgba(0,0,0,0.7);border-radius: 20px;border: 1px solid rgba(255,255,255,0.13); }
.designer-settling .banner ul li label{margin-right: 10px;}
.designer-settling .banner ul li b{font-weight: bold; margin-right: 5px; }
.designer-settling .banner ul li span{color: #57FFFF;}
.designer-settling .floatbox{position: fixed; z-index: 9; width: 150px; right: 10px; top: 177px; }
.designer-settling .floatbox img{width: 100%; cursor: pointer; margin-bottom: 5px; }
.designer-settling .joinBox{position: fixed; z-index: 10; display: flex; align-items: center; justify-content: center; width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.6); }
.designer-settling .joinBox .box{width: 600px; height: 332px; background: url(../images/design_bg7.png) no-repeat center; background-size: 100% 100%; }
.designer-settling .joinBox header{display: flex; padding: 0 24px; font-size: 18px; color: rgba(255, 255, 255, 0.95); align-items: center; height: 65px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.designer-settling .joinBox header img{width: 24px; height: 24px; margin-left: auto; cursor: pointer; }
.designer-settling .joinBox form{padding: 4px 24px;}
.designer-settling .joinBox .flex{display: flex; align-items: center; justify-content: space-between; }
.designer-settling .joinBox .item{width: 100%;}
.designer-settling .joinBox .flex .item{width: 172px;}
.designer-settling .joinBox .item label{ line-height: 14px; margin-top: 20px; margin-bottom: 8px; font-size: 12px; display: block;color: rgba(255, 255, 255, 0.60); }
.designer-settling .joinBox .item input{height: 42px; outline: none; color: rgba(255, 255, 255, 0.95); box-sizing: border-box; width: 100%; background: rgba(255,255,255,0.03);border-radius: 2px 2px 2px 2px;border: 1px solid rgba(255,255,255,0.04);padding-left: 16px; }
.designer-settling .joinBox .item input::placeholder{color: rgba(255, 255, 255, 0.30);}
.designer-settling .joinBox .btns{margin-top: 32px; display: flex; justify-content: end; }
.designer-settling .joinBox .btns button{width: 94px;height: 33px; cursor: pointer; margin-left: 8px; background: none; font-size: 12px;color: rgba(255, 255, 255, 0.40); outline: none; border-radius: 4px 4px 4px 4px;border: 1px solid rgba(255,255,255,0.08);}
.designer-settling .joinBox .btns button:nth-child(2){border:none; color: #000; background: linear-gradient( 90deg, #29BFFF 0%, #80FFB3 100%);opacity: 0.2;}
.designer-settling .joinBox .btns button:nth-child(2).on{opacity: 1;}