*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: 'siyuanheiti','Microsoft YaHei',"Arial";line-height: 1;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{width: 100%;height: 100%;object-fit: contain;transition: all .3s;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

input,select,textarea{border: none;outline: none;background: none;}

/* html{font-size: calc(100vw / 192);} */

.container{width: 1400px;margin: 0 auto;}

.pc{display: block;}
.mb{display: none;}

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  -moz-appearance: textfield;
}

@font-face {
  font-family: "siyuanheiti";
  font-weight: 800;
  src: url("./SourceHanSans-Normal.otf") format("trueType");
  font-display: swap;
}

@font-face {
  font-family: "siyuanheitiB";
  font-weight: 800;
  src: url("./SourceHanSans-Bold.otf") format("trueType");
  font-display: swap;
}



/* html *::-webkit-scrollbar {height: 5px;width: 5px;}
html *::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 5px;background: #f6f7f8;}
html *::-webkit-scrollbar-thumb {height: 10px;border-radius: 5px;background: #AAAAAA;}
html *::-webkit-scrollbar-thumb:hover{background: #aaa;} */



/* body{position: relative;} */
.header{height: 114px;position: fixed;top: 0;width: 100%;left: 0;z-index: 6666;transition: all 0.3s;}
.header .container{position: relative;height: 100%;}
.header .top{display: flex;align-items: center;justify-content: flex-end;position: absolute;right: 0;top: 16px;}
.header .top .btn{padding: 0 18px;background: none;display: flex;align-items: center;justify-content: center;height: 35px;font-size: 16px;color: #fff;margin-left: 12px;}
.header .top .btn .icon{width: 20px;margin-right: 6px;height: 20px;position: relative;}
.header .top .btn .icon img{width: 100%;height: 100%;transition: all 0.3s;position: absolute;opacity: 0;}
.header .top .btn .icon .nor{z-index: 111;opacity: 1;}
.header .top .btn .icon .hov{z-index: 11;opacity: 0;}



.header .top .register{width: 90px;border-radius: 35px;background: #E40A00;color: #fff;}



.header .bot{display: flex;align-items: flex-end;height: 100%;padding-bottom: 20px;}
.header .bot .logo{display: flex;align-items: center;margin-right: 70px;}
.header .bot .logo .img{width: 180px;margin-right: 15px;}
.header .bot .logo .text{font-size: 20px;color: #fff;line-height: 1.2;}
.header .bot .logo .text span{font-size: 16px;}
.header .bot .menu{display: flex;align-items: center;}
.header .bot .menu .one{margin-right: 80px;position: relative;}
.header .bot .menu .one>.link{font-size: 18px;color: #fff;transition: all 0.3s;}
.header .bot .menu .one:hover>a.link{color: #E40A00;}
/* .header .bot .menu .one:hover{color: #E40A00;} */
.header .bot .menu .one .box{position: absolute;top: 100%;padding-top: 20px;left: 50%;transform: translateX(-50%);display: none;}
.header .bot .menu .one .box .list{background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(20px);box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding-top: 5px;overflow: hidden;}
.header .bot .menu .one .box .list .link{height: 40px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #3d3d3d;transition: all 0.3s;white-space: nowrap;padding: 0 20px;}
.header .bot .menu .one .box .list .link:hover{color: #fff;background: #E40A00;}



.header:hover{background: #fff;}
.header:hover .top .btn .icon .nor{z-index: 11;opacity: 0;}
.header:hover .top .btn .icon .hov{z-index: 111;opacity: 1;}
.header:hover .bot .logo .text{color: #333;}
.header:hover .top .btn{color: #333;}
.header:hover .bot .menu .one>.link{color: #333;}
.header:hover .top .register{color: #fff;}




.header.active{background: #fff;}
.header.active .top .btn .icon .nor{z-index: 11;opacity: 0;}
.header.active .top .btn .icon .hov{z-index: 111;opacity: 1;}
.header.active .bot .logo .text{color: #333;}
.header.active .top .btn{color: #333;}
.header.active .bot .menu .one>.link{color: #333;}
.header.active .top .register{color: #fff;}


.header.fixed{position: relative;}
.header.fixed .top .btn .icon .nor{z-index: 11;opacity: 0;}
.header.fixed .top .btn .icon .hov{z-index: 111;opacity: 1;}
.header.fixed .bot .logo .text{color: #333;}
.header.fixed .top .btn{color: #333;}
.header.fixed .bot .menu .one>.link{color: #333;}
.header.fixed .top .register{color: #fff;}





.footer{background: #201F24;padding: 60px 0 30px;}
.footer .top .container{display: flex;justify-content: space-between;}
.footer .top .left{display: flex;}
.footer .top .left .menu{display: flex;align-items: flex-start;}
.footer .top .left .menu .line{width: 140px;margin-right: 70px;border-right: 1px solid rgba(255, 255, 255, 0.1);}
.footer .top .left .menu .line .title{font-size: 16px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 10px;}
.footer .top .left .menu .line .one{display: block;font-size: 14px;color: #646466;transition: all 0.3s;line-height: 2;}
.footer .top .left .menu .line .one:hover{color: #fff;}
.footer .top .left .menu .line:last-child{border-right: 0;}

.footer .top .left .contact .line{display: flex;margin-bottom: 30px;}
.footer .top .left .contact .line:last-child{margin-bottom: 0;}
.footer .top .left .contact .line .img{width: 44px;height: 44px;margin-right: 10px;}
.footer .top .left .contact .line .tel{font-size: 24px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 6px;}
.footer .top .left .contact .line .desc{font-size: 14px;color: rgba(255, 255, 255, 0.4);}
.footer .top .left .contact .line .phone{font-size: 14px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 6px;}

.footer .top .right .code{width: 95px;height: 95px;margin-bottom: 20px;}
.footer .top .right .text{font-size: 14px;color: #fff;text-align: center;}

.footer .bot{margin-top: 40px;padding-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer .bot .container{display: flex;flex-direction: column;align-items: flex-start;}
.footer .bot .icp{font-size: 14px;color: #696969;line-height: 1.5;}
.footer .bot .icp a{color: #696969;transition: all 0.3s;}
.footer .bot .icp a:hover{color: #fff;}
.footer .bot .img{height: 30px;margin-top: 20px;}



.pageRight{position: fixed;right: 0;bottom: 200px;z-index: 6666;}
.pageRight .block{padding: 20px 10px;display: flex;flex-direction: column;}
.pageRight .block .one{width: 60px;height: 60px;background: rgba(255, 255, 255, 0.75);box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.15);backdrop-filter: blur(15px);display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;border-radius: 10px;margin-bottom: 5px;}
.pageRight .block .one:last-child{margin-bottom: 0;}

.pageRight .block .one .img{width: 32px;height: 32px;position: relative;}
.pageRight .block .one .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;}
.pageRight .block .one .nor{z-index: 11;opacity: 1;}
.pageRight .block .one .hov{z-index: 1;opacity: 0;}
.pageRight .block .one:hover .hov{z-index: 11;opacity: 1;}
.pageRight .block .one:hover .nor{z-index: 1;opacity: 0;}










.index .banner{position: relative;}
.index .banner .textBox{width: 600px;display: flex;flex-direction: column;align-items: center;top: 235px;left: 0;right: 0;position: absolute;margin: auto;}
.index .banner .textBox .title{display: flex;align-items: center;font-size: 16px;color: #fff;}
.index .banner .textBox .title .img{width: 20px;height: 20px;margin-right: 10px;}

.index .banner .textBox .name{font-size: 40px;color: #fff;margin: 20px 0 40px;font-weight: bold;font-family: 'siyuanheitiB';}

.index .banner .textBox .type{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.index .banner .textBox .type .one{font-size: 16px;color: #fff;margin: 0 10px;cursor: pointer;position: relative;}
.index .banner .textBox .type .one::after{position: absolute;bottom: -10px;width: 30px;height: 2px;border-radius: 2px;background: #E40A00;left: 0;right: 0;margin: auto;content: "";transition: all 0.3s;opacity: 0;}
.index .banner .textBox .type .one.active::after{opacity: 1;}

.index .banner .textBox .inputBox{width: 600px;height: 50px;border-radius: 50px;padding: 3px;background: #fff;display: flex;align-items: center;}
.index .banner .textBox .inputBox input{height: 100%;flex: 1;width: 0;padding: 0 17px;color: #333;font-size: 16px;}
.index .banner .textBox .inputBox .btn{display: flex;align-items: center;justify-content: center;width: 126px;height: 44px;flex-shrink: 0;background: #E40A00;font-size: 16px;color: #fff;border-radius: 44px;}
.index .banner .textBox .inputBox .btn .icon{width: 16px;height: 16px;margin-right: 6px;}



.index .floor1{background: #381B1A;padding: 80px 0;}
.index .floor1 .container{display: flex;justify-content: space-between;}
.index .floor1 .one{width: 280px;height: 260px;background: rgba(255, 255, 255, 0.06);border-radius: 20px;padding: 50px 30px;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
.index .floor1 .one .icon{width: 50px;height: 50px;}
.index .floor1 .one .num{font-size: 40px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';margin-top: 10px;}
.index .floor1 .one .desc{color: #fff;font-size: 16px;}



.index .floor2{background: #fff;height: 310px;padding: 80px 0;}
.index .floor2 .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;font-family: 'siyuanheitiB';line-height: 52px;}
.index .floor2 .desc{font-size: 16px;color: #888;margin-top: 10px;text-align: center;}
.index .floor2 .type{display: flex;align-items: center;margin-top: 30px;justify-content: center;}
.index .floor2 .type .one{padding: 0 30px;font-size: 16px;color: #381B1A;height: 35px;border-radius: 35px;margin: 0 10px;background: #FAF8F8;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}
.index .floor2 .type .one:hover{background: #E40A00;color: #fff;}



.index .floor3{position: relative;}
.index .floor3 .bg{height: 770px;}
.index .floor3 .bg .img{height: 100%;}
.index .floor3 .bg .img img{height: 100%;object-fit: cover;}
.index .floor3 .block{position: absolute;left: 0;right: 0;top: 60px;width: 1400px;margin: auto;}
.index .floor3 .block .type{display: flex;align-items: center;margin-bottom: 10px;}
.index .floor3 .block .type .one{width: 160px;height: 44px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-right: 10px;color: #333;font-size: 16px;background: rgba(255, 255, 255, 0.8);transition: all 0.3s;cursor: pointer;}
.index .floor3 .block .type .one.active{padding-bottom: 10px;height: 54px;margin-bottom: -10px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.index .floor3 .block .box{width: 800px;height: 620px;background: rgba(255, 255, 255, 0.76);border-radius: 6px;border-top-left-radius: 0;padding: 20px;display: none;}

.index .floor3 .block .list{display: flex;flex-wrap: wrap;justify-content: space-between;height: 460px;overflow: auto;}
.index .floor3 .block .list .one{width: calc(50% - 10px);margin-top: 20px;border-radius: 6px;background: #fff;position: relative;border-top-left-radius: 0;padding: 30px;display: flex;flex-direction: column;justify-content: space-between;height: 210px;}
.index .floor3 .block .list .one .hot{position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #fff;background: #E40A00;border-bottom-right-radius: 10px;width: 40px;height: 20px;}
.index .floor3 .block .list .one .hot .icon{width: 14px;height: 14px;margin-right: 2px;}
.index .floor3 .block .list .one .name{font-size: 18px;color: #333;line-height: 1.5;flex-shrink: 0;}
.index .floor3 .block .list .one .type{margin: 5px 0 10px -10px;display: flex;flex-wrap: wrap;flex: 1;align-content: flex-start;}
.index .floor3 .block .list .one .type .t{padding: 3px 6px;margin-left: 10px;margin-top: 5px;background: #F5F5F5;border-radius: 2px;font-size: 14px;color: #888;}
/* .index .floor3 .block .list .one .type .t:last-child{margin-right: 0;} */
.index .floor3 .block .list .one .bot{display: flex;align-items: center;justify-content: space-between;}
.index .floor3 .block .list .one .bot .price{font-size: 24px;color: #E40A00;}
.index .floor3 .block .list .one .bot .add{display: flex;align-items: center;font-size: 14px;color: #999999;}
.index .floor3 .block .list .one .bot .add .icon{width: 16px;height: 16px;margin-right: 6px;}


.index .floor4{background: #fff;padding: 80px 0;}
.index .floor4 .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;font-family: 'siyuanheitiB';line-height: 52px;}
.index .floor4 .desc{font-size: 16px;color: #888;margin-top: 10px;text-align: center;}

.index .floor4 .container{margin-top: 40px;display: flex;}
.index .floor4 .one{margin-right: 10px;width: 188px;height: 500px;position: relative;transition: all 0.3s;border-radius: 10px;background: #381B1A;transition: all 0.3s;padding: 30px 20px;cursor: pointer;}
.index .floor4 .one:last-child{margin-right: 0;}
.index .floor4 .one .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.index .floor4 .one .bg img{height: 100%;object-fit: cover;}

.index .floor4 .one .big{width: 80px;height: 80px;margin: 0 auto;flex-shrink: 0;transition: all 0.3s;}
.index .floor4 .one .name{font-size: 24px;line-height: 1.5;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';margin-top: 30px;margin-bottom: 30px;text-align: center;transition: all 0.3s;}
.index .floor4 .one .content{display: none;}
.index .floor4 .one .content .line{display: flex;align-items: center;margin-bottom: 10px;font-size: 16px;line-height: 1.5;color: #fff;}
.index .floor4 .one .content .line .icon{width: 24px;height: 24px;margin-right: 10px;}

.index .floor4 .one.active{width: 410px;background: #E40A00;display: flex;flex-direction: column;align-items: flex-start;}
.index .floor4 .one.active .big{margin: 0;}
.index .floor4 .one.active .content{display: block;}




.index .floor5{background: #FAF8F8;padding: 80px 0;}
.index .floor5 .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;font-family: 'siyuanheitiB';line-height: 52px;}
.index .floor5 .desc{font-size: 16px;color: #888;margin-top: 10px;text-align: center;}

.index .floor5 .swiper{position: relative;width: 1370px;margin: 60px auto 0;}
.index .floor5 .swiper-container{width: 1170px;margin: 0 auto;}

.index .floor5 .swiper .swiper-slider{width: 360px;margin-right: 45px;}
.index .floor5 .swiper .one{width: 360px;padding-top: 40px;}
.index .floor5 .swiper .one .box{height: 250px;width: 100%;background: #fff;border-radius: 20px;}
.index .floor5 .swiper .one .box .head{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;border: 4px solid rgba(228, 10, 0, 0.1);position: relative;top: -40px;}

.index .floor5 .swiper .one .box .type{height: 20px;margin-top: -44px;position: relative;display: flex;align-items: center;justify-content: center;}
.index .floor5 .swiper .one .box .type .bg{position: absolute;height: 100%;margin: auto;left: 0;right: 0;z-index: 1;}
.index .floor5 .swiper .one .box .type .icon{width: 12px;height: 12px;margin-right: 4px;position: relative;z-index: 2;margin-left: -12px;}
.index .floor5 .swiper .one .box .type .text{font-size: 12px;color: #fff;position: relative;z-index: 2;}

.index .floor5 .swiper .one .box .name{margin-top: 20px;font-size: 24px;color: #333;line-height: 1.5;text-align: center;}
.index .floor5 .swiper .one .box .desc{margin-top: 10px;font-size: 14px;color: #999;line-height: 1.5;text-align: center;}

.index .floor5 .swiper .one .box .btn{width: 126px;height: 35px;border-radius: 35px;display: flex;align-items: center;justify-content: center;background: #E40A00;font-size: 16px;color: #fff;margin: 20px auto;position: relative;}
.index .floor5 .swiper .one .box .btn .icon{width: 20px;height: 20px;margin-right: 6px;}

.index .floor5 .swiper .one .box .btn .hover{position: absolute;bottom: 50px;transition: all 0.3s;opacity: 0;visibility: hidden;padding-bottom: 20px;z-index: 1111;}
.index .floor5 .swiper .one .box .btn .codeBox{width: 300px;height: 120px;display: flex;align-items: center;padding: 10px;border-radius: 10px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);background: #fff;}
.index .floor5 .swiper .one .box .btn .codeBox .code{width: 100px;height: 100px;border-radius: 10px;margin-right: 15px;}
.index .floor5 .swiper .one .box .btn .codeBox .text{font-size: 14px;color: #888;line-height: 1.5;}
.index .floor5 .swiper .one .box .btn .codeBox .text span{color: #333;font-size: 18px;font-weight: bold;font-family: 'siyuanheitiB';}

.index .floor5 .swiper .one .box .btn:hover .hover{opacity: 1;visibility: visible;bottom: 30px;}


.index .floor5 .swiper .next{width: 50px;height: 50px;top: 0;bottom: 0;position: absolute;right: 0;margin: auto;background: rgba(228, 10, 0, 0.06);border-radius: 50%;transition: all 0.3s;cursor: pointer;}
.index .floor5 .swiper .next img{transition: all 0.3s;width: 30px;height: 30px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.index .floor5 .swiper .next .nor{opacity: 1;z-index: 111;}
.index .floor5 .swiper .next .hov{opacity: 0;z-index: 11;}
.index .floor5 .swiper .next:hover .nor{opacity: 0;z-index: 11;}
.index .floor5 .swiper .next:hover .hov{opacity: 1;z-index: 111;}


.index .floor5 .swiper .prev{width: 50px;height: 50px;top: 0;bottom: 0;position: absolute;left: 0;margin: auto;background: rgba(228, 10, 0, 0.06);border-radius: 50%;transition: all 0.3s;cursor: pointer;}
.index .floor5 .swiper .prev img{transition: all 0.3s;width: 30px;height: 30px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.index .floor5 .swiper .prev .nor{opacity: 1;z-index: 111;}
.index .floor5 .swiper .prev .hov{opacity: 0;z-index: 11;}
.index .floor5 .swiper .prev:hover .nor{opacity: 0;z-index: 11;}
.index .floor5 .swiper .prev:hover .hov{opacity: 1;z-index: 111;}



.index .floor6{background: #fff;position: relative;}
.index .floor6 .bg{width: 100%;position: relative;z-index: 1;height: 810px;}
.index .floor6 .bg img{height: 100%;object-fit: cover;}

.index .floor6 .block{padding: 80px 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 111;}

.index .floor6 .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;font-family: 'siyuanheitiB';line-height: 52px;}
.index .floor6 .type{display: flex;align-items: center;margin-top: 40px;justify-content: center;}
.index .floor6 .type .one{padding: 0 30px;font-size: 16px;color: #381B1A;height: 35px;border-radius: 35px;margin: 0 10px;background: #FAF8F8;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}
.index .floor6 .type .one:hover{background: #E40A00;color: #fff;}

.index .floor6 .list{display: flex;align-items: center;margin-top: 30px;}
.index .floor6 .list .one{width: 446px;height: 500px;margin-right: 30px;background: #FAF8F8;border-bottom: 2px solid #7B3633;}
.index .floor6 .list .one:last-child{margin-right: 0;}
.index .floor6 .list .one .img{width: 100%;height: 300px;}
.index .floor6 .list .one .img img{width: 100%;height: 100%;object-fit: cover;}
.index .floor6 .list .one:hover .img img{transform: scale(1.1)}
.index .floor6 .list .one .textBox{padding: 30px;}
.index .floor6 .list .one .time{position: relative;padding-left: 15px;font-size: 16px;color: #7B3633;margin-bottom: 16px;line-height: 20px;}
.index .floor6 .list .one .time::before{position: absolute;top: 0;bottom: 0;left: 0;width: 3px;height: 20px;background: #D8BEBD;content: "";margin: auto;}
.index .floor6 .list .one .name{font-size: 24px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
.index .floor6 .list .one .desc{font-size: 14px;color: #888;line-height: 2;}




.member{background: #201F24;}
.member .company{height: 90px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.member .company .container{display: flex;align-items: center;height: 100%;}
.member .company .title{display: flex;align-items: center;font-size: 18px;color: #fff;}
.member .company .title .icon{width: 30px;height: 30px;margin-right: 10px;}
.member .company .one{margin-left: 20px;padding: 0 5px;font-size: 18px;color: #fff;}


.member .block{position: relative;}
.member .block .container{position: absolute;top: 0;bottom: 0;margin: auto;display: flex;align-items: center;justify-content: flex-end;left: 0;right: 0;}
.member .block .box{background: #fff;border-radius: 10px;}

.member .block .box{display: none;}
.member .block .box1{display: block;}

.member .block .box .type{padding: 20px 30px 0;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;}
.member .block .box .type .one{font-size: 16px;color: #888;padding-bottom: 10px;border-bottom: 2px solid transparent;transition: all 0.3s;cursor: pointer;}
.member .block .box .type .one:hover{color: #E40A00;}
.member .block .box .type .one.active{color: #E40A00;border-color: #E40A00;cursor: auto;}

.member .block .box .form{padding: 30px;}
.member .block .box .form .line{margin-bottom: 15px;display: flex;height: 40px;width: 340px;border: 1px solid #EEEEEE;border-radius: 10px;align-items: center;}
.member .block .box .form .line .icon{width: 24px;height: 24px;margin: 0 8px 0 10px;}
.member .block .box .form .line .input{flex: 1;display: flex;width: 0;height: 100%;}
.member .block .box .form .line .input input{flex: 1;width: 0;font-size: 16px;color: #333;}
.member .block .box .form .line .input .code{width: 100px;height: 100%;border-radius: 10px;background: #EEEEEE;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #888;margin-left: 10px;flex-shrink: 0;cursor: pointer;}

.member .block .box .form .less{display: flex;align-items: center;justify-content: flex-end;}
.member .block .box .form .less .tip{font-size: 14px;color: #999;transition: all 0.3s;}
.member .block .box .form .less .tip:hover{color: #E40A00;}

.member .block .box .form .btn{width: 100%;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.member .block .box .form .btn.submit{margin: 30px 0 10px;color: #fff;background: #E40A00;}
.member .block .box .form .btn.register{color: #888888;background: #eee;}

.member .block .box .form .miniCode{width: 150px;height: 150px;margin: 0 auto;}
.member .block .box .form .text{font-size: 14px;color: #888;width: 340px;height: 40px;display: flex;align-items: center;justify-content: center;margin-top: 10px;}

.member .block .box .form .checkBox{display: flex;align-items: center;cursor: pointer;width: 340px;}
.member .block .box .form .checkBox .text{line-height: 1.5;margin: 0;display: block;}
.member .block .box .form .checkBox .text a{color: #888;}
.member .block .box .form .checkBox .check{width: 32px;position: relative;}
.member .block .box .form .checkBox .check::before{position: absolute;width: 14px;height: 14px;border: 2px solid #E40A00;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.member .block .box .form .checkBox .check::after{position: absolute;width: 10px;height: 10px;background: #E40A00;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s;opacity: 0;}
.member .block .box .form .checkBox.active .check::after{opacity: 1;}



.newsCenter .container{padding: 50px 0 60px;}
.newsCenter .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;font-family: 'siyuanheitiB';line-height: 52px;}
.newsCenter .desc{font-size: 16px;color: #888;text-align: center;line-height: 1.5;margin: 10px 0 30px;}

.newsCenter .type{display: flex;align-items: center;justify-content: center;}
.newsCenter .type .one{padding: 0 30px;font-size: 16px;color: #381B1A;height: 35px;border-radius: 35px;margin: 0 10px;background: #FAF8F8;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}
.newsCenter .type .one:hover{background: #E40A00;color: #fff;}

.newsCenter .list{display: flex;align-items: center;margin-top: 40px;flex-wrap: wrap;margin-bottom: 5px;}
.newsCenter .list .one{width: 446px;height: 500px;margin-right: 30px;background: #FAF8F8;border-bottom: 2px solid #7B3633;margin-bottom: 35px;}
.newsCenter .list .one:nth-child(3n){margin-right: 0;}
.newsCenter .list .one .img{width: 100%;height: 300px;}
/* .newsCenter .list .one .img img{object-fit: cover;} */
.newsCenter .list .one:hover .img img{transform: scale(1.1);}
.newsCenter .list .one .textBox{padding: 30px;}
.newsCenter .list .one .time{position: relative;padding-left: 15px;font-size: 16px;color: #7B3633;margin-bottom: 16px;line-height: 20px;}
.newsCenter .list .one .time::before{position: absolute;top: 0;bottom: 0;left: 0;width: 3px;height: 20px;background: #D8BEBD;content: "";margin: auto;}
.newsCenter .list .one .name{font-size: 24px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
.newsCenter .list .one .desc{font-size: 14px;color: #888;line-height: 1.9;text-align: left;margin: 0;}



.pageList{display: flex;align-items: center;justify-content: center;}
.pageList .one{height: 30px;min-width: 30px;display: flex;align-items: center;justify-content: center;padding: 0 10px;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #888;margin: 0 5px;cursor: pointer;transition: all 0.3s;background: #fff;}
.pageList .one:hover{color: #fff;background: #E40A00;border-color: #E40A00;}
.pageList .one.active{color: #fff;background: #E40A00;border-color: #E40A00;}

.pageList .point{background: #fff;height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #888;margin: 0 5px;}

.pageList .first{background: #fff;height: 30px;width: 48px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #888;margin: 0 5px;cursor: pointer;transition: all 0.3s;}
.pageList .first:hover{color: #fff;background: #E40A00;border-color: #E40A00;}

.pageList .last{background: #fff;height: 30px;width: 48px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #888;margin: 0 5px;cursor: pointer;transition: all 0.3s;}
.pageList .last:hover{color: #fff;background: #E40A00;border-color: #E40A00;}

.pageList .prev{background: #fff;height: 30px;width: 62px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #888;margin: 0 5px;cursor: pointer;transition: all 0.3s;}
.pageList .prev:hover{color: #fff;background: #E40A00;border-color: #E40A00;}

.pageList .next{background: #fff;height: 30px;width: 62px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #888;margin: 0 5px;cursor: pointer;transition: all 0.3s;}
.pageList .next:hover{color: #fff;background: #E40A00;border-color: #E40A00;}

.pageList .btn{background: #fff;height: 30px;width: 48px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #888;margin: 0 5px;cursor: pointer;transition: all 0.3s;}
.pageList .btn:hover{color: #fff;background: #E40A00;border-color: #E40A00;}

.pageList .inputBox{display: flex;align-items: center;font-size: 16px;color: #333;margin: 0 5px;}
.pageList .inputBox input{background: #fff;height: 30px;width: 48px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid #EEEEEE;font-size: 14px;color: #333;margin: 0 5px;text-align: center;padding: 0 5px;}



.newsCenterDetail{background: #FAF8F8;padding-bottom: 60px;}
.newsCenterDetail .bread{height: 60px;display: flex;align-items: center;font-size: 14px;color: #888;}
.newsCenterDetail .bread span{margin-right: 5px;}

.newsCenterDetail .block{display: flex;align-items: flex-start;}
.newsCenterDetail .contentBox{width: 1070px;border-radius: 10px;background: #fff;padding: 40px 40px 50px;margin-right: 30px;flex-shrink: 0;}
.newsCenterDetail .contentBox .title{width: 890px;text-align: center;margin: 0 auto;font-size: 24px;line-height: 1.5;color: #3d3d3d;font-weight: bold;font-family: 'siyuanheitiB';}
.newsCenterDetail .contentBox .time{margin: 10px auto 20px;text-align: center;font-size: 14px;line-height: 24px;color: #999;}
.newsCenterDetail .contentBox .content{font-size: 16px;line-height: 1.5;color: #3d3d3d;}
.newsCenterDetail .contentBox .content *{font-size: 16px;line-height: 1.5;color: #3d3d3d;}

.newsCenterDetail .right{width: 0;flex: 1;background: #fff;border-radius: 10px;}
.newsCenterDetail .right .title{height: 54px;padding: 15px 0 10px 30px;position: relative;font-size: 20px;color: #3d3d3d;font-weight: bold;font-family: 'siyuanheitiB';border-bottom: 1px solid #eee;}
.newsCenterDetail .right .title::before{position: absolute;top: 15px;left: 20px;width: 4px;height: 20px;border-radius: 2px;background: #E40A00;content: "";}
.newsCenterDetail .right .list{padding: 20px;}
.newsCenterDetail .right .list .one{width: 100%;position: relative;margin-bottom: 20px;display: block;}
.newsCenterDetail .right .list .one .img{width: 100%;}
.newsCenterDetail .right .list .one .hot{min-width: 40px;min-height: 20px;display: flex;align-items: center;top: 0;left: 0;position: absolute;font-size: 12px;color: #fff;z-index: 111;background: #E40A00;border-bottom-right-radius: 10px;padding: 4px;}
.newsCenterDetail .right .list .one .hot .icon{width: 14px;height: 14px;margin-right: 2px;}
.newsCenterDetail .right .list .one:last-child{margin-bottom: 0;}
.newsCenterDetail .right .list .one .name{font-size: 16px;color: #3d3d3d;margin: 15px 0 5px;line-height: 1.5;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsCenterDetail .right .list .one .desc{font-size: 14px;color: #888;line-height: 1.5;}



.buyPage{background: #FAF8F8;padding-bottom: 60px;}
.buyPage .bread{height: 60px;display: flex;align-items: center;font-size: 14px;color: #888;}
.buyPage .bread span{margin-right: 5px;}

.buyPage .screenBox{background: #fff;padding: 30px 20px;border-radius: 10px;}
.buyPage .screenBox .line{display: flex;margin-bottom: 20px;}
.buyPage .screenBox .line:last-child{margin-bottom: 0;}
.buyPage .screenBox .line .name{font-size: 16px;color: #3D3D3D;width: 90px;margin-right: 10px;height: 33px;display: flex;align-items: center;flex-shrink: 0;}
.buyPage .screenBox .line .box{margin-top: -5px;flex: 1;width: 0;display: flex;flex-wrap: wrap;margin-left: -5px;}
.buyPage .screenBox .line .box .one{width: auto;padding: 0 16px;display: flex;align-items: center;margin-left: 5px;margin-top: 5px;border-radius: 33px;height: 33px;color: #888888;font-size: 16px;transition: all 0.3s;border: 1px solid transparent;cursor: pointer;}
.buyPage .screenBox .line .box .one:hover{color: #E40A00;}
.buyPage .screenBox .line .box .one.active{color: #E40A00;border-color: #E40A00;}

.buyPage .sortBox{background: #fff;padding: 0 20px;border-radius: 10px;height: 50px;display: flex;align-items: center;margin-top: 20px;}
.buyPage .sortBox .one{font-size: 16px;color: #888;margin-right: 40px;transition: all 0.3s;cursor: pointer;}
.buyPage .sortBox .one:hover,.buyPage .sortBox .one.active{color: #3D3D3D;}

.buyPage .listBox{margin-top: 20px;}
.buyPage .listBox .one{margin-bottom: 20px;display: flex;justify-content: space-between;padding: 25px;background: #fff;border-radius: 10px;}
.buyPage .listBox .one .textBox{width: 1120px;}
.buyPage .listBox .one .textBox .title{display: flex;align-items: center;font-size: 24px;line-height: 40px;font-weight: bold;font-family: 'siyuanheitiB';color: #333333;}
.buyPage .listBox .one .textBox .title .tip{min-width: 48px;height: 30px;background: #E40A00;border-radius: 10px;display: flex;align-items: center;font-size: 14px;color: #fff;font-weight: normal;padding: 0 10px;text-align: center;margin-right: 10px;}
.buyPage .listBox .one .textBox .title span:last-child{margin-left: 10px;flex-shrink: 0;white-space: nowrap;}

.buyPage .listBox .one .textBox .type{margin-top: 5px;display: flex;flex-wrap: wrap;padding-bottom: 20px;border-bottom: 1px dashed #D8D8D8;margin-bottom: 20px;}
.buyPage .listBox .one .textBox .type .t{font-size: 16px;color: #888;margin-right: 50px;margin-top: 5px;line-height: 1.5;}

.buyPage .listBox .one .textBox .desc{font-size: 16px;color: #888;line-height: 1.5;}

.buyPage .listBox .one .box{padding: 15px 0;width: 166px;}
.buyPage .listBox .one .box .head{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;border: 4px solid rgba(228, 10, 0, 0.1);}

.buyPage .listBox .one .box .type{height: 20px;margin-top: -4px;position: relative;display: flex;align-items: center;justify-content: center;}
.buyPage .listBox .one .box .type .bg{position: absolute;height: 100%;margin: auto;left: 0;right: 0;z-index: 1;}
.buyPage .listBox .one .box .type .icon{width: 12px;height: 12px;margin-right: 4px;position: relative;z-index: 2;margin-left: -12px;}
.buyPage .listBox .one .box .type .text{font-size: 12px;color: #fff;position: relative;z-index: 2;}

.buyPage .listBox .one .box .btn{width: 126px;height: 35px;border-radius: 35px;display: flex;align-items: center;justify-content: center;background: #E40A00;font-size: 16px;color: #fff;margin: 15px auto 0;position: relative;}
.buyPage .listBox .one .box .btn .icon{width: 20px;height: 20px;margin-right: 6px;}

.buyPage .listBox .one .box .btn .hover{position: absolute;left: -350px;transition: all 0.3s;opacity: 0;visibility: hidden;padding-right: 20px;}
.buyPage .listBox .one .box .btn .codeBox{width: 300px;height: 120px;display: flex;align-items: center;padding: 10px;border-radius: 10px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);background: #fff;}
.buyPage .listBox .one .box .btn .codeBox .code{width: 100px;height: 100px;border-radius: 10px;margin-right: 15px;}
.buyPage .listBox .one .box .btn .codeBox .text{font-size: 14px;color: #888;line-height: 1.5;}
.buyPage .listBox .one .box .btn .codeBox .text span{color: #333;font-size: 18px;font-weight: bold;font-family: 'siyuanheitiB';}

.buyPage .listBox .one .box .btn:hover .hover{opacity: 1;visibility: visible;left: -320px;}



.buyDetail{background: #FAF8F8;padding-bottom: 60px;}
.buyDetail .bread{height: 60px;display: flex;align-items: center;font-size: 14px;color: #888;}
.buyDetail .bread span{margin-right: 5px;}

.buyDetail .topBox{display: flex;justify-content: space-between;}
.buyDetail .topBox .detailBox{width: 1060px;padding: 30px;background: #fff;border-radius: 10px;margin-right: 20px;flex-shrink: 0;}
.buyDetail .topBox .detailBox .title{font-size: 24px;line-height: 1.5;color: #333;font-weight: bold;font-family: 'siyuanheitiB';width: 100%;}
.buyDetail .topBox .detailBox .type{margin-top: 20px;display: flex;flex-wrap: wrap;width: 100%;}
.buyDetail .topBox .detailBox .type .t{margin-right: 50px;font-size: 16px;color: #888888;line-height: 2;}
.buyDetail .topBox .detailBox .type .t span{color: #3d3d3d;margin-left: 5px;}

.buyDetail .topBox .detailBox .priceBox{margin-top: 20px;padding-top: 30px;border-top: 1px dashed #d8d8d8;display: flex;align-items: center;justify-content: space-between;}
.buyDetail .topBox .detailBox .priceBox .number{display: flex;align-items: flex-end;font-size: 16px;color: #888;}
.buyDetail .topBox .detailBox .priceBox .number span{color: #E40A00;margin-left: 5px;font-weight: bold;font-family: 'siyuanheitiB';}
.buyDetail .topBox .detailBox .priceBox .number .price span{font-size: 36px;}
.buyDetail .topBox .detailBox .priceBox .number .check{margin-left: 50px;}

.buyDetail .topBox .detailBox .priceBox .btn{width: 144px;height: 44px;background: #E40A00;color: #fff;border-radius: 44px;display: flex;align-items: center;justify-content: center;font-size: 16px;}



.buyDetail .topBox .salesBox{width: 0;flex: 1;background: #fff;padding: 55px 25px 0;border-radius: 10px;position: relative;overflow: hidden;}
.buyDetail .topBox .salesBox .title{height: 35px;display: flex;align-items: center;padding: 0 20px;border-bottom-right-radius: 10px;background: #E40A00;font-size: 16px;color: #fff;position: absolute;top: 0;left: 0;}

.buyDetail .topBox .salesBox .one{display: flex;padding-bottom: 15px;border-bottom: 1px dashed #d8d8d8;margin-bottom: 15px;position: relative;}
.buyDetail .topBox .salesBox .one:last-child{margin-bottom: 0;}

.buyDetail .topBox .salesBox .head{width: 80px;height: 80px;border-radius: 50%;border: 4px solid rgba(228, 10, 0, 0.1);flex-shrink: 0;margin-right: 20px;}

.buyDetail .topBox .salesBox .textBox{flex: 1;width: 0;display: flex;flex-direction: column;}
.buyDetail .topBox .salesBox .textBox .nameBox{display: flex;align-items: center;}
.buyDetail .topBox .salesBox .textBox .nameBox .name{font-size: 20px;color: #3D3D3D;}

.buyDetail .topBox .salesBox .type{height: 20px;position: relative;display: flex;align-items: center;justify-content: center;margin-left: 5px;}
.buyDetail .topBox .salesBox .type .bg{height: 100%;margin: auto;left: 0;right: 0;z-index: 1;}

.buyDetail .topBox .salesBox .type .flex{position: absolute;left: 10px;height: 100%;top: 0;align-items: center;}
.buyDetail .topBox .salesBox .type .icon{width: 12px;height: 12px;margin-right: 4px;position: relative;z-index: 2;}
.buyDetail .topBox .salesBox .type .text{font-size: 12px;color: #fff;position: relative;z-index: 2;}

.buyDetail .topBox .salesBox .btn{display: flex;align-items: center;justify-content: center;width: 110px;height: 30px;border: 1px solid #E40A00;background: #fff;font-size: 14px;color: #E40A00;border-radius: 30px;}
.buyDetail .topBox .salesBox .btn .icon{width: 20px;height: 20px;margin-right: 6px;}

.buyDetail .topBox .salesBox .btn .hover{position: absolute;bottom: 0;transition: all 0.3s;opacity: 0;visibility: hidden;padding-bottom: 0;z-index: 1111;right: 10px;}
.buyDetail .topBox .salesBox .btn .codeBox{width: 27;height: 80px;display: flex;align-items: center;padding: 10px;border-radius: 10px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);background: #fff;}
.buyDetail .topBox .salesBox .btn .codeBox .code{width: 60px;height: 60px;border-radius: 10px;margin-right: 10px;}
.buyDetail .topBox .salesBox .btn .codeBox .text{font-size: 14px;color: #888;line-height: 1.5;}
.buyDetail .topBox .salesBox .btn .codeBox .text span{color: #333;font-size: 18px;font-weight: bold;font-family: 'siyuanheitiB';}

.buyDetail .topBox .salesBox .btn:hover .hover{opacity: 1;visibility: visible;bottom: 10px;}



.buyDetail .topBox .salesBox .desc{font-size: 14px;line-height: 1.5;margin: 5px 0;color: #999999;}

.buyDetail .topBox .salesBox .swiper .point{margin-top: 15px;display: flex;align-items: center;justify-content: center;}
.buyDetail .topBox .salesBox .swiper .point .swiper-pagination-bullet{width: 10px;height: 10px;background: #D8D8D8;border-radius: 50%;margin: 0 5px;opacity: 1;transition: all 0.3s;}
.buyDetail .topBox .salesBox .swiper .point .swiper-pagination-bullet-active{background: #E40A00;}


.buyDetail .contentBox{margin-top: 20px;background: #fff;border-radius: 10px;position: relative;overflow: hidden;padding-top: 60px;padding-bottom: 10px;}
.buyDetail .contentBox .title{height: 50px;display: flex;align-items: center;padding: 0 30px;border-bottom-right-radius: 30px;background: #E40A00;font-size: 20px;color: #fff;position: absolute;top: 0;left: 0;font-weight: bold;font-family: 'siyuanheitiB';}
.buyDetail .contentBox .content{padding: 20px 30px;font-size: 16px;color: #3D3D3D;line-height: 1.5;margin-bottom: 10px;}

.buyDetail .contentBox .swiper{padding: 0 30px;}
.buyDetail .contentBox .swiper .swiper-slide{width: 320px;height: 300px;margin-right: 20px;}
.buyDetail .contentBox .swiper .one{width: 320px;height: 300px;border-radius: 10px;cursor: pointer;}
.buyDetail .contentBox .swiper .one .img{width: 100%;height: 100%;}
.buyDetail .contentBox .swiper .one .img img{object-fit: cover;}

.buyDetail .contentBox .swiper .point{margin-top: 10px;display: flex;align-items: center;justify-content: center;height: 50px;}
.buyDetail .contentBox .swiper .point .swiper-pagination-bullet{width: 12px;height: 12px;background: #D8D8D8;border-radius: 50%;margin: 0 5px;opacity: 1;transition: all 0.3s;}
.buyDetail .contentBox .swiper .point .swiper-pagination-bullet-active{background: #E40A00;}


.buyDetail .stepBox{margin-top: 20px;background: #fff;border-radius: 10px;position: relative;overflow: hidden;padding: 60px 30px 50px;display: flex;justify-content: space-between;}
.buyDetail .stepBox .title{height: 50px;display: flex;align-items: center;padding: 0 30px;border-bottom-right-radius: 30px;background: #E40A00;font-size: 20px;color: #fff;position: absolute;top: 0;left: 0;font-weight: bold;font-family: 'siyuanheitiB';}

.buyDetail .stepBox .one{width: 200px;padding: 10px 0;display: flex;flex-direction: column;align-items: center;}
.buyDetail .stepBox .one .img{width: 104px;height: 104px;margin-bottom: 15px;}
.buyDetail .stepBox .one .name{font-size: 20px;line-height: 1.5;color: #333;margin-bottom: 5px;}
.buyDetail .stepBox .one .desc{font-size: 14px;line-height: 1.5;color: #999;}

.buyDetail .stepBox .right{width: 24px;height: 124px;display: flex;align-items: center;}
.buyDetail .stepBox .right .img{width: 24px;height: 24px;}



.buyDetail .questionBox{margin-top: 20px;background: #fff;border-radius: 10px;position: relative;overflow: hidden;padding: 60px 0 20px;display: flex;justify-content: space-between;}
.buyDetail .questionBox .title{height: 50px;display: flex;align-items: center;padding: 0 30px;border-bottom-right-radius: 30px;background: #E40A00;font-size: 20px;color: #fff;position: absolute;top: 0;left: 0;font-weight: bold;font-family: 'siyuanheitiB';}

.buyDetail .questionBox .swiper{padding: 20px 30px 0;width: 100%;}
.buyDetail .questionBox .swiper-container{width: 100%;}
.buyDetail .questionBox .swiper .swiper-slide{width: 430px;margin-right: 25px;}
.buyDetail .questionBox .swiper .one{border-radius: 10px;border: 1px dashed #DDDDDD;padding: 25px;}
.buyDetail .questionBox .swiper .one .question{display: flex;padding: 5px 0;margin-bottom: 5px;}
.buyDetail .questionBox .swiper .one .question .img{width: 24px;height: 24px;margin-right: 6px;flex-shrink: 0;}
.buyDetail .questionBox .swiper .one .question .text{font-size: 16px;color: #3d3d3d;line-height: 1.5;font-weight: bold;font-family: 'siyuanheitiB';text-align: justify;}

.buyDetail .questionBox .swiper .one .answer{display: flex;}
.buyDetail .questionBox .swiper .one .answer .img{width: 24px;height: 24px;margin-right: 6px;flex-shrink: 0;}
.buyDetail .questionBox .swiper .one .answer .text{font-size: 14px;color: #888;line-height: 1.5;text-align: justify;}



.buyDetail .questionBox .swiper .point{margin-top: 10px;display: flex;align-items: center;justify-content: center;height: 50px;}
.buyDetail .questionBox .swiper .point .swiper-pagination-bullet{width: 12px;height: 12px;background: #D8D8D8;border-radius: 50%;margin: 0 5px;opacity: 1;transition: all 0.3s;}
.buyDetail .questionBox .swiper .point .swiper-pagination-bullet-active{background: #E40A00;}


.buyDetail .listBox{padding-top: 20px;margin-top: 20px;}
.buyDetail .listBox .title{font-size: 24px;color: #3d3d3d;text-align: center;}
.buyDetail .listBox .list{display: flex;flex-wrap: wrap;}
.buyDetail .listBox .list .one{width: 335px;margin-right: 20px;padding: 20px;border-radius: 10px;background: #fff;display: flex;flex-direction: column;justify-content: space-between;height: 204px;margin-top: 20px;}
.buyDetail .listBox .list .one:nth-child(4n){margin-right: 0;}
.buyDetail .listBox .list .one .name{font-size: 16px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;}
.buyDetail .listBox .list .one .type{display: flex;margin: 10px 0;flex: 1;border-bottom: 1px dashed #ddd;}
.buyDetail .listBox .list .one .type .t{margin-right: 35px;}
.buyDetail .listBox .list .one .type .t:last-child{margin-right: 0;}
.buyDetail .listBox .list .one .type .tip{font-size: 14px;line-height: 1.5;color: #999;}
.buyDetail .listBox .list .one .type .desc{font-size: 14px;line-height: 1.5;color: #333;}
.buyDetail .listBox .list .one .price{display: flex;align-items: center;justify-content: space-between;}
.buyDetail .listBox .list .one .price .num{font-size: 20px;color: #E40A00;font-weight: bold;font-family: 'siyuanheitiB';}
.buyDetail .listBox .list .one .price .btn{height: 34px;font-size: 14px;padding: 0 20px;border-radius: 34px;color: #E40A00;border: 1px solid #E40A00;display: flex;align-items: center;justify-content: center;}
.buyDetail .listBox .list .one:hover .price .btn{color: #fff;background: #E40A00;}




.buyPay{background: #FAF8F8;padding-bottom: 60px;}
.buyPay .bread{height: 60px;display: flex;align-items: center;font-size: 14px;color: #888;}
.buyPay .bread span{margin-right: 5px;}

.buyPay .payBlock{background: #fff;padding: 50px;border-radius: 10px;}
.buyPay .payBlock .block{border: 1px solid #ddd;border-radius: 10px;overflow: hidden;}
.buyPay .payBlock .title{padding: 20px;display: flex;align-items: center;justify-content: space-between;background: #E40A00;}
.buyPay .payBlock .title .code{font-size: 18px;color: #fff;line-height: 1.5;}
.buyPay .payBlock .title .price{font-size: 18px;color: #fff;line-height: 1.5;}

.buyPay .payBlock .box{padding: 20px;border-bottom: 1px solid #ddd;}
.buyPay .payBlock .box .name{font-size: 16px;line-height: 1.5;color: #3d3d3d;font-weight: bold;font-family: 'siyuanheitiB';}
.buyPay .payBlock .box .code{font-size: 16px;line-height: 1.5;color: #888;margin-top: 10px;}

.buyPay .payBlock .priceBox{margin-top: 20px;}
.buyPay .payBlock .priceBox .text{text-align: right;font-size: 16px;color: #3d3d3d;line-height: 1.5;}

.buyPay .payBlock .typeBox{padding: 20px;border-bottom: 1px solid #ddd;display: flex;align-items: center;}
.buyPay .payBlock .typeBox .text{font-size: 16px;color: #3D3D3D;margin-right: 20px;}

.buyPay .payBlock .typeBox .checkBox{display: flex;align-items: center;}
.buyPay .payBlock .typeBox .checkBox .one{display: flex;align-items: center;cursor: pointer;}
.buyPay .payBlock .typeBox .checkBox .one .text{line-height: 1.5;margin: 0;color: #E40A00;}
.buyPay .payBlock .typeBox .checkBox .one .check{width: 22px;position: relative;margin-right: 8px;}
.buyPay .payBlock .typeBox .checkBox .one .check::before{position: absolute;width: 18px;height: 18px;border: 2px solid #E40A00;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.buyPay .payBlock .typeBox .checkBox .one .check::after{position: absolute;width: 12px;height: 12px;background: #E40A00;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s;opacity: 0;}
.buyPay .payBlock .typeBox .checkBox .one.active .check::after{opacity: 1;}


.buyPay .payBlock .payBox{padding: 40px 20px;display: flex;align-items: center;}
.buyPay .payBlock .payBox .text{font-size: 16px;color: #3D3D3D;margin-right: 20px;}

.buyPay .payBlock .payBox .checkBox{display: flex;align-items: center;}
.buyPay .payBlock .payBox .checkBox .one{display: flex;align-items: center;cursor: pointer;width: 196px;height: 80px;margin-right: 20px;border: 1px dashed #ccc;padding: 0 20px;justify-content: space-between;border-radius: 10px;transition: all 0.3s;}
.buyPay .payBlock .payBox .checkBox .one .text{line-height: 1.5;margin: 0;color: #999;display: flex;align-items: center;}
.buyPay .payBlock .payBox .checkBox .one .check{width: 22px;position: relative;margin-right: 8px;}
.buyPay .payBlock .payBox .checkBox .one .check::before{position: absolute;width: 18px;height: 18px;border: 2px solid #999;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s;}
.buyPay .payBlock .payBox .checkBox .one .check::after{position: absolute;width: 12px;height: 12px;background: #999;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s;opacity: 0;}
.buyPay .payBlock .payBox .checkBox .one.active .check::before{border-color: #E40A00;}
.buyPay .payBlock .payBox .checkBox .one.active .check::after{opacity: 1;background: #E40A00;}
.buyPay .payBlock .payBox .checkBox .one.active .check{color: #E40A00;}
.buyPay .payBlock .payBox .checkBox .one.active{border-color: #E40A00;background: #FAF8F8;}
.buyPay .payBlock .payBox .checkBox .one:hover{border-color: #E40A00;background: #FAF8F8;}

.buyPay .payBlock .payBox .checkBox .one .img{width: 40px;height: 40px;}


.buyPay .toPay{display: flex;align-items: center;justify-content: flex-end;padding: 40px 20px 20px;}
.buyPay .toPay .btn{width: 144px;height: 44px;border-radius: 44px;background: #E40A00;color: #fff;font-size: 16px;margin-left: 30px;}
.buyPay .toPay .price{display: flex;align-items: flex-end;font-size: 16px;color: #888;}
.buyPay .toPay .price span{font-size: 24px;color: #E40A00;font-weight: bold;font-family: 'siyuanheitiB';}




.sellPage{background: #FAF8F8;padding-bottom: 40px;}
.sellPage .bread{height: 60px;display: flex;align-items: center;font-size: 14px;color: #888;}
.sellPage .bread span{margin-right: 5px;}

.sellPage .block{background: #fff;border-radius: 10px;padding: 50px;display: flex;flex-direction: column;align-items: center;}
.sellPage .block .title{font-size: 24px;color: #333;line-height: 30px;margin-bottom: 30px;font-weight: bold;font-family: 'siyuanheitiB';}

.sellPage .block .line{margin-bottom: 30px;width: 600px;}
.sellPage .block .line .name{font-size: 16px;line-height: 1.5;color: #1a1a1a;margin-bottom: 15px;}
.sellPage .block .line .input{width: 100%;height: 43px;border: 1px solid #BFBFBF;border-radius: 8px;}
.sellPage .block .line .input input{width: 100%;height: 100%;padding: 0 10px;font-size: 16px;color: #767676;}

.sellPage .block .line .checkBox{display: flex;flex-wrap: wrap;margin-top: -10px;}
.sellPage .block .line .checkBox .one{display: flex;align-items: center;margin-right: 40px;font-size: 16px;color: #999999;transition: all 0.3s;cursor: pointer;margin-top: 10px;}
.sellPage .block .line .checkBox .one .check{width: 24px;height: 24px;margin-right: 8px;position: relative;}
.sellPage .block .line .checkBox .one .check::before{position: absolute;width: 18px;height: 18px;border: 2px solid #999;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s;}
.sellPage .block .line .checkBox .one .check::after{position: absolute;width: 12px;height: 12px;background: #999;border-radius: 50%;content: "";top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.3s;opacity: 0;}
.sellPage .block .line .checkBox .one.active .check::before{border-color: #E40A00;}
.sellPage .block .line .checkBox .one.active .check::after{opacity: 1;background: #E40A00;}
.sellPage .block .line .checkBox .one.active .check{color: #E40A00;}
.sellPage .block .line .checkBox .one.active{color: #E40A00;}
.sellPage .block .line .checkBox .one:hover{color: #E40A00;}
.sellPage .block .line .checkBox .one:hover .check::before{border-color: #E40A00;}
.sellPage .block .line .checkBox .one:last-child{margin-right: 0;}

.sellPage .block .btnBox{display: flex;align-items: center;justify-content: center;padding-top: 20px;}
.sellPage .block .btnBox .btn{width: 164px;height: 46px;margin: 0 10px;font-size: 16px;border-radius: 46px;position: relative;}
.sellPage .block .btnBox .btn.submit{background: #E40A00;color: #fff;}
.sellPage .block .btnBox .btn.wx{background: rgba(228, 10, 0, 0.05);border: 1px solid #E40A00;color: #E40A00;}
.sellPage .block .btnBox .btn.wx .icon{width: 26px;margin-right: 8px;height: 26px;}

.sellPage .block .btnBox .btn .hover{position: absolute;bottom: 66px;transition: all 0.3s;opacity: 0;visibility: hidden;padding-bottom: 20px;z-index: 1111;}
.sellPage .block .btnBox .btn .codeBox{width: 300px;height: 120px;display: flex;align-items: center;padding: 10px;border-radius: 10px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);background: #fff;}
.sellPage .block .btnBox .btn .codeBox .code{width: 100px;height: 100px;border-radius: 10px;margin-right: 15px;}
.sellPage .block .btnBox .btn .codeBox .text{font-size: 14px;color: #888;line-height: 1.5;}
.sellPage .block .btnBox .btn .codeBox .text span{color: #333;font-size: 18px;font-weight: bold;font-family: 'siyuanheitiB';}

.sellPage .block .btnBox .btn:hover .hover{opacity: 1;visibility: visible;bottom: 46px;}


.sellPage .block .tip{margin-top: 30px;font-size: 16px;color: #888;line-height: 1.5;}



.tmallPage .company{height: 90px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: #201F24;}
.tmallPage .company .container{display: flex;align-items: center;height: 100%;}
.tmallPage .company .title{display: flex;align-items: center;font-size: 18px;color: #fff;}
.tmallPage .company .title .icon{width: 30px;height: 30px;margin-right: 10px;}
.tmallPage .company .one{margin-left: 20px;padding: 0 5px;font-size: 18px;color: #fff;}


.tmallPage .formBox{margin-top: -80px;height: 160px;z-index: 111;position: relative;}
.tmallPage .formBox .container{height: 100%;background: #fff;border-radius: 10px;padding: 30px 50px;display: flex;flex-direction: column;justify-content: space-between;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.tmallPage .formBox .title{font-size: 24px;color: #333;line-height: 1.5;font-weight: bold;font-family: 'siyuanheitiB';}

.tmallPage .formBox .form{display: flex;align-items: center;justify-content: space-between;}
.tmallPage .formBox .form .input{width: 540px;height: 44px;border: 1px solid #bfbfbf;border-radius: 8px;display: flex;align-items: center;padding: 0 10px;}
.tmallPage .formBox .form .input .icon{width: 24px;height: 24px;margin-right: 8px;}
.tmallPage .formBox .form .input input{flex: 1;width: 0;font-size: 16px;color: #333;height: 100%;}

.tmallPage .formBox .form .btn{width: 164px;height: 44px;background: #E40A00;font-size: 16px;color: #fff;border-radius: 44px;}


.tmallPage .cateBox{padding: 70px 0 80px;}
.tmallPage .cateBox .title{font-size: 36px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.tmallPage .cateBox .desc{font-size: 16px;color: #888;line-height: 1.5;margin-top: 10px;text-align: center;}

.tmallPage .cateBox .swiper{margin-top: 30px;}

.tmallPage .cateBox .swiper .list{display: flex;flex-wrap: wrap;}
.tmallPage .cateBox .swiper .list .one{width: 260px;margin-right: 25px;margin-bottom: 25px;border-radius: 10px;overflow: hidden;}
.tmallPage .cateBox .swiper .list .one:nth-child(5n){margin-right: 0;}
.tmallPage .cateBox .swiper .list .one .img{width: 260px;height: 260px;}
.tmallPage .cateBox .swiper .list .one .text{width: 100%;height: 75px;display: flex;align-items: center;justify-content: center;transition: all 0.3s;background: #fff;color: #3d3d3d;font-size: 24px;}
.tmallPage .cateBox .swiper .list .one:hover .text{color: #fff;background: #E40A00;}

.tmallPage .cateBox .swiper .point{margin-top: 5px;display: flex;align-items: center;justify-content: center;height: 50px;}
.tmallPage .cateBox .swiper .point .swiper-pagination-bullet{width: 10px;height: 10px;background: #D8D8D8;border-radius: 50%;margin: 0 5px;opacity: 1;transition: all 0.3s;}
.tmallPage .cateBox .swiper .point .swiper-pagination-bullet-active{background: #E40A00;}



.tmallPage .advantageBox{padding: 80px 0 100px;background: #FAF8F8;}
.tmallPage .advantageBox .title{font-size: 36px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.tmallPage .advantageBox .desc{font-size: 16px;color: #888;line-height: 1.5;margin-top: 10px;text-align: center;}

.tmallPage .advantageBox .list{margin-top: 30px;display: flex;align-items: center;justify-content: space-between;}
.tmallPage .advantageBox .list .one{width: 260px;padding: 60px 0;display: flex;flex-direction: column;align-items: center;background: #fff;border-radius: 10px;}
.tmallPage .advantageBox .list .one .img{width: 80px;height: 80px;}
.tmallPage .advantageBox .list .one .name{font-size: 24px;margin: 25px 0 10px;line-height: 30px;color: #333;}
.tmallPage .advantageBox .list .one .content{font-size: 16px;line-height: 1.5;color: #888888;text-align: center;}


.tmallPage .stepBox{position: relative;}
.tmallPage .stepBox .block{position: absolute;top: 0;padding-top: 80px;width: 100%;left: 0;}
.tmallPage .stepBox .title{font-size: 36px;color: #FAF8F8;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.tmallPage .stepBox .desc{font-size: 16px;color: #fff;line-height: 1.5;margin-top: 10px;text-align: center;}

.tmallPage .stepBox .list{display: flex;justify-content: space-between;margin-top: 30px;align-items: flex-start;padding: 0 30px}
.tmallPage .stepBox .list .one{width: 180px;display: flex;flex-direction: column;align-items: center;padding-top: 10px;}
.tmallPage .stepBox .list .one .img{width: 100px;height: 100px;margin-bottom: 10px;}
.tmallPage .stepBox .list .one .text{font-size: 18px;line-height: 28px;color: #FAF8F8;}

.tmallPage .stepBox .list .right{width: 24px;height: 120px;display: flex;align-items: center;}
.tmallPage .stepBox .list .right .img{width: 24px;height: 24px;}


.tmallPage .otherBox{padding: 80px 0 120px;background: #FAF8F8;}
.tmallPage .otherBox .title{font-size: 36px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.tmallPage .otherBox .desc{font-size: 16px;color: #888;line-height: 1.5;margin-top: 10px;text-align: center;}
.tmallPage .otherBox .list{margin-top: 30px;display: flex;justify-content: space-between;}
.tmallPage .otherBox .list .one{width: 330px;height: 170px;border-radius: 10px;overflow: hidden;position: relative;}
.tmallPage .otherBox .list .one .flex{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
.tmallPage .otherBox .list .one .icon{width: 50px;height: 50px;margin-right: 10px;}
.tmallPage .otherBox .list .one .text{font-size: 24px;color: #fff;}



.morePage .banner{position: relative;}
.morePage .banner .bg{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center center;background-size: 1950px 430px;}
.morePage .banner .bg1{background-image: url(../img/banner_more1.png);}
.morePage .banner .bg2{background-image: url(../img/banner_more2.png);}
.morePage .banner .bg3{background-image: url(../img/banner_more3.png);}
.morePage .banner .bg4{background-image: url(../img/banner_more4.png);}


.morePage .banner .block{position: absolute;top: 0;width: 100%;left: 0;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.morePage .banner .title{font-size: 36px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;}
.morePage .banner .desc{font-size: 16px;color: #fff;line-height: 1.5;margin-top: 10px;}
.morePage .banner .btn{width: 178px;height: 46px;border: 1px solid #fff;border-radius: 46px;font-size: 16px;color: #fff;background: rgba(255, 255, 255, 0.1);margin-top: 30px;position: relative;}
.morePage .banner .btn .img{width: 26px;height: 26px;margin-right: 8px;}

.morePage .banner .btn .hover{position: absolute;bottom: 66px;transition: all 0.3s;opacity: 0;visibility: hidden;padding-bottom: 20px;z-index: 1111;}
.morePage .banner .btn .codeBox{width: 300px;height: 120px;display: flex;align-items: center;padding: 10px;border-radius: 10px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);background: #fff;}
.morePage .banner .btn .codeBox .code{width: 100px;height: 100px;border-radius: 10px;margin-right: 15px;}
.morePage .banner .btn .codeBox .text{font-size: 14px;color: #888;line-height: 1.5;}
.morePage .banner .btn .codeBox .text span{color: #333;font-size: 18px;font-weight: bold;font-family: 'siyuanheitiB';}

.morePage .banner .btn:hover .hover{opacity: 1;visibility: visible;bottom: 46px;}



.morePage .floor1{padding: 60px 0 100px;background: #FAF8F8;}
.morePage .floor1 .title{font-size: 36px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.morePage .floor1 .desc{font-size: 16px;color: #888;line-height: 1.5;margin-top: 10px;text-align: center;}
.morePage .floor1 .list{margin-top: 40px;display: flex;justify-content: space-between;}
.morePage .floor1 .list .one{width: 260px;height: 260px;border-radius: 20px;display: flex;flex-direction: column;align-items: center;padding: 32.5px 0;transition: all 0.3s;}
.morePage .floor1 .list .one .img{width: 140px;height: 140px;margin-bottom: 10px;}
.morePage .floor1 .list .one .text{font-size: 24px;color: #3d3d3d;line-height: 45px;}
.morePage .floor1 .list .one:hover{background: #fff;}


.morePage .floor2{position: relative;}
.morePage .floor2 .bg{height: 640px;}
.morePage .floor2 .bg .img{height: 100%;}
.morePage .floor2 .bg .img img{height: 100%;object-fit: cover;}
.morePage .floor2 .block{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 80px 0 0;}
.morePage .floor2 .title{font-size: 36px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.morePage .floor2 .desc{font-size: 16px;color: rgba(255, 255, 255, 0.7);line-height: 1.5;margin-top: 10px;text-align: center;}
.morePage .floor2 .list{display: flex;justify-content: space-between;margin-top: 40px;}
.morePage .floor2 .list .one{width: 430px;height: 320px;background: rgba(255, 255, 255, 0.25);backdrop-filter: blur(35px);border-radius: 20px;display: flex;flex-direction: column;align-items: center;padding-top: 50px;}
.morePage .floor2 .list .one .img{width: 120px;height: 120px;}
.morePage .floor2 .list .one .name{font-size: 24px;line-height: 1.5;color: #FAF8F8;margin: 25px 0 5px;font-weight: bold;font-family: 'siyuanheitiB';}
.morePage .floor2 .list .one .content{font-size: 16px;line-height: 1.5;color: #FAF8F8;}


.morePage .moreBox{padding: 100px 0;background: #FAF8F8;}
.morePage .moreBox .block{position: relative;}
.morePage .moreBox .flex{position: absolute;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;left: 0;top: 0;width: 100%;}
.morePage .moreBox .title{font-size: 36px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.morePage .moreBox .desc{font-size: 16px;color: rgba(255, 255, 255, 0.7);line-height: 1.5;margin-top: 10px;text-align: center;}
.morePage .moreBox .btn{width: 178px;height: 46px;border: 1px solid #fff;border-radius: 46px;font-size: 16px;color: #fff;background: rgba(255, 255, 255, 0.1);margin-top: 40px;position: relative;}
.morePage .moreBox .btn .img{width: 26px;height: 26px;margin-right: 8px;}

.morePage .moreBox .btn .hover{position: absolute;bottom: 66px;transition: all 0.3s;opacity: 0;visibility: hidden;padding-bottom: 20px;z-index: 1111;}
.morePage .moreBox .btn .codeBox{width: 300px;height: 120px;display: flex;align-items: center;padding: 10px;border-radius: 10px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);background: #fff;}
.morePage .moreBox .btn .codeBox .code{width: 100px;height: 100px;border-radius: 10px;margin-right: 15px;}
.morePage .moreBox .btn .codeBox .text{font-size: 14px;color: #888;line-height: 1.5;}
.morePage .moreBox .btn .codeBox .text span{color: #333;font-size: 18px;font-weight: bold;font-family: 'siyuanheitiB';}

.morePage .moreBox .btn:hover .hover{opacity: 1;visibility: visible;bottom: 46px;}



.morePage .floor3{padding: 60px 0 0;background: #FAF8F8;}
.morePage .floor3 .title{font-size: 36px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;text-align: center;}
.morePage .floor3 .list{margin-top: 40px;}
.morePage .floor3 .list .one{margin-bottom: 50px;}
.morePage .floor3 .list .one:last-child{margin-bottom: 0;}

.morePage .floor3 .list .one{display: flex;background: #FFFFFF;border-radius: 20px;overflow: hidden;}
.morePage .floor3 .list .one:nth-child(2n){flex-direction: row-reverse;}
.morePage .floor3 .list .one .img{width: 700px;height: 394px;border-radius: 20px;}
.morePage .floor3 .list .one .textBox{width: 0;flex: 1;padding: 84.5px 80px 0 90px;}
.morePage .floor3 .list .one .textBox .num{font-size: 64px;line-height: 1.5;color: rgba(56, 27, 26, 0.1);font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 10px;}
.morePage .floor3 .list .one .textBox .name{font-size: 24px;line-height: 1.5;color: #333;}


.morePage .floor4{padding: 100px 0 0;background: #FAF8F8;}
.morePage .floor4 .list{display: flex;justify-content: space-between;}
.morePage .floor4 .list .one{width: 430px;}

.morePage .floor4 .list .one{display: flex;background: #FFFFFF;border-radius: 20px;overflow: hidden;flex-direction: column-reverse;position: relative;}
.morePage .floor4 .list .one:nth-child(2n){flex-direction: column;}
.morePage .floor4 .list .one .icon{background: rgba(255, 255, 255, 0.5);width: 120px;height: 120px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 11;backdrop-filter: blur(20px);box-shadow: 0 10px 30px 0 rgba(56, 27, 26, 0.1);display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.morePage .floor4 .list .one .icon .img{width: 60px;height: 60px;}


.morePage .floor4 .list .one .img{width: 430px;height: 287px;}
.morePage .floor4 .list .one .textBox{width: 100%;height: 287px;display: flex;flex-direction: column;align-items: center;padding-top: 45px;}
.morePage .floor4 .list .one .textBox .num{font-size: 64px;line-height: 74px;color: rgba(56, 27, 26, 0.1);font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 5px;}
.morePage .floor4 .list .one .textBox .name{font-size: 24px;line-height: 1.5;color: #333;font-weight: bold;font-family: 'siyuanheitiB';}
.morePage .floor4 .list .one .textBox .desc{font-size: 16px;line-height: 1.5;color: #888;}



.otherDetail{background: #FAF8F8;padding-bottom: 60px;}
.otherDetail .bread{height: 60px;display: flex;align-items: center;font-size: 14px;color: #888;}
.otherDetail .bread span{margin-right: 5px;}

.otherDetail .block{display: flex;align-items: flex-start;}
.otherDetail .contentBox{width: 1070px;border-radius: 10px;background: #fff;padding: 40px 40px 50px;margin-right: 30px;flex-shrink: 0;}
.otherDetail .contentBox .title{text-align: center;font-size: 24px;line-height: 1.5;color: #3d3d3d;font-weight: bold;font-family: 'siyuanheitiB';}
.otherDetail .contentBox .time{margin: 10px auto 20px;text-align: center;font-size: 14px;line-height: 24px;color: #999;}
.otherDetail .contentBox .content{font-size: 16px;line-height: 1.5;color: #3d3d3d;}
.otherDetail .contentBox .content *{font-size: 16px;line-height: 1.5;color: #3d3d3d;}

.otherDetail .right{width: 0;flex: 1;background: #fff;border-radius: 10px;padding: 25px;}
.otherDetail .right .one{margin-bottom: 5px;}
.otherDetail .right .one:last-child{margin-bottom: 0;}
.otherDetail .right .one .title{width: 100%;height: 54px;padding: 0 20px 0 30px;display: flex;align-items: center;justify-content: space-between;background: #FAF8F8;border-radius: 10px;cursor: pointer;}
.otherDetail .right .one .title .text{font-size: 18px;color: #333;}
.otherDetail .right .one .title .icon{width: 24px;height: 24px;transition: all 0.3s;/*transform: rotate(90deg);*/}
/* .otherDetail .right .one.active .title .icon{transform: rotate(0deg);} */

.otherDetail .right .one .box{padding: 10px 0 10px 30px;}

.otherDetail .right .one .two{height: 30px;display: flex;align-items: center;font-size: 14px;color: #888;transition: all 0.3s;}
.otherDetail .right .one .two:hover,.otherDetail .right .one .two.active{color: #E40A00;}




.userCenter .company{height: 90px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: #201F24;}
.userCenter .company .container{display: flex;align-items: center;height: 100%;}
.userCenter .company .title{display: flex;align-items: center;font-size: 18px;color: #fff;}
.userCenter .company .title .icon{width: 30px;height: 30px;margin-right: 10px;}
.userCenter .company .one{margin-left: 20px;padding: 0 5px;font-size: 18px;color: #fff;}

.userCenter{background: #FAF8F8;}
.userCenter .bread{height: 60px;display: flex;align-items: center;font-size: 14px;color: #888;}
.userCenter .bread span{margin-right: 5px;}

.userCenter .flex{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 60px;}
.userCenter .menu{width: 300px;margin-right: 30px;flex-shrink: 0;background: #fff;border-radius: 10px;overflow: hidden;}
.userCenter .menu .titleBox{position: relative;display: block;}
.userCenter .menu .titleBox .text{font-size: 36px;color: #fff;font-weight: bold;font-family: 'siyuanheitiB';position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

.userCenter .menu .content{padding: 30px 20px;}
.userCenter .menu .content .one{margin-bottom: 5px;display: block;}
.userCenter .menu .content .one:last-child{margin-bottom: 0;}

.userCenter .menu .content .one .title{width: 100%;height: 54px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;border-radius: 10px;transition: all 0.3s;cursor: pointer;}
.userCenter .menu .content .one:hover .title,.userCenter .menu .content .one.active .title{background: #E40A00;}

.userCenter .menu .content .one .img{width: 24px;height: 24px;position: relative;}
.userCenter .menu .content .one .img img{transition: all 0.3s;top: 0;left: 0;width: 100%;height: 100%;position: absolute;}
.userCenter .menu .content .one .img .nor{z-index: 111;opacity: 1;}
.userCenter .menu .content .one .img .hov{z-index: 1;opacity: 0;}
.userCenter .menu .content .one.active .img .nor{z-index: 1;opacity: 0;}
.userCenter .menu .content .one.active .img .hov{z-index: 111;opacity: 1;}
.userCenter .menu .content .one:hover .img .nor{z-index: 1;opacity: 0;}
.userCenter .menu .content .one:hover .img .hov{z-index: 111;opacity: 1;}
.userCenter .menu .content .one .title .text{flex: 1;margin: 0 10px;color: #333;font-size: 18px;transition: all 0.3s;}
.userCenter .menu .content .one:hover .title .text,.userCenter .menu .content .one.active .title .text{color: #fff;}

.userCenter .menu .content .one .box{display: none;padding: 10px 0 10px 30px;}
.userCenter .menu .content .one .box .two{height: 30px;display: flex;align-items: center;color: #888888;font-size: 14px;padding-left: 25px;}
.userCenter .menu .content .one .box .two:hover{color: #E40A00;}
.userCenter .menu .content .one .box .two.active{color: #E40A00;}

.userCenter .block{background: #fff;flex: 1;border-radius: 10px;min-height: 620px;}

.userCenter .block1{padding: 50px;}
.userCenter .block1 .userBox{display: flex;align-items: center;}
.userCenter .block1 .userBox .head{width: 100px;height: 100px;border-radius: 50%;margin-right: 20px;}
.userCenter .block1 .userBox .name{font-size: 24px;line-height: 1.5;color: #333;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 5px;}
.userCenter .block1 .userBox .id{font-size: 16px;color: #888;line-height: 1.5;}
.userCenter .block1 .userBox .textBox .flex{padding: 0;align-items: center;}
.userCenter .block1 .userBox .icon{height: 20px;margin-left: 5px;}


.userCenter .block1 .moneyBox{box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);padding: 30px 30px 40px;border-radius: 10px;margin: 40px 0;}
.userCenter .block1 .moneyBox .title{display: flex;align-items: center;font-size: 16px;color: #333;height: 34px;}
.userCenter .block1 .moneyBox .title .img{width: 24px;height: 24px;margin-right: 10px;}
.userCenter .block1 .moneyBox .title span{margin-left: 20px;color: #E40A00;font-weight: bold;font-family: 'siyuanheitiB';font-size: 18px;}

.userCenter .block1 .moneyBox .line{display: flex;margin-top: 20px;justify-content: space-between}
.userCenter .block1 .moneyBox .line .one{width: calc(50% - 10px);height: 185px;background: #F6F6F6;border: 1px dashed #999999;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.userCenter .block1 .moneyBox .line .one.active{border: 1px dashed #E40A00;}

.userCenter .block1 .moneyBox .line .one .name{display: flex;align-items: center;height: 34px;color: #999;font-size: 16px;}
.userCenter .block1 .moneyBox .line .one .name .img{width: 24px;height: 24px;margin-right: 10px;}
.userCenter .block1 .moneyBox .line .one.active .name{color: #333;}

.userCenter .block1 .moneyBox .line .one .money{font-size: 18px;color: #999;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;margin-top: 5px;}
.userCenter .block1 .moneyBox .line .one.active .money{color: #E40A00;}

.userCenter .block1 .moneyBox .line .one .btn{width: 132px;height: 40px;margin-top: 20px;border-radius: 40px;background: #fff;border: 1px solid #eee;font-size: 16px;color: #999;}
.userCenter .block1 .moneyBox .line .one .btn:hover{color: #fff;border-color: #E40A00;background: #E40A00;}

.userCenter .block1 .typeBox .title{font-size: 16px;color: #3D3D3D;line-height: 1.5;}
.userCenter .block1 .typeBox .line{margin-top: 15px;display: flex;align-items: center;justify-content: space-between;}
.userCenter .block1 .typeBox .line .one{width: calc(50% - 10px);padding: 30px;border: 1px solid #EEEEEE;border-radius: 10px;}
.userCenter .block1 .typeBox .line .one .name{font-size: 20px;color: #3d3d3d;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 15px}
.userCenter .block1 .typeBox .line .one .desc{font-size: 16px;line-height: 1.5;margin-bottom: 5px;color: #3d3d3d;}
.userCenter .block1 .typeBox .line .one .desc:last-child{margin-bottom: 0;}


.userCenter .block2{padding: 30px 40px;}
.userCenter .block2 .titleBox{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #d8d8d8;}
.userCenter .block2 .titleBox .title{font-size: 24px;color: #3d3d3d;line-height: 1.5;font-weight: bold;font-family: 'siyuanheitiB';}
.userCenter .block2 .titleBox .desc{font-size: 16px;color: #999;line-height: 1.5;margin-top: 5px;}

.userCenter .block2 .form{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 10px;}
.userCenter .block2 .form .one{width: calc(50% - 15px);margin-bottom: 20px;}
.userCenter .block2 .form .one .name{font-size: 16px;line-height: 1.5;margin-bottom: 15px;color: #1a1a1a;}
.userCenter .block2 .form .one .input{width: 100%;border: 1px solid #BFBFBF;height: 43px;display: flex;border-radius: 8px;overflow: hidden;}
.userCenter .block2 .form .one .input input{flex: 1;width: 0;padding: 0 10px;height: 100%;font-size: 16px;color: #333;}
.userCenter .block2 .form .one .input select{flex: 1;width: 0;padding: 0 10px;height: 100%;font-size: 16px;color: #333;}

.userCenter .block2 .form .one .btn{padding: 0 20px;background: #E40A00;height: 100%;border-top-left-radius: 8px;border-bottom-left-radius: 8px;color: #fff;font-size: 16px;}
.userCenter .block2 .form .one .btn.code{width: 120px;flex-shrink: 0;white-space: nowrap;}

.userCenter .block2 .btnBox{margin-top: 20px;padding-top: 20px;border-top: 1px dashed #d8d8d8;}
.userCenter .block2 .btnBox .btn{width: 164px;height: 44px;border-radius: 44px;background: #E40A00;color: #fff;font-size: 16px;}



.userCenter .block3{padding: 30px 40px 50px;}
.userCenter .block3 .titleBox{margin-bottom: 20px;}
.userCenter .block3 .titleBox .title{font-size: 24px;color: #3d3d3d;line-height: 1.5;font-weight: bold;font-family: 'siyuanheitiB';}
.userCenter .block3 .titleBox .desc{font-size: 16px;color: #999;line-height: 1.5;margin-top: 5px;}

.userCenter .block3 .table{width: 100%;margin-bottom: 30px;}
.userCenter .block3 table{width: 100%;border-spacing: 0;}
.userCenter .block3 table thead td{border-top: 1px solid #333;border-bottom: 1px solid #333;padding: 10px;font-size: 16px;line-height: 1.5;color: #333333;text-align: center;font-weight: bold;font-family: 'siyuanheitiB';}

.userCenter .block3 table tbody td{border-bottom: 1px solid #eee;padding: 10px;font-size: 16px;line-height: 1.5;color: #333333;text-align: center;min-width: 100px;}
.userCenter .block3 table tbody td .type{color: #999;}

.userCenter .block3 table tbody tr{transition: all 0.3s;}
.userCenter .block3 table tbody tr:hover{background: #FAF8F8;}

.userCenter .block3 table tbody .btnBox div{font-size: 16px;color: #E40A00;margin-bottom: 5px;text-decoration: underline;line-height: 1.5;cursor: pointer;}
.userCenter .block3 table tbody .btnBox div:last-child{margin-bottom: 0;}




.shadow{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 8888;background: rgba(0, 0, 0, 0.5);display: none;}
.hideBox{position: fixed;top: 50%;left: 50%;z-index: 9999;background: #fff;display: none;border-radius: 10px;overflow: hidden;transform: translate(-50% , -50%);}

.hideBox.cashBox{padding: 30px 40px 50px;width: 1070px;}
.hideBox.cashBox .close{position: absolute;top: 30px;right: 30px;width: 25px;height: 25px;transition: all 0.3s;cursor: pointer;}
.hideBox.cashBox .close:hover{transform: rotate(90deg);}
.hideBox.cashBox .titleBox{padding-bottom: 20px;border-bottom: 1px dashed #D8D8D8;}
.hideBox.cashBox .title{font-size: 24px;color: #3d3d3d;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;margin-bottom: 5px;}
.hideBox.cashBox .desc{font-size: 16px;color: #999;line-height: 1.5;}
.hideBox.cashBox .money{font-size: 16px;color: #E40A00;margin: 20px 0;}

.hideBox.cashBox .form{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 10px;}
.hideBox.cashBox .form .one{width: calc(50% - 15px);margin-bottom: 20px;}
.hideBox.cashBox .form .one .name{font-size: 16px;line-height: 1.5;margin-bottom: 15px;color: #1a1a1a;}
.hideBox.cashBox .form .one .input{width: 100%;border: 1px solid #BFBFBF;height: 43px;display: flex;border-radius: 8px;overflow: hidden;}
.hideBox.cashBox .form .one .input input{flex: 1;width: 0;padding: 0 10px;height: 100%;font-size: 16px;color: #333;}
.hideBox.cashBox .form .one .input select{flex: 1;width: 0;padding: 0 10px;height: 100%;font-size: 16px;color: #333;}

.hideBox.cashBox .form .one .btn{padding: 0 20px;background: #E40A00;height: 100%;border-top-left-radius: 8px;border-bottom-left-radius: 8px;color: #fff;font-size: 16px;}
.hideBox.cashBox .form .one .btn.code{width: 120px;}

.hideBox.cashBox .btnBox{margin-top: 20px;padding-top: 20px;border-top: 1px dashed #d8d8d8;display: flex;justify-content: flex-end;}
.hideBox.cashBox .btnBox .btn{width: 132px;height: 44px;border-radius: 44px;background: #E40A00;color: #fff;font-size: 16px;margin-left: 20px;}
.hideBox.cashBox .btnBox .btn.reset{background: #fff;border: 1px solid #E40A00;color: #E40A00;}




.hideBox.video{font-size: 0;}
.hideBox.video .text{font-size: 20px;text-align: center;margin: 20px 0;}
.hideBox.video video{width: 800px;height: 500px;object-fit: cover;}















.userCenter .block4{padding: 30px 40px 50px;}
.userCenter .block4 .title{font-size: 24px;color: #3d3d3d;font-weight: bold;font-family: 'siyuanheitiB';line-height: 1.5;}
.userCenter .block4 .contentBox{margin-top: 20px;border-radius: 10px;border: 1px solid #ddd;padding: 20px 30px 30px;}
.userCenter .block4 .contentBox .line{display: flex;align-items: center;border-bottom: 1px dashed #ddd;}
.userCenter .block4 .contentBox .line .name{font-size: 16px;color: #333;font-weight: bold;font-family: 'siyuanheitiB';width: 150px;flex-shrink: 0;padding: 10px;line-height: 1.5;text-align: right;}
.userCenter .block4 .contentBox .line .content{font-size: 16px;color: #333;flex: 1;padding: 10px;line-height: 1.5;}


@media(max-width: 1440px) and (min-width: 1200px){
  .container{width: 1200px;}
  .index .floor3 .block{width: 1200px;}
  .index .floor5 .swiper{width: 1200px;}
  .index .floor5 .swiper .prev{left: -50px;}
  .index .floor5 .swiper .next{right: -20px;}

  .buyDetail .topBox .detailBox{width: 870px;}
  .buyDetail .listBox .list .one{width: 285px;}

  .tmallPage .formBox .form .input{width: 450px;}

  .tmallPage .cateBox .swiper .list .one{width: 220px;}

  .tmallPage .otherBox .list .one{width: 290px;height: 150px;}

  .morePage .floor2 .list .one{width: 385px;}

  .otherDetail .contentBox{width: 870px;}

  .index .floor6 .list .one{width: 380px;height: 424px;margin-right: 30px;}
  .index .floor6 .list .one .img{height: 240px;}
  .index .floor6 .list .one .textBox{padding: 20px;}

  .buyDetail .contentBox .swiper .swiper-slide{width: 270px;height: 240px;margin-right: 20px;}
  .buyDetail .contentBox .swiper .one{width: 270px;height: 240px;}

  .newsCenter .list .one{width: 380px;height: auto;}
  .newsCenter .list .one .img{height: 240px;}


  .index .banner .textBox{top: 140px;}


  .index .floor5 .swiper{width: 1100px;}
  .index .floor5 .swiper-container{width: 1050px;}
  .index .floor5 .swiper .one{width: 340px;}

  .index .floor3 .block{width: 1100px;}



}

@media(max-width: 1200px) and (min-width: 750px){
  .header .bot .menu .one{margin-right: 50px;}

  .container{width: 970px;}
  .buyDetail .topBox .detailBox{width: 630px;}
  .buyDetail .contentBox .swiper .swiper-slide{width: 220px;height: 200px;margin-right: 10px;}
  .buyDetail .contentBox .swiper .one{width: 220px;height: 200px;}

  .footer .top .left .menu .line{width: 120px;margin-right: 30px;}

  .newsCenter .list .one{width: 310px;height: auto;margin-right: 20px;}
  .newsCenter .list .one .img{height: 200px;}

  .index .floor6 .list .one{width: 310px;height: auto;margin-right: 20px;}
  .index .floor6 .list .one .img{height: 200px;}

  .index .floor5 .swiper{width: 1050px;}
  .index .floor5 .swiper-container{width: 950px;}
  .index .floor5 .swiper .one{width: 280px;margin: 0 auto;}

  .index .banner .textBox{top: 130px;}

  .index .floor2 .type{flex-wrap: wrap;margin-top: 20px;}
  .index .floor2 .type .one{margin-top: 10px;}
  .index .floor3 .block{width: 970px;}
  .index .floor1 .one{width: 230px;}


}




@media(max-width:750px){
  .pc{display: none;}
  .mb{display: block;}

  html{font-size: calc(100vw / 75);}

  .container{width: 69rem;}

  .header{height: 12rem;top: 4rem;}
  .header .normal{height: 100%;}
  .header .normal .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
  .header .normal .logo{width: 20rem;}
  .header .normal .right{display: flex;align-items: center;}
  .header .normal .menu{width: 8rem;height: 8rem;margin-left: 4rem;}
  .header .normal .user{width: 6rem;height: 6rem;}

  .header .normal .icon{position: relative;}
  .header .normal .icon img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
  .header .normal .nor{opacity: 1;z-index: 11;}
  .header .normal .hov{opacity: 0;z-index: 1;}

  .header.active{background: #fff;top: 0;}
  .header.active .normal .nor{opacity: 0;z-index: 1;}
  .header.active .normal .hov{opacity: 1;z-index: 11;}

  .header .hover{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(20px);padding: 4rem;z-index: 999;top: -100vh;transition: all 0.3s;}
  .header .hover>.flex{align-items: center;justify-content: space-between;height: 12rem;margin-bottom: 2rem;}
  .header .hover>.flex .name{font-size: 3.2rem;color: #fff;}
  .header .hover>.flex .close{width: 8rem;height: 8rem;}

  .header .hover .menu .one{background: rgba(255, 255, 255, 0.1);border-radius: 2rem;display: block;margin-bottom: 2rem;}
  .header .hover .menu .one .flex{align-items: center;justify-content: space-between;padding: 0 2rem 0 4rem;height: 10.4rem;}
  .header .hover .menu .one .flex .text{font-size: 3.6rem;color: #fff;}
  .header .hover .menu .one .flex .icon{width: 4.8rem;height: 4.8rem;transition: all 0.3s;}

  .header .hover .menu .one .block{border-top: 1px solid rgba(255, 255, 255, 0.2);padding: 4rem 8rem;display: none;}
  .header .hover .menu .one .block .two{display: flex;align-items: center;font-size: 2.8rem;color: #fff;height: 6rem;margin-bottom: 1rem;}
  .header .hover .menu .one .block .two:last-child{margin-bottom: 0;}

  .header .hover .menu .one.active .flex .icon{transform: rotate(90deg);}

  .header .hover.active{top: 0;}


  .footer{padding: 0;}
  .footer .company{border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 4rem 2rem;}
  .footer .company .title{display: flex;align-items: center;height: 6.6rem;padding: 0 1rem;font-size: 3.2rem;color: #fff;font-weight: bold;margin-bottom: 1rem;}
  .footer .company .title .img{width: 4rem;height: 4rem;margin-right: 1rem;}
  .footer .company .list{display: flex;}
  .footer .company .list .one{padding: 1rem;font-size: 3.2rem;color: #fff;font-weight: bold;margin-right: 2rem;}

  .footer .top .menu{padding: 4rem 3rem;}
  .footer .top .menu .line{margin-bottom: 4rem;}
  .footer .top .menu .line:last-child{margin-bottom: 0;}
  .footer .top .menu .line .title{font-size: 3.2rem;color: #fff;font-weight: bold;margin-bottom: 1rem;}
  .footer .top .menu .line .flex{display: flex;}
  .footer .top .menu .line .flex .one{font-size: 2.8rem;padding: 1rem 0;margin-right: 4rem;color: #646466;transition: all 0.3s;}
  .footer .top .menu .line .flex .one:hover{color: #fff;}
  .footer .top .menu .line .flex .one:last-child{margin-right: 0;}

  .footer .top .contact{padding: 4rem 3rem;display: flex;justify-content: space-between;}
  .footer .top .left{flex-direction: column;}
  .footer .top .contact .line{display: flex;margin-bottom: 3rem;}
  .footer .top .contact .line:last-child{margin-bottom: 0;}
  .footer .top .contact .line .img{width: 10rem;height: 10rem;margin-right: 2rem;flex-shrink: 0;}
  .footer .top .contact .line .tel{font-size: 4rem;color: #fff;font-weight: bold;line-height: 1.5;}
  .footer .top .contact .line .desc{font-size: 2.8rem;line-height: 1.5;color: rgba(255, 255, 255, 0.4);}
  .footer .top .contact .line .phone{font-size: 3.2rem;color: #fff;font-weight: bold;line-height: 1.5;}

  .footer .top .contact .right .img{width: 18rem;height: 18rem;margin-bottom: 0.8rem;}
  .footer .top .contact .right .text{font-size: 2.4rem;color: #fff;}

  .footer .bot{padding: 4rem 3rem 6rem;}
  .footer .bot .icp{font-size: 2.4rem;line-height: 4rem;color: #696969;}
  .footer .bot .icp a{color: #696969;}

  .footer .bot .img{width: 100%;height: auto;margin-top: 2rem;}



  .index .banner .textBox{width: 100%;top: 31.2rem;}
  .index .banner .textBox .title{width: 56rem;margin: 0 auto;}
  .index .banner .textBox .title .text{font-size: 2.4rem;line-height: 1.5;color: #fff;}
  .index .banner .textBox .title .img{width: 6.8rem;height: 6.8rem;flex-shrink: 0;margin-right: 2rem;}

  .index .banner .textBox .name{font-size: 5.6rem;margin: 1.2rem 0 4rem;}

  .index .banner .textBox .type{margin-bottom: 6rem;}
  .index .banner .textBox .type .one{font-size: 2.8rem;}
  .index .banner .textBox .type .one::after{bottom: -2rem;width: 6rem;}

  .index .banner .textBox .inputBox{width: 69rem;margin: 0 auto;height: 8.2rem;border-radius: 8.2rem;padding:  0.4rem;}
  .index .banner .textBox .inputBox input{padding: 0 3rem;font-size: 2.8rem;}
  .index .banner .textBox .inputBox .btn{width: 20.4rem;height: 7.6rem;font-size: 2.8rem;}
  .index .banner .textBox .inputBox .btn .icon{width: 3.2rem;height: 3.2rem;margin-right: 1.2rem;}



  .index .floor1{padding: 8rem 4rem 5rem;justify-content: space-between;flex-wrap: wrap;display: flex;}
  .index .floor1 .one{width: 32rem;height: 37rem;border-radius: 4rem;background: rgba(255, 255, 255, 0.06);margin-bottom: 3rem;padding: 5rem 4rem 0;display: block;}
  .index .floor1 .one .img{width: 12rem;height: 12rem;}
  .index .floor1 .one .num{font-size: 4.8rem;margin: 2rem 0;line-height: 1.5;}
  .index .floor1 .one .desc{font-size: 2.8rem;}



  .index .floor2{height: auto;padding: 7rem 0 2rem;}
  .index .floor2 .title{font-size: 4.8rem;color: #333;margin-bottom: 1rem;line-height: 1.5;}
  .index .floor2 .desc{font-size: 2.4rem;color: #888;line-height: 1.5;}

  .index .floor2 .type{margin-top: 4rem;padding: 0;flex-wrap: wrap;}
  .index .floor2 .type .one{height: 7.2rem;border-radius: 7.2rem;font-size: 2.8rem;padding: 0 3rem;margin: 0 1rem 1rem;}


  .index .floor3{padding: 8rem 3rem;background-image: url(../img/mb_bg_floor3.png);background-repeat: no-repeat;background-size: 100% 100%;}
  .index .floor3 .block{position: relative;left: 0;top: 0;width:100%;}
  .index .floor3 .block .type{overflow: auto;white-space: nowrap;margin: 0;padding-bottom: 1rem;}
  .index .floor3 .block .type .one{width: auto;height: 8rem;margin-right: 1rem;padding: 0 2rem;font-size: 2.8rem;color: #3D3D3D;}
  .index .floor3 .block .type .one:last-child{margin-right: 0;}
  .index .floor3 .block .type .one.active{height: 9rem;}

  .index .floor3 .block .box{width: 100%;background: rgba(255, 255, 255, 0.8);}
  .index .floor3 .block .list .one{width: 31.5rem;height: auto;padding: 7rem 2rem 1rem;}
  .index .floor3 .block .list .one .hot{width: 9.2rem;height: 5rem;border-bottom-right-radius: 2rem;font-size: 2.4rem;}
  .index .floor3 .block .list .one .hot .img{width: 3.2rem;height: 3.2rem;}

  .index .floor3 .block .list .one .name{font-size: 3.2rem;line-height: 1.5;color: #3D3D3D;}

  .index .floor3 .block .list .one .type{white-space: normal;flex-wrap: wrap;margin-top: 1rem;margin-bottom: 2rem;}
  .index .floor3 .block .list .one .type .t{padding: 0.8rem 1.6rem;font-size: 2.4rem;margin-right: 1rem;border-radius: 1.2rem;margin-top: 1rem;}

  .index .floor3 .block .list .one .bot{height: 6.6rem;}
  .index .floor3 .block .list .one .bot .price{font-size: 3.2rem;}
  .index .floor3 .block .list .one .bot .add{font-size: 2.4rem;}
  .index .floor3 .block .list .one .bot .add .icon{width: 3.2rem;height: 3.2rem;margin-right: 0.4rem;}
  .index .floor3 .block .box{border-radius: 1.2rem;border-top-left-radius: 0;}


  .index .floor4{height: auto;padding: 7rem 0 10rem;}
  .index .floor4 .title{font-size: 4.8rem;color: #333;margin-bottom: 1rem;line-height: 1.5;}
  .index .floor4 .desc{font-size: 2.4rem;color: #888;line-height: 1.5;}

  .index .floor4 .block{padding: 4rem 3rem 0;}
  .index .floor4 .one{width: 100%;margin-bottom: 2rem;height: 20rem;padding: 0 6rem;display: flex;align-items: center;}
  .index .floor4 .one.active{height: auto;width: 100%;padding: 8rem 6rem;}
  .index .floor4 .one:last-child{margin-bottom: 0;}

  .index .floor4 .one .big{width: 12rem;height: 12rem;margin: 0 3rem 0 0;}
  .index .floor4 .one .name{font-size: 4rem;margin: 2rem 0;}

  .index .floor4 .one .content .line{height: 5.6rem;margin-bottom: 0;font-size: 2.8rem;color: #fff;}
  .index .floor4 .one .content .line .icon{width: 4rem;height: 4rem;margin-right: 1rem;}


  .index .floor5{padding: 7rem 0 10rem;}

  .index .floor5 .title{font-size: 4.8rem;color: #333;margin-bottom: 1rem;line-height: 1.5;}
  .index .floor5 .desc{font-size: 2.4rem;color: #888;line-height: 1.5;}

  .index .floor5 .swiper{width: 100%;padding-top: 20rem;margin-top: -14rem;overflow: hidden;}
  .index .floor5 .swiper-container{width: 100%;}

  .index .floor5 .swiper .prev{width: 6rem;height: 6rem;z-index: 5555;left: 3rem;}
  .index .floor5 .swiper .prev img{width: 100%;height: 100%;}

  .index .floor5 .swiper .next{width: 6rem;height: 6rem;z-index: 5555;right: 3rem;}
  .index .floor5 .swiper .next img{width: 100%;height: 100%;}

  .index .floor5 .swiper .swiper-container{overflow: visible;}
  .index .floor5 .swiper .swiper-slide{width: 60rem;margin: 0 1rem;}
  .index .floor5 .swiper .swiper-slide .one{width: 100%;}
  .index .floor5 .swiper .one{padding-top: 12rem;}
  .index .floor5 .swiper .one .box{height: 44rem;border-radius: 4rem;}

  .index .floor5 .swiper .one .box .head{top: -12rem;width: 24rem;height: 24rem;border: 0.8rem solid rgba(228, 10, 0, 0.1);}
  .index .floor5 .swiper .one .box .type{height: auto;margin-top: -16rem;}
  .index .floor5 .swiper .one .box .type .bg{position: relative;width: 22rem;}
  .index .floor5 .swiper .one .box .type .position{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
  .index .floor5 .swiper .one .box .type .icon{width: 3.2rem;height: 3.2rem;margin-right: 0.8rem;}
  .index .floor5 .swiper .one .box .type .text{font-size: 2.4rem;}
  .index .floor5 .swiper .one .box .name{margin-top: 4rem;font-size: 4rem;color: #333;}
  .index .floor5 .swiper .one .box .desc{font-size: 2.8rem;}
  .index .floor5 .swiper .one .box .btn{font-size: 2.8rem;height: 7.2rem;width: 24.4rem;border-radius: 7.2rem;}
  .index .floor5 .swiper .one .box .btn .icon{width: 4.8rem;height: 4.8rem;margin-right: 1.2rem;}

  .index .floor5 .swiper .one .box .btn .hoverBox{position: absolute;bottom: 5rem;display: none;z-index: 1111;}
  .index .floor5 .swiper .one .box .btn .hoverBox .codeBox{width: 48rem;height: 61rem;background: #fff;z-index: 111;box-shadow: 0px 0px 4rem 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.9);border-radius: 2rem;padding: 6rem 0 4rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
  .index .floor5 .swiper .one .box .btn .hoverBox .codeBox .code{width: 24rem;height: 24rem;border-radius: 1rem;}
  .index .floor5 .swiper .one .box .btn .hoverBox .codeBox .close{width: 6rem;height: 6rem;}
  .index .floor5 .swiper .one .box .btn .hoverBox .codeBox .text{font-size: 2.8rem;color: #888;line-height: 1.5;}
  .index .floor5 .swiper .one .box .btn .hoverBox .codeBox .text span{color: #333;font-size: 4rem;}





  .index .floor6{padding: 7rem 0 8rem;}
  .index .floor6 .title{line-height: 1.5;font-size: 4.8rem;}
  .index .floor6 .type{flex-wrap: wrap;}
  .index .floor6 .type .one{padding: 0 3rem;height: 7.2rem;border-radius: 7.2rem;font-size: 2.8rem;}

  .index .floor6 .list{margin-top: 6rem;flex-direction: column;padding: 0 2rem;}
  .index .floor6 .list .one{width: 100%;height: 20rem;margin-bottom: 2rem;margin-right: 0;display: flex;border-right: 2px solid #7B3633;border-bottom: 0;align-items: center;}
  .index .floor6 .list .one:last-child{margin-bottom: 0;}
  .index .floor6 .list .one .img{width: 30rem;height: 100%;flex-shrink: 0;}
  .index .floor6 .list .one .textBox{max-height: 17.2rem;padding: 2rem 4rem;}
  .index .floor6 .list .one .time{font-size: 2.4rem;line-height: 1;margin-bottom: 1rem;}
  .index .floor6 .list .one .time::before{width: 0.4rem;height: 2.4rem;}
  .index .floor6 .list .one .name{white-space: normal;font-size: 2.8rem;line-height: 1.5;}



  .buyPage{padding-bottom: 8rem;padding-top: 12rem;}
  .buyPage .bread{padding: 3rem;font-size: 2.4rem;color: #888888;height: auto;line-height: 1.5;}

  .buyPage .screenBox{padding: 2rem;white-space: nowrap;display: flex;overflow: auto;border-radius: 0;}
  .buyPage .screenBox .one{margin-right: 1rem;position: relative;}
  .buyPage .screenBox .one:last-child{margin-right: 0;}
  .buyPage .screenBox .one .normal{padding: 1rem;display: flex;}
  .buyPage .screenBox .one .normal .icon{width: 4rem;height: 4rem;}
  .buyPage .screenBox .one .normal .text{font-size: 2.8rem;color: #888888;line-height: 4rem;}
  .buyPage .screenBox .one .normal .text.active{color: #E40A00;}

  .buyPage .screenBox .one .hide{width: 100%;top: 6rem;left: 0;position: absolute;background: #fff;padding: 1rem;display: none;}
  .buyPage .screenBox .one .hide .two{font-size: 2.4rem;color: #888888;line-height: 4rem;}
  .buyPage .screenBox .one .hide .two.active{color: #E40A00;}


  .buyPage .sortBox{margin-top: 1rem;border-radius: 0;padding: 2rem 4rem;height: 8rem;align-items: center;}
  .buyPage .sortBox .one{font-size: 2.8rem;margin-right: 6rem;}

  .buyPage .listBox{padding: 0 2rem;margin-top: 2rem;}
  .buyPage .listBox .one{display: block;margin-bottom: 2rem;border-radius: 2rem;padding: 3rem 0 2rem;overflow: hidden;position: relative;}
  .buyPage .listBox .one .tip{height: 5rem;padding: 0 1.2rem;color: #fff;font-size: 2.4rem;border-bottom-left-radius: 2rem;position: absolute;top: 0;right: 0;background: #E40A00;display: flex;align-items: center;}
  .buyPage .listBox .one .title{display: flex;padding: 0 3rem;justify-content: space-between;align-items: flex-end;}
  .buyPage .listBox .one .title .name{font-size: 3.2rem;line-height: 1.5;color: #333;font-weight: bold;flex: 1;font-family: 'siyuanheitiB';}
  .buyPage .listBox .one .title .price{font-size: 4rem;line-height: 1.5;color: #E40A00;font-weight: bold;flex-shrink: 0;margin-left: 2rem;font-family: 'siyuanheitiB';}
  .buyPage .listBox .one .type{padding: 0 1rem 0 0rem;margin-left: -1rem;margin-top: 1rem;display: flex;flex-wrap: wrap;}
  .buyPage .listBox .one .type .t{margin-top: 1rem;margin-left: 4rem;font-size: 2.8rem;color: #888;}
  .buyPage .listBox .one .desc{margin-top: 3rem;border-top: 1px dashed #ddd;padding: 2rem 3rem;}
  .buyPage .listBox .one .desc .text2{font-size: 2.8rem;color: #888888;line-height: 1.5;}

  .buyPage .btn.more{margin: 4rem 2rem 0;background: #fff;height: 8rem;border-radius: 8rem;border: 1px solid #EEEEEE;color: #888;font-size: 2.8rem;}
  .buyPage .btn.more:hover{background: #FAF8F8;border: 1px solid #E40A00;color: #E40A00;}


  .buyDetail{padding-bottom: 8rem;padding-top: 12rem;}
  .buyDetail .bread{padding: 3rem;font-size: 2.4rem;color: #888888;height: auto;line-height: 1.5;}

  .buyDetail .topBox .detailBox{width: 100%;padding: 4rem 3rem;}
  .buyDetail .topBox .detailBox .title{width: 100%;font-size: 3.6rem;line-height: 1.5;}
  .buyDetail .topBox .detailBox .type{width: 100%;margin-right: 4rem;}
  .buyDetail .topBox .detailBox .type .t{font-size: 2.8rem;line-height: 1.5;margin-right: 6rem;margin-bottom: 1rem;}

  .buyDetail .topBox .detailBox .priceBox{margin-top: 3rem;padding-top: 4rem;flex-direction: column;align-items: flex-end;}
  .buyDetail .topBox .detailBox .priceBox .number{width: 100%;font-size: 2.4rem;align-items: center;line-height: 4.8rem;}
  .buyDetail .topBox .detailBox .priceBox .number .price span{font-size: 3.2rem;}
  .buyDetail .topBox .detailBox .priceBox .number .check{margin-left: 4rem;}
  .buyDetail .topBox .detailBox .priceBox .number span{margin: 0;font-size: 3.2rem;line-height: 4.8rem;}

  .buyDetail .topBox .detailBox .priceBox .btn{margin-top: 4rem;width: 28.8rem;height: 8.8rem;font-size: 3.2rem;border-radius: 8.8rem;}


  .buyDetail .contentBox{padding-top: 8.4rem;border-radius: 2rem;padding-bottom: 2rem;}
  .buyDetail .contentBox .title{height: 6.4rem;border-bottom-right-radius: 2rem;font-size: 2.8rem;padding: 0 4rem;}
  .buyDetail .contentBox .content{padding: 1rem 3rem;font-size: 2.8rem;line-height: 1.5;color: #3d3d3d;margin-bottom: 2rem;}

  .buyDetail .contentBox .swiper{padding: 0 3rem;}
  .buyDetail .contentBox .swiper .swiper-slide{width: 33rem;height: 33rem;margin-right: 3rem;}
  .buyDetail .contentBox .swiper .one{width: 33rem;height: 33rem;}
  .buyDetail .contentBox .swiper .point{margin-top: 2rem;height: 5.6rem;}
  .buyDetail .contentBox .swiper .point .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;margin: 0 1rem;}


  .buyDetail .stepBox{padding: 10.4rem 2rem 6rem;border-radius: 2rem;flex-wrap: wrap;}
  .buyDetail .stepBox .title{height: 6.4rem;border-bottom-right-radius: 2rem;font-size: 2.8rem;padding: 0 4rem;}
  .buyDetail .stepBox .one{width: 22rem;margin-bottom: 2rem;}
  .buyDetail .stepBox .one .img{width: 14rem;height: 14rem;margin-bottom: 1rem;}
  .buyDetail .stepBox .one .name{font-size: 2.8rem;color: #333;margin: 0;}
  .buyDetail .stepBox .one .desc{font-size: 2.4rem;color: #999;margin: 0;line-height: 1.5;width: 20rem;text-align: center;}


  .buyDetail .questionBox{padding: 10.4rem 3rem 4rem;border-radius: 2rem;flex-wrap: wrap;}
  .buyDetail .questionBox .title{height: 6.4rem;border-bottom-right-radius: 2rem;font-size: 2.8rem;padding: 0 4rem;}

  .buyDetail .questionBox .swiper{padding: 0;}
  .buyDetail .questionBox .swiper .swiper-slide{width: 100%;margin: 0;}
  .buyDetail .questionBox .swiper .one{padding: 4rem;border-radius: 2rem;}
  .buyDetail .questionBox .swiper .one .question{padding: 0;margin: 0;}
  .buyDetail .questionBox .swiper .one .question .img{width: 4.8rem;height: 4.8rem;flex-shrink: 0;margin-right: 1.2rem;}
  .buyDetail .questionBox .swiper .one .question .text{font-size: 2.8rem;}

  .buyDetail .questionBox .swiper .one .answer{margin-top: 2rem;}
  .buyDetail .questionBox .swiper .one .answer .img{width: 4.8rem;height: 4.8rem;flex-shrink: 0;margin-right: 1.2rem;}
  .buyDetail .questionBox .swiper .one .answer .text{font-size: 2.8rem;}

  .buyDetail .questionBox .swiper .point{margin-top: 2rem;height: 5.6rem;}
  .buyDetail .questionBox .swiper .point .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;margin: 0 1rem;}


  .buyDetail .listBox{margin-top: 8rem;padding: 0;}
  .buyDetail .listBox .title{font-size: 4rem;margin-bottom: 2rem;}

  .buyDetail .listBox .list{flex-direction: column;padding: 0 3rem;}
  .buyDetail .listBox .list .one{width: 100%;height: auto;margin: 0 0 2rem;padding: 4rem;border-radius: 2rem;}
  .buyDetail .listBox .list .one:last-child{margin-bottom: 0;}
  .buyDetail .listBox .list .one .name{font-size: 3.2rem;line-height: 1.5;color: #333;}

  .buyDetail .listBox .list .one .type{margin: 2rem 0;border-bottom: 0;}
  .buyDetail .listBox .list .one .type .t{margin-right: 7rem;}
  .buyDetail .listBox .list .one .type .tip{font-size: 2.8rem;}
  .buyDetail .listBox .list .one .type .desc{font-size: 2.8rem;}

  .buyDetail .listBox .list .one .price{border-top: 1px dashed #ddd;padding-top: 3rem;}
  .buyDetail .listBox .list .one .price .num{font-size: 4rem;}
  .buyDetail .listBox .list .one .price .btn{height: 6.8rem;border-radius: 6.8rem;padding: 0 4rem;font-size: 2.8rem;}



  .buyPay{padding-bottom: 8rem;padding-top: 12rem;}
  .buyPay .bread{padding: 3rem;font-size: 2.4rem;color: #888888;height: auto;line-height: 1.5;}

  .buyPay .payBlock{padding: 0;margin: 0 3rem;border-radius: 2rem;overflow: hidden;}
  .buyPay .payBlock .block{border: 0;}
  .buyPay .payBlock .title{flex-direction: column;padding: 3rem;}
  .buyPay .payBlock .title .code{width: 100%;font-size: 2.8rem;}
  .buyPay .payBlock .title .price{width: 100%;font-size: 2.8rem;text-align: right;}

  .buyPay .payBlock .box{padding: 3rem;}
  .buyPay .payBlock .box .name{font-size: 3.2rem;}
  .buyPay .payBlock .box .code{font-size: 2.8rem;margin-top: 2rem;}
  .buyPay .payBlock .priceBox .text{font-size: 2.8rem;}

  .buyPay .payBlock .typeBox{padding: 3rem;}
  .buyPay .payBlock .typeBox .text{font-size: 2.8rem;margin-right: 1rem;}
  .buyPay .payBlock .typeBox .checkBox .one .check{width: 3.6rem;height: 3.6rem;}
  .buyPay .payBlock .typeBox .checkBox .one .check::before{width: 2.8rem;height: 2.8rem;}
  .buyPay .payBlock .typeBox .checkBox .one .check::after{width: 2rem;height: 2rem;}
  .buyPay .payBlock .typeBox .checkBox .one .text{line-height: 1;}

  .buyPay .payBlock .payBox{flex-direction: column;padding: 4rem 3rem;align-items: flex-start;}
  .buyPay .payBlock .payBox .text{font-size: 2.8rem;margin-bottom: 4rem;}
  .buyPay .payBlock .payBox .checkBox{flex-wrap: wrap;justify-content: space-between;}
  .buyPay .payBlock .payBox .checkBox .one{width: 30.5rem;height: 14rem;margin: 0 0 2.4rem;padding: 0 3rem;}
  .buyPay .payBlock .payBox .checkBox .one:last-child{margin-bottom: 0;}
  .buyPay .payBlock .payBox .checkBox .one .img{width: 6rem;height: 6rem;}

  .buyPay .payBlock .payBox .checkBox .one .check{width: 3.6rem;height: 3.6rem;}
  .buyPay .payBlock .payBox .checkBox .one .check::before{width: 2.8rem;height: 2.8rem;}
  .buyPay .payBlock .payBox .checkBox .one .check::after{width: 2rem;height: 2rem;}

  .buyPay .toPay{padding: 6rem 3rem 1rem;justify-content: space-between;align-items: flex-end;}
  .buyPay .toPay .price{display: block;font-size: 2.8rem;line-height: 1.5;}
  .buyPay .toPay .price span{font-size: 4.8rem;line-height: 1.5;}
  .buyPay .toPay .btn{width: 28.8rem;height: 8.8rem;border-radius: 8.8rem;font-size: 3.2rem;}



  .newsCenter{padding-bottom: 8rem;padding-top: 12rem;}
  .newsCenter .title{line-height: 1.5;font-size: 4.8rem;margin-top: 7rem;}
  .newsCenter .type .one{padding: 0 3rem;height: 7.2rem;border-radius: 7.2rem;font-size: 2.8rem;}

  .newsCenter .list{margin-top: 6rem;flex-direction: column;padding: 0 2rem;}
  .newsCenter .list .one{width: 100%;height: 20rem;margin-bottom: 2rem;margin-right: 0;display: flex;border-right: 2px solid #7B3633;border-bottom: 0;align-items: center;}
  .newsCenter .list .one:last-child{margin-bottom: 0;}
  .newsCenter .list .one .img{width: 30rem;height: 100%;flex-shrink: 0;}
  .newsCenter .list .one .textBox{max-height: 17.2rem;padding: 2rem 4rem;}
  .newsCenter .list .one .time{font-size: 2.4rem;line-height: 1;margin-bottom: 1rem;}
  .newsCenter .list .one .time::before{width: 0.4rem;height: 2.4rem;}
  .newsCenter .list .one .name{white-space: normal;font-size: 2.8rem;line-height: 1.5;}


  .newsCenter .btn.more{margin: 4rem 2rem 0;background: #fff;height: 8rem;border-radius: 8rem;border: 1px solid #EEEEEE;color: #888;font-size: 2.8rem;}
  .newsCenter .btn.more:hover{background: #FAF8F8;border: 1px solid #E40A00;color: #E40A00;}



  .newsCenterDetail{padding-bottom: 8rem;padding-top: 12rem;}
  .newsCenterDetail .bread{padding: 3rem;font-size: 2.4rem;color: #888888;height: auto;line-height: 1.5;}

  .newsCenterDetail .block{flex-direction: column;}
  .newsCenterDetail .contentBox{width: 100%;border-radius: 2rem;padding: 4rem 3rem;}
  .newsCenterDetail .contentBox .title{width: 100%;font-size: 3.6rem;}
  .newsCenterDetail .contentBox .time{margin: 2rem 0 4rem;font-size: 2.4rem;line-height: 1.5;}
  .newsCenterDetail .contentBox .content{font-size: 2.8rem;line-height: 1.5;}

  .newsCenterDetail .right{width: 69rem;margin: 6rem auto;border-radius: 1rem;}
  .newsCenterDetail .right .title{height: auto;padding: 3rem 3rem 2rem 4.4rem;font-size: 3.2rem;line-height: 1.5;}
  .newsCenterDetail .right .title::before{top: 1rem;bottom: 0;margin: auto;left: 3rem;width: 0.4rem;height: 3.2rem;}

  .newsCenterDetail .right .list{padding: 3rem;}
  .newsCenterDetail .right .list .one{display: flex;height: 20rem;}
  .newsCenterDetail .right .list .one .hot{height: 5rem;border-bottom-right-radius: 2rem;padding: 0 2rem 0 1.2rem;}
  .newsCenterDetail .right .list .one .hot .icon{width: 3.2rem;height: 3.2rem;margin-right: 0.4rem;}
  .newsCenterDetail .right .list .one .big{width: 30rem;height: 20rem;flex-shrink: 0;margin-right: 2rem;}
  .newsCenterDetail .right .list .one .textBox{width: 0;flex: 1;}

  .newsCenterDetail .right .list .one .name{margin: 1rem 0 1rem 0;font-size: 2.8rem;white-space: normal}
  .newsCenterDetail .right .list .one .desc{font-size: 2.4rem;}


  .sellPage{padding-bottom: 8rem;padding-top: 12rem;}
  .sellPage .bread{padding: 3rem;font-size: 2.4rem;color: #888888;height: auto;line-height: 1.5;}

  .sellPage .block{width: 69rem;margin: 0 auto;padding: 6rem 3rem;border-radius: 2rem;}
  .sellPage .block .title{font-size: 3.6rem;line-height: 1.5;}
  .sellPage .block .line{width: 100%;}
  .sellPage .block .line .name{font-size: 2.8rem;margin-bottom: 2rem;}
  .sellPage .block .line .checkBox{flex-wrap: wrap;}
  .sellPage .block .line .checkBox .one{font-size: 2.8rem;margin-bottom: 1rem;}
  .sellPage .block .line .checkBox .one .check{width: 3.6rem;height: 3.6rem;}
  .sellPage .block .line .checkBox .one .check::before{width: 2.8rem;height: 2.8rem;}
  .sellPage .block .line .checkBox .one .check::after{width: 2rem;height: 2rem;}

  .sellPage .block .line .input{height: 8rem;border-radius: 1.6rem;}
  .sellPage .block .line .input input{padding: 0 2rem;font-size: 2.8rem;}

  .sellPage .block .btnBox{justify-content: space-between;width: 100%;}
  .sellPage .block .btnBox .btn{width: 30rem;height: 8rem;margin: 0;border-radius: 8rem;font-size: 2.8rem;}
  .sellPage .block .btnBox .btn.wx .icon{width: 4.8rem;height: 4.8rem;margin-right: 1.6rem;}

  .sellPage .block .btnBox .btn.wx .hoverBox{position: absolute;bottom: -35rem;display: none;z-index: 1111;right: 0;}
  .sellPage .block .btnBox .btn.wx .hoverBox .codeBox{width: 48rem;height: 61rem;background: #fff;z-index: 111;box-shadow: 0px 0px 4rem 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.9);border-radius: 2rem;padding: 6rem 0 4rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
  .sellPage .block .btnBox .btn.wx .hoverBox .codeBox .code{width: 24rem;height: 24rem;border-radius: 1rem;}
  .sellPage .block .btnBox .btn.wx .hoverBox .codeBox .close{width: 6rem;height: 6rem;}
  .sellPage .block .btnBox .btn.wx .hoverBox .codeBox .text{font-size: 2.8rem;color: #888;line-height: 1.5;}
  .sellPage .block .btnBox .btn.wx .hoverBox .codeBox .text span{color: #333;font-size: 4rem;}



  .sellPage .block .tip{font-size: 2.8rem;text-align: center;}


  .tmallPage {padding-top: 12rem;}

  .tmallPage .formBox{height: auto;margin-top: -10rem;}
  .tmallPage .formBox .container{border-radius: 2rem;padding: 3rem 4rem;justify-content: flex-start;}
  .tmallPage .formBox .title{font-size: 3.6rem;line-height: 1.5;text-align: center;margin-bottom: 2rem;}

  .tmallPage .formBox .form{flex-direction: column;}
  .tmallPage .formBox .form .input{width: 100%;margin-bottom: 2rem;height: 8rem;border-radius: 1.6rem;padding: 0 2rem;}
  .tmallPage .formBox .form .input .icon{width: 4rem;height: 4rem;margin-right: 1.6rem;}
  .tmallPage .formBox .form .input input{font-size: 2.8rem;}
  .tmallPage .formBox .form .btn{width: 100%;height: 8rem;font-size: 2.8rem;border-radius: 8rem;}


  .tmallPage .cateBox{padding: 7rem 0 6rem;}
  .tmallPage .cateBox .title{font-size: 4.8rem;}
  .tmallPage .cateBox .desc{font-size: 2.4rem;}

  .tmallPage .cateBox .swiper .list .one{width: 22rem;margin-right: 1.5rem;margin-bottom: 1.5rem;border-radius: 2rem;}
  .tmallPage .cateBox .swiper .list .one:nth-child(5n){margin-right: 1.5rem;}
  .tmallPage .cateBox .swiper .list .one:nth-child(3n){margin-right: 0;}

  .tmallPage .cateBox .swiper .list .one .img{width: 22rem;height: 22rem;}
  .tmallPage .cateBox .swiper .list .one .text{width: 100%;height: 8rem;font-size: 3.2rem;}

  .tmallPage .cateBox .swiper .point{margin-top: 0;height: 5.6rem;}
  .tmallPage .cateBox .swiper .point .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;margin: 0 1rem;}


  .tmallPage .advantageBox{padding: 9rem 0 8rem;}
  .tmallPage .advantageBox .title{font-size: 4.8rem;}
  .tmallPage .advantageBox .desc{font-size: 2.4rem;}

  .tmallPage .advantageBox .list{flex-direction: column;}
  .tmallPage .advantageBox .list .one{width: 100%;border-radius: 2rem;margin-bottom: 2rem;}
  .tmallPage .advantageBox .list .one:last-child{margin-bottom: 0;}

  .tmallPage .advantageBox .list .one .img{width: 12rem;height: 12rem;}
  .tmallPage .advantageBox .list .one .name{margin: 2rem 0 1rem;font-size: 3.6rem;line-height: 1.5;}
  .tmallPage .advantageBox .list .one .content{font-size: 2.8rem;}


  .tmallPage .stepBox{background: url(../img/bg_tmall.jpg) no-repeat;background-size: auto 100%;padding: 9rem 0 8rem;background-position: center center;}
  .tmallPage .stepBox .title{font-size: 4.8rem;}
  .tmallPage .stepBox .desc{font-size: 2.4rem;}

  .tmallPage .stepBox .list{padding: 1rem 0;flex-wrap: wrap;justify-content: center;}
  .tmallPage .stepBox .list .one{width: 23rem;height: 21rem;padding: 1rem 0;}
  .tmallPage .stepBox .list .one .img{width: 14rem;height: 14rem;}
  .tmallPage .stepBox .list .one .text{font-size: 2.8rem;line-height: 1.5;}


  .tmallPage .otherBox{padding: 9rem 0 10rem;}
  .tmallPage .otherBox .title{font-size: 4.8rem;}
  .tmallPage .otherBox .desc{font-size: 2.4rem;}

  .tmallPage .otherBox .list{flex-direction: column;}
  .tmallPage .otherBox .list .one{width: 100%;height: 26rem;margin-bottom: 2rem;border-radius: 2rem;}
  .tmallPage .otherBox .list .one:last-child{margin-bottom: 0;}
  .tmallPage .otherBox .list .one .icon{width: 8rem;height: 8rem;margin-right: 2rem;}
  .tmallPage .otherBox .list .one .text{font-size: 4rem;line-height: 1.5;}


  .pageRight{bottom: 10rem;}
  .pageRight .block .one{width: 10rem;height: 10rem;border-radius: 2rem;margin-bottom: 1rem;}
  .pageRight .block .one .img{width: 5.6rem;height: 5.6rem;}


  .morePage{padding-top: 12rem;}
  .morePage .banner .title{font-size: 4rem;}
  .morePage .banner .desc{font-size: 2.8rem;}
  .morePage .banner .btn{width: 29.6rem;height: 8rem;border-radius: 8rem;font-size: 2.8rem;}
  .morePage .banner .btn .img{width: 4.8rem;height: 4.8rem;margin-right: 1.6rem;}

  .morePage .banner .btn .hoverBox{position: absolute;bottom: -35rem;display: none;z-index: 1111;left: 50%;transform: translateX(-50%);}
  .morePage .banner .btn .hoverBox .codeBox{width: 48rem;height: 61rem;background: #fff;z-index: 111;box-shadow: 0px 0px 4rem 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.9);border-radius: 2rem;padding: 6rem 0 4rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
  .morePage .banner .btn .hoverBox .codeBox .code{width: 24rem;height: 24rem;border-radius: 1rem;}
  .morePage .banner .btn .hoverBox .codeBox .close{width: 6rem;height: 6rem;}
  .morePage .banner .btn .hoverBox .codeBox .text{font-size: 2.8rem;color: #888;line-height: 1.5;}
  .morePage .banner .btn .hoverBox .codeBox .text span{color: #333;font-size: 4rem;}



  .morePage .floor1{padding: 7rem 0 6rem;}
  .morePage .floor1 .title{font-size: 4.8rem;}
  .morePage .floor1 .desc{font-size: 2.4rem;}
  .morePage .floor1 .list{margin-top: 9rem;flex-wrap: wrap;justify-content: center;}
  .morePage .floor1 .list .one{width: 22rem;height: auto;padding: 1rem 0;margin-bottom: 1.5rem;margin-right: 1.5rem;}
  .morePage .floor1 .list .one .img{width: 16rem;height: 16rem;margin-bottom: 1rem;}
  .morePage .floor1 .list .one .text{font-size: 3.2rem;line-height: 1.5;}
  .morePage .floor1 .list .one:nth-child(3n),.morePage .floor1 .list .one:last-child{margin-right: 0;}


  .morePage .floor2{background: url(../img/bg_more1.jpg) no-repeat;background-size: auto 100%;padding: 7rem 0 6rem;background-position: center center;}
  .morePage .floor2 .title{font-size: 4.8rem;}
  .morePage .floor2 .desc{font-size: 2.4rem;}
  .morePage .floor2 .list{margin-top: 5rem;flex-direction: column;}
  .morePage .floor2 .list .one{width: 100%;height: auto;padding: 8rem 0;border-radius: 4rem;margin-bottom: 3rem;}
  .morePage .floor2 .list .one:last-child{margin-bottom: 0;}
  .morePage .floor2 .list .one .img{width: 16rem;height: 16rem;}
  .morePage .floor2 .list .one .name{margin: 4rem 0 1rem;font-size: 4rem;line-height: 1.5;}
  .morePage .floor2 .list .one .content{font-size: 2.8rem;}


  .morePage .moreBox{padding: 8rem 0 12rem;}
  .morePage .moreBox .block{height: 50.8rem;}
  .morePage .moreBox .block .bg{height: 100%;border-radius: 4rem;overflow: hidden;}
  .morePage .moreBox .block .bg .img{height: 100%;}
  .morePage .moreBox .block .bg .img img{height: 100%;object-fit: cover;}

  .morePage .moreBox .title{font-size: 4.8rem;}
  .morePage .moreBox .desc{font-size: 2.4rem;}
  .morePage .moreBox .btn{margin-top: 5rem;width: 33.6rem;height: 8.8rem;border-radius: 8.8rem;font-size: 2.8rem;position: relative;}
  .morePage .moreBox .btn .icon{width: 4.8rem;height: 4.8rem;margin-right: 1.6rem;}

  .morePage .moreBox .btn .hoverBox{position: absolute;bottom: -18rem;display: none;z-index: 1111;left: 50%;transform: translateX(-50%);}
  .morePage .moreBox .btn .hoverBox .codeBox{width: 48rem;height: 61rem;background: #fff;z-index: 111;box-shadow: 0px 0px 4rem 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.9);border-radius: 2rem;padding: 6rem 0 4rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
  .morePage .moreBox .btn .hoverBox .codeBox .code{width: 24rem;height: 24rem;border-radius: 1rem;}
  .morePage .moreBox .btn .hoverBox .codeBox .close{width: 6rem;height: 6rem;}
  .morePage .moreBox .btn .hoverBox .codeBox .text{font-size: 2.8rem;color: #888;line-height: 1.5;}
  .morePage .moreBox .btn .hoverBox .codeBox .text span{color: #333;font-size: 4rem;}



  .morePage .floor3{padding: 7rem 0 0;}
  .morePage .floor3 .title{font-size: 4.8rem;}
  .morePage .floor3 .list{margin-top: 5rem;}

  .morePage .floor3 .list .one{flex-direction: column;border-radius: 4rem;}
  .morePage .floor3 .list .one:nth-child(2n){flex-direction: column;}
  .morePage .floor3 .list .one .textBox{width: 100%;margin-top: 4rem;padding: 0 4rem 8rem;display: flex;align-items: flex-start;}
  .morePage .floor3 .list .one .img{width: 100%;height: auto;}
  .morePage .floor3 .list .one .textBox .num{font-size: 10.8rem;margin-right: 2rem;margin-bottom: 0;line-height: 1;}
  .morePage .floor3 .list .one .textBox .name{font-size: 3.2rem;line-height: 1.5;padding: 1rem 0;}


  .morePage .floor4{padding: 8rem 0 0;}
  .morePage .floor4 .list{flex-direction: column;}
  .morePage .floor4 .list .one{width: 100%;margin-bottom: 3rem;border-radius: 4rem;}
  .morePage .floor4 .list .one:nth-child(2n){flex-direction: column-reverse;}
  .morePage .floor4 .list .one .img{width: 100%;height: auto;}
  .morePage .floor4 .list .one .textBox{height: 48.8rem;padding-top: 6rem;}
  .morePage .floor4 .list .one .textBox .num{font-size: 10.8rem;line-height: 12.8rem;margin-bottom: 1rem;}
  .morePage .floor4 .list .one .textBox .name{font-size: 4rem;}
  .morePage .floor4 .list .one .textBox .desc{margin-top: 1rem;font-size: 2.8rem;}

  .morePage .floor4 .list .one .icon{width: 20rem;height: 20rem;}
  .morePage .floor4 .list .one .icon .img{width: 10rem;height: 10rem;}



  .otherDetail{padding-bottom: 8rem;padding-top: 12rem;}
  .otherDetail .bread{padding: 3rem;font-size: 2.4rem;color: #888888;height: auto;line-height: 1.5;}

  .otherDetail .block{flex-direction: column;}
  .otherDetail .right{width: 100%;border-radius: 0;padding: 4rem 3rem;}
  .otherDetail .right .one{margin-bottom: 1rem;}
  .otherDetail .right .one .title{height: auto;border-radius: 2rem;padding: 2.8rem 4rem;}
  .otherDetail .right .one .title .text{font-size: 3.2rem;}
  .otherDetail .right .one .title .icon{width: 4.8rem;height: 4.8rem;}
  .otherDetail .right .one .box{padding: 2rem 4rem;}
  .otherDetail .right .one .two{margin-right: 5rem;font-size: 2.8rem;line-height: 1.5;padding: 1.6rem 0;height: auto;}
  .otherDetail .right .one .two:last-child{margin-right: 0;}

  .otherDetail .contentBox{width: 69rem;margin: 4rem auto 0;border-radius: 2rem;padding: 4rem;}
  .otherDetail .contentBox .title{font-size: 3.6rem;line-height: 1.5;}
  .otherDetail .contentBox .time{margin: 2rem 0 4rem;font-size: 2.4rem;}
  .otherDetail .contentBox .content{font-size: 2.8rem;}



  .member .block{height: 120rem;}
  .member .block .bg{height: 100%;}
  .member .block .bg .img{height: 100%;}
  .member .block .bg .img img{height: 100%;object-fit: cover;}

  .member .block .container{justify-content: center;}

  .member .block .box{width: 100%;border-radius: 2rem;}
  .member .block .box .type{padding: 4rem 6rem 0;}
  .member .block .box .type .one{font-size: 2.8rem;line-height: 1.5;padding-bottom: 1.6rem;}

  .member .block .box .form{padding: 6rem;}
  .member .block .box .form .line{width: 100%;height: 8rem;border-radius: 2rem;margin-bottom: 3rem;}
  .member .block .box .form .line .icon{width: 4rem;height: 4rem;margin: 0 1.6rem 0 2rem;}
  .member .block .box .form .line .input input{font-size: 2.8rem;}
  .member .block .box .form .line .input .code{width: 20rem;border-radius: 2rem;font-size: 2.8rem;}

  .member .block .box .form .btn{height: 8rem;border-radius: 2rem;font-size: 2.8rem;}
  .member .block .box .form .btn.submit{margin: 6rem 0 3rem;}

  .member .block .box .form .less .tip{font-size: 2.8rem;}

  .member .block .box .form .miniCode{width: 30rem;height: 30rem;border-radius: 2rem;}
  .member .block .box .form .text{width: 100%;height: 8rem;font-size: 2.8rem;margin-top: 2rem;}

  .member .block .box .form .checkBox{width: 100%;}
  .member .block .box .form .checkBox .check{width: 3.6rem;height: 3.6rem;flex-shrink: 0;margin: 0 1.6rem;}
  .member .block .box .form .checkBox .check::before{width: 2.4rem;height: 2.4rem;}
  .member .block .box .form .checkBox .check::after{width: 1.6rem;height: 1.6rem;}


  .userCenter{padding-bottom: 8rem;padding-top: 12rem;}
  .userCenter .bread{padding: 3rem;font-size: 2.4rem;color: #888888;height: auto;line-height: 1.5;}

  .userCenter .block{border-radius: 0;min-height: auto;}

  .userCenter .block1{padding: 5rem 3rem;}
  .userCenter .block1 .userBox{padding: 0 3rem;}
  .userCenter .block1 .userBox .head{width: 16rem;height: 16rem;margin-right: 3rem;}
  .userCenter .block1 .userBox .name{font-size: 3.2rem;margin-bottom: 1rem;}
  .userCenter .block1 .userBox .id{font-size: 2.8rem;}
  .userCenter .block1 .userBox .textBox{display: flex;flex-direction: column;align-items: flex-start;}
  .userCenter .block1 .userBox .icon{height: 4rem;margin: 0 0 1rem 0;}


  .userCenter .block1 .moneyBox{margin: 4rem 0 0;padding: 4rem 3rem;}
  .userCenter .block1 .moneyBox .title{font-size: 2.8rem;height: auto;}
  .userCenter .block1 .moneyBox .title .img{width: 4rem;height: 4rem;margin-right: 1rem;}
  .userCenter .block1 .moneyBox .title span{font-size: 2.8rem;}

  .userCenter .block1 .moneyBox .line{flex-direction: column;}
  .userCenter .block1 .moneyBox .line .one{width: 100%;height: 17rem;margin-bottom: 2rem;flex-direction: row;justify-content: space-between;padding: 0 4rem;}
  .userCenter .block1 .moneyBox .line .one:last-child{margin-bottom: 0;}
  .userCenter .block1 .moneyBox .line .one .name{height: auto;font-size: 2.8rem;}
  .userCenter .block1 .moneyBox .line .one .name .img{width: 4rem;height: 4rem;}
  .userCenter .block1 .moneyBox .line .one .money{margin-top: 1rem;font-size: 2.8rem;line-height: 1.5;}

  .userCenter .block1 .moneyBox .line .one .btn{width: 15.2rem;height: 7.2rem;font-size: 2.8rem;border-radius: 7.2rem;}

  .userCenter .menu{width: 69rem;margin: 3rem auto 0;border-radius: 2rem;}
  .userCenter .menu .content{padding: 2rem 4rem;}
  .userCenter .menu .content .one{margin-bottom: 2rem;border-bottom: 1px solid #EEEEEE;padding-bottom: 2rem;}
  .userCenter .menu .content .one .title{padding: 0;height: 10.4rem;}
  .userCenter .menu .content .one .img{width: 4.8rem;height: 4.8rem;}
  .userCenter .menu .content .one .title .text{margin: 0 2rem;font-size: 3.2rem;}

  .userCenter .menu .content .one .box{display: block;padding: 0 0 2rem;}

  .userCenter .menu .content .one:last-child{border-bottom: 0;padding-bottom: 0;}

  .userCenter .menu .flex{padding: 0;justify-content: flex-start;}
  .userCenter .menu .content .one .box .two{padding: 0 3.2rem;font-size: 2.8rem;color: #888;background: #FAF8F8;border-radius: 2rem;margin-right: 2rem;height: 8rem;}
  .userCenter .menu .content .one .box .two:last-child{margin-right: 0;}

  .userCenter .menu .content .one:hover .title,.userCenter .menu .content .one.active .title{background: transparent;}

  .userCenter .menu .content .one.active .img .hov{z-index: 1;opacity: 0;}
  .userCenter .menu .content .one.active .img .nor{z-index: 111;opacity: 1;}
  .userCenter .menu .content .one:hover .img .hov{z-index: 1;opacity: 0;}
  .userCenter .menu .content .one:hover .img .nor{z-index: 111;opacity: 1;}
  .userCenter .menu .content .one:hover .title .text,.userCenter .menu .content .one.active .title .text{color: #333;}


  .userCenter .block2{padding: 5rem 3rem 10rem;}
  .userCenter .block2 .titleBox{padding-bottom: 4rem;margin-bottom: 4rem;}
  .userCenter .block2 .titleBox .title{font-size: 4rem;}
  .userCenter .block2 .titleBox .desc{font-size: 2.8rem;margin-top: 1rem;}

  .userCenter .block2 .form{margin: 0;}
  .userCenter .block2 .form .one{width: 100%;}
  .userCenter .block2 .form .one:last-child{margin-bottom: 0;}
  .userCenter .block2 .form .one .name{font-size: 2.8rem;padding-top: 0.8rem;margin-bottom: 1rem;}
  .userCenter .block2 .form .one .input{height: 8rem;border-radius: 1.6rem;}
  .userCenter .block2 .form .one .input input{font-size: 2.8rem;padding: 0 2rem;}

  .userCenter .block2 .form .one .btn{border-top-left-radius: 1.6rem;border-bottom-left-radius: 1.6rem;font-size: 2.8rem;padding: 0 3.2rem;}
  .userCenter .block2 .form .one .btn.code{width: 20.4rem;}

  .userCenter .block2 .btnBox{margin-top: 8rem;padding-top: 4rem;}
  .userCenter .block2 .btnBox .btn{width: 100%;height: 8rem;border-radius: 8rem;font-size: 2.8rem;}


  .userCenter .block3{padding: 5rem 3rem 10rem;}
  .userCenter .block3 .titleBox{padding-bottom: 4rem;margin-bottom: 4rem;border-bottom: 1px dashed #D8D8D8;}
  .userCenter .block3 .titleBox .title{font-size: 4rem;}
  .userCenter .block3 .titleBox .desc{font-size: 2.8rem;margin-top: 1rem;}

  .userCenter .block3 .list .one{margin-bottom: 2rem;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 2rem;padding: 3rem;}
  .userCenter .block3 .list .one:last-child{margin-bottom: 0;}
  .userCenter .block3 .list .one .title{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #eee;padding-bottom: 2rem;margin-bottom: 2rem;}
  .userCenter .block3 .list .one .id{font-size: 2.8rem;line-height: 1.5;color: #333;}
  .userCenter .block3 .list .one .type{font-size: 2.4rem;line-height: 1.5;color: #999;}

  .userCenter .block3 .list .one .name{font-size: 2.8rem;color: #333;line-height: 1.5;font-weight: bold;font-family: 'siyuanheitiB';margin-bottom: 1rem;}
  .userCenter .block3 .list .one .class{font-size: 2.4rem;color: #999;line-height: 1.5;}
  .userCenter .block3 .list .one .shop{font-size: 2.4rem;color: #999;line-height: 1.5;}

  .userCenter .block3 .list .one .code{font-size: 2.8rem;line-height: 1.5;color: #333;line-height: 1.5;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid #eee;font-weight: bold;font-family: 'siyuanheitiB';}

  .userCenter .block3 .list .one .no{font-size: 2.4rem;color: #666666;line-height: 1.5;}
  .userCenter .block3 .list .one .shopid{display: flex;align-items: center;justify-content: space-between;}
  .userCenter .block3 .list .one .shopid .num{font-size: 2.4rem;color: #666;line-height: 1.5;}
  .userCenter .block3 .list .one .shopid .price{font-size: 2.4rem;color: #E40A00;line-height: 1.5;font-weight: bold;font-family: 'siyuanheitiB';}


  .userCenter .block3 .btn.more{margin: 4rem 0 0;background: #fff;height: 8rem;border-radius: 8rem;border: 1px solid #EEEEEE;color: #888;font-size: 2.8rem;}
  .userCenter .block3 .btn.more:hover{background: #FAF8F8;border: 1px solid #E40A00;color: #E40A00;}

  .userCenter .block3 .list .one .btnBox{margin-top: 2rem;display: flex;justify-content: flex-end;align-items: center;}
  .userCenter .block3 .list .one .btnBox .btn{height: 6.8rem;padding: 0 3.2rem;font-size: 2.4rem;color: #555;border: 1px solid #DDDDDD;border-radius: 6.8rem;min-width: 16rem;}
  .userCenter .block3 .list .one .btnBox .btn:hover{color: #fff;background: #E40A00;border-color: #E40A00;}
  .userCenter .block3 .list .one .btnBox .btn.pay{color: #E40A00;border-color: #E40A00;background: #FAF8F8;margin-left: 2rem;}
  .userCenter .block3 .list .one .btnBox .btn.pay:hover{color: #fff;background: #E40A00;border-color: #E40A00;}
  .userCenter .block3 .list .one .btnBox .btn.cash{color: #E40A00;border-color: #E40A00;background: #FAF8F8;margin-left: 2rem;}
  .userCenter .block3 .list .one .btnBox .btn.cash:hover{color: #fff;background: #E40A00;border-color: #E40A00;}

  .userCenter .block3 .list .one .btnBox .time{flex: 1;font-size: 2.4rem;color: #999999;}


  .hideBox.cashBox{width: 69rem;padding: 4rem;border-radius: 2rem;overflow: auto;max-height: 70vh;}
  .hideBox.cashBox .close{width: 6rem;height: 6rem;top: 4rem;right: 3rem;}
  .hideBox.cashBox .titleBox{padding-bottom: 4rem;}
  .hideBox.cashBox .title{font-size: 4rem;margin-bottom: 1rem;}
  .hideBox.cashBox .desc{font-size: 2.8rem;}
  .hideBox.cashBox .money{margin: 4rem 0;font-size: 2.8rem;}

  .hideBox.cashBox .form{margin: 0;}
  .hideBox.cashBox .form .one{width: 100%;}
  .hideBox.cashBox .form .one:last-child{margin-bottom: 0;}
  .hideBox.cashBox .form .one .name{font-size: 2.8rem;padding-top: 0.8rem;margin-bottom: 1rem;}
  .hideBox.cashBox .form .one .input{height: 8rem;border-radius: 1.6rem;}
  .hideBox.cashBox .form .one .input input{font-size: 2.8rem;padding: 0 2rem;}

  .hideBox.cashBox .form .one .btn{border-top-left-radius: 1.6rem;border-bottom-left-radius: 1.6rem;font-size: 2.8rem;padding: 0 3.2rem;}
  .hideBox.cashBox .form .one .btn.code{width: 20.4rem;}

  .hideBox.cashBox .btnBox{margin-top: 4rem;padding-top: 4rem;justify-content: space-between;}
  .hideBox.cashBox .btnBox .btn{width: calc(50% - 1.5rem);margin: 0;height: 8rem;border-radius: 8rem;font-size: 2.8rem;}


  .userCenter .block4{padding: 5rem 3rem;}
  .userCenter .block4 .title{font-size: 4rem;margin-bottom: 4rem;padding-bottom: 4rem;border-bottom: 1px dashed #eee;}

  .userCenter .block4 .contentBox{margin: 0;padding: 4rem 2rem;}
  .userCenter .block4 .contentBox .line .name{width: 14rem;height: 8rem;padding: 2rem 1rem 2rem 0;display: flex;align-items: center;justify-content: flex-end;font-size: 2.8rem;}
  .userCenter .block4 .contentBox .line .content{padding: 2rem 1rem;font-size: 2.8rem;}

  
  .hideBox.video .text{font-size: 2.8rem;margin: 2rem 0;}
  .hideBox.video video{width: 80vw;height: 60vh;}


  .hideBox.imgBox .img{width: 90vw;}



}