@charset "UTF-8";


html{margin:0;padding:0}
body{margin:0;padding:0;font-size:var(--fz16);overflow-x:hidden;font-family: 微软雅黑,sans-serif;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;color: #16191f;}
textarea,input{font-family: Poppins, sans-serif}
img{display:block}
input,textarea{outline:none}
button{padding:0;background-color:unset;font-family: Poppins, sans-serif;border:none;outline: none}
.pimg{position:relative;display:block}
.pimg img{position:absolute;width:100%;height:100%;object-fit:cover}
.nowrap{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.line_num{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.public_bg{background-size: cover;background-repeat: no-repeat;background-position: center center;}

:root{
    --fz12:12px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz24:24px;
    --fz28:28px;
    --fz32:32px;
    --fz50:50px;
    --glow-size:#FE0467
}
.mainWidth{width: 1140px;margin: 0 auto;}
.w1400{margin: 0 auto;max-width: 1200px}
.flex{display: flex;}
.justify-center{justify-content: center}
.justify-space-between{justify-content: space-between}
.align-center{align-items: center}
.tr5{transition: all .3s}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb15{margin-bottom: 15px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.tcenter{text-align: center}
.w-100{width: 100%;}
.position-relative{position: relative}
.fw-500{font-weight: 500;}
.font-16{font-size: 1rem;}
.d-block{display: block}
img.aligncenter{display: block;margin: 0 auto}


header{padding-bottom: 72px;position: relative;z-index: 999}
.pcHead{position: fixed;width: 100%;top: 0;left: 0;background-color: #fff;}
.pcHead .content{height: 72px;align-items: center;padding: 0 35px;box-sizing: border-box;box-shadow: rgba(57, 76, 96, 0.15) 0 2px 4px -1px;}
.pcHead .middle{width: auto;margin-left: 16px;}
.pcHead .middle ul.one li.one>a{font-size: 14px;padding: 8px 12px;border-radius: 8px;transition: all .3s;white-space: nowrap}
.pcHead .middle ul.one li.one>a:hover{background-color: rgba(64,87,109,.07);}
.pcHead .middle ul.one li.one{position: relative}
.pcHead .middle .menu{position: relative}
.pcHead .middle .two{position: absolute;top: calc(100% + 20px);left: 0;box-shadow: 0 0 0 1px rgba(64,87,109,.04),0 6px 20px -4px rgba(64,87,109,.3);padding: 20px;border-radius: 10px;display: none;background-color: #fff;}
.pcHead .middle .two.active{display: flex}


.pcHead .middle .two .twoLeft{border-right: 1px solid rgba(102, 102, 102, 0.3);padding-right: 16px;}
.pcHead .middle .two .twoLeft h3{white-space: nowrap;font-size: 16px;}
.pcHead .middle .two .twoLeft .list:not(:first-of-type){margin-left: 20px;}
.pcHead .middle .two .twoLeft .list ul{margin-top: 10px;}
.pcHead .middle .two .twoLeft a{white-space: nowrap;font-size: 14px;line-height: 22px;padding: 8px;color: rgba(13, 18, 22, 0.86);transition:all .3s;display: inline-block;border-radius: 5px}
.pcHead .middle .two .twoLeft a:hover{background-color: rgba(64,87,109,.07);}

.pcHead .middle .two .twoRight{padding: 0 16px}
.pcHead .middle .two .twoRight .list .img img{width: 64px;height: 64px;border-radius: 8px}
.pcHead .middle .two .twoRight .list .item{width: 272px;}
.pcHead .middle .two .twoRight .list .item{padding: 8px}
.pcHead .middle .two .twoRight .list .text{margin-left: 16px;}
.pcHead .middle .two .twoRight .list .text .top{line-height: 22px;}
.pcHead .middle .two .twoRight .list .bottom{font-size: 14px;color: rgba(13,18,22,.7);line-height: 22px;margin-top: 5px;}








.pcHead .right{flex: 1;margin-left: auto;justify-content: flex-end}
.pcHead .right .search{position: relative}
.pcHead .right .icons{position: relative}
.pcHead .right .icons .search{position: absolute;right:40px;;background-color: #fff;}
.pcHead .right .search .input{display: flex}

    /*缩回去状态*/
.pcHead .right .search .input{border:none;padding: 0;cursor: pointer;transition: all .3s}
.pcHead .right .search .input input{width: 0;opacity: 0}
.pcHead .right .search .input button i{display: none}

.pcHead .right .search.active .input{border: 1px solid rgba(13, 10, 10, 0.15);padding: 5px 20px;border-radius: 5px;display: flex}
.pcHead .right .search.active .input input{border: none;width: 350px;padding: 0 30px;display: block;opacity: 1;transition: all .3s;}
.pcHead .right .search.active i{cursor: pointer}
.pcHead .right .search.active .input button{position: absolute;right: 10px;top: 7px;}
.pcHead .right .search.active .input button i{font-size: 15px;display: block}





.pcHead .right .header_right{margin-left: 35px;}
/*.pcHead .right .btn{margin-left: 35px;}*/
.pcHead .right .btn a{padding: 8px 25px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 8px;font-size: 14px;font-weight: bold;transition: all .3s}
.pcHead .right .btn a.login:hover{background-color: rgba(0, 0, 0, 0.05);}
.pcHead .right .btn a.reg{margin-left: 20px;background-color: #8b3dff;color: white;}
.pcHead .right .btn a.reg:hover{background-color: #8331fd;}
.pcHead .right .icons .help{margin-left: 20px;}
.pcHead .right .icons i{font-size: 20px;}

/*.head .module .right2{cursor: pointer;}*/
.pcHead .right .header_right.active .account_drop{display: block}
.pcHead .right .header_right .has_login{display: flex;align-items: center;}
.pcHead .right .header_right .has_login .sculpture{margin-right: 5px;}
.pcHead .right .header_right .has_login .sculpture img{width: 24px;height: 24px;border-radius: 50%;}
.pcHead .right .header_right .has_login .down i{font-size: 12px;}
.pcHead .right .header_right .account_drop{position: absolute;top: 100%;right: 0;width: 264px;background-color: #ffffff;box-sizing: border-box;border-radius: 8px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);display: none}
.pcHead .right .header_right .account_drop .list{padding: 8px 24px;border-bottom: 1px solid #E8E8E8}
.pcHead .right .header_right .account_drop .list_one{padding-top: 32px;}
.pcHead .right .header_right .account_drop .list_one .sculpture{margin-right: 6px;}
.pcHead .right .header_right .account_drop .list_one .sculpture img{width: 42px;height: 42px;border-radius: 50%;}
.pcHead .right .header_right .account_drop .list_one .top{display: flex;align-items: center;}
.pcHead .right .header_right .account_drop .list_one .title a{font-size: var(--fz16);color: #333;line-height: 24px;font-weight: bolder}
.pcHead .right .header_right .account_drop .list_one .uid a{font-size: var(--fz12);color: #666666;line-height: 20px;}
.pcHead .right .header_right .account_drop .list_one .vip{margin-top: 16px;}
.pcHead .right .header_right .account_drop .list_one .vip a{display: flex;background-color: #FAFAFA;font-size: var(--fz12);color: #333333;border: 1px solid #E8E8E8;border-radius: 4px;padding: 3px 0;align-items: center;justify-content: center;}
.pcHead .right .header_right .account_drop .list_one .vip a img{margin-right: 4px;width: 16px;height: 16px;}
.pcHead .right .header_right .account_drop .list_two{padding: 8px 0;border-bottom: 1px solid #E8E8E8;}
.pcHead .right .header_right .account_drop .list_two:last-child{border-bottom: unset;}
.pcHead .right .header_right .account_drop .list_two a{display: flex;align-items: center;font-size: var(--fz14);color: #333333;padding: 10px 24px;transition: all 0.3s ease;}
.pcHead .right .header_right .account_drop .list_two a:hover{background-color: #FAFAFA;}
.pcHead .right .header_right .account_drop .list_two a img{margin-right: 24px;}
.pcHead .right .header_right .account_drop .list_two a i{margin-right: 20px;}
.pcHead .right .header_right .account_drop .list_two a:hover i{color: #8331fd;}




















/*footer{margin: 0 35px;}*/
footer .topBox{padding: 48px 0}
footer .topBox .item{width: 14.285%;}
footer .topBox .item i{display: none}
footer .topBox .item p{font-size: 16px;font-weight: bold;}
footer .topBox .item .linkBox{margin-top: 15px;}
footer .topBox .item .linkBox a{display: block;font-size: 14px;line-height: 26px;}
footer .bottomBox{border-top: 1px solid rgba(53,71,90,.2);padding: 24px 0}
footer .bottomBox .copyrightTit{color: rgba(13,18,22,.7);font-size: 14px;}
footer .bottomBox .links{margin-top: 8px;}
footer .bottomBox .links a{color: #0d1216;font-size: 14px;padding: 0 10px;}
footer .bottomBox .links a:not(:first-of-type){border-left: 1px solid rgba(13,18,22,.7)}


.index1{width: 1464px;margin: 0 auto;padding: 48px 0}
.index1 .tit{font-size: 48px;font-weight: bold;}

.index1 .tit span{background-image:linear-gradient(90deg,#00c4cc,#7d2ae8);-webkit-background-clip:text;color: transparent}
.index1 .desc{font-size: 21px;color: rgba(13,18,22,.7);margin-top: 20px;}
.index1 .startBtn{margin-top: 25px;}
.index1 .startBtn a{padding: 9px 16px;background-color: #8b3dff;border-radius: 8px;color: white;transition: all .5s;font-size: 14px;font-weight: bold;}
.index1 .startBtn a:hover{background-color: #6a17e5;}

.index1 .swBox{padding: 30px 40px;overflow: hidden}
.index1 .swBox .list{display: flex;position: relative}
.index1 .swBox .item{position: relative;transition: all .3s}
.index1 .swBox .item .img img{border-radius: 10px;transition: all .3s}
.index1 .swBox .item .text{position: absolute;top: 20px;width: 100%;left: 0;font-weight: bold;}
.index1 .swBox .item:hover{transform: scale(1.1);z-index: 999999;}
.index1 .swBox .owl-stage-outer{overflow: visible;}
.index1 .swBox .owl-nav{}
.index1 .swBox .owl-nav .owl-prev,
.index1 .swBox .owl-nav .owl-next{width: 40px;height: 40px;border-radius: 50%;border: 1px solid rgba(53,71,90,.5);display: flex;justify-content: center;align-items: center;background-color: #fff;top: 50%;position: absolute;left: 0;transform: translateY(-50%);transition: all .3s}
.index1 .swBox .owl-nav .owl-next{left: unset;right: 0;}
.index1 .swBox .owl-nav .owl-prev.disabled,
.index1 .swBox .owl-nav .owl-next.disabled{display: none}
.index1 .swBox .owl-nav .owl-prev:hover,
.index1 .swBox .owl-nav .owl-next:hover{border: 1px solid rgba(53,71,90,.8)}

.index2{width: 1464px;margin: 0 auto;padding: 48px 0}
.index2>.tit{font-size: 32px;color: #0d1216;font-weight: bold;}
.index2 .topList{margin-top: 32px;}
.index2 .topList .item{padding: 20px 25px;border-radius: 8px;border: 1px solid rgba(53, 71, 90, 0.2);background-color: rgba(13, 18, 22, 0);transition: all .3s;cursor: pointer}
.index2 .topList .item.active{color: #612dae;border-color: #8b3dff;background-color:rgba(165,112,255,.15);}
.index2 .topList .item:not(.active):hover{background-color: rgba(64, 87, 109, 0.05);}
.index2 .topList .item p{margin-left: 5px;}
.index2 .topList .item:nth-of-type(n+2){margin-left: 16px;}

.index2 .bodyList{margin-top: 48px;}
.index2 .bodyList .item{width: 25%;}
.index2 .bodyList .item .content{padding: 24px;box-sizing: border-box;background-color: rgba(64, 87, 109, 0.07);border-radius: 15px;border: 1px solid rgba(57, 76, 96, 0.15);margin: 10px;position: relative}
.index2 .bodyList .item .content span{font-size: .7rem;background-color: #fff;border-radius: 3px;padding: 2px 5px}
.index2 .bodyList .item .content a{background-color: rgb(139, 61, 255);border-radius: 8px;color: white;font-weight: bold;font-size: 14px;line-height: 45px;}
.index2 .bodyList .item .content .title{font-size: 24px;color: #0d1216;margin-top: 20px;font-weight: bold;}
.index2 .bodyList .item .content .desc{font-size: 14px;color: rgba(13, 18, 22, 0.86);margin-top: 18px;min-height: 80px}
.index2 .bodyList .item .content a:hover{background-color: rgb(121, 31, 253);}
.index2 .bodyList .item .content .top{position: relative}
.index2 .bodyList .item .content .top .crown{position: absolute;right: 0;background-color: #fff;border-radius: 50%;padding: 8px;top: 50%;transform: translateY(-50%)}
.index2 .bodyList .item .content .top .crown i{font-size: 30px;color: #fdbc68;}
.index2 .bodyList{display: none}
.index2 .bodyList.active{display: block}




.index3{width: 1312px;margin: 0 auto;padding: 48px 0}
.index3>.tit{font-size: 32px;color: #0d1216;font-weight: bold;}
.index3 .content{margin-top:35px;}
.index3 .content .left{width: 592px;}
.index3 .content .left .list h3{color: rgb(13, 18, 22);padding: 12px 0;font-size: 24px;}
.index3 .content .left .list p{line-height: 22px;color: rgb(13, 18, 22);display: none}
.index3 .content .left .list .item{padding: 12px 20px;align-items: flex-start}
.index3 .content .left .ico{width: 24px;}
.index3 .content .left .item.active .ico{transform: rotateX(-180deg);}
.index3 .content .left .text{width: 0;flex: 1}
.index3 .content .right{width:0;flex: 1;margin-left: 60px;}
.index3 .content .right img{width: 100%;border-radius: 12px}

.index3 .content .left .list .item.active p{display: block}
.index3 .content .left .list .item.active{background-color: rgba(64, 87, 109, 0.07);padding: 24px 20px;border-radius: 12px;}


.index4{width: 1312px;margin: 0 auto;padding: 48px 0}
.index4>.tit{font-size: 32px;color: #0d1216;font-weight: bold;}
.index4 .RunListBox{margin-top: 50px;}
.RunListBox{display:flex;flex-wrap:nowrap;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);overflow:hidden}
.RunListBox .ulList{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.RunListBox .ulList{animation:runningLight linear infinite;animation-duration:30s;flex-shrink:0;justify-content:space-around;min-width:100%}
.RunListBox .ulList{animation-play-state:paused}
.RunListBox .ulList{animation-play-state:running}
.RunListBox:hover .ulList{animation-play-state:paused}
.RunListBox .ulList .item{align-items:center;box-sizing:border-box;display:flex;height:80px;justify-content:center;min-width:50%;padding:16px}
.RunListBox .ulList .item{height:48px;min-width:auto;padding:0 24px}
.RunListBox .ulList .item .imgBox{max-height:48px;max-width:100%}

@keyframes runningLight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.index5{width: 1312px;margin: 0 auto;padding: 48px 0}
.index5 .list .left{width: 608px;}
.index5 .list .right{width:0;flex: 1;margin-left: 48px;}
.index5 .list .right img{width: 100%;border-radius: 12px}
.index5 .list .left .topIco i{font-size: 32px;}
.index5 .list .left h3{font-size: 32px;margin: 20px 0}
.index5 .list .left p{line-height: 26px;color: #0d1216;}
.index5 .list .item:nth-of-type(even) .left{order:2;margin-left: 48px;}
.index5 .list .item:nth-of-type(even) .right{order:1;margin-left: unset;}
.index5 .list .item:nth-of-type(n+2){margin-top: 95px;}
.index5 .list .item .btn{margin-top: 35px;}
.index5 .list .item .btn a{border: 1px solid rgba(53, 71, 90, 0.2);border-radius: 8px;padding: 12px 15px;display: inline-block;font-size: 14px;font-weight: bold;}
.index5 .list .item .btn a:hover{background-color:rgba(64,87,109,.07);}


.index6{margin: 0 35px;background-color: rgba(64,87,109,.07);padding: 20px 32px;box-sizing: border-box}
.index6 .list *{font-size: 14px;}
.index6 .list .item .tit{width: 145px;font-weight: bold;}
.index6 .list .item .links{width: 0;flex: 1}
.index6 .list .item .links a{width: 9.09%;}
.index6 .list .item:not(:first-of-type){margin-top: 20px;}


.index7{width: 1312px;margin: 0 auto;padding: 48px 0;position: relative;z-index: 10}
.index7>.tit{font-size: 32px;color: #0d1216;font-weight: bold;}
.index7 .desc{color: rgba(13,18,22,.7);margin-top: 20px;}
.index7 .list{flex-wrap: wrap;margin-top: 35px;}
.index7 .list .item{width: 20%;}
.index7 .list .item .content{margin: 10px}
.index7 .list .item img{width: 100%;border-radius: 8px;border: 1px solid rgba(57,76,96,.15);transition: all .3s}
.index7 .list .item:hover img{box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.index7 .btn{margin-top: 50px;}
.index7 .btn a{border: 1px solid rgba(57,76,96,.15);border-radius: 8px;display: inline-block;padding: 8px 15px;font-size: 14px;font-weight: bold;}
.index7 .btn a:hover{background-color:rgba(64,87,109,.07);}


.index8{width: 1312px;margin: 0 auto;padding: 48px 0}
.index8>.tit{font-size: 32px;color: #0d1216;font-weight: bold;}
.index8 .desc{color: rgba(13,18,22,.7);margin-top: 20px;}

.index8 .list{margin-top: 40px;}
.index8 .list .item:nth-of-type(n+2){margin-top: 95px;}
.index8 .list .right{width: 608px;margin-left: 48px;}
.index8 .list .right .topIco i{font-size: 32px;}
.index8 .list .right h3{font-size: 32px;margin: 20px 0}
.index8 .list .right p{line-height: 26px;color: #0d1216;}

.index8 .list .left{width:0;flex: 1;}
.index8 .list .left img{width: 100%;border-radius: 12px}

.index8 .list .item .btn{margin-top: 35px;}
.index8 .list .item .btn a{border-radius: 8px;padding: 12px 15px;display: inline-block;font-size: 14px;font-weight: bold;background-color: rgb(139, 61, 255);color: white}
.index8 .list .item .btn a:hover{background-color:#7731d8;}

.index9{background-color: #0d1216;padding: 96px 120px}
.index9 .tit *{font-size: 48px;font-weight: bold;}
.index9 .tit p{color: white}
.index9 .tit span{color: #8b3dff}
.index9 .btn{margin-top: 32px;}
.index9 .btn a{display: inline-block;background-color: #8b3dff;color: #ffffff;padding: 9px 16px;border-radius: 8px;font-size: 14px;font-weight: bold;}
.index9 .btn a:hover{background-color: #7731d8;}



/*list img*/
.insideWidth{width: 95%;margin: 0 auto;}

.breadBox .links{font-size: 14px;padding: 20px 0}
.breadBox .links a{font-size: 14px;}
.breadBox .links .arrow{}
.breadBox .links i{font-size: 12px;margin: 0 15px}

.list_pro_banner{background-color: #f3e195;min-height: 400px;position: relative;border-bottom-right-radius:150px}
.list_pro_banner .bg_img{height: 400px;position: absolute;right: 0;top: 0;}
.list_pro_banner .bg_img img{height: 100%;border-bottom-right-radius:150px}
.list_pro_banner .insideWidth{width: 80%;}
.list_pro_banner .textBox{max-width: 600px}
.list_pro_banner .tit{font-size: 48px;font-weight: bold;}
.list_pro_banner .desc{line-height: 30px;margin-top: 30px;}


.list_pro_body{margin-top: 50px;}
.list_pro_body .list{flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
.list_pro_body .item{position: relative;width: 20%;}
.list_pro_body .item .imgBox{border: 1px solid rgba(57,76,96,.15);border-radius: 10px}
.list_pro_body .item .imgBox img{border-radius: 10px;width: 100%;}

.list_pro_body .item .tit{font-size: 14px;font-weight: bold;line-height: 32px;}
.list_pro_body .item .desc{font-size: 12px;color:rgba(13, 18, 22, .7);}

.list_pro_body .item .collectBox{position: absolute;top: 10px;right: 10px;}
.list_pro_body .item .collectBox .icon{background-color: rgba(17,23,29,.6);padding: 5px;border-radius: 5px;cursor: pointer}
.list_pro_body .item .collectBox i{font-size: 20px;color: white}
.list_pro_body .item .collectBox .icon{display: none;}

.list_pro_body .item:hover .collectBox .icon{animation:list_collect_show linear ;animation-duration:.5s;display: block;}
@keyframes list_collect_show {
    0% {
        opacity: 0;display: none
    }

    to {
        opacity: 1;
    }
}

.list_pro_body .item .item_content{padding: 10px;box-sizing: border-box}


.pageLayer{margin: 60px 0 100px;}
.pageListBox ul{align-items: center}
.pageListBox ul li{margin: 0 5px}
.pageListBox ul li a{width: 40px;height: 40px;border-radius: 50%;color: #8b3dff;display: flex;justify-content: center;align-items: center;font-weight: bold;}
.pageListBox ul li.active a{background-color: #8b3dff;color: white;}

.pageListBox ul li i{font-weight: bold;}
.pageListBox ul li.arrow{border:2px solid rgba(53, 71, 90, .2);width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;box-sizing: border-box}



.single_pro_1 .content{width: 85%;margin: 0 auto;align-items: flex-start;}

.single_pro_1 .content .left{width: 580px;transition: all .3s;position: relative}
.single_pro_1 .content .left .img{width: 100%;transition: all .3s;}
.single_pro_1 .content .left img{width: 100%;height: 100%;}
.single_pro_1 .content .left .link_box{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;top: 0;left: 0;z-index: 5;align-items: center}
.single_pro_1 .content .left .link_box a{padding: 10px 25px;border: 1px solid #fff;color: white;opacity: 0}
.single_pro_1 .content .left .shadow_box{background-color: rgba(15, 123, 199, 0.8);transition-duration: .3s;opacity: 0;position: absolute;top: 50%;left: 0;width: 100%;height: 0;}
.single_pro_1 .content .left:hover .shadow_box{opacity: 1;height: 100%;top: 0}
/*.single_pro_1 .content .left:hover .link_box a{display: block}*/
.single_pro_1 .content .left:hover .link_box a{animation: btn_link 0.31s linear forwards;animation-delay: .3s;}
.single_pro_1 .content .left .link_box a:hover{background-color: #fff;color: #00aced}
@keyframes btn_link {
    0% {opacity: 0;background: transparent}
    100% {opacity: 1;}
}
.single_pro_1 .content .right{width: 0;flex: 1;margin-left: 50px;}
.single_pro_1 .content .right .title{font-size: 24px;color: #0d1216;line-height: 32px;}
.single_pro_1 .content .right .desc{color: rgba(13, 18, 22, .7);font-size: 14px;line-height: 24px;}
.single_pro_1 .content .right .writeBox{margin: 20px 0}
.single_pro_1 .content .right .writeBox .icon{}
.single_pro_1 .content .right .writeBox .icon img{width: 32px;height: 32px;border-radius:50%;object-fit: cover}
.single_pro_1 .content .right .writeBox .text{font-size: 14px;color: rgba(13, 18, 22, .7);margin-left: 10px;}
.single_pro_1 .content .right .writeBox .text span{text-decoration: underline;display:inline-block;margin-left: 5px;}
.single_pro_1 .content .right .buyBox .buy{margin-right: 8px;background-color: rgb(139, 61, 255);color: white;padding: 0 180px;height: 40px;align-items: center;border-radius: 8px;cursor: pointer;transition: all .3s;font-size: 14px;}
.single_pro_1 .content .right .buyBox .buy p{white-space: nowrap}
.single_pro_1 .content .right .buyBox .collect{width: 40px;height: 40px;border: 1px solid rgba(53, 71, 90, 0.2);border-radius: 8px;cursor: pointer;transition: all .3s;box-sizing: border-box}
.single_pro_1 .content .right .buyBox .collect i{font-size: 22px;}
.single_pro_1 .content .right .buyBox .collect i.icon-shoucang-shoucang{color: rgb(119, 49, 216);font-size: 20px;}
.single_pro_1 .content .right .buyBox .collect:hover{background-color: rgba(0, 0, 0, 0.05);}
.single_pro_1 .content .right .buyBox .buy:hover{background-color: rgb(119, 49, 216);}

.single_pro_1 .content .right .priceBox{align-items: center;margin: 10px 0}
.single_pro_1 .content .right .priceBox .price{font-size: 20px;font-weight: bold;}
.single_pro_1 .content .right .priceBox span{font-size: 14px;margin-left: 5px;}

.single_pro_1 .content .right .allText{margin-top: 50px;}
.single_pro_1 .content .right .allText .item{margin-top: 25px;}
.single_pro_1 .content .right .allText .item .icon{margin-right: 8px;}
.single_pro_1 .content .right .allText .item .icon i{font-size: 16px;}
.single_pro_1 .content .right .allText .item p{font-size: 14px;color: #0d1216;}



.single_pro_2{padding-bottom: 80px;border-bottom: 1px solid rgba(53,71,90,.2);margin-top: 120px;}




/*会员*/

.user_main{border-bottom: 1px solid rgba(53, 71, 90, .2);}
.account_one{width: 78.125%;margin: 0 auto 50px;min-width: 1500px;display: flex;justify-content: space-between;}
.account_one .left{width: 16.667%;margin-top: -87px;}
.account_one .right{width: 80%;padding-top: 40px;}
.account_one .left .top{background-image: url('../img/022.png');padding-top: 7px;}
.account_one .left .top img{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;}
.account_one .left .list{margin-bottom: 20px;filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));}
/*.account_one .left .list{filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));}*/
.account_one .left .list .center{text-align: center;padding: 20px 0;background-color: #ffffff;}
.account_one .left .list h4{margin-bottom: 20px;font-size: var(--fz20);color: #4a4a4a;white-space: nowrap;font-weight: normal}
.account_one .left .list .center p{margin-bottom: 20px;color: #a5a5a5}
.account_one .left .list .center span{font-size: var(--fz14);color: #a5a5a5;}
.account_one .left .list .bottom{padding: 20px 24px;border-top: 1px solid #f0f0f0;background-color: #ffffff;}
.account_one .left .list .bottom p{color: #4a4a4a;font-size: var(--fz14);text-align: center}
.account_one .left .list .bottom p.vip{color: red;font-size: var(--fz20);font-weight: bold;}
.account_one .left .list .bottom span{text-align: center;display:block;padding: 10px 0;font-size: var(--fz14);}
.account_one .left .list .bottom a{display: block;line-height: 32px;color: #fff;text-align: center;background-color: #6B74E6;margin-top: 12px;border-radius: 30px;font-size: 14px;}
.account_one .left .item{padding: 20px 0 20px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);background-color: #ffffff;}
.account_one .left .item ul li{border-left: 4px solid transparent}
.account_one .left .item ul li a{font-size: var(--fz16);line-height: 45px;padding-left: 40px;color: #4a4a4a;display: block}
.account_one .left .item ul li.active{border-left-color: #6B74E6}
.account_one .left .item ul li:hover{background-color: #fafafa;}
.account_one .left .item ul li:hover a{color: #6B74E6;}

.account_one .right .top a{font-size: var(--fz16);color: #333333;font-weight: bolder}
.account_one .right .center{width: 73.333%;margin: 0 auto;}
.account_one .right .center .inner{display: flex;justify-content: space-between;}
.account_one .right .center ul{width: 45.455%}
.account_one .right .center ul li{display: flex;margin-top: 40px;align-items: center;color: #888888}
.account_one .right .center label{width: 85px;font-size: var(--fz14);color: #888888;}
.account_one .right .center ul li .inner_in{flex: 1;display: flex;}
.account_one .right .center ul li .inner_in .item{margin-right: 85px;font-size: var(--fz14)}
.account_one .right .center ul li .inner_in a{display: block;width: 70px;height: 45px;line-height: 45px;text-align: center;color: #fff;background-color: #6B74E6;vertical-align: middle;margin-left: 16px;}
.account_one .right .center ul input[type="text"],.account_one .right .center ul select{width: 100%;border: 1px solid #EEEEEE;height: 45px;padding-left: 10px;font-size: var(--fz16);color: #4A4A4A;}
.account_one .right .center ul select:focus{border-color: #EEEEEE;}
.account_one .right .center ul textarea{display: inline-block;width: 100%;height: 137px;border: 1px solid #e5e6e7;resize: none;text-indent: 10px;vertical-align: text-top;font-size: 14px;color: #4A4A4A;}


.account_one .right .center .btn{margin-top: 50px;text-align: center;}
.account_one .right .center .btn input{width: 120px;height: 46px;color: #fff;background-color: #6B74E6;font-size: 16px;line-height: 46px;border-radius: 23px;text-align: center;border: none;cursor: pointer;}
.account_one .right .resources{display: grid;grid-template-columns: repeat(4,23.333%);justify-content: space-between;grid-row-gap: 20px;margin-top: 50px;}
.account_one .right .resources a{border: 1px solid #eeeeee}
.account_one .right .resources a .c_img{padding: 10px;border-bottom: 1px solid #eeeeee}
.account_one .right .resources a .c_img img{width: 100%}
.account_one .right .resources a .text_re{padding: 23px 10px;}
.account_one .right .resources a p{font-size: 15px;color: #333333;-webkit-line-clamp: 1}

.account_one .right .member{margin-top: 40px;display: grid;grid-template-columns: repeat(4,23.5%);justify-content: space-between;padding: 0 20px;}
.account_one .right .member .list{box-shadow: 8px 8px 40px 0 #0000000F;border-radius: 16px;text-align: center;padding: 20px 0;}
.account_one .right .member .list>*{margin-bottom: 10px;}
.account_one .right .member .list h3{font-size: var(--fz20);color: #3a3a3a;font-weight: normal;}
.account_one .right .member .list span{font-size: var(--fz14);color: #888888;}
.account_one .right .member .list p{font-size: var(--fz12);color: #333333;margin-top: 10px;}
.account_one .right .member .list a{display: block;background: #6B74E6;color: #ffffff;font-size: var(--fz14);height: 40px;border-radius: 23px;padding: 0 25px 0 25px;line-height: 40px;width: 106px;text-align: center;margin: 50px auto 0;}
.account_one .right .recharge{width: 86.667%;margin: 40px auto 0;}
/*.account_one .right .recharge */
.account_one .right .recharge .charge{width: 83.269%;margin: 0 auto;display: grid;align-items: center;justify-content: space-between;padding: 59px 0;grid-template-columns: repeat(4,23.557%);grid-row-gap: 15px;}
.account_one .right .recharge .integral{font-size: 17px;color: #555555}
.account_one .right .recharge .list{padding: 30px 0 48px;border: 1px solid #e8e8e8;text-align: center;cursor: pointer;border-radius: 4px;}
.account_one .right .recharge .list.active{border-color: #ffd600;background-color: #fffbeb;}
.account_one .right .recharge .list p{font-size: var(--fz20);margin-bottom: 19px;}
.account_one .right .recharge .money{font-size: var(--fz12);color: #555555;margin-top: 20px;}
.account_one .right .recharge .price span{font-size: var(--fz14);color: #b8b8b8;text-decoration: line-through;}
.account_one .right .recharge .price span:first-child{font-size: 30px;font-weight: bolder;color: #ffb800;text-decoration: none}
.account_one .right .recharge .integral .form_in{padding: 40px 0;}
.account_one .right .recharge .integral .form_in input{width: 100%;box-sizing: border-box;padding: 20px 10px;background-color: #f8f8f8;border: 1px solid #f1f1f1;font-size: var(--fz14);color: #000000;}
.account_one .right .recharge .integral .form_btn input{padding: 11px 0;width: 96px;text-align: center;background-color: #6B74E6;color: #ffffff;font-size: var(--fz12);border: none;border-radius: 3px;display: block;margin: 0 auto;}




/* 登录界面样式 */
.public_login{position: fixed;top: 50%;left: 50%;z-index: 999;transform: translate(-50%,-50%);width: 39.323%;min-width: 755px;display: none}
.public_login.current{display: block;}
.public_login .check_out{position: relative;}
.public_login .module{position: relative;width: 100%;}
.public_login .outside{overflow: hidden;border-radius: 16px;width: 100%;background-color: #ffffff;}
.public_login .login{display: flex;overflow: hidden;border-radius: 16px;width: 100%;}
.public_login .module .close{position: absolute;top: 0;left: -40px;width: 24px;height: 24px;z-index: 10;cursor: pointer;}
.public_login .module .close i{font-size:36px;color: #fff}
.public_login .login .c_img{width: 36.026%;}
.public_login .login .login_f{width: 65.695%;display: flex;justify-content: center;position: relative;flex-direction: column;align-items: center}
.public_login .login .login_f form{width: 63.306%;}
.public_login .login .c_img img{width: 100%;}
.public_login .login .code_user{display: flex;align-items: center;justify-content: center;margin: 57px 0;}
.public_login .login .code_user i{margin-right: 8px;}
.public_login .login .code_user.register{margin: 17px 0}
.public_login .login .code_user img{width: 22px;height: 22px;}
.public_login .login .code_user h1{font-size: var(--fz20);color: #333333;}
.public_login .login .account .list{position: relative;margin-bottom: 24px;}
.public_login .login .account .list img{position: absolute;top: 50%;left: 14px;transform: translateY(-50%);width: 22px;height: 22px;}
.public_login .login .account .list i{position: absolute;top: 50%;left: 14px;transform: translateY(-50%);}
.public_login .login .account .list input{padding: 11px 0 11px 42px;font-size: var(--fz12);border: 1px solid #e3e3e3;border-radius: 3px;width: 100%;box-sizing: border-box;transition: all .5s}
.public_login .login .account .list input:focus{border-color: #6B74E6}
.public_login .login .account .list_btn{text-align: right;}
.public_login .login .account .list_btn button{width: 100%;text-align: center;padding: 11px 0;border: none;color: #ffffff;background-color: #6B74E6;border-radius: 3px;margin-bottom: 23px;cursor: pointer;}
.public_login .login .account .list_btn button.disabled-button{opacity: 0.5;cursor: not-allowed;}
.public_login .login .account .list_btn .small{display: flex;justify-content: space-between}
.public_login .login .account .list_btn .small .creatApp{display: flex;justify-content: space-between}
.public_login .login .account .list_btn .small .creatApp *{font-size: var(--fz12);}
.public_login .login .account .list_btn .small .creatApp p{font-weight: bold;}
.public_login .login .account .list_btn .small .creatApp span{padding-left: 5px;color: #c0c0c0;cursor: pointer}
.public_login .login .account .list_btn a{font-size: var(--fz12);color: #c0c0c0;}
.public_login .login .account .list_btn .change{display: flex;justify-content: space-between;}
.public_login .login .account .list_btn label{font-size: var(--fz14);cursor: pointer;}
.public_login .login .account .list i{opacity: .6}
.public_login .login .login_f .register{display: flex;justify-content: center;align-items: center;margin-top: 45px;}
.public_login .card-front .register i.icon-qq{color: #19a9f1}
.public_login .card-front .register i.icon-weixin{color: #6B74E6}
.public_login .login .login_f .register a{width: 44px;height: 44px;background-color: #f5f5f5;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.public_login .login .login_f .register a:first-child{margin-right: 28px;}
.public_login .login .login_f .register img{width: 22px;height: 22px;}
.public_login .login .login_f .agreement{font-size: var(--fz12);background-color: #fafafa;color: #9b9b9b;display: flex;align-items: center;padding: 9px 24px;width: 100%;box-sizing: border-box;margin-top: auto;}
.public_login .login .login_f .agreement input{margin-right: 5px;}

.checkbox.final{position:absolute;left:-9999px}
.checkbox:checked + label:before{transform:translateX(44px) rotate(-270deg)}
.public_login .card-3d-wrap{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;max-width:100%;height:400px;}
.public_login .card-3d-wrapper{transform-style: preserve-3d;transition: all 600ms ease-out;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;}
.public_login .card-3d-wrapper .card-front,.public_login .card-3d-wrapper .card-back{width:100%;height:100%;position:absolute;border-radius:6px;left:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background-position:bottom center;background-repeat:no-repeat;background-size:300%;}
.public_login .card-3d-wrapper .card-back{transform:rotateY(180deg)}
.checkbox:checked ~ .card-3d-wrap .card-3d-wrapper{transform:rotateY(180deg)}



.chargeBox .tit{width: 60%;background-color: #6B74E6;margin: 50px auto 0;padding: 15px}
.chargeBox .tit h2{color: #fff;text-align: center}
.chargeBox .dec p{color: #fff;line-height: 30px}
.chargeBox .dec p.red{font-weight: bold;}
.chargeBox .money{display: flex;margin-top: 50px;align-items: center;}
.chargeBox .money span{font-weight: bold;margin: 0 10px;}

.chargeBox form{margin-top: 20px;}
.chargeBox form input[type="text"]{width: 60%;line-height: 35px;padding: 0 10px}
.chargeBox form input[type="submit"]{width: 100px;height: 35px;background-color: #6B74E6;border: 0;color: #fff;cursor: pointer}



.body_after{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 99;display: none;}
.body_after.current{display: block}




footer{background-color: #141414;padding: 100px 0 0;border-top: 1px solid #e5e5e5;}
footer.inside{background-color: #f6f6f6;padding: 20px 0;}
footer.inside .inside_foot p{font-size: var(--fz12);text-align: center;}
.foot{width: 75%;margin: 0 auto;}
.foot .module{display: flex;border-bottom: 1px solid #4f4f4f;}
.foot .left{width: 14.861%;display: flex;justify-content: center;align-items: center;}
.foot .left .f_img img{width: 181px;margin: 0 auto;filter: brightness(0) invert(.55)}
.foot .right{flex: 1;display: flex;padding-left: 46px;position: relative;margin-bottom: 10px;}
.foot .right::before{content: '';position: absolute;border-left: 1px solid #4f4f4f;top: 0;left: 0;width: 1px;height: 100%}
.foot .right ul{margin-right: 65px}
.foot .right ul li{margin-bottom: 14px;}
.foot .right ul li .qcode img{width: 109px;}
.foot .right ul li:first-child{margin-bottom: 20px;}
.foot .right ul li p{color: #595959;font-size: var(--fz14)}
.foot .right ul li a{color: #ffffff;font-size: var(--fz14);transition: all .5s}
.foot .right ul li a:hover{color:#7731d8}
.foot .right ul li span{color: #ffffff;font-size: var(--fz14);}
.foot .copyright{padding: 50px 0;}
.foot .copyright .info{display: flex;align-items: center;justify-content: center;position: relative}
.foot .copyright .info p{font-size: var(--fz14)}
.foot .copyright .info p{color: #ffffff;}
.foot .copyright .info a{color: rgba(255, 255, 255, 0.45);margin:0 20px;}
.foot .copyright .longtime{margin-top: 5px;}
.foot .copyright .longtime *{color: #ffffff;text-align: center;line-height: 33px;font-size: var(--fz14);}
.foot .friend-links{padding-top: 20px;}
.foot .friend-links .list{padding-top: 10px;}
.foot .friend-links p{font-size: var(--fz16);color: #fff}
.foot .friend-links a{font-size: var(--fz14);color: rgba(255, 255, 255, 0.4)}

footer .sweetalertBox1{outline: none}
footer .sweetalertBox1 button{outline: none}
footer .sweetalertBox1 .swal2-confirm{outline: none !important;border: none;background-color: #7731d8;padding: 10px 20px;color: white;cursor: pointer}

footer .sweetalertBox1 div:where(.swal2-container) div:where(.swal2-popup){width: auto;padding: 1em 50px}