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: 28px;}
.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%;filter: brightness(1.05); }
.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: 6px; left: 50%; margin-left: -347px; background: linear-gradient(225deg, #181D35 0%, #0C0A1B 100%); border: 0px 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: 6px; border: 0px 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: 6px;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{height: 216px;margin-bottom: 0; width: 100%; font-size: 13px; box-sizing: border-box; color: rgba(236, 245, 255, 0.95); padding: 15px; 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;}*/


.incentiveplan{background: #040A17;}
.incentiveplan .banner{width: 100%;height: 394px; background: url(../images/ad2/banner.png) no-repeat center; background-size: auto 100%; display: flex; align-items: center; justify-content: center; line-height: 0; }
.incentiveplan .navbar{ height: 60px; background: linear-gradient( 180deg, #05122D 0%, #05215B 100%); }
.incentiveplan .navbar .list{height: 100%; width: 100%; background: url(../images/ad2/nav_bg.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; }
.incentiveplan .navbar .list span{ cursor: pointer; width: 222px; height: 100%; display: block; line-height: 0;  }
.incentiveplan .navbar .list span img{height: 100%; }
.incentiveplan .section1{ padding-top: 120px; height: 408px; box-sizing: border-box; width: 100%; background: url(../images/ad2/bg2.png) no-repeat center; background-size: auto 100%; }
.incentiveplan .section2{ padding-top: 90px; height: 1053px; box-sizing: border-box; width: 100%; background: url(../images/ad2/bg.png) no-repeat center; background-size: auto 100%; }
.incentiveplan .section3{ padding-top: 120px; padding-bottom: 100px;  }
.incentiveplan .section4{ padding: 100px 0; width: 100%; }
.incentiveplan .section5{ padding-top: 100px; box-sizing: border-box; width: 100%; }
.incentiveplan .w{width: 1200px; margin: 0 auto; }
.incentiveplan .title{font-size: 50px; font-weight: 600; color: #D5F5FF;text-align: center;}
.incentiveplan .title span{background: linear-gradient(0deg, #1EC9FF 0%, #AEECFF 80%); 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;}
.incentiveplan .section1 article{font-size: 14px; margin-top: 50px; text-align: center; color: rgba(213, 245, 255, 0.70); line-height: 28px; }
.incentiveplan .section2 .w{display: flex; justify-content: space-between; margin-top: 120px; }
.incentiveplan .section2 .item{width: 330px;height: 452px; position: relative;}
.incentiveplan .section2 .item:nth-child(1),.incentiveplan .section2 .item:nth-child(3){margin-top: 72px;}
.incentiveplan .section2 .item img{width: 100%;}
.incentiveplan .section2 article{ position: absolute; top: 293px; left: 23px; text-align: center; width: 285px; font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.90);}
.incentiveplan .section2 b{position: absolute;width: 100%; left: 0;top: 192px; text-align: center; font-weight: bold;font-size: 60px;background: linear-gradient(0deg, #1EC9FF 0%, #AEECFF 80%); 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;}
.incentiveplan .section2 .item:nth-child(3) b{font-size: 46px;}
.incentiveplan .section2 .tip{ text-align: center;width: 1200px; padding-top: 24px; box-sizing: border-box; margin: 105px auto 0; height: 108px;background: rgba(183,209,221,0.06);border-radius: 6px 6px 6px 6px;border: 1px solid rgba(183,209,221,0.06);}
.incentiveplan .section2 .tip h4{margin-bottom: 4px; font-size: 16px;color:#D5F5FF; line-height: 28px; }
.incentiveplan .section2 .tip p{font-size: 14px; line-height: 28px; color: rgba(213, 245, 255, 0.50); }
.incentiveplan .section5 .w{margin-top: 65px; padding-bottom: 52px; }
.incentiveplan .section5 article h4{color: #D5F5FF; margin-bottom: 16px; font-size: 14px; line-height: 26px; }
.incentiveplan .section5 article p{color: rgba(213, 245, 255, 0.60); margin-bottom: 16px; font-size: 16px; line-height: 26px; }
.incentiveplan .section3 .processStep{ margin-bottom: 72px; margin-top: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.incentiveplan .section3 .processStep .w{display: flex; align-items: center;}
.incentiveplan .section3 .processStep .w span{font-size: 18px; cursor: pointer; position: relative; flex: 1; text-align: center; line-height: 36px; color: rgba(213, 245, 255, 0.40);}
.incentiveplan .section3 .processStep .w span.textcolor::before{position: absolute; content: ''; display: block; width: 44px;height: 2px;background: #3AD0FF; left: 50%; margin-left: -22px; bottom: -1px; }
.incentiveplan .section3 .sec1 h4{font-size: 24px; margin-bottom: 8px; line-height: 28px; color: #D5F5FF;}
.incentiveplan .section3 .sec1 h5{ font-size: 14px; margin-bottom: 32px; color: rgba(255, 255, 255, 0.40); margin-bottom: 32px;}
.incentiveplan .section3 .sec1 img{width: 100%;}
.incentiveplan .section3 .sec1 ul{margin-top: 12px; display: flex; align-items: center; justify-content: space-between; }
.incentiveplan .section3 .sec1 li{width: 232px;height: 120px;transition: all 0.5s linear; cursor: pointer; background: linear-gradient( 95deg, rgba(226, 229, 236, 0.1) 0%, rgba(226,229,236,0.06) 100%);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(226,229,236,0.06); padding: 16px; box-sizing: border-box; }
.incentiveplan .section3 .sec1 li .tit{ font-size: 14px; color: rgba(213, 245, 255, 0.80); margin-bottom: 10px;}
.incentiveplan .section3 .sec1 li .tit span{margin-right: 4px; font-weight: 600; }
.incentiveplan .section3 .sec1 li p{ font-size: 12px; line-height: 14px; color: rgba(213, 245, 255, 0.40);}
.incentiveplan .section3 .sec1 li:hover{background: url(../images/ad2/bg3.png) no-repeat; background-size: 100% 100%; }
.incentiveplan .section3 .sec2{display: flex; align-items: center; justify-content: space-between; }
.incentiveplan .section3 .sec2 .left{width: 592px; height: 174px;transition: all 0.5s linear; cursor: pointer; border-radius: 4px;border: 1px solid rgba(226,229,236,0.06); background: linear-gradient( 95deg, rgba(226, 229, 236, 0.1) 0%, rgba(226,229,236,0.06) 100%); padding: 24px; box-sizing: border-box; }
.incentiveplan .section3 .sec2 .right{width: 592px; height: 174px; display: flex; flex-direction: column; justify-content: space-between; }
.incentiveplan .section3 .sec2 .right .item{height: 79px;transition: all 0.5s linear;cursor: pointer; border-radius: 4px;border: 1px solid rgba(226,229,236,0.06); background: linear-gradient( 95deg, rgba(226, 229, 236, 0.1) 0%, rgba(226,229,236,0.06) 100%); padding: 16px; box-sizing: border-box; }
.incentiveplan .section3 .sec2 h4{font-size: 20px; margin-bottom: 8px; line-height: 24px; color: rgba(213, 245, 255, 0.80); }
.incentiveplan .section3 .sec2 .right h4{font-size: 14px;}
.incentiveplan .section3 .sec2 p{font-size: 12px; line-height: 14px; color: rgba(213, 245, 255, 0.40); }
.incentiveplan .section3 .sec2 .left:hover{background: url(../images/ad2/degion2_bg1.png) no-repeat center rgb(2 19 62); background-size: 100% 100%;}
.incentiveplan .section3 .sec2 .right .item:hover{background: url(../images/ad2/degion2_bg2.png) no-repeat center rgb(2 19 62); background-size: 100% 100%;}
.incentiveplan .section3 .sec3{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.incentiveplan .section3 .sec3 .item{padding: 16px;transition: all 0.5s linear; cursor: pointer; margin-bottom: 20px; background: linear-gradient( 95deg, rgba(226, 229, 236, 0.1) 0%, rgba(226,229,236,0.06) 100%);width: 285px;height: 145px; box-sizing: border-box;border-radius: 4px 4px 4px 4px;border: 1px solid rgba(226,229,236,0.06); }
.incentiveplan .section3 .sec3 h4{font-size: 14px;transition: all 0.5s linear; color: rgba(213, 245, 255, 0.80); margin-bottom: 16px; line-height: 16px; }
.incentiveplan .section3 .sec3 p{font-size: 12px;transition: all 0.5s linear; padding-left: 20px; background: url(../images/ad2/check.png) no-repeat left top; background-size: 16px 16px; line-height: 16px; margin-bottom: 8px; color: rgba(213, 245, 255, 0.40); }
.incentiveplan .section3 .sec3 .item:hover{background: url(../images/ad2/degion3_bg1.png) no-repeat center rgb(2 19 62); background-size: 100% 100%;}
.incentiveplan .section3 .sec3 .item:hover h4{color: #49D3FF;}
.incentiveplan .section3 .sec3 .item:hover p{color: #DAF2FF;background: url(../images/ad2/checked.png) no-repeat left top; background-size: 16px 16px;}
.incentiveplan .section3 .sec4{background: linear-gradient( 273deg, #0C1426 0%, #0F1D3A 100%);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(226,229,236,0.06); box-sizing: border-box; }
.incentiveplan .section3 .sec4 article{ padding: 24px;background: url(../images/ad2/degion4_bg2.png) no-repeat right top; background-size: auto 100%;}
.incentiveplan .section3 .sec4 article img{width: 41px; display: block; }
.incentiveplan .section3 .sec4 article h4{font-size: 24px; color: #D5F5FF; margin-bottom: 16px; margin-top: 32px; }
.incentiveplan .section3 .sec4 article p{font-size: 14px;margin-bottom: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.40); }
.incentiveplan .section3 .sec5{display: flex; align-items: center; justify-content: space-between;}
.incentiveplan .section3 .sec5 .item{padding: 24px;transition: all 0.5s linear; cursor: pointer; background: linear-gradient( 95deg, rgba(226, 229, 236, 0.1) 0%, rgba(226,229,236,0.06) 100%);width: 591px;height: 256px; box-sizing: border-box;border-radius: 4px 4px 4px 4px;border: 1px solid rgba(226,229,236,0.06); }
.incentiveplan .section3 .sec5 img{display: block;transition: all 0.5s linear; opacity: 0.4; width: 46px;height: 46px;}
.incentiveplan .section3 .sec5 h4{font-size: 24px;transition: all 0.5s linear;line-height: 28px;color: rgba(213, 245, 255, 0.80);margin-top: 26px;margin-bottom: 16px;}
.incentiveplan .section3 .sec5 p{font-size: 14px;transition: all 0.5s linear;line-height: 26px;color: rgba(213, 245, 255, 0.40);}
.incentiveplan .section3 .sec5 .item:nth-child(1):hover{background: linear-gradient( 180deg, #02132C 0%, #00214E 100%);}
.incentiveplan .section3 .sec5 .item:nth-child(1):hover img{opacity: 1;}
.incentiveplan .section3 .sec5 .item:nth-child(1):hover h4{color: #49D3FF;}
.incentiveplan .section3 .sec5 .item:nth-child(1):hover p{color: #DAF2FF;}
.incentiveplan .section3 .sec5 .item:nth-child(2):hover{background: linear-gradient( 180deg, #24010E 0%, #38001E 100%);}
.incentiveplan .section3 .sec5 .item:nth-child(2):hover img{opacity: 1;}
.incentiveplan .section3 .sec5 .item:nth-child(2):hover h4{color: #FFD5E2;}
.incentiveplan .section3 .sec5 .item:nth-child(2):hover p{color: #FFE7F1;}
.incentiveplan .section3 .sec6{display: flex; align-items: center; justify-content: space-between;}
.incentiveplan .section3 .sec6 .item{cursor: pointer;transition: all 0.5s linear; background: linear-gradient( 95deg, rgba(226, 229, 236, 0.1) 0%, rgba(226,229,236,0.06) 100%);width: 592px;height: 174px; box-sizing: border-box;border-radius: 4px 4px 4px 4px;border: 1px solid rgba(226,229,236,0.06);}
.incentiveplan .section3 .sec6 .item article{padding: 24px; box-sizing: border-box; height: 100%;border-radius: 4px 4px 4px 4px;}
.incentiveplan .section3 .sec6 h4{font-size: 20px;transition: all 0.5s linear;line-height: 24px;color: rgba(213, 245, 255, 0.80);margin-bottom: 8px;}
.incentiveplan .section3 .sec6 p{font-size: 12px;transition: all 0.5s linear;width: 60%; line-height: 14px;color: rgba(213, 245, 255, 0.40);}
.incentiveplan .section3 .sec6 .item:nth-child(1):hover{background: linear-gradient( 180deg, #02132C 0%, #00214E 100%);}
.incentiveplan .section3 .sec6 .item:nth-child(1):hover article{background: url(../images/ad2/degion6_bg2.png) no-repeat right top; background-size: auto 100%;}
.incentiveplan .section3 .sec6 .item:nth-child(1):hover h4{color: #49D3FF;}
.incentiveplan .section3 .sec6 .item:nth-child(1):hover p{color: #DAF2FF; }
.incentiveplan .section3 .sec6 .item:nth-child(2):hover{background: linear-gradient( 180deg, #02132C 0%, #00214E 100%);}
.incentiveplan .section3 .sec6 .item:nth-child(2):hover article{background: url(../images/ad2/degion6_bg1.png) no-repeat right top; background-size: auto 100%;}
.incentiveplan .section3 .sec6 .item:nth-child(2):hover h4{color: #FF8E94;}
.incentiveplan .section3 .sec6 .item:nth-child(2):hover p{color: #FFE7F1;}
.incentiveplan .section4 .w{margin-top: 75px;}
.incentiveplan .section4 img{width: 100%;}
.incentiveplan .section4 h4{margin-top: 75px; margin-bottom: 33px; font-size: 16px; color: #D5F5FF; text-align: center; }
.incentiveplan .section4 .flex{display: flex; align-items: center; justify-content: space-between; }
.incentiveplan .section4 .item{width: 379px;height: 68px;font-size: 16px; padding: 20px 26px; box-sizing: border-box; background: linear-gradient( 95deg, rgba(226, 229, 236, 0.1) 0%, rgba(226,229,236,0.06) 100%);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(226,229,236,0.06);}
.incentiveplan .section4 .item label{ line-height: 28px; font-weight: bold; padding-right: 26px; margin-right: 26px; border-right: 1px solid rgba(255, 255, 255, 0.10); }
.incentiveplan .section4 .item span{ color: #D5F5FF; }
.textcolor{background: linear-gradient(0deg, #1EC9FF 0%, #AEECFF 80%); 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;}
.incentiveplan .wechatCode{width: 115px; position: fixed; z-index: 6; right: 10px; top: 50%; margin-top: -142px; }
.incentiveplan .wechatCode img{width: 100%; margin-bottom: 6px; cursor: pointer; }
.incentiveplan .back{position: fixed; cursor: pointer; width: 42px; height: 42px; right: 20px; bottom: 20px; }
.incentiveplan .back img{width: 100%;}
.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 .formbox header{ font-size: 18px; color: rgba(255, 255, 255, 0.95); padding: 24px 24px 16px; display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.incentiveplan .formbox header img{margin-left: auto; cursor: pointer; width: 24px; height: 24px; }
.incentiveplan .formbox .box{width: 600px; height: 332px; position: relative; background: url(../images/ad2/form_bg.png) no-repeat top center; background-size: 100% auto;}
.incentiveplan .formbox .box .btns{display: flex; justify-content: end;margin-top: 32px; }
.incentiveplan .formbox .box button{ cursor: pointer; font-size: 12px; color: rgba(255, 255, 255, 0.40); margin-left: 8px; width: 94px;height: 33px;border-radius: 4px 4px 4px 4px;border: 1px solid rgba(255,255,255,0.08); padding: 0; background: none; line-height: 0;}
.incentiveplan .formbox .box .btns button:nth-child(2){opacity: 0.4; color: #000; background: linear-gradient( 90deg, #29BFFF 0%, #80FFB3 100%);}
.incentiveplan .formbox .box .btns button:nth-child(2).on{opacity: 1;}
.incentiveplan .formbox form{padding: 24px;}
.incentiveplan .formbox form label{font-size: 12px; display: block; color: rgba(255, 255, 255, 0.60); line-height: 14px; }
.incentiveplan .formbox form input{ font-size: 12px; box-sizing: border-box; outline: none; width: 100%; margin-top: 6px; padding-left: 16px; color: rgba(255, 255, 255, 0.95); height: 42px;background: rgba(255,255,255,0.03);border-radius: 2px;border: 1px solid rgba(255,255,255,0.04);}
.incentiveplan .formbox form input::placeholder{color: rgba(255, 255, 255, 0.30);}
.incentiveplan .formbox form .flex{margin-bottom: 25px;display: flex; align-items: center; justify-content: space-between; }
.incentiveplan .formbox form .flex .item{width: 172px;}
.incentiveplan .formbox .title{position: absolute; width: 209px; height: 45px; top: -55px; left:50%; margin-left: -105px; }
.incentiveplan .navbar.fixed{position: fixed; z-index: 6; width: 100%; left: 0; top: 0;}
.incentiveplan .table{border: 1.5px solid #2e7f6a; border-bottom: none; font-size: 15px; color: #b9f6fa;}
.incentiveplan .table header{display: flex; border-bottom: 1.5px solid #2e7f6a; height: 44px; line-height: 44px; text-align: center; background: #014149; }
.incentiveplan .table header span{flex: 2;}
.incentiveplan .table header span:nth-child(2){flex: 8;}
.incentiveplan .table ul li{display: flex; border-bottom: 1.5px solid #2e7f6a; text-align: center; height: 44px; line-height: 44px; text-align: center; background: #062e34;}
.incentiveplan .table ul li span:nth-child(1){flex: 2; border-right: 1.5px solid #2e7f6a; }
.incentiveplan .table ul li span:nth-child(2){flex: 3; border-right: 1.5px solid #2e7f6a;}
.incentiveplan .table ul li span:nth-child(3){flex: 3; border-right: 1.5px solid #2e7f6a;}
.incentiveplan .table ul li span:nth-child(4){flex: 2;}

/* 激励计划弹窗 */
.jiliAd{ 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; }
.jiliAd .box{width: 800px; height: 320px; position: relative; background: url(../images/ad2/ad_jl.png) no-repeat center; background-size: 100% 100%; }
.jiliAd .box img{position: absolute; cursor: pointer; width: 27px; height: 27px; top: 32px; right: 32px; }
.jiliAd .box a{position: absolute; cursor: pointer; width: 30%; height: 20%; left: 35%; bottom: 7%; }


	.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;}

/* 举报横幅 */
.reportbox_footer{position: fixed; height: 57px; font-size: 13px; color: #FFF9E9; display: flex; align-items: center; justify-content: center; z-index: 3; left: 0; bottom: 0; width: 100%; background: url(../images/report_bg.png) no-repeat center #000000; background-size: auto 100%; }
.reportbox_footer .i1{width: 32px;height: 31px;}
.reportbox_footer .i2{width: 87px;height: 15px; margin-left: 2px; }
.reportbox_footer button{background: none; padding: 0; margin-left: 14px; width: 65px; height: 23px; line-height: 0; border: none; cursor: pointer; }
.reportbox_footer button img{width: 100%;}
.reportbox{width: 684px;height: 584px; padding: 28px 30px 0; box-sizing: border-box; margin-left: -342px; margin-top: -292px; z-index: 20; position: fixed; left: 50%; top: 50%; background: linear-gradient( 180deg, #270808 0%, #1C0404 100%);border-radius: 20px 20px 20px 20px;border: 1px solid rgba(76,44,44,0.5);}
.reportbox header{display: flex; align-items: center; margin-bottom: 14px; font-size: 17px; color: #FF463A; }
.reportbox header .i1{width: 32px;height: 32px;}
.reportbox header .closebtn{margin-left: auto; cursor: pointer; width: 27px;height: 27px;}
.reportbox .tip{box-sizing: border-box; margin-bottom: 12px; padding-left: 16px; font-size: 12px; color: #FF463A; display: flex; align-items: center; height: 40px;background: rgba(255,70,58,0.1);border-radius: 4px;border: 1px solid rgba(255,70,58,0.1);}
.reportbox form .item{margin-bottom: 24px;}
.reportbox form .item label{ margin-bottom: 8px; display: flex; align-items: center; line-height: 16px; font-size: 14px; color: rgba(255, 255, 255, 0.80); }
.reportbox form .item label small{font-size: 12px; color: rgba(255, 255, 255, 0.40);}
.reportbox form .item label .btn{margin-left: auto;}
.reportbox form .item label .btn img{width: 16px; height: 16px; cursor: pointer; margin-left: 6px; }
.reportbox form .item input{ box-sizing: border-box; color: rgba(255, 255, 255, 0.80); outline: none; font-size: 12px; padding-left: 12px; width: 242px; height: 41px;background: rgba(255,255,255,0.06);border-radius: 6px 6px 6px 6px;border: 1px solid rgba(255,255,255,0.1);}
.reportbox form .item textarea{box-sizing: border-box; color: rgba(255, 255, 255, 0.80); outline: none; font-size: 12px; padding: 12px; width: 100%; height: 101px;background: rgba(255,255,255,0.06);border-radius: 6px 6px 6px 6px;border: 1px solid rgba(255,255,255,0.1);}
.reportbox form .item input::placeholder,.reportbox form .item textarea::placeholder{color: rgba(255, 255, 255, 0.30);}
.reportbox form .imgs{display: flex; align-items: center; padding-top: 8px; overflow-x: scroll; }
.reportbox form .imgs.left{justify-content: flex-start;}
.reportbox form .imgs.right{justify-content: flex-end;}
.reportbox form .imgs::-webkit-scrollbar{display: none;}
.reportbox form .list{display: flex; align-items: center;}
.reportbox form .list .item{ position: relative; margin-bottom: 0; margin-right: 10px; width: 100px;height: 100px;border-radius: 6px 6px 6px 6px;}
.reportbox form .list .item .img{width: 100%; height: 100%;border-radius: 6px;}
.reportbox form .list .item .btn{ right: -8px; top: -8px; cursor: pointer; width: 16px;height: 16px;position: absolute;}
.reportbox form .list .add{ width: 100px;height: 100px;background: rgba(255,255,255,0.06); box-sizing: border-box; position: relative; border-radius: 6px 6px 6px 6px;border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.reportbox form .list .add input{position: absolute; cursor: pointer; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
.reportbox form .list .add img{width: 32px; height: 32px;}
.reportbox .btns{display: flex; justify-content: flex-end; }
.reportbox .btns button{background: none; padding: 0; width: 90px; height: 34px; line-height: 0; border: none; cursor: pointer;}
.reportbox .btns button img{width: 100%;}


.customization{background: #040A17;}
.customization .banner{width: 100%;height: 394px; background: url(../images/custom/banner.png) no-repeat center; background-size: auto 100%; display: flex; align-items: center; justify-content: center; line-height: 0; }
.customization .navbar{ height: 60px; } /** background: linear-gradient( 180deg, #05122D 0%, #05215B 100%); **/
.customization .navbar .list{height: 100%; width: 100%; background: url(../images/custom/nav_bg.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; }
.customization .navbar .list span{ cursor: pointer; width: 222px; height: 100%; display: block; line-height: 0;  }
.customization .navbar .list span img{height: 100%; }
.customization .section1{ padding-top: 101px; position: relative; box-sizing: border-box; width: 100%; background: linear-gradient( 180deg, #040A17 0%, #061637 100%); }
.customization .section2{ padding-top: 60px; padding-bottom: 100px; box-sizing: border-box; width: 100%; }
.customization .section3{ padding-top: 70px; height: 774px; box-sizing: border-box; background: url(../images/custom/img.png) no-repeat bottom center; background-size: auto 100%;  }
.customization .section4{ padding: 70px 0 140px; }
.customization .section5{ padding-top: 70px; padding-bottom: 60px; }
.customization .section6{ padding-top: 70px; padding-bottom: 80px; }
.customization .section6 .w{ margin-top: 60px; justify-content: space-between; display: flex; align-items: center; flex-wrap: wrap; }
.customization .section6 .w .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);}
.customization .section6 .w .item h4{font-size: 16px; transition: all 0.5s linear; padding-left: 35px; background: url(../images/custom/q.png) no-repeat left center; background-size: 28px 28px; margin-bottom: 15px; line-height: 28px; color: rgba(255, 255, 255, 0.80); }
.customization .section6 .w .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);}
.customization .section6 .w .item:hover h4{background: url(../images/custom/q_on.png) no-repeat left center; background-size: 28px 28px; color:#158EFF; }
.customization .section6 .w .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; }
.customization .section6 .w .item:hover p{color: rgba(255, 255, 255, 0.6);}
.customization .w{width: 1200px; margin: 0 auto; }
.customization .title{font-size: 50px; line-height: 58px; font-weight: 600; color: #D5F5FF;text-align: center;}
.customization .title span{background: linear-gradient(0deg, #1EC9FF 0%, #AEECFF 80%); 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;}
.customization .title p{font-size: 12px; line-height: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.80); margin-top: 24px; }
.customization .section1 .title{top: 86px; z-index: 1; position: absolute; width: 100%; left: 0;  }
.customization .section1 .list{display: flex; align-items: center; justify-content: space-between; }
.customization .section1 .list .item{width: 226px; cursor: pointer; position: relative; height: 664px; display: flex; align-items: center; justify-content: center; }
.customization .section1 .list .bg{position: absolute; width: 427px; height: 694px; left: 50%; top: 50%; margin-left: -214px; margin-top: -347px; }
.customization .section1 .list .img{width: 226px; height: 313px; position: relative; }
.customization .section1 .list .img img{width: 100%;}
.customization .section2 .w .bg{width: 100%;}
.customization .section2 .list{display: flex; align-items: center; }
.customization .section2 .list1{margin-top: 62px; position: relative; margin-bottom: -41px; justify-content: space-between; }
.customization .section2 .list2{justify-content: space-evenly; margin-top: -13px; }
.customization .section2 .item{width: 240px;}
.customization .section2 .item img{width: 49px; height: 36px; display: block; margin: 0 auto; }
.customization .section2 .item p{width: 240px;height: 72px; margin: 6px 0; text-align: center; box-sizing: border-box; padding: 16px 12px; font-size: 12px; line-height: 20px; color:#2295FF; background: rgba(34,149,255,0.1);border-radius: 7px 7px 7px 7px;}
.customization .section2 .item .tag{margin: 10px auto; font-size: 14px; color: #fff; text-align: center; line-height: 35px; width: 96px;height: 35px;background: #2295FF;border-radius: 26px;}
.customization .section5 .w{margin-top: 65px; padding-bottom: 52px; }
.customization .section4 .w{margin-top: 60px;}
.customization .section4 .list{display: flex; align-items: center; justify-content: space-between; }
.customization .section4 .item{width: 576px; height: 200px; cursor: pointer; background: url(../images/custom/d4_bg.png) no-repeat center; background-size: 100% 100%; }
.customization .section4 .list .item:hover{background: url(../images/custom/d4_bg_on.png) no-repeat center; background-size: 100% 100%;}
.customization .section4 .item h4{font-size: 26px; line-height: 30px; padding: 24px 24px 0; color: #fff; display: flex; align-items: center; }
.customization .section4 .item h4 span{color: #68EDFF;}
.customization .section4 .item h4 b{margin-left: auto; color: rgba(255, 255, 255, 0.2); }
.customization .section4 .item .tag{margin-top: 10px; width: 164px; height: 28px; font-size: 14px; color: #EDFCFF; display: flex; align-items: center; justify-content: center; background: url(../images/custom/d4_icon.png) no-repeat center; background-size: 100% 100%;}
.customization .section4 .item .tag span{color: #A6F4FF;}
.customization .section4 .item p{font-size: 12px; line-height: 14px; margin-top: 55px; color: rgba(255, 255, 255, 0.5); padding-left: 24px; }
.customization .section4 .item:hover h4{color: rgba(255, 255, 255, 0.6);}
.customization .section4 .item:hover h4 span{color: #fff;}
.customization .section5 .w{display: flex; align-items: start; justify-content: space-between; }
.customization .section5 .item{width: 591px; margin-bottom: 20px; box-sizing: border-box; background: linear-gradient( 180deg, #09132A 0%, #0D1B3C 100%);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(255,255,255,0.14);}
.customization .section5 .item header{height: 54px; padding-left: 24px; line-height: 54px; background: linear-gradient( 180deg, rgba(35,49,78,0.1) 0%, rgba(35,49,78,0.5) 100%);font-size: 16px; color: rgba(255, 255, 255, 0.80); }
.customization .section5 .item ul{ padding: 18px 16px; display: flex; align-items: center; flex-wrap: wrap; }
.customization .section5 .item li{ padding: 13px 14px; margin: 6px; box-sizing: border-box; display: flex; align-items: center; position: relative; width: 265px;height: 67px;background: rgba(255,255,255,0.06);border-radius: 6px 6px 6px 6px;}
.customization .section5 .item li:hover{background: rgba(255,255,255,0.1);}
.customization .section5 .item li .img{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.customization .section5 .item li .img img{max-width: 100%; max-height: 100%; }
.customization .section5 .item li .text{padding-left: 10px;}
.customization .section5 .item li .text h4{font-size: 13px; line-height: 15px; color: #FFFFFF; }
.customization .section5 .item li .text p{font-size: 10px; margin-top: 4px; color: rgba(255, 255, 255, 0.40); }
.customization .section5 .item li .text h5{margin-top: 2px;}
.customization .section5 .item li .text h5 span{height: 18px; font-size: 10px; color: #BFDCFF; margin-right: 4px; background: rgba(18,127,255,0.2);border-radius: 2px; padding: 0 4px; line-height: 18px; }
.customization .section5 .item li a{position: absolute; cursor: pointer; font-size: 10px; color: #D9E8FF; display: flex; align-items: center; justify-content: center; right: 0; bottom: 0;width: 62px;height: 20px;background: linear-gradient( 135deg, #1F51BF 0%, #223D79 100%);border-radius: 7px 0px 7px 0px; }
.customization .section5 .item li a img{width: 9px; height: 9px; margin-left: 2px; }
.customization .section5 .right > a{height: 106px; margin-top: -14px; cursor: pointer; background: #071228; font-size: 16px; color: rgba(255, 255, 255, 0.14);border-radius: 4px 4px 4px 4px;display: flex; align-items: center; justify-content: center; }
.textcolor{background: linear-gradient(0deg, #1EC9FF 0%, #AEECFF 80%); 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;}
.customization .wechatCode{width: 115px; position: fixed; z-index: 6; right: 10px; top: 50%; margin-top: -142px; }
.customization .wechatCode img{width: 100%; margin-bottom: 6px; cursor: pointer; }
.customization .back{position: fixed; cursor: pointer; width: 42px; height: 42px; right: 20px; bottom: 20px; }
.customization .back img{width: 100%;}
.customization .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; }
.customization .formbox header{ font-size: 18px; color: rgba(255, 255, 255, 0.95); padding: 24px 24px 16px; display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.customization .formbox header img{margin-left: auto; cursor: pointer; width: 24px; height: 24px; }
.customization .formbox .box{width: 600px; height: 400px; position: relative; background: url(../images/custom/bg2.png) no-repeat top center; background-size: 100% auto;}
.customization .formbox .box .btns{display: flex; justify-content: end;margin-top: 32px; }
.customization .formbox .box button{ cursor: pointer; font-size: 12px; margin-left: 8px; width: 94px;height: 33px;border-radius: 4px 4px 4px 4px;border: 1px solid rgba(255,255,255,0.08); padding: 0; opacity: 0.4; color: #000; background: linear-gradient( 90deg, #29BFFF 0%, #80FFB3 100%); line-height: 0;}
.customization .formbox .box .btns button.on{opacity: 1;}
.customization .formbox form{padding: 24px;}
.customization .formbox form label{font-size: 12px; display: block; color: rgba(255, 255, 255, 0.60); line-height: 14px; }
.customization .formbox form input,.customization .formbox form textarea{ font-size: 12px; box-sizing: border-box; outline: none; width: 100%; margin-top: 6px; padding-left: 16px; color: rgba(255, 255, 255, 0.95); height: 42px;background: rgba(255,255,255,0.03);border-radius: 2px;border: 1px solid rgba(255,255,255,0.04);}
.customization .formbox form .selectStyle{position: relative;}
.customization .formbox form .selectStyle .tit{font-size: 12px; padding-right: 9px; display: flex; align-items: center; box-sizing: border-box; outline: none; width: 100%; margin-top: 6px; padding-left: 16px; color: rgba(255, 255, 255, 0.95); height: 42px;background: rgba(255,255,255,0.03);border-radius: 2px;border: 1px solid rgba(255,255,255,0.04);}
.customization .formbox form .selectStyle .tit img{width: 24px; height: 24px; margin-left: auto; cursor: pointer; }
.customization .formbox form .selectStyle ul{position: absolute; -webkit-overflow-scrolling: none; box-sizing: border-box; padding: 16px; width: 264px; max-height: 286px;background: #141926;border-radius: 6px 6px 6px 6px;border: 1px solid rgba(255,255,255,0.06); left: 0; top: 44px; width: 100%;  }
.customization .formbox form .selectStyle ul li{margin-bottom: 16px; cursor: pointer; font-size: 12px; color: rgba(255, 255, 255, 0.60); }
.customization .formbox form .selectStyle ul li.on{background: url(../images/custom/icon_check.png) no-repeat right center; background-size: 16px 16px; }
.customization .formbox form input::placeholder,.customization .formbox form textarea::placeholder{color: rgba(255, 255, 255, 0.30);}
.customization .formbox form textarea{height: 117px; padding: 13px 16px; }
.customization .formbox form .flex{margin-bottom: 20px;display: flex; align-items: center; justify-content: space-between; }
.customization .formbox form .flex .item{width: 264px;}
.customization .formbox .title{position: absolute; width: 209px; height: 45px; top: -55px; left:50%; margin-left: -105px; }
.customization .navbar.fixed{position: fixed; z-index: 6; width: 100%; left: 0; top: 0;}
.customization .table{border: 1.5px solid #2e7f6a; border-bottom: none; font-size: 15px; color: #b9f6fa;}
.customization .table header{display: flex; border-bottom: 1.5px solid #2e7f6a; height: 44px; line-height: 44px; text-align: center; background: #014149; }
.customization .table header span{flex: 2;}
.customization .table header span:nth-child(2){flex: 8;}
.customization .table ul li{display: flex; border-bottom: 1.5px solid #2e7f6a; text-align: center; height: 44px; line-height: 44px; text-align: center; background: #062e34;}
.customization .table ul li span:nth-child(1){flex: 2; border-right: 1.5px solid #2e7f6a; }
.customization .table ul li span:nth-child(2){flex: 3; border-right: 1.5px solid #2e7f6a;}
.customization .table ul li span:nth-child(3){flex: 3; border-right: 1.5px solid #2e7f6a;}
.customization .table ul li span:nth-child(4){flex: 2;}
.customization .casebox{ 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: 9; }
.customization .casebox header{ font-size: 18px; color: rgba(255, 255, 255, 0.95); padding: 24px 24px 26px; display: flex; align-items: center; }
.customization .casebox header img{margin-left: auto; cursor: pointer; width: 24px; height: 24px; }
.customization .casebox .casetitle{ line-height: 22px; font-size: 16px; color: rgba(255, 255, 255, 0.40); padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.customization .casebox .casetitle span{margin-left: 48px; cursor: pointer; }
.customization .casebox .casetitle span.on{color: #127FFF; position: relative; }
.customization .casebox .casetitle span.on::before{content: ''; display: block; position: absolute; left: 50%; margin-left: -19px; bottom: -11px;width: 38px;height: 2px;background: #127FFF; }
.customization .casebox .box{width: 994px; height: 728px; position: relative; background: #121626;}
.customization .casecontent{ height: 620px; display: flex; align-items: center; justify-content: center; }
.customization .casecontent .smallcon{width: 790px; margin-bottom: 100px; }
.customization .casecontent .smallcon h6{ text-align: center; margin-top: 75px; color: rgba(255, 255, 255, 0.6);}
.customization .casecontent .smallcon .list{display: flex; align-items: center; justify-content: space-between; }
.customization .casecontent .smallcon .item{width: 200px;}
.customization .casecontent .smallcon .item p{text-align: center; margin-bottom: 15px; font-size: 16px; color: rgba(255, 255, 255, 0.50); }
.customization .casecontent .smallcon .item .img{ display: flex; align-items: center; justify-content: center; width: 200px;height: 200px;border-radius: 12px;border: 2px solid rgba(255,255,255,0.2);}
.customization .casecontent .smallcon .item .img img{max-width: 100%;max-height: 100%;}
.customization .casecontent .bigcon{width: 942px;}
.customization .casecontent .bigcon .list{display: flex; align-items: center; justify-content: space-between; }
.customization .casecontent .bigcon .item{width: 299px;}
.customization .casecontent .bigcon .item p{text-align: center; margin-bottom: 15px; font-size: 16px; color: rgba(255, 255, 255, 0.50); }
.customization .casecontent .bigcon .item .video{ display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 299px;height: 530px;border-radius: 12px;border: 2px solid rgba(255,255,255,0.2);}
.customization .casecontent .bigcon .item .video video{width: 100%;height: 100%;object-fit: cover;overflow-clip-margin: content-box;overflow: clip;border-radius: 12px;}


.originalitybox{ position: fixed; z-index: 9; left: 50%; top: 50%; margin-left: -342px; margin-top: -191px; width: 684px;height: 382px;background: linear-gradient( 225deg, #181D35 0%, #0C0A1B 100%), #111124;border-radius: 5px;}
.originalitybox header{line-height: 0; position: relative; }
.originalitybox header img{width: 100%;}
.originalitybox header span{position: absolute; cursor: pointer; width: 27px; height: 27px; background: url(../images/report_close.png) no-repeat center; background-size: 100% 100%; top: 30px; right: 30px; }
.originalitybox form{padding: 20px 30px 0;}
.originalitybox form h4{color: rgba(235, 244, 255, 0.60); margin-bottom: 12px; font-size: 14px; line-height: 16px; margin-top: 0;  }
.originalitybox .box{position: relative;}
.originalitybox .box textarea{width: 100%;height: 127px; font-size: 12px; line-height: 14px; color: #fff; padding: 12px; box-sizing: border-box; outline: none; background: rgba(0,0,0,0.2);border-radius: 6px 6px 6px 6px;border: 1px solid rgba(255,255,255,0.08);}
.originalitybox .box textarea::placeholder{color: rgba(255, 255, 255, 0.30);}
.originalitybox .box small{position: absolute; font-size: 10px; color: rgba(255, 255, 255, 0.30); right: 8px; bottom: 8px; }
.originalitybox .btn{ margin-top: 42px; display: flex; align-items: center; justify-content: flex-end; }
.originalitybox .btn button{border: none; cursor: pointer; width: 113px; padding: 0; outline: none; margin: 0; background: none; }
.originalitybox .btn button img{width: 100%;}



/*.flexslider{margin:40px auto;position:relative;width:960px;height:450px;overflow:hidden;zoom:1;}*/
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.flexslider .slides li .img{width: 227px;height: 329px}



.hwbtn{width: 100px;height: 36px; margin-top: 14px; cursor: pointer; margin-right: 24px; font-size: 12px; color: rgba(255, 255, 255, 0.60); line-height: 36px; padding-left: 36px; box-sizing: border-box; background: url(../images/hw_icon1.png) no-repeat 16px center rgba(255,255,255,0.05); background-size: 18px 18px; border-radius: 8px 8px 8px 8px;}
.hwbtn-on{ color: #66D1FF; background: url(../images/hw_icon1.png) no-repeat 16px center rgba(102,209,255,0.2); background-size: 18px 18px; border: 1px solid rgba(102,209,255,0.6)}
.giftslist .gwitem{}
.giftslist .gwitem .imgs{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.giftslist .gwitem .img{ margin-bottom: 7px; display: flex; align-items: center; justify-content: center; width: 102px;height: 102px;background: rgba(255,255,255,0.04);border-radius: 7px 7px 7px 7px;}
.giftslist .gwitem .img img{max-width: 80%; max-height: 80%; }
.giftslist .gwitem h4{display: flex; margin-top: 8px; align-items: center; font-size: 15px; line-height: 18px; color: rgba(255, 255, 255, 0.90); }
.giftslist .gwitem h4 img{width: 16px;height: 16px; margin-right: 4px; }
.giftslist .gwitem p{font-size: 12px; color: rgba(255, 255, 255, 0.50); margin-bottom: 10px; line-height: 14px; }
.giftslist .gwitem button{width: 100%;height: 30px; cursor: pointer; outline: none; padding: 0; border: none; background: rgba(18,127,255,0.1);border-radius: 4px 4px 4px 4px;color: #127FFF; text-align: center; }
.hwgifts{ background: linear-gradient( 225deg, #181D35 0%, #0C0A1B 100%), #111124;border-radius: 10px;border: 0px solid  rgba(125, 178, 241, 0.3);position: fixed; width: calc(100% - 240px); height: 80%; left: 120px;top: 10%; z-index: 10; }
.hwgifts header{ margin-bottom: 12px; display: flex; align-items: center; padding: 30px 30px 12px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.hwgifts header > img{width: 41px; height: 41px; }
.hwgifts header div{font-size: 16px; color: #FFFFFF; padding-left: 8px; }
.hwgifts header div small{display: block; padding-top: 4px; color: rgba(255, 255, 255, 0.40); font-size: 12px; }
.hwgifts header span{margin-left: auto; cursor: pointer; }
.hwgifts header span img{width: 27px; height: 27px;}
.hwgifts .giftslist{padding: 0 30px; height: calc(100% - 125px); overflow-y: scroll; }
.hwgifts .giftslist::-webkit-scrollbar{display: none;}


.new_footer{background: #000; padding-top: 42px; }
.new_footer .w1200{ padding-bottom: 30px; width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.new_footer .left .f_logo{width: 150px; height: 26px; margin-bottom: 40px; line-height: 0; }
.new_footer .left .f_logo img{width: 100%;}
.new_footer .left p{display: flex; margin-bottom: 16px; align-items: center;font-size: 14px; color: rgba(255, 255, 255, 0.80); }
.new_footer .left p img{width: 16px; height: 16px; margin-right: 2px; }
.new_footer .left p span{color: rgba(255, 255, 255, 0.60); padding-right: 8px; }
.new_footer .left .qrcode{margin-top: 32px; text-align: center; display: flex; align-items: center; font-size: 12px; color: rgba(255, 255, 255, 0.80); }
.new_footer .left .qrcode .item{margin-right: 32px;}
.new_footer .left .qrcode img{width: 106px; height: 106px; display: block; margin-top: 10px; }
.new_footer .right ul {display: flex;}
.new_footer .right ul li{margin-left: 80px;}
.new_footer .right ul li span{display: block; font-size: 18px; color: rgba(255, 255, 255, 0.80); }
.new_footer .right ul li a{display: block; cursor: pointer; margin-top: 16px; font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.60); }
.new_footer .right ul li a:hover{color: #127FFF;}
.new_footer h4{font-size: 10px; padding: 16px 0; color: rgba(255, 255, 255, 0.30);text-align: center;}
.web_banner{height: 424px; background: url(../images/w_banner.png) no-repeat center; background-size: auto 100%; }
.web_content{width: 1280px; padding: 80px 0; margin: 0 auto; }
.web_title{text-align: center; margin-bottom: 32px; }
.web_title h4{font-size: 32px; margin-bottom: 10px; color: #fff;  line-height: 45px; }
.web_title h4 span{ padding-bottom: 6px; display: inline-block; background: url(../images/w_line.png) no-repeat bottom right; background-size: 312px 6px; }
.web_title p{ line-height: 21px; display: flex; justify-content: center; font-size: 18px; color: rgba(255, 255, 255, 0.70); }
.web_title p span{color: #FFF9DC; display: flex; align-items: center; justify-content: center; }
.web_title p span img{height: 20px;}
.web_content .sec1{ display: flex; align-items: center; justify-content: space-between;}
.web_content .sec1 .item{width: 416px;height: 142px;background: linear-gradient( 180deg, #1B1C27 0%, #232532 100%);border-radius: 8px 8px 8px 8px; padding: 33px 38px 0;border: 1px solid #303242; box-sizing: border-box; }
.web_content .sec1 .item h4{position: relative; margin-bottom: 12px; font-size: 20px; line-height: 24px; color: #FFFFFF; padding-left: 6px; }
.web_content .sec1 .item h4::before{position: absolute; content: ''; display: block; left: 0; top: 8px; width: 2px;height: 6px;background: #127FFF;border-radius: 2px; }
.web_content .sec1 .item p{font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, 0.60); }
.web_content .sec2{display: flex; padding: 80px 0; align-items: center; justify-content: space-between; }
.web_content .sec2 .right{display: flex; width: 632px; flex-wrap: wrap; margin-left: auto; align-items: center; justify-content: space-between;}
.web_content .sec2 .right img{width: 200px; height: 99px; margin: 8px 0; }
.web_content .sec2 .left{width: 630px;}
.web_content .sec2 .left .web_title{text-align: left;}
.web_content .sec2 .left h3{font-size: 20px; margin-bottom: 8px; color: rgba(255, 255, 255, 0.80); line-height: 24px; display: flex; align-items: center; }
.web_content .sec2 .left h3 img{height: 20px; margin-left: 8px; }
.web_content .sec2 .left p{font-size: 12px; line-height: 14px; color: rgba(255, 255, 255, 0.60); }
.web_content .sec2 .left .wtypes{ margin-top: 32px; display: flex; align-items: center; font-size: 12px; color: rgba(255, 255, 255, 0.60); }
.web_content .sec2 .left .wtypes span{height: 27px; line-height: 25px; box-sizing: border-box; font-size: 12px; color: rgba(255, 255, 255, 0.70); margin-right: 4px; padding: 0 9px; border-radius: 4px 4px 4px 4px;border: 1px solid #303242;}
.web_content .sec3{display: flex; align-items: flex-start; }
.web_content .sec3 .left{width: 632px; padding: 40px 0 8px 54px; box-sizing: border-box;  background: linear-gradient( 180deg, #1B1C27 0%, rgba(27,28,39,0) 100%);border-radius: 8px 8px 8px 8px;border: 1px solid #232532;}
.web_content .sec3 .left .item{margin-bottom: 34px; position: relative; }
.web_content .sec3 .left .item::before{content: ''; display: block; position: absolute; left: -9px; top: 7px; width: 3px;height: 3px;background: #51535B;border-radius: 2px 2px 2px 2px;}
.web_content .sec3 .left .item::after{content: ''; display: block; position: absolute; left:-8px; top: 8px; width: 1px; height: 72px; background: rgba(255, 255, 255, 0.10); }
.web_content .sec3 .left .item h4{font-size: 14px; line-height: 16px; color: #fff; }
.web_content .sec3 .left .item h4 span{color: #127FFF;}
.web_content .sec3 .left .item p{font-size: 12px; margin-top: 2px; line-height: 20px; color: rgba(255, 255, 255, 0.60); }
.web_content .sec3 .right{width: 525px; margin-left: auto; }
.web_content .sec3 .right .web_title{text-align: left;}
.web_content .sec3 .right .web_title p{display: flex; justify-content: flex-start;}
.web_content .sec3 .right h5{font-size: 14px; line-height: 16px; color: rgba(255, 255, 255, 0.80); }
.web_content .sec3 .right > p{font-size: 12px; margin-bottom: 32px; line-height: 14px; color: rgba(255, 255, 255, 0.60); margin-top: 8px; }
.web_content .sec3 .right > img{height: 45px;}
.web_content .sec3 .right button{display: block; border: none; font-size: 16px; color: #fff; cursor: pointer; width: 256px;height: 64px;background: #127FFF;border-radius: 8px; margin-top: 60px; }
.web_content .sec7{ display: flex; align-items: center; height: 195px;background: linear-gradient( 180deg, #1B1C27 0%, #232532 100%);border-radius: 8px 8px 8px 8px;border: 1px solid #303242;}
.web_content .sec7 .left{padding-left: 38px;}
.web_content .sec7 h4{font-size: 32px; line-height: 38px; color: #FFFFFF; margin-bottom: 24px; }
.web_content .sec7 h5{font-size: 18px; margin-bottom: 8px; color: rgba(255, 255, 255, 0.80); }
.web_content .sec7 p{font-size: 12px; line-height: 14px; color: rgba(255, 255, 255, 0.60); }
.web_content .sec7 img{margin-left: auto; height: 100%; }
.web_content .sec6{ padding: 84px 0 138px; display: flex; align-items: flex-start }
.web_content .sec6 > img{width: 584px; height: 392px; box-shadow: 38px 38px 0 rgba(255, 255, 255, 0.08); }
.web_content .sec6 .right{width: 525px; margin-left: auto; }
.web_content .sec6 .web_title{text-align: left;}
.web_content .sec6 .right > h4{font-size: 20px; margin-bottom: 12px; display: flex; align-items: center; line-height: 24px; color: rgba(255, 255, 255, 0.80); }
.web_content .sec6 .right > h4 img{height: 20px;}
.web_content .sec6 .right > h4 span{margin-left: auto;}
.web_content .sec6 p{font-size: 12px; margin-bottom: 8px; line-height: 14px; color:rgba(255, 255, 255, 0.60); }
.web_content .sec6 .txt{height: 79px; margin-top: 52px; padding-left: 18px; box-sizing: border-box; flex-direction: column; display: flex; align-items: flex-start; justify-content: center; background: linear-gradient( 180deg, #1B1C27 0%, #232532 100%);border-radius: 8px 8px 8px 8px;border: 1px solid #303242;}
.web_content .sec6 h5{color: #fff; font-size: 14px; line-height: 16px; margin-bottom: 6px; }
.web_content .sec6 h6{font-size: 12px; color: rgba(255, 255, 255, 0.60); line-height: 14px; }
.web_content .sec5{margin-top: 100px; display: flex; align-items: center; }
.web_content .sec5 .left{width: 420px}
.web_content .sec5 .left .web_title{text-align: left;}
.web_content .sec5 .left > h4{display: flex; align-items: center; font-size: 20px; color: rgba(255, 255, 255, 0.80); }
.web_content .sec5 .left > h4 img{height: 20px; margin-left: 8px; }
.web_content .sec5 .list{margin-top: 35px;}
.web_content .sec5 .item{margin-bottom: 24px; padding-left: 18px; display: flex; align-items: center; height: 76px;background: linear-gradient( 180deg, #1B1C27 0%, #232532 100%);border-radius: 8px 8px 8px 8px;border: 1px solid #303242;}
.web_content .sec5 .item img{width: 40px; height: 40px; }
.web_content .sec5 .item .text{margin-left: 8px;}
.web_content .sec5 .item h5{font-size: 14px; line-height: 16px; color: #fff; }
.web_content .sec5 .item p{font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.40); margin-top: 4px; }
.web_content .sec5 .right{ width: 795px; margin-left: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.web_content .sec5 .right .img{width: 254px; height: 196px; margin-bottom: 16px; background: url(../images/w_bg1.png) no-repeat center; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; }
.web_content .sec5 .right .img img{width: 228px; height: 170px; }
/*.web_content .sec4{ padding-top: 52px; margin-top: 100px; background: linear-gradient( 180deg, #1B1C27 0%, rgba(27,28,39,0) 100%);border-radius: 8px 8px 8px 8px;border: 1px solid #232532;}*/
.web_content .sec4{ padding-top: 52px; margin-top: 100px; }
.web_content .sec4 h5{text-align: center; font-size: 12px; margin-top: 8px; line-height: 18px; color: rgba(255, 255, 255, 0.60); }
.web_content .sec4 .slideImgs{position: relative; padding-bottom: 60px; overflow: hidden; }
.web_content .sec4 .slideImgs .dots{position: absolute; bottom: 25px; width: 100%; display: flex; align-items: center; justify-content: center; }
.web_content .sec4 .slideImgs .dots span{width: 65px; height: 2px; background: rgba(255, 255, 255, 0.12); }
.web_content .sec4 .slideImgs .dots span.on{background: rgba(255, 255, 255, 0.80);}
.web_content .sec4 .slideImgs .leftbtn{ z-index: 2; position: absolute; cursor: pointer; width: 60px; height: 60px; top: 244px; left: 40px; }
.web_content .sec4 .slideImgs .leftbtn img{width: 100%;  }
.web_content .sec4 .slideImgs .rightbtn{ z-index: 2; position: absolute; cursor: pointer; width: 60px; height: 60px; top: 244px; right:40px; }
.web_content .sec4 .slideImgs .rightbtn img{width: 100%;}
.web_content .sec4 .slideImgs .scrollw{display: flex; align-items: center; margin-left: -175px; }
.web_content .sec4 .slideImgs .scrollw .video{width: 308px;height: 667px; overflow: hidden; margin: 0 8px; border-radius: 20px;}
.web_content .sec4 .slideImgs .scrollw .video video{ width: 100%; height: 100%; object-fit: cover; overflow-clip-margin: content-box; overflow: clip;}
.web_content .sec4 .slideImgs .scrollw .video:nth-child(1){opacity: 0.1;}
.web_content .sec4 .slideImgs .scrollw .video:nth-child(2){opacity: 0.4;}
.web_content .sec4 .slideImgs .scrollw .video:nth-child(4){opacity: 0.4;}
.web_content .sec4 .slideImgs .scrollw .video:nth-child(5){opacity: 0.1;}
.web_content .sec4 .slideImgs .playbtn{width: 81px; cursor: pointer; height: 81px; position: absolute; left: 50%; top: 256px; margin-left: -40px;  }
.web_content .sec4 .slideImgs .playbtn img{width: 100%; height: 100%; }

.customization .section1{padding-top: 86px; padding-bottom: 86px; }
.customization .section1 .title{position: inherit; margin-bottom: 80px; }
.customization .section1 .list .item{height: 313px; margin-bottom: 60px; }
.customization .section1 .contact{position: relative; box-sizing: border-box; padding: 36px 0 0 36px; height: 138px;background: rgba(255,255,255,0.08);border-radius: 10px 10px 10px 10px;border: 1px solid rgba(255,255,255,0.1);}
.customization .section1 .contact h4{font-size: 20px; margin-bottom: 12px; line-height: 34px; color: #fff; margin-top: 0;  }
.customization .section1 .contact p{font-size: 14px; color: rgba(255, 255, 255, 0.50); margin-bottom: 0;line-height: 16px; }
.customization .section1 .contact a{position: absolute;width: 124px;height: 46px;border-radius: 38px 38px 38px 38px;border: 1px solid rgba(255,255,255,0.1); top: 46px; font-size: 14px; color: #fff; cursor: pointer; right: 36px; display: flex; align-items: center; justify-content: center; }
.customization .section1 .contact a img{width: 16px; height: 16px; margin-right: 4px; }
.customization .section4 .item h4{font-size: 26px; line-height: 30px; padding: 24px 24px 0; color:rgba(255, 255, 255, 0.60); display: flex; align-items: center; }
.customization .section4 .item h4 span{color: #fff;}
.customization .section4 .item h4 b{margin-left: auto; color: rgba(255, 255, 255, 0.8); }
.customization .section4 .item p{font-size: 12px; line-height: 24px; margin-top: 30px; color: rgba(255, 255, 255, 0.6); padding-left: 24px; }
.customization .section4 .item p span{color: rgba(255, 255, 255, 0.8);}
.customization .section4 .item:hover h4{color: #fff;}
.customization .section4 .item:hover h4 span{color:  #A6F4FF;}


.giftbanner{margin-top: 72px; margin-bottom: 24px; height: 132px; background: url(../images/gbanner.png) no-repeat center #001B37; background-size: auto 100%; }
/* .w1200{width: 1200px;margin: 0 auto; } */
.gistselection .gifttypes{display: flex; align-items: center; margin-bottom: 24px; }
.gistselection .gifttypes label{font-size: 14px; margin-right: 17px; color: rgba(255, 255, 255, 0.60); }
.gistselection .gifttypes span{margin-right: 12px; cursor: pointer; font-size: 12px; color: rgba(255, 255, 255, 0.60); line-height: 40px; padding: 0 16px 0 45px; height: 40px;border-radius: 8px 8px 8px 8px; background: url(../images/gsicon1.png) no-repeat 16px center rgba(255,255,255,0.05); background-size: 24px 24px; }
.gistselection .gifttypes span.on{background: url(../images/gsicon2.png) no-repeat 16px center rgba(18, 127, 255, 0.20); background-size: 24px 24px;}
.gistselection .giftlevels{ margin-bottom: 34px; display: flex; align-items: center;width: 100%;}
.gistselection .giftlevels span{font-size: 16px; cursor: pointer; position: relative; margin-right: 40px; color: rgba(255, 255, 255, 0.4); }
.gistselection .giftlevels span.on{color: #fff;}
.gistselection .giftlevels span.on::before{display: block; content: ''; position: absolute; width: 20px; bottom: -10px; left: 50%; margin-left: -10px; height: 3px;background: #127FFF;border-radius: 3px 3px 3px 3px; }
.gistselection section{margin-bottom: 2px;}
.gistselection section h4{font-size: 16px; line-height: 18px; margin-bottom: 12px; color: rgba(255, 255, 255, 0.60); }
.gistselection .list{margin: 0 -12px;}
.gistselection .list .item{width: 227px;padding: 20px 8px; margin-bottom: 22px; box-sizing: border-box; border-radius: 10px; position: relative;vertical-align: top;cursor: pointer;background: linear-gradient(225deg, #0A0B12 0%, #0B0D1D 100%);float: left;}
.gistselection .list .item .icon1{position: absolute; left: 16px; top: 0; width: 28px; height: 36px; }
.gistselection .list .item .icon1 img{width: 100%;}
.gistselection .list .item .icon2{position: absolute; right: 0; top: 0; width: 57px; height: 33px; }
.gistselection .list .item .icon2 img{width: 100%;}
.gistselection .list .item .img{width: 211px; height: 211px; display: flex; align-items: center; justify-content: center; }
.gistselection .list .item .img img{max-width: 100%; max-height: 100%; }
.gistselection .list .item h4{margin: 16px 0 8px; padding: 0 4px; display: flex; align-items: center; font-size: 15px; color: #fff; }
.gistselection .list .item h4 span{margin-left: auto; color: #90FFAD; }
.gistselection .list .item .tags{margin-bottom: 12px; padding: 0 4px; display: flex; align-items: center; }
.gistselection .list .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); }
.gistselection .list .item .tags .red{color: #FF6287;background: rgba(255,98,135,0.1);}
.gistselection .list .item p{display: flex; align-items: center; padding: 0 4px; }
.gistselection .list .item p span{font-size: 11px; position: relative; padding-right: 8px; margin-right: 8px; color: rgba(255,255,255,0.2); }
.gistselection .list .item p span::before{position: absolute; display: block; right: 0; top: 2px; content: ''; width: 1px; height: 7px; background-color: #fff; opacity: 0.08; }
.gifttypes.fixed{position: fixed; top: 72px; width: 1400px; left: 50%; margin-left: -700px; z-index: 10; background: #10111A; padding: 0 100px 24px;}
.giftlevels.fixed{position: fixed; top: 136px; width: 1400px; left: 50%; margin-left: -700px; z-index: 10; background: #10111A; padding: 0 100px 34px;}

.datefestivals{ position: relative; padding: 0 120px; margin: 24px 0 16px; }
.datefestivals .leftbtn{position: absolute; width: 38px; height: 38px; left: 120px; top: 10px; z-index: 2; cursor: pointer; }
.datefestivals .leftbtn img{width: 100%; height: 100%; }
.datefestivals .rightbtn{position: absolute; width: 38px; height: 38px; right: 120px; top: 10px; z-index: 2; cursor: pointer; }
.datefestivals .rightbtn img{width: 100%; height: 100%; }
.datefestivals .box{width: 100%; padding-left: 46px; overflow: hidden; position: relative; }
.datefestivals .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%); }
.datefestivals .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%);}
.datefestivals ul{display: flex; align-items: center; }
.datefestivals .boxright ul{justify-content: flex-end;}
.datefestivals ul li{margin-right: 16px; padding: 0 6px 0 12px; box-sizing: border-box; width: 156px;height: 57px;background: linear-gradient( 270deg, rgba(42,137,252,0.06) 0%, rgba(42,137,252,0.3) 100%);border-radius: 9px 9px 9px 9px;border: 2px solid rgba(76,168,255,0.12); display: flex; align-items: center; }
.datefestivals ul li .img{width: 68px; text-align: center; box-sizing: border-box; padding-top: 20px; height: 51px; font-size: 22px; background: url(../images/date_bg2.png) no-repeat center; background-size: 100% 100%; margin-left: auto; }
.datefestivals ul li .img big{ font-size: 20px; font-weight: bold; background: linear-gradient(180deg, #127FFF 0%, #3CAAFF 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;}
.datefestivals ul li .img small{ font-size: 10px; }
.datefestivals ul li .text{width: 70px; }
.datefestivals ul li .text big{font-size: 14px;color: #E6F1FF;display: block; margin-bottom: 4px; }
.datefestivals ul li .text small{font-size: 12px;color: rgba(255, 255, 255, 0.60); }
.datefestivals ul li.on{background: linear-gradient( 270deg, rgba(252,42,42,0.06) 0%, rgba(252,42,74,0.3) 100%);border: 2px solid rgba(255,103,76,0.12);}
.datefestivals ul li.on .img{background: url(../images/date_bg.png) no-repeat center; background-size: 100% 100%;}
.datefestivals ul li.on .img big{background: linear-gradient(180deg, #FF121A 0%, #FF7451 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;}

.gooddetail .flex .right .btns .rbtn{position: relative;}
.gooddetail .flex .right .btns .rbtn .slide_icon{ display: none; z-index: 9; font-size: 12px; color: rgba(255, 255, 255, 0.7); position: absolute; text-align: center; left: 0; top: 40px;width: 132px;background: #1A1B24;border-radius: 10px;border: 1px solid rgba(255,255,255,0.06); }
.gooddetail .flex .right .btns .rbtn .slide_icon header{width: 100%; margin-bottom: 0; border-radius: 10px 10px 0 0; height: 28px;line-height: 28px;background: #252633;border-radius: 10px 10px 0px 0px;}
.gooddetail .flex .right .btns .rbtn .slide_icon h5{width: 132px;height: 21px;background: rgba(255,160,18,0.06);border-radius: 0px 0px 0px 0px; line-height: 21px; line-height: 21px; color: #FFA012; }
.gooddetail .flex .right .btns .rbtn .slide_icon ul{font-size: 13px; padding-bottom: 16px; line-height: 15px; color: #8F919C; }
.gooddetail .flex .right .btns .rbtn .slide_icon ul li{margin-top: 16px; cursor: pointer; }
.gooddetail .flex .right .btns .rbtn .slide_icon ul li:hover{color: #127FFF;}
.gooddetail .flex .right .btns .rbtn:hover .slide_icon{display: block;}


/* 详情 */
.detailContent{width: 1200px;margin: 60px auto; display: flex; align-items: flex-start; justify-content: space-between; }
.detailContent .detailLeft{width: 359px;}
.detailContent .detailLeft .video{border-radius: 12px 12px 12px 12px; overflow: hidden; box-shadow: 19px 21px 51px 0px rgba(0,0,0,0.25);}
.detailContent .detailLeft .video video{border-radius: 12px 12px 12px 12px; box-sizing: border-box; border: 2px solid rgba(255,255,255,0.2);width: 100%; height: 100%; }
.detailContent .detailLeft h4{margin-top: 24px; margin-bottom: 8px; font-size: 12px; line-height: 14px; color: rgba(235, 244, 255, 0.50); position: relative; }
.detailContent .detailLeft h4::before{content: ''; display: block; width: 295px; height: 1px; background: rgba(255, 255, 255, 0.06); position: absolute; right: 0; top: 7px; }
.detailContent .detailLeft ul{display: flex; flex-wrap: wrap; }
.detailContent .detailLeft ul li{width: 83px; margin-bottom: 18px; margin-right: 9px; }
.detailContent .detailLeft ul li:nth-child(4n){margin-right: 0;}
.detailContent .detailLeft ul li .img{width: 83px;height: 83px; display: flex; align-items: center; justify-content: center; border-radius: 13px 13px 13px 13px;border: 1px solid rgba(255,255,255,0.08);}
.detailContent .detailLeft ul li .img img{max-width: 100%; max-height: 100%; }
.detailContent .detailLeft ul li h5{text-align: center; cursor: pointer; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 14px; color: #FFFFFF; margin-top: 5px; margin-bottom: 0; }
.detailContent .detailLeft ul li:hover h5{color: #0179FC;}
.detailContent .detailRight{width: 809px;}
.detailContent .detailRight .goodNext{padding: 10px 32px; margin-bottom: 8px; line-height: 24px; background: #20212C; border-radius: 10px 10px 10px 10px; }
.detailContent .detailRight .goodNext a{ cursor: pointer; display: flex; align-items: center; font-size: 16px; color: #fff; }
.detailContent .detailRight .goodNext span{ color: rgba(255, 255, 255, 0.70); border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; margin-left: 16px; }
.detailContent .detailRight .goodNext img{margin-left: auto; width: 38px; height: 38px;  }
.detailContent .detailRight .goodDetail{background: #20212C; padding: 27px 24px; border-radius: 20px 20px 20px 20px; margin-bottom: 16px; }
.detailContent .detailRight .goodDetail h4{font-size: 18px; color: #fff; line-height: 20px; margin-bottom: 12px; }
.detailContent .detailRight .goodDetail article{font-size: 13px; color: rgba(255, 255, 255, 0.66); line-height: 24px;}
.detailContent .detailRight .goodDetail h5{font-size: 15px; color: #fff; margin-bottom: 8px; margin-top: 8px; }
.detailContent .detailRight .goodDetail article p{font-size: 13px; color: rgba(255, 255, 255, 0.66); line-height: 24px; }
.detailContent .detailRight .goodDetail article img{max-width: 100%; margin-right: 20px}
.detailContent .detailRight .goodInfo{background: #20212C;border-radius: 20px 20px 20px 20px;padding: 24px; margin-bottom: 24px; }
.detailContent .detailRight .goodInfo h4{margin-top: 0; margin-bottom: 16px; display: flex; align-items: center; font-size: 24px; line-height: 30px; color: #EBF4FF; }
.detailContent .detailRight .goodInfo h4 small{font-size: 14px;color: rgba(235, 244, 255, 0.40);}
.detailContent .detailRight .goodInfo h5{}
.detailContent .detailRight .goodInfo h5 span{ padding: 4px 10px;background: rgba(255,255,255,0.05);border-radius: 12px; font-size: 12px;color: rgba(204, 228, 255, 0.60);}
.detailContent .detailRight .goodInfo h5 span b{color: #fff; font-weight: 400; }
.detailContent .detailRight .goodInfo h5 .green{background: rgba(118,255,156,0.1);color: rgba(118,255,156,0.6);}
.detailContent .detailRight .goodInfo h5 .green b{color: #76FF9C;}
.detailContent .detailRight .goodInfo h5 .blue{background: rgba(18,155,255,0.12);color: rgba(18,155,255,0.6);}
.detailContent .detailRight .goodInfo h5 .blue b{color: #129BFF;}
.detailContent .detailRight .goodInfo h6{font-size: 12px; margin-top: 20px; width: 450px; padding: 4px 10px;background: rgba(255,255,255,0.05);border-radius: 12px; color:#90FFAD; display: flex; align-items: center; }
.detailContent .detailRight .goodInfo h6 img{width: 16px; height: 16px; margin-right: 6px; }
.detailContent .detailRight .goodInfo .price{margin-top: 24px; font-size: 20px; color: #90FFAD; display: flex; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 24px; }
.detailContent .detailRight .goodInfo .price del{margin-left: 16px; color: rgba(204, 228, 255, 0.40); font-size: 14px; }
.detailContent .detailRight .goodInfo a{margin-left: auto; line-height: 0; width: 138px; border: none; background: none; padding: 0; cursor: pointer; }
.detailContent .detailRight .goodInfo a img{width: 100%;}


.giftslist .recommenditem{ padding-bottom: 14px; background: linear-gradient( 180deg, rgba(64,255,175,0.12) 0%, rgba(64,255,255,0) 100%);border-radius: 10px 10px 10px 10px;border: 1px solid rgba(64,255,175,0.12);}
.giftslist .recommenditem h6{font-size: 12px;color: rgba(255, 255, 255, 0.60);text-align: center;}
.giftslist .recommenditem h6 span{position: relative;}
.giftslist .recommenditem h6 span::before{position: absolute; content: ''; display: block; top: 7px; left: -64px; width: 54px; height: 1px; background: rgba(255, 255, 255, 0.06); }
.giftslist .recommenditem h6 span::after{position: absolute; content: ''; display: block; top: 7px; right: -64px; width: 54px; height: 1px; background: rgba(255, 255, 255, 0.06);}
.giftslist .recommenditem h4{font-size: 15px; line-height: 18px; margin-top: 5px; margin-bottom: 17px; color: rgba(255, 255, 255, 0.90);justify-content:center;}
.giftslist .recommenditem button{height: 30px; width: 100%; font-size: 12px; color: #40FFAF; display: flex; justify-content: center; align-items: center; border-radius: 4px 4px 4px 4px;background: rgba(64,255,175,0.1);border: none;}
.giftslist .recommenditem button img{width: 12px;height: 12px;margin-right: 4px;}

/* 三方设计 */
.desginerTypes{width: 255px;height: 37px; margin: 0 auto 24px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 2px; box-sizing: border-box; background: rgba(255,255,255,0.04);border-radius: 7px 7px 7px 7px;border: 1px solid rgba(255,255,255,0.2);}
.desginerTypes span{flex: 1; height: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 6px; font-size: 12px; color: #fff; }
.desginerTypes span.on{background: #127FFF; }
/*.designerList{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px; justify-content: space-between; margin: 0 -12px;}*/
.designerList{display: flex; align-items: center; flex-wrap: wrap; }
.designerList .item{width: 227px; height: 346px; padding: 24px 16px; box-sizing: border-box; border-radius: 10px; position: relative;overflow: hidden;vertical-align: top;cursor: pointer;margin: 0 7px 22px;background: linear-gradient( 180deg, #1D2247 0%, #13172A 100%);}
.designerList .item .user{ padding-bottom: 24px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.06); }
.designerList .item .user .img{width: 50px; height: 50px; margin-right: 8px; line-height: 0; border-radius: 50%; overflow: hidden; }
.designerList .item .user .img img{width: 100%; height: 100%; }
.designerList .item .user .text{color: #fff;}
.designerList .item .user .text h4{font-size:16px; margin-bottom: 8px; font-weight: bold; }
.designerList .item .user .text p{font-size: 12px; opacity: 0.5; }
.designerList .item h5{margin-top: 16px; margin-bottom: 12px; font-size: 12px; color: #fff; opacity: 0.9; }
.designerList .item h5 span{float: right; opacity: 0.6; }
.designerList .item a ul{padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.designerList .item a ul li{width: 81px;height: 81px; margin-top: 10px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 11px;border: 1px solid rgba(255,255,255,0.08);}
.designerList .item a ul li img{max-height: 100%; max-height: 100%; }
.slideSmall{width: 227px; height: 346px; margin: 0 7px 22px; border-radius: 10px; position: relative; overflow: hidden; }
.slideSmall .bd{width: 100%; height: 100%; }
.slideSmall .bd .tempWrap{height: 100%;}
.slideSmall .bd ul li img{width: 100%;}
.slideSmall .hd{position: absolute; width: 100%; left: 0; bottom: 8px; } 
.slideSmall .hd ul{width: 100%; display: flex; align-items: center; justify-content: center; }
.slideSmall .hd li{width: 10px;height: 3px;background: #FFFFFF;opacity: 0.3; margin: 0 2px; }
.slideSmall .hd li.on{width: 20px;height: 3px;background: #FFFFFF;opacity: 1;}


.designerContent{}
.designerContent .designerBanner{height:132px; position: relative; }
.designerContent .designerBanner .slideBox,.designerContent .designerBanner .slideBox .bd,.designerContent .designerBanner .slideBox .tempWrap,.designerContent .designerBanner .slideBox ul,.designerContent .designerBanner .slideBox ul li{height: 100%;}
.designerContent .designerBanner .slideBox .hd{position: absolute; width: 100%; left: 0; bottom: 8px; }
.designerContent .designerBanner .slideBox .hd ul{width: 100%; display: flex; justify-content: center;}
.designerContent .designerBanner .slideBox .hd li{width: 10px;height: 3px;background: rgba(255, 255, 255, 0.3);border-radius: 0px 0px 0px 0px;margin: 0 2px;}
.designerContent .designerBanner .slideBox .hd li.on{width: 20px;height: 3px;background: #FFFFFF;border-radius: 0px 0px 0px 0px;}
.designerContent .selector{padding: 24px 90px 0; font-size: 16px; color: rgba(255, 255, 255, 0.5); line-height: 36px; display: flex; align-items: center; }
.designerContent .selector span{position: relative; cursor: pointer; margin-right: 32px; width:80px; text-align: center; }
.designerContent .selector span.on{color: #fff;}
.designerContent .selector span.on::before{ position: absolute; bottom: 0; left: 50%; margin-left: -9px; width: 18px;height: 2px;background: #127FFF;border-radius: 1px 1px 1px 1px;content: '';display: block;}
.designerContent .selector .right{margin-left: auto; box-sizing: border-box; padding: 4px; display: flex; align-items: center; width: 156px;height: 36px;border-radius: 8px 8px 8px 8px;border: 1px solid rgba(255,255,255,0.12);}
.designerContent .selector .right a{flex: 1; cursor: pointer; font-size: 14px;color: rgba(255, 255, 255, 0.6); line-height: 28px; text-align: center; }
.designerContent .selector .right a.on{background: rgba(255,255,255,0.1);border-radius: 7px 7px 7px 7px;}
.designerContent .list{padding: 0 90px;}
.designerContent .list .item{padding: 36px 0; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.08);}
.designerContent .list .item .left{display: flex; align-items: center; }
.designerContent .list .item .left .imgs{width: 92px;height: 92px; padding: 2px; line-height: 0; box-sizing: border-box; border-radius: 50%;border: 2px solid #127FFF;}
.designerContent .list .item .left .imgs img{width: 100%; height: 100%; border-radius: 50%; }
.designerContent .list .item .left .text{margin-left: 12px;}
.designerContent .list .item .left h4{color: rgba(255, 255, 255, 0.95); margin-top: 0; margin-bottom: 4px; font-size: 24px; line-height: 34px; }
.designerContent .list .item .left h5{display: flex; align-items: center; margin-bottom: 8px; }
.designerContent .list .item .left h5 span{margin-right: 4px; font-size: 14px; color: rgba(255, 255, 255, 0.8); padding: 0 8px; line-height: 24px; height: 24px;background: #1D1E21;border-radius: 4px 4px 4px 4px;}
.designerContent .list .item .left h5 span.blue{color: #3B95FF;background: #11213F;}
.designerContent .list .item .left h6{display: flex; align-items: center; margin-bottom: 4px; }
.designerContent .list .item .left h6 span{ padding: 0 6px;margin-right: 4px; font-size: 12px; color: #6589B3; line-height: 21px; height: 21px;background: rgba(18,127,255,0.1);border-radius: 4px 4px 4px 4px;border: 1px solid rgba(188,219,255,0.06);}
.designerContent .list .item .left p{color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 17px; }
.designerContent .list .item .left .btns{margin-top: 15px; display: flex; align-items: center; }
.designerContent .list .item .left button{border-radius: 7px; margin-right: 8px; font-size: 12px; cursor: pointer; background: none; color: rgba(255, 255, 255, 0.95); display: flex; align-items: center; justify-content: center; width: 98px;height: 31px;border: 1px solid rgba(255,255,255,0.1);}
.designerContent .list .item .left button img{width: 16px; height: 16px; margin-right: 2px; }
.designerContent .list .item .right{margin-left: auto;}
.designerContent .list .item .right ul{list-style: none; display: flex; align-items: center; padding: 0; margin: 0; }
.designerContent .list .item .right ul li{width: 144px; margin-left: 16px; }
.designerContent .list .item .right .img{width: 144px; height: 144px; display: flex; align-items: center; justify-content: center; }
.designerContent .list .item .right .img img{max-width: 100%; max-height: 100%; }
.designerContent .list .item .right p{margin-bottom: 0; display: flex; align-items: center;  margin-top: 7px;color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 17px; }
.designerContent .list .item .right p span{color: rgba(255, 255, 255, 0.4);margin-left: auto;}









.designerContent .selector span{width: 96px;height: 32px; margin-right: 12px; box-sizing: border-box; line-height: 32px; font-size: 14px; color: rgba(255, 255, 255, 0.6); background: #1E1F26;border-radius: 4px;}
.designerContent .selector span.on::before{display: none;}
.designerContent .selector span.on{border: 1px solid #3FFFF4; color: #003A43; background: linear-gradient( 90deg, #3FFCAE 0%, #3FFFFC 100%);}
.designerContent .selector .right{padding: 0; height: 28px; overflow: hidden; border-radius: 4px; }
.designerContent .selector .right a.on{border-radius: 0;}
.designerContent .list{margin-top: 20px;}
.designerContent .list .item{padding: 9px 34px;border-radius: 6px; border-bottom: none; }
.designerContent .list .item:nth-child(odd){background: #15151E;}
.designerContent .list .item .left .imgs{width: 108px; height: 108px; border: none; padding: 0; border-radius: 6px; }
.designerContent .list .item .left .imgs img{border-radius: 6px;}
.designerContent .list .item .left .text{margin-left: 34px;}
.designerContent .list .item .left h4{font-size: 16px; margin-bottom: 8px; line-height: 16px; display: flex; align-items: center; }
.designerContent .list .item .left h4 img{margin-left: 4px; width: 20px; height: 20px;  }
.designerContent .list .item .left h4 span{margin-right: 4px; font-size: 12px; padding: 0 8px; line-height: 24px; height: 24px;color: #3B95FF;background: #11213F;border-radius: 4px 4px 4px 4px;}
.designerContent .list .item .left p{margin-bottom: 12px; line-height: 12px; }
.designerContent .list .item .left .btns{margin-top: 10px;}
.designerContent .list .item .left button{color: #62FFAE; height: 28px; border: none; background: #1E1F26; }
.designerContent .list .item .right ul li{width: 152px; height: 152px; cursor: pointer; display: flex; margin-left: 0; margin-right: 14px; flex-direction: column; align-items: center; justify-content: center; border-radius: 16px; background: linear-gradient( 207deg, #0B0C13 0%, #0B0C1C 100%); }
.designerContent .list .item .right .img{width: 108px; height: 108px; }
.designerContent .list .item .right ul li p{justify-content: center;}
.designerContent .list .item .right ul .btn{ font-size: 11px; cursor: pointer; line-height: 22px; color: rgba(255, 255, 255, 0.6); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 60px;height: 152px;background: linear-gradient( 207deg, #0B0C13 0%, #0B0C1C 100%);border-radius: 12px;}