body{position: relative;}
.bg{position: absolute;}
.bg1{right: 0; top: 1050px; z-index: 0;}
.bg2{left: 0; top: 1600px; z-index: 0;}
.bg3{right: 0; top: 1900px; z-index: 0;}
.bg4{left: 65px; top: 3300px; z-index: 0;}
.top_page{background: #08081F; height: 32px; line-height: 32px;color: rgb(255,255,255,0.6);font-size: 12px;}
.top_page ul{list-style: none; padding: 0; margin: 0;}
.top_page ul li{float: left;position: relative; padding: 0 12px;}
.top_page ul li a{color: rgb(255,255,255,0.6)}
.top_page ul li a:hover{color: #fff;}
.top_page ul li.carBtn{background-color: rgb(255,255,255,0.1);}
.top_page ul li.carBtn a{display: flex; align-items: center;}
.top_page .w{width:90%}
.navbar{height: 72px; background: rgba(8, 8, 31, 1); position: relative;z-index: 2;}
.navbar.on{background: rgba(8, 8, 31, 0.8);}
.navbar .logo{height: 32px; margin-top: 20px; line-height: 0;}
.navbar .logo img{height: 100%;}
.navbar ul li{float: left; padding: 0 15px; line-height: 72px;}
.navbar ul li.on{background: #1A5EFF;}
.navbar ul li a{color: #fff; font-size: 16px;display: block}
.navbar form{float: right; position: relative; margin-left: 5px; height: 36px; width: 220px; margin-top: 17px; border: 1px solid #1A5EFF; border-radius: 4px;}
.navbar form input{color: #fff; font-size: 12px; height: 100%; background: none; padding-left: 12px; width: 100%; border: none; outline: none;}
.navbar form button{position: absolute; right: 0; top: 0; height: 36px; border: none; width: 50px; background: #1A5EFF; outline: none;}
.banner{height: 600px; background:  #08081F; margin-top: -72px;}
.slideBox{height: 527px; position: relative; padding-top: 72px;}
.slideBox .bd ul li{height: 527px;}
/* .banner .hd {position: absolute; bottom: 40px; text-align: center; width: 100%;}
.banner .hd ul li{display: inline-block; margin: 0 5x; width: 40px; height: 6px; border-radius: 2px; background: #fff;}
.banner .hd ul li.on{background: #FC920A;} */

.con_page{background: #08081F; padding-top: 80px;}
.index_title{text-align: center;}
.index_title h4{height: 64px; font-weight: bold; font-size: 28px; line-height: 64px;background: linear-gradient(to right, #E359FF, #5959FF);-webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.index_title p{font-size: 12px; color: rgba(255,255,255,0.8);}
.con_page .w{position: relative;}
.section1 .index_title{background: url(../images/icon8.png) no-repeat top center; background-size: autu center;}
.section1 .item{width: 599px; height: 255px; text-align: center; margin-top: 32px; padding-top: 47px; overflow: hidden; border: 1px solid rgba(225, 89, 255, 0.3); background: #0C0C32; border-radius: 20px;}
.section1 .item img{height: 64px;}
.section1 .item h4{font-size: 20px;color: #fff; font-weight: bold; padding: 20px 0 16px;}
.section1 .item p{font-size: 12px; color: rgba(255,255,255,0.3); padding: 0 70px; line-height: 20px;}
.section2 .item{float: left;width: 389px; height: 96px; box-sizing: border-box; padding: 16px; display: flex; align-items: center; margin-top: 10px; margin-right: 22px; border: 1px solid rgba(225, 89, 255, 0.3); background: #0C0C32; border-radius: 12px;}
.section2 .item:nth-last-child(1){margin-right: 0;}
.section2 .item img{height: 64px; margin-right: 2px;}
.section2 .item h4{font-size: 16px;color: #fff; padding-bottom: 10px; padding-top: 5px;}
.section2 .item p{font-size: 12px; color: rgba(255,255,255,0.3);}
.section2 .index_title{background: url(../images/icon32.png) no-repeat top center; background-size: autu center;}
.section3 .index_title{background: url(../images/icon28.png) no-repeat top center; background-size: autu center;}
.section3 .item{width: 120px; float: left; margin: 32px 41px 0;}
.section4 .index_title{background: url(../images/icon1.png) no-repeat top center; background-size: autu center; margin-bottom: 32px;}
.section4 .item{width: 185px; float: left; text-align: center; padding: 20px; box-sizing: border-box; margin-top: 22px; margin-right: 22px; border: 1px solid rgba(225, 89, 255, 0.3); position: relative; background: #0C0C32; border-radius: 12px;}
.section4 .item:nth-child(6n){margin-right: 0;}
.section4 .item .img{width: 144px;height: 144px;overflow: hidden;}
.section4 .item .img img{width: 100%;}
.section4 .item h4{text-align: center;font-size: 16px;color: #fff; padding-top: 16px; padding-bottom: 4px;}
.section4 .item p{font-size: 12px;color:rgba(255, 255, 255, 0.6);padding-top: 8px;}
.section5{background: url(../images/icon24.png) no-repeat center 228px #08081F;}
.section5 .index_title{background: url(../images/icon18.png) no-repeat top center; background-size: autu center;}
.section5 .item{width: 25%; float: left; margin-top: 32px; box-sizing: border-box; padding: 0 40px; text-align: center;}
.section5 .item h3{font-size: 24px;font-style: italic;color: #fff;}
.section5 .item h5{font-size: 16px; color: #fff; padding-top: 52px; padding-bottom: 12px;}
.section5 .item p{font-size: 12px;color:rgba(255, 255, 255, 0.3);line-height: 20px;}
.section6 .index_title{background: url(../images/icon31.png) no-repeat top center; background-size: autu center;}
.section6 .content{margin-top: 32px; position: relative;height: 376px;overflow: hidden;}
.section6 .content .left{position: absolute;left: 0;top: 0;}
.section6 .content .right{position: absolute;right: 0;top: 0;}
.section6 .content .pk{display: flex; width: 505px; margin: 103px auto 0; }
.section6 .content .pk .new{background: url(../images/icon25.png) no-repeat center; width: 156px; height: 156px; color: #fff; font-size: 16px; line-height: 156px; text-align: center;}
.section6 .content .pk .old{background: url(../images/icon26.png) no-repeat center; width: 156px; height: 156px; color: #fff; font-size: 16px; line-height: 156px; text-align: center;}
.section6 .content .pk img{height: 134px; margin: auto 45px;}
.section6 .content .left div{font-size: 12px; color: #fff; width: 240px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 16px; background: url(../images/icon27.png) no-repeat center; background-size: contain;}
.section6 .content .right div{font-size: 12px; color: #fff; margin-left: auto; width: 240px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 16px; background: url(../images/icon20.png) no-repeat center; background-size: contain;}
.section6 .content .left div:nth-child(1){margin-left: 120px;}
.section6 .content .left div:nth-child(2){margin-left: 80px;}
.section6 .content .left div:nth-child(3){margin-left: 40px;}
.section6 .content .left div:nth-child(5){margin-left: 40px;}
.section6 .content .left div:nth-child(6){margin-left: 80px;}
.section6 .content .left div:nth-child(7){margin-left: 120px;}
.section6 .content .right div:nth-child(1){margin-right: 120px;}
.section6 .content .right div:nth-child(2){margin-right: 80px;}
.section6 .content .right div:nth-child(3){margin-right: 40px;}
.section6 .content .right div:nth-child(5){margin-right: 40px;}
.section6 .content .right div:nth-child(6){margin-right: 80px;}
.section6 .content .right div:nth-child(7){margin-right: 120px;}
.section7 .index_title{margin-bottom: 32px; background: url(../images/icon17.png) no-repeat center;}
.section7 .item{width: 185px; height: 56px; margin-top: 20px; display: flex; align-items: center; justify-content: center; float: left; margin-right: 19px; border-radius: 8px;background: #0C0C32; border: 1px solid rgba(225, 89, 255, 0.3);}
.section7 .item img{max-width: 75%; max-height: 80%;}
.section7 .item:nth-child(6n){margin-right: 0;}
.section8{padding-bottom: 80px;}
.section8 .index_title{background: url(../images/icon30.png) no-repeat center; margin-bottom: 32px;}
.section8 .pull-left{width: 600px; height: 260px; border-radius: 12px; overflow: hidden;}
.section8 .pull-left img{width: 100%;}
.section8 .pull-right{width: 555px;}
.section8 .pull-right h4{color: #fff; font-size: 16px; padding-top: 12px; padding-bottom: 38px; position: relative;}
.section8 .pull-right h4:before{content: '';display: block;position: absolute;left: 0; top: 42px; width: 30px;height: 2px;background: linear-gradient(310deg, #E359FF 0%, #5959FF 100%);}
.section8 .pull-right article{font-size: 14px; color: rgba(255,255,255,0.6); line-height: 22px;}
.section8 .pull-right article p{font-size: 14px; margin-bottom: 10px; color: rgba(255,255,255,0.6); line-height: 22px;}
footer{background:url(../images/icon43.png) no-repeat top center #08081F;}
footer > p{font-size: 12px; color: rgb(255,255,255,0.6); text-align: center;padding: 30px 0;}
.footer_page{width: 600px; margin: 0 auto; padding-top: 50px;}
.footer_page .pull-left{width: 250px; 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;}

.gifts{background: #08081F; padding-top: 24px;}
.gifts-select{background: rgba(255,255,255,0.04); box-sizing: border-box; border-radius: 4px; padding: 12px 24px;}
.gifts-select .item{padding: 12px 0; background: none !important;}
.gifts-select .item .pull-left{font-size: 14px; color: rgb(255,255,255,0.6);}
.gifts-select .item .pull-right{font-size: 14px; color: #fff; width: calc(100% - 28px);}
.gifts-select .item .pull-right span{margin-left: 28px; cursor: pointer;}
.gifts-select .item .pull-right span.on{color: #00EA9C;}
.section4 .item > span{position: absolute; left: 0; top: 0; color: #fff; background: rgba(255, 255, 255, 0.1);border-radius: 4px 0px 4px 0px; height: 20px; font-size: 12px; line-height: 20px; padding: 0 8px;}
.gifts .item{border-radius: 4px; border: none;background: rgba(255,255,255,0.04);}
.paginations{padding: 48px 0; text-align: center;}
.paginations li{display: inline-block;}
.paginations li a, .paginations li.active, .paginations li.disabled{display: inline-block; height: 32px; margin: 0 3px; border-radius: 4px; padding: 0 12px; box-sizing: border-box; line-height: 32px; font-size: 12px; color: #fff;background: rgba(255,255,255,0.04);}
.paginations li.active span{color: #00EA9C; border: 1px solid #00EA9C;display: inline-block; width: 32px; line-height: 32px;font-size: 12px;}
.gifts .item h3{color: #00EA9C; font-size: 16px; padding-top: 16px;}
.section4 .item > big{position: absolute; width: 114px; text-align: center; left: 50%; margin-left: -57px; top: 0; color: #fff; background: rgba(255, 255, 255, 0.1);border-radius: 0px 0px 4px 4px; height: 20px; font-size: 12px; line-height: 20px;}
.section4 .item .days{position: absolute; width: 60%; right: 0; top: 0;}
.section4 .item .days i{margin-right: 4px; float: right; display: block; text-align: center; line-height: 20px; min-width: 40px;height: 20px; font-size: 12px; color: #fff; border-radius: 0px 0px 4px 4px;}
.section4 .item .days i.new{background: linear-gradient(270deg, #FFB95A 0%, #FF732E 100%);}
.section4 .item .days i.day{background: linear-gradient(270deg, #FF5A8C 0%, #FF2E53 100%);}


.buyInfo{width: 514px; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -257px;}
.buyInfo header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.buyInfo header img{float: right; margin-top: 17px; cursor: pointer;}
.buyInfo .btns{padding: 20px 0; background: rgba(17, 17, 39, 1)}
.buyInfo button{color: #fff; display: block; font-size: 16px; border: none; outline: none; margin: 0 auto; width: 220px;height: 44px;background: #1A5EFF;border-radius: 4px;}
.buyInfo .box{padding: 0 24px 10px;}
.buyInfo .tip{border-radius: 4px; padding: 8px 16px; margin-top: 12px;}
.buyInfo .tip.yellow{border: 1px solid #FF8C19; color: #FF8C19;background: rgba(255, 140, 25, 0.1);}
.buyInfo .tip.red{border: 1px solid #FF1940; color: #FF1940;background: rgba(255, 25, 64, 0.1);}
.buyInfo .tip p{font-size: 12px; position: relative; padding-left: 8px; line-height: 24px;}
.buyInfo .tip.yellow p:before{position: absolute; left: 0; top: 9px; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #FF8C19;}
.buyInfo .tip.red p:before{position: absolute; left: 0; top: 9px; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #FF1940;}
.buyInfo .tip h4{font-size: 14px; line-height: 26px;}
.buyInfo .step{font-size: 12px; overflow: hidden; color: rgba(255,255,255,0.6); height: 280px; margin-bottom: 10px; overflow-y: scroll;}
.buyInfo .step h4{margin-top: 24px; margin-bottom: 12px;}
.buyInfo .step .item{}
.buyInfo .step h3{color: #fff; font-size: 14px; padding: 12px 0;}
.buyInfo .step h3 span{font-style: italic; margin-right: 12px; }
.buyInfo .step p{font-size: 12px;  color: rgba(255,255,255,0.6); border-left: 1px solid #1A5EFF; padding-left: 18px; margin-left: 9px; line-height: 24px;}


.document{background: #08081F; padding-top: 24px;}
.document article{background: rgba(255,255,255,0.04); color: #fff; line-height: 30px; font-size: 14px; padding: 64px;}
.document header{padding: 64px 64px 0;background: rgba(255,255,255,0.04);}
.document header h4{font-size: 24px;color: #fff; padding-bottom: 20px;}
.document header p{font-size: 12px;color: rgba(255,255,255,0.6);}
.document article h4{font-size: 16px; margin-bottom: 20px;}
.document article p{margin-bottom: 10px;}
.document article img{max-width: 100%; margin: 20px auto; display: block;}
.document-pagnition{margin-top: 8px; font-size: 14px;background: rgba(255,255,255,0.04); color: #fff; height: 56px; line-height: 56px; padding: 0 64px; border-radius: 4px;}

.fixImg{height: 320px; line-height: 320px; text-align: center; font-size: 48px; font-weight: bold; color: #fff;}
.document .list{padding-top: 32px;}
.document .list .item{margin-top: 48px;}
.document .list .item .img{width: 320px; overflow: hidden; height: 200px; border-radius: 4px; float: left;}
.document .list .item .img img{ max-height: 100%;}
.document .list .item .text{width: calc(100% - 345px); margin-left: 345px;}
.document .list .item .text h4{font-size: 24px; padding-top: 8px;}
.document .list .item .text h4 a{color: #fff;}
.document .list .item h6{font-size: 12px;color: rgba(255,255,255,0.6); padding: 20px 0;}
.document .list .item p{font-size: 14px; color: rgba(255,255,255,0.6); line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/* autoprefixer: ignore next */ -webkit-box-orient:vertical;}
.document .list .item h5{font-size: 12px;color: #00EA9C; margin-top: 30px;}
.document .list .item h5 a{color: #00EA9C;}
.document .list .item .text h4:hover a{color: #00EA9C;}

.join{padding: 80px 0; background: #08081F;}
.join header,.join ul li h4{background: rgba(255,255,255,0.04); display: flex; padding: 0 24px; font-size: 14px; color: rgba(255,255,255,0.6); line-height: 46px; height: 46px; border-radius: 4px;}
.join ul li h4{color: #fff; cursor: pointer;}
.join header span:nth-child(1),.join ul li span:nth-child(1){flex: 7;}
.join ul li span:nth-child(1){font-size: 16px;}
.join header span:nth-child(2),.join ul li span:nth-child(2){flex: 2;}
.join header span:nth-child(3),.join ul li span:nth-child(3){flex: 2;}
.join header span:nth-child(4),.join ul li span:nth-child(4){flex: 1; text-align: right;}
.join ul li img{height: 28px; margin-top: 9px;}
.join ul li{margin-top: 8px;}
.join ul li .up{display: none;}
.join ul li .down{display: inline-block;}
.join ul li article{background: rgba(255,255,255,0.04); display: none; margin-top: 8px; line-height: 30px; padding: 16px 24px 16px;color: rgba(255,255,255,0.6); border-radius: 4px;}
.join ul li article h5{color: #fff; margin-bottom: 8px; line-height: 16px;}
.join ul li.on .up{display: inline-block;}
.join ul li.on .down{display: none;}
.join ul li.on article{display: block;}

.about{padding: 80px 0; background: #08081F;}
.about .right{width: 720px;}
.about .left{width: 455px; position: relative;}
.about .right img{width: 720px; height: 520px;}
.about .right h4{width: 33.3%; margin-top: 56px; text-align: center;float: left;font-size: 14px;color: rgba(255,255,255,0.6); position: relative;}
.about .right h4:before{position: absolute;content: '';display: block;right: 0;top: 10px; width: 1px;height: 48px;background: rgba(255, 255, 255, 0.2);}
.about .right h4 big{display: block; padding-bottom: 10px; font-size: 40px; color: #fff; font-weight: bold;}
.about .right h4:nth-last-child(1):before{display: none;}
.about .left header{position: relative;color: #fff; padding-top: 36px; margin-bottom: 40px;}
.about .left header:before{content: '';display: block;left: 0;top: 0;width: 120px;position: absolute; height: 1px;background: #FFFFFF;}
.about .left header h3{font-size: 40px; color: #fff; font-weight: bold; padding-bottom: 12px;}
.about .left header h4{font-size: 24px;font-weight: bold;}
.about .left article{font-size: 14px;color: rgba(255,255,255,0.6); line-height: 26px;}
.about .left article p{margin-bottom: 30px;}
.about .left img{width: 295px; height: 295px; float: right;}
.about .left big{position: absolute;font-size: 12px;color: rgba(255,255,255,0.6); left: 0; bottom: 0; transform: rotate(-90deg);transform-origin: left;}
.about .left big:before{content: '';display: block;position: absolute;width: 84px;height: 1px;background: #FFFFFF;opacity: 0.6; right: -100px; top: 4px;}

.shadow{background: rgba(8, 8, 31, 0.8); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9;}
.giftShow{width: 888px; height: 668px; left: 50%; border: 1px solid #1A5EFF; margin-left: -444px; top: 50%; margin-top: -334px; background: #111127; position: fixed; z-index: 10; padding: 24px; border-radius: 8px; box-sizing: border-box;}
.giftShow .close{position: absolute; cursor: pointer; right: 24px; top: 24px;}
.giftShow .pull-left{width: 350px; height: 620px; overflow: hidden; border-radius: 4px; text-align: center}
.giftShow .pull-left img{width: 80%; margin-top: 300px}
.giftShow .pull-right{width: 465px;}
.giftShow .pull-right button{height: 45px; margin-top: 24px; border: none; display: block; background: #1A5EFF; width: 100%; border-radius: 4px; outline: none; color: #fff; font-size: 14px;}
.giftShow .pull-right h2{font-size: 24px; font-weight: bold; color: #fff; padding: 12px 0; display: flex; align-items: center;}
.giftShow .pull-right h2 span{height: 20px; margin-left: 10px; padding: 0 8px; background: linear-gradient(270deg, #FFAD1F 0%, #FF881F 100%);border-radius: 4px;font-size: 12px; line-height: 20px; display: inline-block;}
.giftShow .pull-right h6{font-size: 12px;color: rgba(255,255,255,0.6);}
.giftShow .pull-right .tip{border-radius: 4px; padding: 8px 16px; margin-top: 12px;}
.giftShow .pull-right .tip.yellow{border: 1px solid #FF8C19; color: #FF8C19;background: rgba(255, 140, 25, 0.1);}
.giftShow .pull-right .tip.red{border: 1px solid #FF1940; color: #FF1940;background: rgba(255, 25, 64, 0.1);}
.giftShow .pull-right .tip p{font-size: 12px; position: relative; padding-left: 8px; line-height: 24px;}
.giftShow .pull-right .tip.yellow p:before{position: absolute; left: 0; top: 9px; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #FF8C19;}
.giftShow .pull-right .tip.red p:before{position: absolute; left: 0; top: 9px; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #FF1940;}
.giftShow .pull-right .tip h4{font-size: 14px; line-height: 26px;}
.giftShow .pull-right .step{font-size: 12px; overflow: hidden; color: rgba(255,255,255,0.6); height: 280px; margin-bottom: 10px;}
.giftShow .pull-right .step h4{margin-top: 24px; margin-bottom: 12px;}
.giftShow .pull-right .step .item{}
.giftShow .pull-right .step h3{color: #fff; font-size: 14px; padding: 12px 0;}
.giftShow .pull-right .step h3 span{font-style: italic; margin-right: 12px; }
.giftShow .pull-right .step p{font-size: 12px;  color: rgba(255,255,255,0.6); border-left: 1px solid #1A5EFF; padding-left: 18px; margin-left: 9px; line-height: 24px;}
.giftShow .pull-right .step .item:nth-child(4) p{border-left: none;}

.orderBox{width: 888px; left: 50%; padding-bottom: 94px; background: #08081F; border: 1px solid #1A5EFF; margin-left: -444px; top: 50%; margin-top: -334px; overflow: hidden; position: fixed; z-index: 10; border-radius: 8px; box-sizing: border-box;}
.orderBox header{font-size: 20px; background: #111127; color: #fff; padding: 0 24px; line-height: 68px;}
.orderBox header img{float: right; margin-top: 17px; cursor: pointer;}
.orderBox .footer{position: absolute; font-size: 12px; background: #111127; color: #fff; width: 100%; box-sizing: border-box; padding: 20px 24px; left: 0; bottom: 0; background: #111127;}
.orderBox .list{padding: 0 19px 0 24px; max-height: 510px; overflow-y: scroll;}

.orderBox .list::-webkit-scrollbar {width:5px;}
    /* 滚动槽 */
.orderBox .list::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:4px;}
    /* 滚动条滑块 */
.orderBox .list::-webkit-scrollbar-thumb {border-radius:4px;background:rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
.orderBox .list::-webkit-scrollbar-thumb:window-inactive {background:rgba(0,0,0,0.4);}
    
.orderBox .list .title{display: flex; height: 46px; border-radius: 8px; background: #111127; margin-top: 10px; line-height: 46px; color: rgba(255,255,255,0.6);font-size: 14px;}
.orderBox .list .title span{flex: 1; text-align: center;}
.orderBox .list ul{list-style: none;}
.orderBox .list ul li{margin-top: 8px; align-items: center; color: #fff; font-size: 14px; background: #111127; border-radius: 8px; padding: 12px 0; display: flex;}
.orderBox .list ul li span{flex: 1; text-align: center;}
.orderBox .list ul li span:nth-child(2) img,.orderBox .list ul li span:nth-child(1) img{width: 72px; height: 72px;}
.orderBox .list ul li input{background: none; width: 0px; height: 12px;}
.orderBox .list ul li label{display: inline-block;width: 12px; height: 12px; position: relative; border: 1px solid #fff; border-radius: 2px; box-sizing: border-box;}
.orderBox .list ul li input:checked +label::before{background: url(../images/icon45.png) no-repeat center; background-size: 100% 100%; content: ""; display: block; position: absolute; width: 14px; height: 14px;left: -1px; top: -1px; border-radius: 2px;}
.orderBox .list ul li span:nth-last-child(1) img{width: 22px; cursor: pointer;}
.orderBox .footer button{float: right;color: #fff; font-size: 14px; border: none; outline: none; width: 102px;height: 44px;background: #1A5EFF;border-radius: 4px;}
.orderBox .footer > div{float: left; line-height: 44px;}
.orderBox .footer .deleteBtn{padding: 0 32px;}
.orderBox .footer .sumBtn span{color: #00EA9C;}
.orderBox .footer .allBtn{margin-left: 30px; display: flex; align-items: center;}
.orderBox .footer .allBtn input{background: none; width: 0px; height: 12px; visibility: hidden;}
.orderBox .footer .allBtn label{display: inline-block;width: 12px; height: 12px; position: relative; border: 1px solid #fff; border-radius: 2px; box-sizing: border-box;}
.orderBox .footer .allBtn input:checked +label::before{background: url(../images/icon45.png) no-repeat center; background-size: 100% 100%; content: ""; display: block; position: absolute; width: 14px; height: 14px;left: -1px; top: -1px; border-radius: 2px;}
.orderBox .footer .back{margin-right: 12px; background: none; border: 1px solid rgba(255,255,255,0.2);}
.orderBox .info{padding: 8px 24px;}
.orderBox .info .clearfix{background: #111127;box-sizing: border-box; border-radius: 8px; border: 1px solid rgba(255,255,255,0.08);}
.orderBox .info .pull-left{padding: 32px 0 0 24px;}
.orderBox .info .pull-left h4{font-size: 16px; color: #fff; margin-bottom: 20px;}
.orderBox .info  .pull-left h4 small{font-size: 14px; padding-left: 50px;}
.orderBox .info .pull-left h4 a{color: rgba(255,255,255,0.6);}
.orderBox .info .pull-right{padding: 24px 24px 12px 0;}
.orderBox .info .pull-right p{ color: rgba(255,255,255,0.7); font-size: 14px; margin-bottom: 12px; display: flex; justify-content: space-between;}
.orderBox .info .pull-right p span{color: #00EA9C;}
.orderBox .info .pull-right p big{font-size: 20px; color: #00EA9C;}
.confirmorder .list{max-height: 380px;}

.invoice,.paybox{width: 582px; left: 50%; padding-bottom: 94px; background: #08081F; border: 1px solid #1A5EFF; margin-left: -291px; top: 50%; margin-top: -334px; overflow: hidden; position: fixed; z-index: 20; border-radius: 8px; box-sizing: border-box;}
.invoice header,.paybox header{font-size: 20px; background: #111127; color: #fff; padding: 0 24px; line-height: 68px;}
.invoice header img,.paybox header img{float: right; margin-top: 17px; cursor: pointer;}
.invoice .btns,.paybox .btns{position: absolute; text-align: center; font-size: 12px; background: #111127; color: #fff; width: 100%; box-sizing: border-box; padding: 20px 24px; left: 0; bottom: 0; background: #111127;}
.invoice .btns button,.paybox .btns button{color: #fff; display: inline-block; margin: 0 5px; font-size: 14px; border: none; outline: none; width: 220px;height: 44px;background: #1A5EFF;border-radius: 4px;}
.invoice .btns button:nth-child(2),.paybox .btns button:nth-child(2){background: none; border: 1px solid rgba(255,255,255,0.2);}
.invoice form{max-height: 470px; overflow-y: scroll;}
.invoice .item{margin-top: 16px; padding: 0 24px;}
.invoice .item label{font-size: 14px; display: inline-block; width: 80px; text-align: left; line-height: 44px; color: #fff;}
.invoice .item .pull-right{width: calc(100% - 80px);}
.invoice .item .pull-right span{width: 218px; cursor: pointer; text-align: center; line-height: 44px; height: 44px; display: inline-block; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.6);}
.invoice .item .pull-right span:nth-child(2){margin-left: 10px;}
.invoice .item .pull-right span.on{color: rgba(0, 234, 156, 0.6); border: 1px solid rgba(0, 234, 156, 0.6);}
.invoice .item .pull-right input{width: 100%; height: 44px; padding-left: 12px; box-sizing: border-box; outline: none; background: none; border: 1px solid rgba(255,255,255,0.2);color: #fff;}
.invoice .item .pull-right p{color: rgba(255, 255, 255, 0.6); line-height: 20px; padding-top: 5px; font-size: 12px;}
.invoice .item .pull-right h5{padding-top: 5px; cursor: pointer; display: flex; align-items: center; font-size: 12px; color: rgba(255,255,255,0.6);}
.invoice .item .pull-right h5 img{height: 20px;}
.paybox h5{color: rgba(255, 255, 255, 0.6); padding: 24px 0 12px; font-size: 12px; text-align: center;}
.paybox h4{color: #00EA9C; font-size: 24px; padding-bottom: 16px; text-align: center;}
.paybox .box img{width: 172px; border-radius: 4px; height: 172px; display: block; margin: 0 auto; border: 4px solid #fff;}
.paybox p{font-size: 14px; color: #fff; padding-top: 16px; padding-bottom: 24px; text-align: center;}
.paybox p span{color: #00EA9C; text-align: center;}

.contact{padding-bottom: 0;}
.contact h4{text-align: center; font-size: 20px; color: #00EA9C; padding: 24px 0;}
.contact .clearfix{padding: 0 24px 24px;}
.contact .pull-right p{padding: 0 0 16px;}
.contact .pull-right img{width: 172px; border-radius: 4px; height: 172px; display: block; margin: 0 auto; border: 4px solid #fff;}
.contact .pull-left{padding-left: 36px;}
.contact .pull-right{margin-right: 36px;}
.contact .pull-left h5{display: flex; font-size: 14px; color: #fff; align-items: center;}
.contact .pull-left h5 img{margin-right: 5px;}		
.contact .pull-left h2{font-size: 18px; line-height: 30px; font-weight: bold;color: #fff;padding-left: 20px; font-style: italic;}
.contact .pull-left p{padding-bottom: 0; padding-left: 20px; padding-top: 8px;}

.login{width: 408px; height: 435px;background: #08081F; border-radius: 8px; border: 1px solid #1A5EFF; padding: 6px 24px 24px; box-sizing: border-box; top: 50%; margin-top: -226px;  position: fixed; z-index: 10; left: 50%; margin-left: -204px;}
.login header{font-size: 20px; color: #fff; line-height: 68px;}
.login header img{float: right; margin-top: 17px; cursor: pointer;}
.login button{color: #fff; display: block; font-size: 16px; border: none; outline: none; width: 100%;height: 44px;background: #1A5EFF;border-radius: 4px;}
.login input{width: 100%;height: 60px; border: none; color: #fff; margin-top: 16px; box-sizing: border-box; outline: none; padding-left: 30px; background: rgba(255, 255, 255, 0.04);border-radius: 4px;}
.login p{color: rgba(255, 255, 255, 0.5); font-size: 12px; padding: 24px 0; text-align: center;}
.login .code{}
.login .code input{width: 216px;}
.login .code a{float: right; display: block; cursor: pointer;width: 130px;height: 60px; margin-top: 16px; color: #00EA9C; box-sizing: border-box; text-align: center; line-height: 60px; font-size: 12px; border-radius: 4px;border: 1px solid #00EA9C;}

.register{width: 408px; height: 435px;background: #08081F; border-radius: 8px; border: 1px solid #1A5EFF; padding: 6px 24px 24px; box-sizing: border-box; top: 50%; margin-top: -226px;  position: fixed; z-index: 10; left: 50%; margin-left: -204px;}
.register header{font-size: 20px; color: #fff; line-height: 68px;}
.register header img{float: right; margin-top: 17px; cursor: pointer;}
.register button{color: #fff; display: block; font-size: 16px; border: none; outline: none; width: 100%;height: 44px;background: #1A5EFF;border-radius: 4px;}
.register input{width: 100%;height: 60px; border: none; color: #fff; margin-top: 16px; box-sizing: border-box; outline: none; padding-left: 30px; background: rgba(255, 255, 255, 0.04);border-radius: 4px;}
.register p{color: rgba(255, 255, 255, 0.5); font-size: 12px; padding: 24px 0; text-align: center;}
.register .code{}
.register .code input{width: 216px;}
.register .code a{float: right; display: block; cursor: pointer;width: 130px;height: 60px; margin-top: 16px; color: #00EA9C; box-sizing: border-box; text-align: center; line-height: 60px; font-size: 12px; border-radius: 4px;border: 1px solid #00EA9C;}

.email-login{width: 408px; height: 435px;background: #08081F; border-radius: 8px; border: 1px solid #1A5EFF; padding: 6px 24px 24px; box-sizing: border-box; top: 50%; margin-top: -226px;  position: fixed; z-index: 10; left: 50%; margin-left: -204px;}
.email-login header{font-size: 20px; color: #fff; line-height: 68px;}
.email-login header img{float: right; margin-top: 17px; cursor: pointer;}
.email-login button{color: #fff; display: block; font-size: 16px; border: none; outline: none; width: 100%;height: 44px;background: #1A5EFF;border-radius: 4px;}
.email-login input{width: 100%;height: 60px; border: none; color: #fff; margin-top: 16px; box-sizing: border-box; outline: none; padding-left: 30px; background: rgba(255, 255, 255, 0.04);border-radius: 4px;}
.email-login p{color: rgba(255, 255, 255, 0.5); font-size: 12px; padding: 24px 0; text-align: center;}

.myOrder{padding-bottom: 24px;}
.myOrder .type{padding: 24px;}
.myOrder .type ul{float: left; line-height: 36px; color: rgba(2655,255,255,0.6); list-style: none;}
.myOrder .type ul li{margin-right: 24px; float: left; cursor: pointer;}
.myOrder .type ul li.on{color: #00EA9C;}
.myOrder .type .form{float: left; position: relative; margin-left: 45px; height: 36px; width: 220px; border: 1px solid #1A5EFF; border-radius: 4px;}
.myOrder .type .form input{color: #fff; font-size: 12px; height: 100%; background: none; padding-left: 12px; width: 100%; border: none; outline: none;}
.myOrder .type .form button{position: absolute; right: 0; top: 0; height: 36px; border: none; width: 50px; background: #1A5EFF; outline: none;}
.myOrder ul li{margin-top: 0px !important;}
.myOrder ul h4 {padding: 0 24px; margin-top: 8px; color: rgba(2655,255,255,0.6);font-size: 12px; background-color: rgba(255,255,255,0.04);}
.myOrder ul h4 span{display: block; padding: 12px 0; border-bottom: 1px solid #0C0C32;}
.myOrder li span button{background: none; outline: none; border: 1px solid rgba(2655,255,255,0.2); height: 30px; margin: 4px auto; font-size: 12px; padding: 0 20px; color: #fff;}

.orderDetail h2{padding: 24px 24px 12px;color: rgba(2655,255,255,0.6);font-size: 12px;}
.orderDetail{padding-bottom: 24px;}
.orderDetail .info{margin-bottom: 0; padding: 0 24px; margin-top: 8px;}
.orderDetail .info .clearfix{border: none;}
.orderDetail .info .pull-left {padding-bottom: 12px;}
.orderDetail .info h5{color: rgba(2655,255,255,0.6); padding-bottom: 12px; font-size: 14px;}
.orderDetail .info h5 span{color: #fff;}
.orderDetail .info .pull-right{}
.orderDetail .info .pull-right button{background: none; display: block; outline: none; border: 1px solid rgba(2655,255,255,0.2); height: 36px; width: 130px; margin-top: 12px; font-size: 12px; padding: 0 20px; color: #fff;}

.giftSet{padding: 24px 0 90px; background: #08081F;}

/* 新增的样式 */
.aliBtn{width: 80px;height: 68px; margin-bottom: 8px; color: #fff; font-size: 12px; text-align: center; display: block; background: url(../images/add-img5.png) no-repeat center; background-size: contain;}
.aliBtn img{height: 12px;}
.aliBtn a{display: flex; color: #fff; height: 84%; width: 100%; line-height: 7px; justify-content: center; align-items: flex-end;}
.float-right{position: fixed; right: 0; top: 50%; margin-top: -333px;}
.float-right ul{list-style: none; border:1px solid rgba(255, 255, 255, 0.08); border-radius: 4px;background:rgba(17, 17, 39, 1);}
.float-right li{width: 80px; height: 70px; cursor: pointer; text-align: center; font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.float-right li img{display: block; height: 32px; margin: 14px auto 8px;}


/*.float-right{position: fixed; right: 0; top: 50%; border:1px solid rgba(255, 255, 255, 0.08); border-radius: 4px; margin-top: -200px; background:rgba(17, 17, 39, 1);}
.float-right ul{list-style: none;}
.float-right li{width: 80px; height: 80px; cursor: pointer; text-align: center; font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.float-right li img{display: block; height: 32px; margin: 14px auto 8px;}*/

.watermark{width: 514px; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -257px;}
.watermark header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.watermark header img{float: right; margin-top: 17px; cursor: pointer;}
.watermark .btns{padding: 20px 0; background: rgba(17, 17, 39, 1)}
.watermark button{color: #fff; display: block; font-size: 16px; border: none; outline: none; margin: 0 auto; width: 220px;height: 44px;background: #1A5EFF;border-radius: 4px;}
.watermark .box{padding: 0 24px 10px;}
.watermark .tip{border-radius: 4px; padding: 8px 16px; margin-top: 12px;}
.watermark .tip.yellow{border: 1px solid #FF8C19; color: #FF8C19;background: rgba(255, 140, 25, 0.1);}
.watermark .tip p{font-size: 12px; position: relative; padding-left: 8px; line-height: 24px;}
.watermark .tip.yellow p:before{position: absolute; left: 0; top: 9px; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #FF8C19;}
.watermark .tip h4{font-size: 14px; line-height: 26px;}
.watermark .box{}
.watermark .box > h4{font-size: 14px; color: #fff; padding-bottom: 12px; margin-top: 20px;}
.watermark .box > img{width: 100%;}
.watermark .title{padding: 20px 0; display: flex; justify-content: space-around;}
.watermark .title span{display: block; float: left; width: 70px; box-sizing: border-box; border-radius: 20px; font-size: 14px; color: #fff; height: 32px; line-height: 32px; text-align: center;}
.watermark .title span.on{color: #00EA9C; border: 1px solid #00EA9C;}
.watermark .imgs{display: flex; justify-content: center;}
.watermark .imgs img{height: 320px;}


/* 新增的样式 */
.tips{height: 64px;color:#FF2871;font-size: 16px;line-height: 64px;padding: 0 24px; margin-top: 12px; box-sizing: border-box;background:rgba(255, 255, 255, 0.04);border-radius: 4px;}
.tips img{height: 28px; float: left; margin-top: 18px; margin-right: 16px;}
.tips.textYellow{color: #FFBB28;}
.services,.downFiles{width: 800px; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -400px;}
.services header,.downFiles header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.services header img,.downFiles header img{float: right; margin-top: 17px; cursor: pointer;}
.services .box,.downFiles .box{padding: 24px;}
.services .box .title,.downFiles .box .title{height: 46px; line-height: 46px; text-align: center; background: rgba(255,255,255,0.07);font-size: 14px; color: #fff;}
.services .box .title span:nth-child(1),.services .box .one{float: left; width: 180px;}
.services .box .title span:nth-child(2),.services .box .two{float: left; width: 449px;}
.services .box .title span:nth-child(3),.services .box .three{float: left; width: 120px;}
.services .box ul{color: #fff; background: rgba(255,255,255,0.04); text-align: center; font-size: 14px;}
.services .box .one span{height: 92px; box-sizing: border-box; border-right: 1px solid #cbcbd959; border-bottom: 1px solid #cbcbd959; width: 100%; display: block; line-height: 90px;}
.services .box .one span:nth-last-child(2){height: 184px; line-height: 186px;}
.services .box .one span:nth-last-child(1){border-bottom: none;}
.services .box .three span{height: 46px; box-sizing: border-box; border-bottom: 1px solid #cbcbd959; width: 100%; display: block; line-height: 46px;}
.services .box .three span:nth-last-child(1),.services .box .two span:nth-last-child(1){border-bottom: none;}
.services .box .two span{display: block; height: 46px; border-right: 1px solid #cbcbd959; line-height: 46px; box-sizing: border-box; border-bottom: 1px solid #cbcbd959;}
.services .box .two .time{height: 92px;}
.services .box .two .time b:nth-child(1){float: left; width: 110px; height: 92px; box-sizing: border-box; border-right: 1px solid #cbcbd959; line-height: 92px;}
.services .box .two .time b:nth-child(2){width: 337px; float: left;}
.services .box .two .time b:nth-child(2) small{display: block;box-sizing: border-box;}
.services .box .two .time b:nth-child(2) small:nth-child(1){ height: 46px; border-bottom: 1px solid #cbcbd959;}
.downFiles .box .title span{display: block; float: left;}
.downFiles .box .title span:nth-child(1){width: 245px;}
.downFiles .box .title span:nth-child(2),.downFiles .box .title span:nth-child(3){width: 190px;}
.downFiles .box ul{background: rgba(255,255,255,0.04);}
.downFiles .box ul li{height: 46px; line-height: 46px; color: #fff; text-align: center;}
.downFiles .box ul li:nth-child(even){background-color: rgba(255,255,255,0.04);}
.downFiles .box ul li span{box-sizing: border-box; font-size: 14px; display: block; float: left;}
.downFiles .box ul li span:nth-child(1){width: 245px;border-right: 1px solid #26263A;}
.downFiles .box ul li span:nth-child(2){width: 190px;border-right: 1px solid #26263A;}
.downFiles .box ul li span:nth-child(3){width: 190px;border-right: 1px solid #26263A;}
.downFiles .box ul li span:nth-child(4){width: 122px;}
.downFiles .box a{color: #00EA9C;text-decoration: underline;}

.closeNewGoods{width: 940px; height: 80%; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -458px;}
.closeNewGoods header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.closeNewGoods header img{float: right; margin-top: 17px; cursor: pointer;}
.closeNewGoods .gifts{padding-top: 0; height: 88%; overflow-y: scroll; padding-left: 24px;padding-bottom: 24px;}
.closeNewGoods .gifts .item{margin-right: 12px; width: 164px;padding: 16px;}
.closeNewGoods .section4 .item .img{width: 132px;height: 132px;}

.closePickGoods{width: 940px; height: 80%; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -458px;}
.closePickGoods header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.closePickGoods header img{float: right; margin-top: 17px; cursor: pointer;}
.closePickGoods .gifts{padding-top: 0; height: 88%; overflow-y: scroll; padding-left: 24px;padding-bottom: 24px;}
.closePickGoods .gifts .item{margin-right: 12px; width: 164px;padding: 16px;}
.closePickGoods .section4 .item .img{width: 132px;height: 132px;}

.closeMonthGoods{width: 940px; height: 80%; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -458px;}
.closeMonthGoods header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.closeMonthGoods header img{float: right; margin-top: 17px; cursor: pointer;}
.closeMonthGoods .gifts{padding-top: 0; height: 88%; overflow-y: scroll; padding-left: 24px;padding-bottom: 24px;}
.closeMonthGoods .gifts .item{margin-right: 12px; width: 164px;padding: 16px;}
.closeMonthGoods .section4 .item .img{width: 132px;height: 132px;}

.closeSjsGoods{width: 940px; height: 80%; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -458px;}
.closeSjsGoods header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.closeSjsGoods header img{float: right; margin-top: 17px; cursor: pointer;}
.closeSjsGoods .gifts{padding-top: 0; height: 88%; overflow-y: scroll; padding-left: 24px;padding-bottom: 24px;}
.closeSjsGoods .gifts .item{margin-right: 12px; width: 164px;padding: 16px;}
.closeSjsGoods .section4 .item .img{width: 132px;height: 132px;}


.closeCateGoods{width: 940px; height: 80%; background: #08081F; overflow: hidden; border-radius: 8px; border: 1px solid #1A5EFF; box-sizing: border-box; top: 100px;  position: fixed; z-index: 10; left: 50%; margin-left: -458px;}
.closeCateGoods header{font-size: 20px; background: rgba(17, 17, 39, 1); padding: 0 24px; color: #fff; line-height: 68px;}
.closeCateGoods header img{float: right; margin-top: 17px; cursor: pointer;}
.closeCateGoods .gifts{padding-top: 0; height: 88%; overflow-y: scroll; padding-left: 24px;padding-bottom: 24px;}
.closeCateGoods .gifts .item{margin-right: 12px; width: 164px;padding: 16px;}
.closeCateGoods .section4 .item .img{width: 132px;height: 132px;}


.fixDesgin{padding-top: 150px; box-sizing: border-box; height: 480px; line-height: 48px; text-align: left;}
.fixDesgin h4{font-size: 40px; font-weight: bold; color: #fff;}
.fixDesgin h3{font-size: 48px; font-weight: bold; color: #fff; margin-top: 10px;}
.fixDesgin button{font-size: 16px;width: 130px; cursor: pointer; margin-top: 40px; border: none; outline: none; height: 44px;background: #FFFFFF;border-radius: 4px;color: #6236FF;}

/* ——————————————————————————new Style———————————————————————————— */
.desgin{background-color: #08081F;overflow: hidden;}
.desgin-title{text-align: center; margin-bottom: 60px;}
.desgin-title h3{font-size: 48px; margin-bottom: 12px; font-weight: bold; color: #fff;}
.desgin-title h6{color: #9C9CA5; font-size: 14px;}
.desgin section{padding: 90px 0;}
.desgin .desgin1 .item{text-align: center; width: 25%; padding: 0 20px; box-sizing: border-box; float: left;}
.desgin .desgin1 .item img{width: 120px; height: 120px;}
.desgin .desgin1 .item h4{font-size: 20px; color: #fff; padding: 20px 0 8px;}
.desgin .desgin1 .item p{font-size: 14px; line-height: 22px; color: #9C9CA5;}
.desgin .desgin2 button{width: 206px;height: 56px; display: block; margin: 60px auto 0; outline: none; cursor: pointer; border: none; color: #fff; background: #1A5EFF;border-radius: 4px;}
.desgin .desgin2 .item{text-align: center; width: 20%; box-sizing: border-box; float: left;}
.desgin .desgin2 .item img{width: 120px; height: 120px;}
.desgin .desgin2 .item h6{font-size: 20px; color: #fff;}
.desgin .desgin2 .item p{font-size: 20px; position: relative; line-height: 22px; padding: 60px 0 8px; color: #fff;}
.desgin .desgin2 .item p::before{position: absolute;content: '';display: block;width: 12px;height: 12px;background: #71ACFF;border-radius: 7px; left: 50%; margin-left: -6px;top: 24px;}
.desgin .desgin2 .item p::after{position: absolute;content: '';display: block;width: calc(100% - 48px);height: 2px;background: #C2DBFF; left: 50%; margin-left: 24px;top: 28px;}
.desgin .desgin2 .clearfix .item:nth-last-child(1) p::after{display: none;}
.desgin .desgin3 .item{width: 396px; margin-right: 16px; float: left; padding: 40px; box-sizing: border-box; background: #111127;border-radius: 8px;border: 1px solid #212135;}
.desgin .desgin3 .item:nth-child(3){margin-right: 0;}
.desgin .desgin3 .item article{position: relative; font-size: 14px; line-height: 22px; color: #9C9CA5; padding: 40px 0;}
.desgin .desgin3 .item dl{}
.desgin .desgin3 .item dt{float: left;width: 48px;height: 48px;}
.desgin .desgin3 .item dt img{border-radius: 50%; width: 100%; height: 100%;}
.desgin .desgin3 .item dd{margin-left: 12px; float: left;}
.desgin .desgin3 .item dd h4{font-size: 16px;color: #fff; padding: 4px 0 8px;}
.desgin .desgin3 .item dd p{color: #8B929E; font-size: 14px;}
.desgin .desgin4 .item{line-height: 0; position: relative; border: 10px; overflow: hidden; width: 293px;float: left;margin-right: 16px;}
.desgin .desgin4 .item:nth-child(4){margin-right: 0;}
.desgin .desgin4 .item img{width: 100%;}
.desgin .desgin4 .item p{position: absolute; font-size: 14px; color: #fff; bottom: 0;left: 0; width: 100%; box-sizing: border-box; padding: 16px;}
.desgin .desgin4 .item p span{float: right;}
.desgin .desgin4 .item p small{color: #FF9100;}

.desginSign{padding: 40px 0; background: #08081F;}
.desginSign .w{background: #111127; padding: 95px 60px; box-sizing: border-box; border-radius: 4px;border: 1px solid #212135;}
.desginSign h2{font-size: 48px; text-align: center; font-weight: bold; color: #FFFFFF;line-height: 56px;}
.desginSign .step{padding: 40px 0; justify-content: center; color: #9C9CA5; font-size: 16px; display: flex; align-items: center;}
.desginSign .step span{width: 32px; margin: 0 12px; height: 32px; border-radius: 50%; display: block; text-align: center; line-height: 2rem; font-size: 16px; background: #212135;}
.desginSign .step .line{width: 120px;height: 1px;background: #1A5EFF;margin-left: 12px;}
.desginSign .step span.on{background: #1A5EFF; color: #fff;}
.desginSign .step div.on{color: #fff;}
.desginSign article{background: #212135;border-radius: 4px;padding: 40px;font-size: 14px; color: #fff; line-height: 22px;}
.desginSign article p{font-size: 14px; color: #fff; margin: 8px 0; line-height: 22px;}
.desginSign article h5{font-size: 16px; margin-top: 16px;}
.desginSign .check{text-align: center; padding: 40px 0;color: #fff; font-size: 14px;}
.desginSign .check a{color: #9C9CA5;}
.desginSign button{width: 114px;height: 40px; display: block; margin: 0 auto; cursor: pointer; color: #fff; border: none; outline: none; background: #39394B;border-radius: 4px;}
.desginSign button.on{background: #1A5EFF;}
.desginSign form{padding: 80px 0; width: 520px; margin: 0 auto;}
.desginSign form .item{margin-bottom: 32px;font-size: 14px; line-height: 40px; color: #fff;}
.desginSign form label{float: left;}
.desginSign form input{width: 470px; float: right; color: #fff; box-sizing: border-box; padding-left: 20px; background: none; height: 40px;border-radius: 4px;border: 1px solid #39394B;}
.desginSign .btns{text-align: center; margin-top: 80px;}
.desginSign .btns button{display: inline-block; margin: 0 12px; background: #2E6DFF;border-radius: 4px;border: 1px solid #2E6DFF;}
.desginSign .btns button:nth-child(1){background: none; color: #2E6DFF;}
.desginList{background: #08081F; padding: 40px;}
.desginList .left .user{width: 190px; box-sizing: border-box; padding: 24px; background: #111127;border-radius: 4px;border: 1px solid #212135;}
.desginList .left .user img{width: 80px;height: 80px; margin: 8px auto; display: block;s border-radius: 50%;}
.desginList .left .user h4{text-align: center; margin-bottom: 8px; font-size: 16px;}
.desginList .left .user p{color: #8B929E; font-size: 14px; text-align: center; margin-bottom: 16px;}
.desginList .left .user button{width: 100%; color: #fff; font-size: 14px; border: none; outline: none;height: 40px;background: #2E6DFF;border-radius: 4px;}
.desginList .left ul{margin-top: 16px;width: 190px; padding: 16px 0; box-sizing: border-box; background: #111127;border-radius: 4px;border: 1px solid #212135;}
.desginList .left ul li{height: 48px; line-height: 48px; padding: 0 16px;}
.desginList .left ul li a{font-size: 14px; color: #fff; display: flex; align-items: center; width: 100%;}
.desginList .left ul li img{height: 16px; margin-right: 8px;}
.desginList .left ul li.on{background: #2E6DFF;}
.desginList .right{width: 1014px; box-sizing: border-box; background: #111127; padding: 16px; border-radius: 4px;border: 1px solid #212135;}
.desginList .right header{height: 32px; color: #fff; margin-bottom: 20px; line-height: 32px; font-size: 16px;}
.desginList .right header span{float: left;margin: 0 16px;}
.desginList .right header span.on{border-bottom: 2px solid #2E6DFF;}
.desginList .right form{float: right; width: 200px; position: relative;border-radius: 3px;border: 1px solid #39394B; height: 32px;}
.desginList .right form input{width: 100%; height: 100%; padding-left: 32px; box-sizing: border-box; background: none; outline: none; border: none; color: #fff;}
.desginList .right form img{position: absolute; width: 16px; height: 16px; left: 8px; top: 8px; }
.desginList .right .item{width: 234px;box-sizing: border-box; position: relative; margin-bottom: 14px; float: left; padding: 15px;margin-right: 14px; height: 329px;background: #212135;border-radius: 4px;}
.desginList .right .item:nth-child(4n){margin-right: 0;}
.desginList .right .item .img{width: 205px; height: 205px; margin-bottom: 25px; overflow: hidden;}
.desginList .right .item .img img{width: 100%;}
.desginList .right .item h4{font-size: 14px;color: #fff; margin-bottom: 2px;}
.desginList .right .item p{font-size: 12px;color: #8B929E;margin-bottom: 16px; line-height: 20px;}
.desginList .right .item h6{color: #8B929E;font-size: 12px; line-height: 20px;}
.desginList .right .item span{position: absolute;left: 8px;top: 8px;width: 58px;height: 24px;border-radius: 2px;color: #fff; text-align: center; line-height: 24px;}
.desginList .right .item span.orange{background: #FF9100;}
.desginList .right .item span.red{background: #FF3C63;}
.desginList .right .item .float{position: absolute; right: 0; top: 0; width: 50%; height: 50%;}
.desginList .right .item b{position: absolute;right: 8px;top: 8px;width: 36px;height: 24px; cursor: pointer; font-weight: bolder; background: #39394B; border-radius: 2px;color: #fff; text-align: center; line-height: 24px;}
.desginList .right .item .slide{position: absolute; top: 40px; right: 8px; width: 80px; padding: 8px 0; background: #FFFFFF;box-shadow: 0px 3px 10px 0px rgba(23, 37, 62, 0.08);border-radius: 4px;}
.desginList .right .item .slide a{display: block; line-height: 40px; text-align: center; color: #17253E;}
.desginList .right .item .slide a:hover{color: #2187E7;}
.desginList .right .paginations .on{background: #2E6DFF; color: #fff; border: 1px solid #2E6DFF;}
.desginList .right .log ul{background: #111127; overflow: hidden; border-radius: 4px;}
.desginList .right .log ul li{height: 40px; font-size: 14px; color: #Fff; line-height: 40px; margin-bottom: 1px; background: #212135;}
.desginList .right .log ul li.header{color: #9C9CA5;}
.desginList .right .log ul li span{float: left;}
.desginList .right .log ul li span:nth-child(1){padding-left: 32px; box-sizing: border-box; width: 26%;}
.desginList .right .log ul li span:nth-child(2){width: 18.5%;}
.desginList .right .log ul li span:nth-child(3){width: 18.5%;}
.desginList .right .log ul li span:nth-child(4){width: 18.5%;}
.desginList .right .log ul li span:nth-child(5){width: 18.5%;}
.desginUpload{ background: #08081F; padding: 40px 0;}
.desginUpload .w{padding: 0px 32px 40px;background: #111127;border-radius: 4px;border: 1px solid #212135;}
.desginUpload header{line-height: 24px; padding: 16px 0; color: #fff; font-size: 16px;}
.desginUpload .pull-left{width: 240px; margin-right: 24px;}
.desginUpload .pull-left h4{font-size: 14px; padding: 16px 0 12px; color: #fff; }
.desginUpload .pull-left .img{width: 240px; margin-bottom: 32px; position: relative; box-sizing: border-box; padding-top: 70px; text-align: center; height: 240px;background: #212135;border-radius: 4px;}
.desginUpload .pull-left .img img{width: 40px; height: 40px;}
.desginUpload .pull-left .img .showImg,.desginUpload .pull-left .img .showVideo{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.desginUpload .pull-left .img p{font-size: 14px; color: #9C9CA5; margin-top: 12px; line-height: 22px;}
.desginUpload .pull-left .img input{position: absolute; z-index: 9; width: 100%; height: 100%; cursor: pointer; left: 0; top: 0; opacity: 0;}
.desginUpload .item{width: calc(50% - 12px); float: left; margin-bottom: 32px;}
.desginUpload .item:nth-child(2n){margin-left: 24px;}
.desginUpload .item label{display: block; color: #fff; font-size: 14px; margin-bottom: 12px;}
.desginUpload .item input{color: #fff; box-sizing: border-box; width: 100%;background: none;height: 40px;outline: none; padding-left: 12px; border-radius: 4px;border: 1px solid #39394B;}
.desginUpload .item2{width: 100%;}
.desginUpload .item2 textarea{color: #fff; box-sizing: border-box; width: 100%;background: none;height: 40px;outline: none; line-height: 24px; height: 100px; padding: 12px; border-radius: 4px;border: 1px solid #39394B;}
.desginUpload button{display: block; margin: 30px auto 0;width: 114px;height: 40px;background: #2E6DFF;border-radius: 4px;color: #fff;font-size: 14px;border: none;}



.pagination{padding: 48px 0; text-align: center;}
.pagination li{display: inline-block;}
.pagination li a, .pagination li.active, .pagination li.disabled{display: inline-block; height: 32px; margin: 0 3px; border-radius: 4px; padding: 0 12px; box-sizing: border-box; line-height: 32px; font-size: 12px; color: #fff;background: rgba(255,255,255,0.04);}
.pagination li.active span{color: #00EA9C; border: 1px solid #00EA9C;display: inline-block; width: 32px; line-height: 32px;font-size: 12px;}

/* 新增css */
.giftShow .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; }
.giftShow .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; }
.giftShow .pull-left header .box span{flex: 1; border-radius: 4px;}
.giftShow .pull-left header .box span.active{background:#1A5EFF}
.giftShow .pull-left header .info{font-size: 12px; color:rgba(255,255,255,0.6); margin-left: auto; text-align: right; line-height: 18px; }
.giftShow .pull-left .con{width: 100%; height:555px; }
.giftShow .pull-left video{height:100%; object-fit:fill; border-radius: 4px; }



/* 直播运营活动页设计 */
.fiximgvideo{height: 410px;}
.videoContent{background: #08081F; padding-bottom: 80px; }
.videoContent .title{text-align: center; padding-top: 80px; padding-bottom: 30px; }
.videoContent .title h4{font-size: 28px; margin-bottom: 12px; margin-bottom: 20px; color: transparent; -webkit-background-clip: text; background-image: linear-gradient(315deg, #C471FF 0%, #B685FF 100%);}
.videoContent .title p{font-size: 12px; color:#fff; opacity: 0.3; }
.videoContent button{display: block; margin: 0 auto; border:none; width: 148px;height: 44px;background: linear-gradient(315deg, #9F5CFF 0%, #7B52FF 100%);border-radius: 4px; color: #fff; font-size: 14px; }
.videoContent .list .img{width: 248px;height: 526px; margin-bottom: 76px; box-sizing: border-box; margin-right: 76px; float: left; background: linear-gradient(360deg, #7026FF 0%, #4C3FFF 100%);border-radius: 24px;padding: 4px;}
.videoContent .list .img:nth-child(4n){margin-right: 0;}
.videoContent .list .img img{width: 100%; height: 100%; border-radius: 24px;}
.videoContent .partnerimg {line-height: 0;}
.videoContent .partnerimg img{width: 100%;}
.videoContent .why{display: flex; justify-content: space-between; }
.videoContent .why .item{width: 228px;height: 168px; text-align: center; padding: 16px 20px 0; box-sizing: border-box; background: rgba(255,255,255,0.04);border-radius: 8px;border: 1px solid rgba(255,255,255,0.04);}
.videoContent .why .item img{width: 56px; height:56px;}
.videoContent .why .item h4{font-size: 16px; color:#Fff; padding: 12px 0 8px; }
.videoContent .why .item p{font-size: 14px; color:#Fff; opacity: 0.6;line-height: 20px; }