html,body{width: 100%;height: 100%;}
html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}
body{line-height: 1.6;color: rgba(0,0,0,.85);}
img{width: 100%;height: 100%;object-fit: cover;}
.none{display: none!important;}
.pchide{display: none;}
.box{width: 1200px;}
.placeholder{height: 5.625rem;}
.boxflexC{display: flex;justify-content: center;align-items: center;}
.boxflexB{display: flex;justify-content: space-between;align-items: center;}
.boxflexD{display: flex;justify-content: flex-end;align-items: center;}
.boxflexf{display: flex;justify-content: flex-start;align-items: center;}
.boxflexA{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.nodata{text-align: center;width: 100%;line-height: 100px;color: #666;}
/*重置LAYUI样式*/
.layui-carousel{background: transparent;}
.layui-carousel>[carousel-item]>*{background: transparent;}
.layui-carousel>[carousel-item]:before{display: none;}
.layui-input:focus,.layui-textarea:focus{border-color: #1890ff!important;}
.layui-form-select dl dd.layui-this{color: #1890ff;}
.fly-edit{position:relative; display: block; top: 0; left:0; padding:0 10px; border:1px solid #eee;background-color: #fafafa;}
.fly-edit span{cursor:pointer; padding:0 10px; line-height: 38px; color:#555;transition: all .3s ease-in-out;}
.fly-edit span i{padding-right:6px; font-size: 16px;}
.fly-edit span:hover{color:#2e96ee;}
input,textarea{}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: #1890ff;}
/*全局头部*/
.head{width: 100%;height: 5rem;background-color: rgba(255,255,255,.8);position: fixed;top: 0;left: 0;z-index: 9;}
.head .box .logo{width: 10.125rem;}
.head .box .right{flex: 1;}
.head .box .right .ol .ta{font-size: 1rem;line-height: 2rem;display: block;padding: 0 1.6rem;position: relative;transition: all .3s ease-in-out;}
.head .box .right .ol .ta i{transition: all .3s ease-in-out;}
.head .box .right .ol .ta.on{color: #2F6CFF;font-weight: bold;}
.head .box .right .ol .ta.on i{width: 2rem;height: 4px;background-color: #2F6CFF;border-radius: 4px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.head .box .right .ol .ta:hover{color: #2F6CFF;}
.head .box .right .btn{padding: 0 2rem;line-height: 2.6rem;display: block;font-size: .8rem;color: #fff;border-radius: 4px;background: linear-gradient(131deg,#2F6CFF 18.16%,#2F9BFF 92.34%);margin-left: 2rem;transition: all .3s ease-in-out;}
.head .box .right .btn:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);}
.head .box .user-info{position: relative;cursor: pointer;margin-left: 2rem;}
.head .box .user-info img{width: 2.5rem;height: 2.5rem;border-radius: 50%;}
.head .box .user-info text{display: none;opacity: .8;font-size: 16px;}
.head .box .user-info:hover text{opacity:1;}
.head .box .user-pop{position: absolute;display:none;top: 40px;right: 0;padding-top: 10px;z-index: 99;}
.head .box .user-pop div{width: 100px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15) inset;}
.head .box .user-pop div a{display: block;cursor: pointer;width: 100%;height: 36px;line-height: 36px;padding: 0 10px;background: #fff;color: #7a7a7a;font-weight: normal;box-sizing: border-box;}
.head .box .user-pop div a i{margin-right: 5px;}
.head .box .user-pop div a:hover{color: #1890FF;}
.head .box .loginok:hover .user-pop{display: block;}
/*轮播图*/
.index-top{width: 100%;position: relative;}
.index-top .bj{width: 100%;height: 42.5rem;}
.index-top .carousel{width: 100%;position: absolute;top: 0;left: 0;z-index: 1;padding-top: 5.625rem;}
.index-top .carousel .box .left{flex: 1;}
.index-top .carousel .box .left .h1{font-size: 2.25rem;color: rgb(34, 34, 34);}
.index-top .carousel .box .left .h2{font-size: 1rem;color: rgb(68, 68, 68);padding-top: 1rem;}
.index-top .carousel .box .left .btnbox{width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-top: 1.6rem;gap: 2rem;}
.index-top .carousel .box .left .btnbox .btn{padding: 0 2rem;line-height: 3rem;display: block;font-size: 1rem;color: #fff;background: linear-gradient(131deg,#2F6CFF 18.16%,#2F9BFF 92.34%);transition: all .3s ease-in-out;}
.index-top .carousel .box .left .btnbox .btn.on{background: linear-gradient(131deg,#6b2fff 18.16%,#2F9BFF 92.34%);}
.index-top .carousel .box .left .btnbox .btn:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
.index-top .carousel .box .img{width: 31.25rem;height: 22.395rem;animation: float 3.5s ease-in-out infinite;transform-style: preserve-3d;}
.index-top .carousel .cstlayer .box .type{cursor:pointer;width: 100%;background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);border-radius: 4px;box-sizing: border-box;-ms-flex: 1;flex: 1;height: auto;padding: 18px;position: relative;pointer-events: auto;transition: all .3s ease-in-out;text-align: center;}
.index-top .carousel .cstlayer .box .type .name{font-size: 1rem;color: #333;font-weight: 600;transition: all .3s ease-in-out;}
.index-top .carousel .cstlayer .box .type .text{font-size: 0.7rem;color: #333;transition: all .3s ease-in-out;}
.index-top .carousel .cstlayer .box .type:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
.index-top .carousel .cstlayer .box .type:hover .tran{color: #2F6CFF;}
/*我们的产品*/
.index-scheme .title{font-size: 2.2rem;color: rgb(34, 34, 34);padding-top: 5rem;}
.index-scheme .h2{font-size: 1rem;color: #666;padding-top: 1rem;padding-bottom: 3rem;}
.index-scheme .box .layui-row .li .type{width: 100%;padding: 2rem 1rem;box-sizing: border-box;transition: all .3s ease-in-out;cursor:pointer;border: 2px solid #fff;background-image: linear-gradient(0deg,#fff,#fff);box-sizing: border-box;}
.index-scheme .box .layui-row .li .type:hover{background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 0 5px 10px rgba(136,177,240,.2);transform: translateY(-1px);border-radius: 8px;}
.index-scheme .box .layui-row .li .type .img{width: 6rem;height: 6rem;border-radius: 4px;overflow: hidden;}
.index-scheme .box .layui-row .li .type .name{font-size: 1.25rem;color: #333;padding-top: .75rem;}
.index-scheme .box .layui-row .li .type .text{font-size: .75rem;line-height: 1.2rem;height: 3.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;padding-top: .75rem;color: #666;}
.index-scheme .box .layui-row .busi{width: 100%;min-height: 260px;}
.index-scheme .box .layui-row .busi .bj{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: 393px auto;background-position: 100%;background-image: url(/packs/images/bg_941.png);opacity: .5;}
.index-scheme .box .layui-row .busi .brief{position: relative;height: 100%;display: flex;min-height: 260px;}
.index-scheme .box .layui-row .busi .brief .text{padding-right: 2rem;}
.index-scheme .box .layui-row .busi .brief .text text{text-indent: 2rem;display: inline-block;color: #666;font-size: 15px;}
.index-scheme .box .layui-row .briefbox .ta{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;-ms-flex-direction: column;flex-direction: column;box-sizing: border-box;width: 100%height: 108px;background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;border-radius: 10px;transition: box-shadow .3s ease-in-out;padding: .75rem 0;cursor:pointer;}
.index-scheme .box .layui-row .briefbox .ta .icon{display: block;width: 60px;height: 60px;background-repeat: no-repeat;background-size: 100% auto;background-position: top;margin-bottom: 10px;}
.index-scheme .box .layui-row .briefbox .ta .name{color: #253554;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-scheme .box .layui-row .briefbox .ta:hover{background: #f3f5f8;box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff}
.index-scheme .box .layui-row .briefbox .ta:hover .icon{-webkit-animation: tpm-market__entry-icon-leave .3s steps(16) forwards;animation: tpm-market__entry-icon-leave .3s steps(16) forwards}
.index-scheme .btn{padding: 0 1rem;line-height: 2.6rem;display: block;font-size: .8rem;color: #fff;background: linear-gradient(131deg,#2F6CFF 18.16%,#2F9BFF 92.34%);margin-left: 2rem;transition: all .3s ease-in-out;margin-top: 3rem;cursor:pointer;}
.index-scheme .btn:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
/*动态*/
.index-news{width: 100%;padding-top: 6rem;margin-bottom: 8rem;}
.index-news .title{display: flex;}
.index-news .title .span{color: #333;font-size: 30px;cursor: pointer;margin: 0 30px;position: relative;padding-bottom: 8px;}
.index-news .title .span.on{color: #2F6CFF;}
.index-news .title .span.on:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #0076fe;}
.index-news ul{display: none;flex-wrap: wrap;width: 100%;gap: 2rem;margin-top: 4rem;}
.index-news ul.on{display: flex;}
.index-news ul li{width: calc(50% - 1rem);height: 146px;background: #fff;box-shadow: 0 2px 18px 2px rgba(217, 223, 231, 0.6);border-radius: 8px;transition: box-shadow .65s cubic-bezier(.19,1,.22,1);}
.index-news ul li:hover{box-shadow: 0 4px 20px 5px rgba(217,223,231,0.8);}
.index-news ul li a{display: flex;width: 100%;height: 100%;padding: 28px 30px;box-sizing: border-box;}
.index-news ul li .xu{width: 30px;height: 28px;margin-right: 1rem;line-height: 28px;font-size: 16px;color: #fff;text-align: center;background-color: #59a3ff;box-shadow: 0 6px 12px 0 rgba(43, 123, 255, 0.3);border-radius: 4px;}
.index-news ul li .info{flex:1;width: calc(100% - 50px);}
.index-news ul li .info .name{display: flex;justify-content: space-between;align-items: center;}
.index-news ul li .info .name span{max-width: 80%;font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news ul li .info .name span.time{font-size: 12px;color:#666;}
.index-news ul li .info .text{margin-top: 8px;line-height: 25px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news .btn{padding: 0 1rem;line-height: 2.6rem;display: block;font-size: .8rem;color: #fff;background: linear-gradient(131deg,#2F6CFF 18.16%,#2F9BFF 92.34%);margin-left: 2rem;transition: all .3s ease-in-out;margin-top: 3rem;cursor:pointer;}
.index-news .btn:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
/*底部*/
.bottom{width: 100%;background: #0a1633;}
.bottom .relate{background: url(/packs/images/bj5.png) no-repeat center center;height: 160px;width: 100%;}
.bottom .relate .text{font-size: 2rem;color: #fff;}
.bottom .relate .btn{padding: 0 2rem;line-height: 2.6rem;display: block;font-size: .8rem;color: #fff;background: linear-gradient(131deg,#2F6CFF 18.16%,#2F9BFF 92.34%);transition: all .3s ease-in-out;margin-top: 1rem;cursor:pointer;}
.bottom .relate .btn:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
.bottom .footer{padding: 40px 0;align-items: flex-start;padding-bottom: 2rem;border-bottom: 1px solid #373d4d;}
.bottom .footer .right{width: 346px;}
.bottom .footer .right .title{font-weight: normal;font-size: .95rem;color: #efefef;line-height: 22px;}
.bottom .footer .right .text{font-size: .85rem;color: #dedede;line-height: 24px;margin-top: 1rem;}
.bottom .footer .right .pls{margin-top: 1rem;}
.bottom .footer .right .pls .bubble{vertical-align: top;width: 74px;padding: 2px;height: 74px;background-image: linear-gradient(0deg, #fff 0%, #ffffff 100%);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #161616;border-radius: 4px;margin-right: 2rem;}
.bottom .footer .ul{width: 100%;align-items: flex-start;}
.bottom .footer .ul .li{width: 25%;}
.bottom .footer .ul .li .title{margin-bottom: 15px;font-size: .95rem;line-height: 22px;font-weight: normal;color: #efefef;}
.bottom .footer .ul .li .type a{width: 100%;display: block;color: #dedede;font-size: .85rem;padding-top: .5rem;}
.bottom .footer .ul .li .type a:hover{color: #ffffff;}
.bottom .copyright{padding: 1rem;}
.bottom .copyright .text{font-size: .8rem;color: #dedede;}
.bottom .copyright .text a{color: #dedede;padding-left: 1rem;}
.bottom .copyright .text a:hover{color: #ffffff;}
/*产品页面*/
.product-top{width: 100%;background: url(/packs/images/producttop.png);background-repeat: no-repeat;background-size: cover;background-color: #f1f3f4;}
.product-top.t1{background: url(/packs/images/producttop2.png);background-repeat: no-repeat;background-size: cover;}
.product-top .box{height: 26rem;display: flex;flex-direction: column;align-content: flex-start;justify-content: center;}
.product-top.t1 .box{height: 26rem;}
.product-top .box .h1{font-size: 40px;line-height: 48px;font-weight: 400;margin-bottom: 1.25rem;color: #16181a;}
.product-top .box .h2{font-size: 16px;line-height: 24px;color: #495770;}
.product-fabric{padding-top: 2rem;}
.product-fabric .module{width: 100%;padding: 1rem;border: 2px solid #fff;background: #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);margin-bottom: 1rem;box-sizing: border-box;}
.product-fabric .module .title{font-size: 1.1rem;color: #333;font-weight: bold;}
.product-fabric .module .p{width: 100%;display: block;font-size: .95rem;color: #666;padding-top: .5rem;text-indent: 2rem;}
.product-fabric .module .btn{display: block;width: 100%;height: 3rem;line-height: 3rem;border-radius: 4px;background: linear-gradient(131deg,#2F6CFF 18.16%,#2F9BFF 92.34%);text-align: center;font-size: 1rem;color: #fff;margin-top: 1rem;transition: all .3s ease-in-out;}
.product-fabric .module .btn:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);}
.product-fabric .module .type{width: 100%;gap: 1rem;}
.product-fabric .module .type .ta .img{width: 6rem;height: 6rem;border: 2px solid #fff;background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);}
.product-fabric .module .type .ta .name{font-size: 1rem;color: #666;padding-top: .5rem;}
.product-fabric .list{width: 100%;}
.product-fabric .list .li{width: 100%;background: #f3f5f8;border-radius: 4px;background-size: auto 100%;background-repeat: no-repeat;background-position: 100% 0;background-image: url(/packs/images/bg-ecology.png);box-sizing: border-box;border: 2px solid #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 1rem;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);margin-bottom: 1rem;box-sizing: border-box;transition: box-shadow .3s ease-in-out;}
.product-fabric .list .li .img{width: 100%;height: 100%;border-radius: 4px;overflow: hidden;}
.product-fabric .list .li .name{font-weight: 500;font-size: 1.25rem;line-height: 1.75rem;color: #000;}
.product-fabric .list .li .text{font-size: 0.875rem;line-height: 1.375rem;height: 4.125rem;color: #4c5b76;margin-top: .5rem;word-break: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.product-fabric .list .li .btns{margin-top: 2rem;gap: 1rem;flex-wrap: wrap;}
.product-fabric .list .li .btns .btn{display: block;background-color: #fff;color: #43474d;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), inset 0 4px 20px 0 hsla(0,0%,100%,.5);min-width: 132px;width: 132px;text-align: center;height: 40px;line-height: 40px;transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;}
.product-fabric .list .li .btns .btn:hover{border-color: #2670e8;background-color: #ecf2fe;box-shadow: none;color: #0052d9;}
.product-fabric .list .li:hover{box-shadow:8px 8px 20px rgba(55,99,170,.2),-8px -8px 20px #fff;}
.product-fabric .list .li .img-pic{height: 190px;}
/*动态*/
.dynamic-top.t1 {width: 100%;background: url(/packs/images/dynamic.jpg);background-repeat: no-repeat;background-size: cover;background-color: #f1f3f4;}
.dynamic-top .box{height: 26rem;display: flex;flex-direction: column;align-content: flex-start;justify-content: center;}
.dynamic-top .box .h1{font-size: 40px;line-height: 48px;font-weight: 400;margin-bottom: 1.25rem;color: #16181a;}
.dynamic-top .box .h2{font-size: 16px;line-height: 24px;color: #495770;}
.dynamic-typebox{padding: 2rem 0;}
.dynamic-typebox .ul{display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row;gap: 1rem;}
.dynamic-typebox .ul .ta{padding: 0 1.5rem;line-height: 3rem;display: block;background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);border-radius: 4px;box-sizing: border-box;transition: all .3s ease-in-out;text-align: center;font-size: 1rem;}
.dynamic-typebox .ul .ta.on{background: linear-gradient(131deg,#2F6CFF 18.16%,#2F9BFF 92.34%);color: #fff;}
.dynamic-typebox .ul .ta:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
.dynamic-listbox .box .list{width: 100%;display: flex;justify-items: flex-start;flex-wrap: wrap;gap: 1rem;}
.dynamic-listbox .box .li{display: block;background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);border-radius: 4px;box-sizing: border-box;transition: all .3s ease-in-out;padding: 1rem;}
.dynamic-listbox .box .li:hover{box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
.dynamic-listbox .box .li .name{display: flex;justify-content: space-between;align-items: center;}
.dynamic-listbox .box .li .name span{max-width: 370px;font-size: 1rem;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dynamic-listbox .box .li .name span.time{font-size: .8rem;color:#666;}
.dynamic-listbox .box .li .text{line-height: 1.3rem;color: #999;height: 4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;padding-top: .75rem;color: #666;}
/*动态详情*/
.articlebox{min-height: calc(100% -28.77rem);justify-content: flex-start;margin-bottom: 4rem;}
.articlebox .box{display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;}
.articlebox .box .left{width: 100%;flex: 1;background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);border-radius: 4px;box-sizing: border-box;padding: 1.5rem;}
.articlebox .box .left .h2{font-size: 16px;color: #333;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;}
.articlebox .box .left .text{line-height: 1.7;}
.articlebox .box .left .text p{padding: 5px 0;}
.articlebox .box .right{width: 350px;}
.articlebox .box .right .module{background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);border-radius: 4px;box-sizing: border-box;padding: 1rem;}
.articlebox .box .right .module .h1{font-size: 16px;color: #333;padding-bottom: 10px;border-bottom: 1px solid #f5f5f5;}
.articlebox .box .right .module .list a{display: block;padding: 10px 0;color: #666;position: relative;padding-left: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .3s ease-in-out;}
.articlebox .box .right .module .list a::after{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 15px;height: 15px;border-radius: 2px;background: #f5f5f5;}
.articlebox .box .right .module .list a:nth-child(1)::after{background: linear-gradient(131deg, #2F6CFF 18.16%, #2F9BFF 92.34%);}
.articlebox .box .right .module .list a:nth-child(2)::after{background: #0a1633;}
.articlebox .box .right .module .list a:nth-child(3)::after{background: #ffa700;}
.articlebox .box .right .module .list a:hover{color: #2F6CFF;}
/*翻页*/
.pages{padding-top: 1rem;width: 100%;display: flex;justify-content: center;margin-bottom: 4rem;}
.pages .layui-laypage a{background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);transition: all .3s ease-in-out;}
.pages .layui-laypage .layui-laypage-spr{background-image: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);}
.pages .layui-laypage a:hover{color: #2F6CFF;box-shadow: 0 5px 20px #7994c166;border-radius: 4px;}
.pages .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #2F6CFF;}
/*个人中心*/
.user-box{padding-top: 6.925rem;background: #f5f5f5;padding-bottom: 2rem;}
.user-box .box{margin: 0 auto;}
.user-box .user-mian{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;}
.user-box .user-mian .user-left{width: 260px;background: #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);border-radius: 4px;box-sizing: border-box;padding: 1rem;}
.user-box .user-mian .user-left .user-info{text-align: center;padding: 20px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.user-box .user-mian .user-left .user-info .img{width: 80px;height: 80px;border-radius: 50%;object-fit: cover;margin-bottom: 15px;border: 2px solid #f0f0f0;overflow: hidden;}
.user-box .user-mian .user-left .user-info .name{font-size: 18px;color: #333;font-weight: 500;margin-bottom: 4px;}
.user-box .user-mian .user-left .user-info .uid{font-size: 12px;color: #999;margin-bottom: 15px;}
.user-box .user-mian .user-left .list .li{display: block;width: 100%;text-align: center;padding: 12px 0;box-sizing: border-box;color: #666;border-radius: 4px;transition: all 0.3s;}
.user-box .user-mian .user-left .list .li:hover{background-color: #f5f5f5;color: #1890ff;}
.user-box .user-mian .user-left .list .li.on{background-color: #e6f7ff;color: #1890ff;}
.user-box .user-mian .user-right{width: 100%;flex: 1;}
.user-box .user-mian .user-right .h2{font-size: 18px;color: #333;font-weight: 500;border-bottom: 1px solid #efefef;display: flex;justify-content: space-between;align-items: center;}
.user-box .user-mian .user-right .h2 .left{display: flex;justify-content: flex-start;align-items: center;gap: 16px;padding-bottom: 10px}
.user-box .user-mian .user-right .h2 .left .btn{font-size: 16px;font-weight: 400;;cursor: pointer;transition: all .3s ease-in-out;}
.user-box .user-mian .user-right .h2 .left .btn.on{color: #1890ff;}
.user-box .user-mian .user-right .h2 .left .btn:hover{color: #1890ff;}
.user-box .user-mian .user-right .h2 .add{font-size: 16px;font-weight: 400;padding-bottom: 10px;color: #1890ff;opacity: .8;transition: all .3s ease-in-out;}
.user-box .user-mian .user-right .h2 .add:hover{opacity: 1;}
.user-box .user-mian .user-right .account{background: #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);border-radius: 4px;box-sizing: border-box;padding: 1rem;}
.user-box .user-mian .user-right .account .wallet{background: linear-gradient(131deg, #2F6CFF 18.16%, #2F9BFF 92.34%);width: 100%;border-radius: 2px;padding: 30px 20px;display: flex;justify-content: space-between;align-items: center;margin-top: 16px;box-sizing: border-box;}
.user-box .user-mian .user-right .account .wallet .info{width: 100%;flex: 1;color: #fff;}
.user-box .user-mian .user-right .account .wallet .info .name{opacity: 0.9;margin-bottom: 8px;}
.user-box .user-mian .user-right .account .wallet .info .rmb{font-size: 32px;font-weight: 600;}
.user-box .user-mian .user-right .account .wallet .info .freeze{font-size: 12px;opacity: 0.8;}
.user-box .user-mian .user-right .account .wallet .info .freeze text{padding-left: 16px;}
.user-box .user-mian .user-right .account .wallet .btns{display: flex;justify-content: flex-start;align-items: center;flex-direction: column;gap: 12px;}
.user-box .user-mian .user-right .account .wallet .btns .btn{color: #1890ff;padding: 6px 34px;cursor: pointer;font-size: 15px;border-radius: 2px;background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);transition: all .3s ease-in-out;}
.user-box .user-mian .user-right .account .wallet .btns .btn:hover {box-shadow: 0 5px 20px #7994c166;transform: translateY(-2px);border-radius: 4px;}
.user-box .user-mian .user-right .account .type{display: flex;justify-content: space-between;align-items: center;gap: 16px;margin-top: 20px;flex-wrap: wrap;flex-direction: row;}
.user-box .user-mian .user-right .account .type .ta{flex: 1;border-radius: 2px;background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);transition: all .3s ease-in-out;padding: 20px;position: relative;text-align: center;cursor: pointer;}
.user-box .user-mian .user-right .account .type .ta::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #1890ff, #40a9ff);transition: all .3s ease-in-out;}
.user-box .user-mian .user-right .account .type .ta .unm{font-size: 24px;color: #333;font-weight: 600;transition: all .3s ease-in-out;}
.user-box .user-mian .user-right .account .type .ta .name{color: #666;transition: all .3s ease-in-out;}
.user-box .user-mian .user-right .account .type .ta:hover{background-image: linear-gradient(90deg, #1890ff, #40a9ff);}
.user-box .user-mian .user-right .account .type .ta:hover .unm{color: #fff;}
.user-box .user-mian .user-right .account .type .ta:hover .name{color: #fff;}
.user-box .user-mian .user-right .module{min-height: 583px;background: #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);border-radius: 4px;box-sizing: border-box;padding: 1rem;margin-top: 16px;}
.user-box .user-mian .user-right .module .postlist{margin-top: 16px;width: 100%;overflow-x: auto;}
.user-box .user-mian .user-right .module .postlist .li{display: flex;justify-content: flex-start;align-items: center;min-height: 50px;border-top: 1px solid #e5f1ff;color: #333;transition: all .3s ease-in-out;max-width: 868px;min-width: 750px;}
.user-box .user-mian .user-right .module .postlist .li:hover{background: #f4f9ff;color: #1890ff;}
.user-box .user-mian .user-right .module .postlist .li.title{background: #e5f1ff;color: #666;}
.user-box .user-mian .user-right .module .postlist .li .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: .9rem;}
.user-box .user-mian .user-right .module .postlist .li .name img{max-width: 20px;max-height: 20px;}
.user-box .user-mian .user-right .module .postlist .li div{padding: 0 15px;flex: 1;}
.user-box .user-mian .user-right .module .postlist .li a{padding: 0 15px;flex: 1;display: block;transition: all .3s ease-in-out;}
.user-box .user-mian .user-right .module .postlist .li .type{max-width: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user-box .user-mian .user-right .module .postlist .li .itme{max-width: 130px;}
.user-box .user-mian .user-right .module .postlist .li .operate{max-width: 50px;display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.user-box .user-mian .user-right .module .postlist .li .operate .btn{color: #1890ff;opacity: .8;transition: all .3s ease-in-out;cursor: pointer;padding: 0;}
.user-box .user-mian .user-right .module .postlist .li .operate .btn.on{color: #f00;}
.user-box .user-mian .user-right .module .postlist .li .operate .btn:hover{opacity: 1;}
.user-box .user-mian .user-right .module .postlist .li .operate .status{color: #1890ff;opacity: .8;transition: all .3s ease-in-out;cursor: pointer;padding: 0;}
.user-box .user-mian .user-right .module .postlist .li .operate .status.on{color: #f00;}
.user-box .user-mian .user-right .module .postlist .li .operate .status:hover{opacity: 1;}
.user-box .user-mian .user-right .module .postlist .li:hover a{color: #1890ff;}
.user-box .user-mian .user-right .module .postlist .more{display: block;text-align: center;padding: 20px;color: #666;}
.user-box .user-mian .user-right .module .postlist .more i{font-size: 14px;}
.user-box .user-mian .user-right .module .layui-tab-title .layui-this:after{border-bottom-color: #fff;}
.user-box .user-mian .user-right .addgoods{background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);border-radius: 4px;box-sizing: border-box;padding: 1rem;}
.user-box .user-mian .user-right .addgoods .layui-form{margin-top: 20px;}
.user-box .user-mian .user-right .setbox{background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);border-radius: 4px;box-sizing: border-box;padding: 1rem;}
.user-box .user-mian .user-right .setbox .avatar-upload{display: flex;justify-content: flex-start;align-items: center;gap: 20px;margin-top: 20px;}
.user-box .user-mian .user-right .setbox .avatar-upload .preview{width: 110px;height: 110px;border-radius: 50%;object-fit: cover;border: 2px solid #f0f0f0;}	
.user-box .user-mian .user-right .setbox .avatar-upload .info{flex: 1;}
.user-box .user-mian .user-right .setbox .avatar-upload .info .tip{font-size: 12px;color: #999;line-height: 1.5;padding-top: 10px;}

@keyframes float {
    0% {transform: translateY(0) rotate(0deg);}
    50% {transform: translateY(-30px) rotate(3deg);}
    100% {transform: translateY(0) rotate(0deg);}
}
@keyframes tpm-market__entry-icon-leave {
    0% {background-position: 0 -960px}
    to {background-position: 0 0}
}
@media screen and (max-width: 1254px){
	.box{width: 100%;padding: 0 1rem;box-sizing: border-box;}
}
@media screen and (max-width: 990px){
	.pchide{display: block;}
}
@media screen and (max-width: 900px){
	.box{width: 100%;padding: 0 1rem;box-sizing: border-box;}
	.head{height: 4rem;}
	.placeholder{height: 5.625rem;}
	.waphide{display: none;}
	.pchide{display: block;}
	.index-top .bj {height: 20.5rem;}
	.layui-carousel{height: 10.5rem!important;}
	.index-top .carousel{padding-bottom: 4rem;}
	.index-top .carousel .box .left .h1 {font-size: 1.25rem;text-align: center;}
	.index-top .carousel .box .left .h2{font-size: .8rem;text-align: center;}
	.index-top .carousel .box .left .btnbox{justify-content: center;}
	.index-top .carousel .cstlayer{padding-top: 2rem;}
	.index-service .title{font-size: 1.2rem;}
	.index-scheme .title{font-size: 1.2rem;padding-top: 3rem;}
	.index-scheme .h2{font-size: .75rem;padding-bottom: 1.5rem;}
	.index-scheme .btn{margin-top: 1rem;}
	.index-news{padding-top: 3rem;}
	.bottom .relate .text{font-size: 1rem;}
	.product-top .box{height: 12rem;}
	.product-top .box .h1 {font-size: 1.5rem;margin-bottom: .5rem;margin-top: 2rem;}
	.dynamic-typebox .ul .ta{padding: 0 1.2rem;line-height: 2.6rem;}
	.product-fabric .list .li .img-pic{height: 255px;}
	.product-fabric .list .li .btns .btn{flex: 1;}
	.user-box{padding-top: 5.625rem;}
	.user-box .user-mian{flex-direction: column;}
	.user-box .user-mian .user-left{width: 100%;}
	.user-box .user-mian .user-left .user-info{padding: 10px 0;}
	.user-box .user-mian .user-left .user-info .img{width: 60px;height: 60%;}
	.user-box .user-mian .user-left .list{max-width: 100%;white-space: nowrap;height: 50px;overflow: hidden;overflow-x: auto;}
	.user-box .user-mian .user-left .list .li{display: inline-block;width: auto;margin-right: 16px;}
	.user-box .user-mian .user-left .list .li.on{background: transparent;}
	.user-box .user-mian .user-right .account .wallet{flex-direction: column;padding: 16px;}
	.user-box .user-mian .user-right .account .wallet .btns{flex-direction: row;margin-top: 16px;width: 100%;}
	.user-box .user-mian .user-right .account .wallet .btns .btn{flex: 1;text-align: center;}
	.user-box .user-mian .user-right .account .type .ta .unm{font-size: 20px;}
	.user-box .user-mian .user-right .account .type .ta .name{font-size: 12px;}
	.articlebox .box{flex-direction: column;}
	.articlebox .box .right{width: 100%;}
	.index-news ul li{width: 100%;}
	.head .box .right .btn{padding: 0 0.5rem;margin-left: 0;line-height: 2rem;}
	.head .box .user-info{margin-left: 1rem;}
}