@charset "utf-8";
body,* { font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; }
:root {
    --red: #E72427;
    --green: #0A49CB;
    --blue: #4598F7;
    --yellow: #C9A063;
}
@media (max-width:60000000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1100px){
    html{
        font-size: calc(100vw/7.5) !important;
    }
}
.colorRed { color:var(--red); }

.container { width: 100%; padding: 0 0.6rem; margin: 0 auto; }

@media(max-width: 1100px){
    .container { width: 92%; padding:0; }
}










/*News_list*/
.colorY { color: var(--yellow); }
.news { background: url(../img/news/newsbg.jpg) no-repeat top center/cover; padding-bottom: 1rem; }
.news_tit { padding: 2.4rem 0 0.3rem; }
.news_tit .pic { display:inline-block; width: 10rem; }
.comment_tit { position: relative; }
.comment_tit .tit { position: absolute; top: 0.6rem; left: 6.8rem; }
.news1_1 { padding-bottom: 1.4rem; border-bottom: 1px solid var(--yellow); }
.news1_1 a span { display:inline-block; border: 1px solid rgba(255,255,255,0); }
.news1_1 a.cur span { color: var(--yellow); border-bottom: 1px solid var(--yellow); }
.news1_1 a { display:inline-block; padding: 0 0.75rem; position: relative; display:inline-block; }
.news1_1 a:nth-child(n+2):after { content:''; width: 1px; height: 80%; top: 10%; position: absolute; left:0; background: #D8D8D8; opacity: 0.1; }
.news1_2 ul li a { display:block; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
.news1_3 { display:flex; justify-content: center; align-items: center; }
.news1_3 .pic { overflow: hidden; width: 35.6%; }
.news1_4 { width: 64.5%; padding: 0 0 0 1rem; }
.small_more { display:inline-block; padding-right: 0.3rem;background: url(../img/news/smallmore.svg) no-repeat right center; background-size: 0.13rem auto; }
.news1_3 .pic img,.small_more { transition:all 0.6s; }
.news1_2 ul li:hover .pic img { transform:scale(1.05); }
.news1_2 ul li:hover .small_more { padding-right: 0.4rem; }
.page a { display: inline-block; width: 0.42rem; line-height: 0.42rem; border-bottom: 2px solid rgba(0,0,0,0); }
.page a.cur { border-color:#fff; }
@media(max-width: 1100px){
    .news_tit { padding: 1.4rem 0 0.5rem; }
    .news_tit .pic { display:inline-block; width: 6rem; }
    .comment_tit .tit { position: absolute; top: 0.26rem; left: 4.2rem; }
    .font32 { font-size: 0.28rem; }
    .news1_1 a { padding: 0 0.3rem; }
    .news1_4 { padding: 0 0 0 0.2rem; }
    .news1_4 .c { display:none; }
    .news1_4 .c.wh { display: block; }
    .news1_4 .t { margin-top: 0.1rem; -webkit-line-clamp: 2; }
    .news1_4 .more { margin-top: 0.2rem; }
    .news1_3 { display:flex; justify-content: start; align-items: start; }
}

/*News_detail*/
.article { padding-top: 2.5rem; padding-bottom: 1.3rem; }
.article_2 .top_tit { padding-bottom: 0.6rem; border-bottom: 1px solid rgba(255,255,255,0.2); }
.article_3 ul li a { display:block; padding: 0.4rem 0; border-top: 1px solid rgba(255,255,255,0.2); }
.article_2 { width: 65.555%; }
.article_3 { width: 25.3%; float:right; position: sticky; top: 0.7rem; }
@media(max-width: 1100px){
    .article_2 { width: 100%; }
    .article_3 { width: 100%; float:right; position: relative; top: 0; margin-top: 0.6rem; padding-top: 0.6rem; border-top: 1px solid rgba(255,255,255,0.2); }
}

/*Contact*/
.contact { background: url(../img/contact/contactbg.jpg) no-repeat top center/cover; }
.contact_1 .map .add { width: 0.45rem; height: 0.45rem; background: url(../img/contact/address.svg) no-repeat center/cover; position: absolute; left: 13.28rem; top: 4.75rem; transform: translate(-50%, -50%); }
.contact_2 { width: 100%; position: absolute; left:0; top: 55%; transform: translateY(-50%); }
.contact_2 ul li { margin-top: 0.4rem; width: 4.6rem; }
.contact_2 ul li:nth-child(n+2) { margin-top: 0.8rem; }
@media(max-width: 1100px){
    .contact_1 .map .add { left: 5.22rem; top: 1.74rem; transform: translate(-50%, -50%); }
    .contact_2 { width: 100%; position: relative; left:0; top: 0%; transform: translateY(0); padding-top: 0.4rem; }
    .contact_2 ul li { width: 100%; }
}

.contactb_2 { padding: 1.5rem 0; }
.contactb_3 { float:left; width: 33.3333%; }
.contactb_4 { width: 66.6667%; }
.contactb_4 ul li { float:left; width: calc(33.3333% - 0.08rem); margin-right: 0.12rem; }
.contactb_4 ul li:nth-child(3n) { margin-right:0; }
.contactb_4 ul li.text { width: 100%; margin-right:0; margin-top: 0.12rem; }
.contactb_4 ul li .layui-input,
.contactb_4 ul li .layui-textarea { font-size: 0.2rem; color:#fff; width: 100%; background: none; padding-left: 0.2rem; height: 0.68rem; border: 1px solid rgba(255,255,255,0.3); }
.contactb_4 ul li .layui-textarea { height: 2rem; padding: 0.15rem 0 0.15rem 0.2rem; }
.contactb_4 button { background: var(--yellow); width: 100%; border:none; margin-top: 0.12rem; height: 0.68rem; cursor: pointer; }
@media(max-width: 1100px){
    .contactb_2 { padding: 0.8rem 0 1rem; }
    .contactb_3 { width: 100%; }
    .contactb_4 { width: 100%; margin-top: 0.3rem; }
    .contactb_4 ul li { width: 100%; margin-right: 0; }
    .contactb_4 ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .contactb_4 ul li.text,.contactb_4 button { margin-top: 0.2rem; }
}

/*User center*/
.person2_1 a { position: relative; padding: 0.2rem 0; float: left; margin-right: 0.8rem; }
.person2_1 a:after { content:''; width: 0; height: 2px; background: var(--yellow); position: absolute; left:0; bottom: -1px; transition: all 0.5s; }
.person2_1 { border-bottom: 1px solid rgba(255,255,255,0.1); }
.person2_1 a.cur:after,.person2_1 a:hover:after { width: 100%; }
.person2_1 a.cur,.person2_1 a:hover { color: var(--yellow); }
.header { z-index: 1000; position: fixed; left:0; top:0; width: 100%; }
.header.headerFix { background: rgba(0,0,0,0.3); }
.header_1 .logo { padding: 0.3rem 0; }
.header_1 img { width: auto; height: 0.45rem; }
.header_2 .buy { margin-left: 0.03rem; width: 0.3rem; background: url(../img/buy.svg) no-repeat center; background-size: 0.19rem auto; height: 1.05rem;   }
.header_2 .member { margin-left: 0.2rem; width: 0.3rem; background: url(../img/member.svg) no-repeat center; background-size: 0.19rem auto; height: 1.05rem;   }
.header_3 { float:right; width: 0.8rem; height: 1.055rem; position: relative; }
.person1 { padding-top: 0.5rem; border-top: 1px solid rgba(255,255,255,0.1); }
.person1_1 .logout { position: absolute; right:0; top: 50%; transform:translateY(-50%);  }
.person1_1 .logout { transition:all 0.5s; padding: 0.1rem 0.37rem; font-weight: lighter; border:1px solid rgba(255,255,255,0.5); }
.person1_1 .logout:hover { background: rgba(255,255,255,1); color:var(--yellow); }
body { background: url(../img/news/newsbg.jpg) no-repeat top center/cover; }
.person { padding: 1.4rem 0 1.2rem; }


/*Login_pop*/
.login_out { width: 50%; height: 100vh; position: fixed; top:0; right:0; transition: all 1.2s; opacity: 1; background: url(../img/login/loginbg.jpg) no-repeat top center/cover; z-index: 100000; }
.login_out.login_out_hide {right: -100vw; opacity: 0; }
.login_out_1 { width: 100%; height: 100%; position: relative; padding: 0 0.6rem; }
.login_out_3 { position: relative; border-bottom: 1px solid rgba(255,255,255,0.1);  }
.login_out_3 .t { line-height: 1rem; }
.login_out_3 .close { cursor: pointer; width: 0.3rem; position: absolute; right: -0.03rem; top: 50%; transform:translateY(-50%); background: url(../img/login/close.svg) no-repeat center; background-size: 0.24rem auto; height: 0.3rem; }
.login_out_2 { position: relative; width: 100%; height: 100%; }
.login_out_4 { width: 100%; left:0; top: 50%; transform:translateY(-50%); position: absolute; }
.login_out_4 .icon img { width: 0.36rem; height: auto; }
.login_out_5 { width: 100%; }
.login_out_5 ul li { width: 100%; margin-right: 0; }
.login_out_5 ul li input { width: 100%; }
.login_out_5 ul li.code input { width: calc(100% - 2.2rem); float:left; }
.login_out_5 ul li.code button { width: 2rem; background: #fff; float: right; margin-top: 0; }
@media(max-width: 1100px){
    .login_out { width: 100%; }
    .login_out_1 { padding: 0 0.4rem; }
}





/*Order list null*/
.person2_2 .more a {  display:inline-block; padding: 0.15rem 0.4rem; background: #fff; transition:all 0.5s; }
.person2_2 .more a:hover { color:#fff; background: var(--yellow);}
/*Order list*/
.order_list1 ul li { overflow: hidden; border-radius: 0.1rem; border:1px solid rgba(255,255,255,0.1); }
.order_list1 ul li:nth-child(n+2) { margin-top: 0.3rem; }
.order_list1 .top_tit { border-bottom:1px solid rgba(255,255,255,0.1); background: rgba(255, 255, 255, 0.06); padding: 0.15rem 0.3rem; }
.order_list1 .top_tit .t { margin-right: 1.2rem; }
.order_list2 { display: flex; display: flex; align-items: center; padding: 0.2rem 0.3rem; }
.order_list2 .pic { width: 1.1rem; }
.order_list3 { padding-left: 0.4rem; width: calc(100% - 1.1rem); }
.order_list3 .top { line-height: 0.3rem; width: 100%; display:flex; justify-content: space-between; }
.order_list3 .bot { padding-top: 0.2rem; margin-top: 0.2rem; border-top: 1px solid rgba(255,255,255,0.1); width: 100%; display:flex; flex-wrap: wrap; }
.order_list3 .bot .t { padding-right: 0.8rem; }
.order_list3 .more22 { line-height: 0.3rem; padding-right: 0.2rem; background: url(../img/order/more.svg) no-repeat right center; background-size: 0.1rem auto; }
.order_list3 .bot .t:last-child { padding-right: 0; }
@media(max-width: 1100px){
    .order_list2 { padding: 0.2rem; align-items: normal; }
    .order_list2 .pic { width: 30%; align-items: top; }
    .order_list3 { width: 70%; padding-left: 0.2rem; }
    .order_list3 .top,.order_list3 .bottom{ display: block; }
    .order_list3 .top .t2 { margin-top: 0.1rem; }
}


.order_detail1 { padding: 2.5rem 0 1.5rem; }
.order_detail1_1 ul { display:flex; flex-wrap: wrap; }
.order_detail1_1 ul li .num { margin: 0 auto; width: 0.45rem; height: 0.45rem; line-height: 0.45rem; border-radius: 0.45rem; background: rgba(255,255,255,0.3); }
.order_detail1_1 ul li .t { position: absolute; left: 50%; transform: translateX(-50%); width: 200%; top: .6rem;  }
.order_detail1_1 ul li { text-align:center; width: 1.8rem; position: relative; margin-right: calc(25% - 2.25rem); }
.order_detail1_1 ul li:nth-child(5) { margin-right: 0; }
.order_detail1_1 ul li:nth-child(n+2):after { content:''; width: calc(24.4375vw - 2.25rem); height: 0.5rem; background: url(../img/order/orderlist.svg) no-repeat right center; background-size: 100% auto; position: absolute; top: 50%; transform: translateY(-50%); right: calc(100% - 0.15rem); }
.order_detail1_1 ul li.cur .t { opacity: 1; }
.order_detail1_1 ul li.cur .num { border:1px solid #fff; }
@media(max-width: 1100px){
    .order_detail1 { padding: 1.5rem 0 1rem; }
    .order_detail1_1 ul { width: 100%; display:flex; flex-wrap: wrap; }
    .order_detail1_1 ul li {float: left; width: 20%; text-align:center; padding: 0 0.1rem; margin-right: 0; }
    .order_detail1_1 ul li .t { font-size: 0.16rem; position: relative; margin-top: 0.2rem; width: 100%; top: 0; }
    .order_detail1_1 ul li:nth-child(n+2):after { display:none; }
}


.order_detail1_8 ul { display:flex; flex-wrap: wrap; }
.order_detail1_8 ul li { padding: 0.6rem; border:1px solid rgba(255,255,255,0.1); width: calc(50% - 0.1rem); margin-right: 0.2rem; }
.order_detail1_8 ul li:nth-child(2n) { margin-right:0; }
.order_detail1_8 .text .line { margin-top: 0.1rem; }
.order_detail1_8 .text .line span.t { width: 2.2rem; float:left; }
.order_detail1_8 .text .line span.c { width: calc(100% - 2.2rem); float: right; }
@media(max-width: 1100px){
    .order_detail1_8 ul li { padding: 0.3rem 0.2rem; width: 100%; margin-right: 0; }
    .order_detail1_8 ul li:nth-child(n+2) { margin-top:0.2rem; }
}
.order_detail1_3 { border:1px solid rgba(255,255,255,0.1); }
.order_detail1_3 .top_tit { border-bottom:1px solid rgba(255,255,255,0.1); background: rgba(255, 255, 255, 0.06); padding: 0.15rem 0.3rem; }
.order_detail1_3 .top_tit .t { margin-right: 1.2rem; }
.order_detail1_3 .top_tit .t:last-child,.order_detail1_5 ul li:last-child { margin-right:0; }
@media(max-width: 1100px){
    .order_detail1_3 .top_tit .t:nth-child(n+2) { margin-top: 0.1rem; }
}
.order_detail1_4 .pic { width: 17%; }
.order_detail1_4 .order_list3 { width: calc(83% - 0.4rem); }
.order_detail1_3 .order_detail1_5 { display:block; padding-top: 0.3rem; }
.order_detail1_5 ul li { float:left; margin-right: 1.2rem; }
.order_detail1_5 .t4 { margin-top: 5px; }
.main_btn { display:inline-block; padding: 0.13rem 0.35rem; border:1px solid rgba(255,255,255,0.5); transition: all 0.5s; }
.order_detail1_7 { position: absolute; right:0; bottom: 0.051rem; }
@media(max-width: 1100px){
    .order_detail1_5 ul li { float:left; width: 100%; margin-right: 0; margin-bottom: 0.2rem; }
    .order_detail1_7 { position: relative; margin-top: 0.2rem; right:0; bottom: 0; }
}

/* Buy car */
.buy_pop1 { height: 2.8rem; padding: 0.4rem 0 0.8rem; position: absolute; left:0; bottom: 0; border-top: 1px solid rgba(255,255,255,0.1); width: 100%; }
.buy_pop1 .postOrder { width: 100%; display: block; background: var(--yellow); padding: 0.15rem 0; }
.buy_pop1 .postOrder:hover { color:#fff; }
.buy_pop3 { overflow: hidden; width: 100%; height: calc(100vh - 4rem); position: absolute; left:0; top: 1.5rem; }
.buy_pop5 { display:flex; align-items: center;  }
.buy_pop5 .pic { width: 1.4rem; }
.buy_pop6 { width: calc(100% - 1.7rem); margin-left: 0.3rem; }
.borderT { border-top: 1px solid rgba(255,255,255,0.1); }
.borderB { border-bottom: 1px solid rgba(255,255,255,0.1); }
.buy_pop7 { padding: 0.15rem 0; }
.buy_pop4 ul li:nth-child(n+2) { margin-top: 0.3rem; }
.buy_pop7 .c2 { line-height: 0.3rem; }
.buy_pop7 input { vertical-align: top; line-height: 0.3rem;  background: none; text-align:center; width: 1rem; border:none; font-size: 0.22rem; color:#fff; height: 0.3rem; width: 1rem; position: relative; left:0; border:none;text-align:center; top:0; transform:translateY(0); } 
.buy_pop7 input.cut { width: 0.3rem; background: url(../img/order/cut.svg) no-repeat left center; background-size: 0.16rem auto; }
.buy_pop7 input.add { width: 0.3rem; background: url(../img/order/add.svg) no-repeat right center; background-size: 0.16rem auto; }
.buy_pop7 input.cut { float:left; }
.buy_pop7 input.add { float:right; }
.buy_pop7 .xvr { width: 1.6rem; height: auto; display:inline-block; }
.buy_pop4 { height: calc(100vh - 5rem); overflow-y: scroll; padding-right: 0.3rem; }
.buy_pop4 { scrollbar-color:  var(--yellow) rgba(0,0,0,0);  scrollbar-width: thin; -ms-overflow-style:none; }
.buy_pop4::-webkit-scrollbar { width: 3px; height: 1px; }
.buy_pop4::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: var(--yellow); }
.buy_pop4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); }

/* About */
.inner_banner1 { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.inner_banner2 { width: 48%; float:right; }
.inner_banner2 .tit .pic img { position: relative; left: -0.12rem; width: auto; height: 1.6rem; }
@media(max-width: 1100px){
    .inner_banner1 { position: relative; top: 0; transform: translateY(0); }
    .inner_banner2 { padding: 0.3rem 0; width: 100%; float:right; }
    .inner_banner2 .tit .pic img { width: auto; height: 1.2rem; }
}

.about1 { padding: 1.8rem 0 1.2rem; }
.about1_1 .tit { width: 7.2rem; margin: 0 auto; position: relative; }
.about1_1 .tit { width: 5.1rem; margin: 0 auto; left:-1rem; position: relative; }
.about1_1 .tit .t { position: absolute; top: 1.5rem; left: 4.1rem; min-width: 2rem; }
.about1_1 .tit .t2 { position: absolute; bottom: 0.3rem; left: 5rem; min-width: 5rem; }
.about1_2 p:nth-child(n+2) { margin-top: 0.4rem; }
.about1_2 { padding: 0 1rem; }






.about1_1 .tit .t { position: absolute; bottom: 0.3rem; top: auto; left: 0.15rem; min-width: 2rem; }
.about1_1 .t_2 .t2 { position: absolute; bottom: 0.3rem; left: 4.75rem; min-width: 5rem; }





@media(max-width: 1100px) {
    .about1_2 { padding: 0; }
    .about1_1 .tit { width: 6rem; }
    .about1_1 .tit { width: 5rem; left:-0.8rem; }
    .about1_1 .tit .t { position: absolute; top: 1.5rem; left: 4rem; min-width: 2rem; }
    .about1_1 .tit .t2 { position: absolute; bottom: 0.05rem; left: 4rem; font-size: 0.24rem; min-width: 2rem; }
}
@media(max-width: 1100px) {
    .about1_1 .tit .t { position: absolute; top: auto; left: 0.2rem; min-width: 2rem; }
    .about1_1 .tit .t2 { position: absolute; left: 4.9rem; font-size: 0.24rem; bottom: 0.3rem; min-width: 4rem; }
}


.about1 { padding: 1.8rem 0 1.2rem; }
.about3_1 .tit { width: 10.28rem; margin: 0 auto; position: relative; }
.about3_1 .tit .t { position: absolute; bottom: 0.3rem; left: 2.3rem; min-width: 2rem; }
.about1_2 p:nth-child(n+2) { margin-top: 0.4rem; }
.about1_2 { padding: 0 1rem; }
@media(max-width: 1100px) {
    .about1_2 { padding: 0; }
    .about3_1 .tit { width: 6.4rem; }
    .about3_1 .tit .t { position: absolute; bottom: 0.1rem; left: 1.2rem; font-size: 0.24rem; min-width: 2rem; }
}

/* hide_nav */
.nav_pop { right: -110%; transition: all 1s; background: rgba(0,0,0,0.5); backdrop-filter: blur(10px); width: 100%; height: 100%; position: fixed; top: 0; z-index: 10; }
.nav_pop.open_nav { right: 0; }
.nav_pop_1 { width: 100%; height: 100%; }
.nav_pop_2 { transition: all 0.5s; float:right; width: 50%; height: 100%; background: url(../img/login/loginbg.jpg) no-repeat top center; background-size: 100vw 100vh;  }
.nav_pop_3 { text-align:right; position: absolute; top: 46%; transform:translateY(-50%); right: 0.6rem; }
.nav_pop_3 ul li:nth-child(n+2) { margin-top: 0.16rem; }
.nav_pop_3 ul li .t2 { margin-top: 0.05rem; }
.nav_pop_3 ul li.cur .t,.nav_pop_3 ul li.cur .t2 { opacity: 1; }
.nav_pop_4 { position: absolute; right: 0.6rem; bottom: 0.6rem; }
.nav_pop_4 ul li { cursor: pointer; position: relative; float:left; margin-left: 0.1rem; }
.nav_pop_4 ul .icon { transition: all 0.5s; display:flex; justify-content: center; align-items: center; width: 0.5rem; height: 0.5rem; border-radius: 0.16rem; background: rgba(255,255,255,0.3); }
.nav_pop_4 ul .icon img { opacity: 0.5; transition: all 0.5s; width: 0.19rem; height: auto; }
.nav_pop_4 ul .icon:hover { background: var(--yellow); }
.nav_pop_4 ul .icon:hover img { opacity: 1; }
.nav_pop_4 .code_img { display:none; position: absolute; left: 0; transform: translateX(0%); bottom: 0; padding: 0 0 0.6rem; }
.nav_pop_4 .code_img_1 { background: #fff; padding: 0.1rem; width: 1.5rem; height: 1.5rem; border-radius: 0.15rem; }
.nav_pop_4 ul li:hover .code_img { display:block; }
@media(max-width: 1100px){
    .nav_pop_2 { width: 100%; }
    .nav_pop_3 { top: 1.4rem; right: 4vw; transform: translateY(0); }
    .nav_pop_4 { position: absolute; right: 4vw; bottom: 0.6rem; }
}

.nav_pop_2 { overflow: hidden; }
.nav_pop_2:hover { width: 78%; }
.nav_pop_3 { width: 100%; }
.nav_pop_3 li { width: 100%; }
.nav_pop_3 ul { position: relative; }
.nav_pop_3 ul:hover .nav_pop_5 dl:after { content:''; position: absolute; width: 1px; height: 500vh; top: -100vh; right: 0; background: rgba(255,255,255,0.1); }
.nav_pop_3 ul li:hover { z-index: 100; }
.nav_pop_3 ul li:hover .nav_pop_5 { z-index: 10; display: block; }
.nav_pop_5 { position: absolute; top: 0.1rem; display:none; right: 6rem; }
.nav_pop_6 { min-width: 7.8rem; position: relative; }
.nav_pop_6 dl { position: relative; }
.nav_pop_6 dl a { display:block; padding-right: 0.7rem; position: relative; }
.nav_pop_6 dl a:hover { color:#fff; opacity: 1; }
.nav_pop_6 dl a:hover:after { content:''; width: 2px; height: 100%; position: absolute; top: 0; right: -1px; background: #fff; }
.nav_pop_6 dl dd:nth-child(n+2) { margin-top: 0.3rem; }

@media(max-width: 1100px){
    .nav_pop_2:hover { width: 100%; }
    .nav_pop_3 ul li:hover .nav_pop_5 { z-index: 10; display: none; }
}

/*Diy*/
.diy_page .swiper-pagination { position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 0.64rem; }
.diy_page .swiper-pagination .swiper-pagination-bullet { border-radius: 0; display: block; margin: 0.2rem auto; width: 0.28rem; transition: all 0.5s; background: #fff; height: 2px; opacity: 1; }
.diy_page .swiper-pagination .swiper-pagination-bullet-active { width: 100%; }
.fadeInUpB { position: relative; opacity: 0; top: 1rem; transition:all 2s; }
.active .fadeInUpB { opacity: 1; top: 0; }
.more_main { border-radius: 0.6rem; transition:all 0.5s; position: relative; display:inline-block; line-height: 0.5rem; padding-left: 0.2rem; padding-right: 0.65rem; }
.more_main:after { border-radius: 0.6rem; content:''; width: 0.5rem; height: 0.5rem; position: absolute; top: 50%; background: url(../img/service/mmore.svg) no-repeat center var(--yellow); background-size: 0.13rem auto; right: 0; transform: translateY(-50%); }
.more_main:hover { color:#fff; background: var(--yellow); }
.more_main33 { padding-left: 0.07rem; }
.more_main33:hover { padding-left: 0.2rem; }
.more_main2 { background: var(--yellow); }

.diy { overflow: hidden; height: 100vh; }
.diy_page { width: 100%; height: 100vh; }
.diy_1 { width: 100%; height: 100vh; background: url(../img/diy/diy_page_1.jpg) no-repeat center/cover; }
.diy_11 { background: url(../img/diy/diy_page_1.jpg) no-repeat center/cover; }
.diy_12 { background: url(../img/diy/diy_page_2.jpg) no-repeat center/cover; }
.diy_13 { background: url(../img/diy/diy_page_3.jpg) no-repeat center/cover; }
.diy_14 { background: url(../img/diy/diy_page_4.jpg) no-repeat center/cover; }
.diy_15 { background: url(../img/diy/diy_page_5.jpg) no-repeat center/cover; }
.diy_2 { width: 90%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); }
.diy_21 { width: 100%; top: auto; left: 0; bottom: 0; transform: translate(0, 0); }
.diy_4 ul { display:flex; flex-wrap: wrap; }
.diy_4 ul li .t { font-weight: 200; }
.diy_4 ul li .icon img { height: 0.6rem; width: auto; }
.diy_41 ul { width: 10.2rem; margin: 0 auto }
.diy_41 ul li { width: 3.4rem; float:left; width: 33.3333%; }
.diy_41 ul li:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,0.2); }
.diy_42 ul { width: 90%; margin: 0 auto }
.diy_42 ul li { float:left; width: 25%; }
.diy_42 ul li:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,0.2); }
.diy_42 ul li:nth-child(5) { border-left: none; }
.diy_42 ul li:nth-child(n+6) { border-left: 1px solid rgba(255,255,255,0.2); }
.diy_42 ul li:nth-child(n+5) { width: 33.33333%; margin-top: 0.5rem; }
.diy_43 ul { width: 67.5%; margin: 0 auto }
.diy_43 ul li { float:left; width: 25%; }
.diy_43 ul li:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,0.2); }
.diy_44 ul { width: 67.5%; margin: 0 auto }
.diy_44 ul li { float:left; width: 33.33333%; }
.diy_44 ul li:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,0.2); }
.diy_44 ul li:nth-child(4) { border-left: none; }
.diy_44 ul li:nth-child(n+5) { border-left: 1px solid rgba(255,255,255,0.2); }
.diy_44 ul li:nth-child(n+4) { width: 50%; margin-top: 0.5rem; }
.diy_45 ul { width: 100%; margin: 0 auto }
.diy_45 ul li { float:left; width: 100%; }
.diy_45 ul li:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,0.2); }
@media(max-width: 1100px){
    .diy_4 ul { width: 92%; margin: auto; }
    .diy_4 ul li { border: none!important; width: 50%!important; }
    .diy_4 ul li:nth-child(2n) { border-left: 1px solid rgba(255,255,255,0.2)!important; }
    .diy_4 ul li:nth-child(n+3) { margin-top: 0.5rem; }
    .diy_45 ul li { width: 100%!important; }
    
    
    .diy_4.count3 ul li:last-child,
    .diy_4.count5 ul li:last-child,
    .diy_4.count7 ul li:last-child,
    .diy_4.count9 ul li:last-child,
    .diy_4.count1 ul li:last-child { width: 100%!important; }
    
    
    .diy_4.count1 ul,
    .diy_4.count3 ul,
    .diy_4.count4 ul{ padding: 10vh 0; }
    .diy_4.count5 ul,
    .diy_4.count6 ul{ padding: 5vh 0; }
    
    
}

/*Product_list*/
.product1_1 { width: 100%; position: absolute; left: 0; bottom: 0.7rem; }
.product1_1 .tit_pic { margin-left: -0.2rem; }
.product2 { border-bottom: 1px solid rgba(255,255,255,.2); }
.product2_2 a { position: relative; padding: 0.2rem 0; }
.product2_2 a.cur:after { content:''; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: -1px; }
.product2_2 a.cur { opacity: 1; }
.product2_2 a:nth-child(n+2) { margin-left: 0.6rem; }
.product2_1 .more { padding: 0.18rem 0; }
.product1_1 .tit_pic img { width: 6.7rem; height: auto; }
.product3 { padding-bottom: 1.4rem; }
.product3_1 { width: 17%; }
.product3_1 a { display:block; margin-bottom: 0.4rem; background: url(../img/product/more.svg) no-repeat right center; background-size: 0.08rem auto; }
.product3_1 a.cur { opacity: 1; }
.product3_1 a:hover,.product3_1 a.cur { color:#fff; opacity: 1; }
.product3_2 { width: calc(83% - 0.7rem); }
.small_more2 { background: url(../img/product/smallmore2.svg) no-repeat right center; background-size: 0.13rem auto; }
.product3_3 ul { display: flex; flex-wrap: wrap; }
.product3_3 ul li { float:left; width: calc(33.333% - 0.1rem); margin-right: 0.15rem; }
.product3_3 ul li:nth-child(3n) { margin-right: 0; }
.product3_3 ul li:nth-child(n+4) { margin-top: 0.6rem; }
@media(max-width: 1100px){
    .product1_1 .tit_pic { margin-left: -0.1rem; }
    .product1_1 .tit_pic img { width: 4rem; height: auto; }
    .product1 .pic { height: 40vh; }
    .product1 .pic img { opacity: 0; }
    .product2_2 { width: 100%; }
    .product2_2 a { width: 50%; text-align:center; }
    .product2_2 a:nth-child(n+2) { margin-left: 0; }
    .product2_2 a:nth-child(n+3) { margin-top: 0.2rem; }
    .product3_1 { width: 100%; }
    .product3_2 { width: 100%; }
    
    .product3_1 { display: flex; flex-wrap: wrap; }
    .product3_1 a { width: 48%; }
    .product3_1 a:nth-child(2n) { margin-left: 4%; }
    
    .product3_3 ul li { width: calc(50% - 0.08rem); margin-right: 0.16rem; }
    .product3_3 ul li:nth-child(3n) { margin-right: 0.16rem; }
    .product3_3 ul li:nth-child(2n) { margin-right: 0; }
    .product3_3 ul li:nth-child(n+3) { margin-top: 0.4rem; }
}

/*product_detail*/
.product_dettail_1 { padding: 1.8rem 0; }
.product_dettail_2 { float:left; width: 46.1%; }
.product_dettail_2 .swiper-container { overflow: hidden; }
.product_dettail_2 .swiper-container .swiper-slide { border:1px solid rgba(255,255,255,0); }
.product_dettail_2 .swiper-container .swiper-slide-thumb-active { border:1px solid #fff; }
.product_dettail_3 { float:right; width: 49%; }
.product_dettail_3 .t1 { margin-right: 0.1rem; line-height: 0.16rem; }
.product_dettail_3 .start_1,.product_dettail_3 .start_2 { margin-left: 0.1rem; width: 0.16rem; height: 0.16rem; float:left; }
.product_dettail_3 .start_1 { background: url(../img/product/start_1.svg) no-repeat center; background-size: 100% auto; }
.product_dettail_3 .start_2 { background: url(../img/product/start_2.svg) no-repeat center; background-size: 100% auto; }
.product_dettail_3 .top_tit { border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom: 0.4rem; }
.product_dettail_4 span { cursor: pointer; float:left; padding: 0.1rem 0.2rem; border:1px solid rgba(255,255,255,0.4); margin-right: 0.1rem; }
.product_dettail_4 span.cur { opacity: 1; border-color:#fff; }
.product_dettail_5 { border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); }
.bgYellow { background: var(--yellow); }
.product_dettail_6 button { display:block; width: 6.7rem; padding: 0.15rem 0; border:none; cursor: pointer; }
.product_dettail_6 button:nth-child(n+2) { margin-top: 0.2rem; }
.product_dettail_6 button.buy_now { margin-top: 0.2rem; }
.product_dettail_7 span { border-radius: 0.06rem; opacity: 0.6; margin-right: 0.1rem; cursor: pointer; }
.product_dettail_7 span img { height: 0.5rem; width: auto; }
.product_dettail_7 span.cur,.product_dettail_7 span:hover { opacity: 1; }
@media(max-width: 1100px){
    .product_dettail_2 { width: 100%; }
    .product_dettail_3 { width: 100%; margin-top: 0.4rem; }
}

.product_dettail2_2_2 .top_t { padding-bottom: 0.15rem; border-bottom: 1px solid rgba(255,255,255,0.1); }
.product_dettail2_2 { padding: 0 0 1.4rem; }
.product_dettail3_3 { padding: 0 0 1.6rem; }
.product_dettail2_2_1 { padding-bottom: 0.3rem; border-bottom: 1px solid rgba(255,255,255,0.1); }
.product_dettail3_3_1 ul { display:flex; flex-wrap: wrap; }
.product_dettail3_3_1 ul li { width: calc(25% - 0.12rem); margin-right: 0.16rem; }
.product_dettail3_3_1 ul li:nth-child(4n) { margin-right: 0; }
@media(max-width:1100px){
    .product_dettail3_3_1 ul li { width: calc(50% - 0.08rem); margin-right: 0.16rem; }
    .product_dettail3_3_1 ul li:nth-child(2n) { margin-right: 0; }
    .product_dettail3_3_1 ul li:nth-child(n+3) { margin-top: 0.4rem; }
}


/*Home_page*/
.home_1 { z-index: 1000; }
.home_1 .bg { width: 100vw; height: 100vh; }
.nav_pop_3_1 { width: 50%; z-index: 10001; top: 0.4rem; transform: translateY(0); }
.nav_pop_3_2 img { width: 1.6rem; height: auto; }
.home_1_3 img { width: 4.86rem; height: auto; }
.home_1_2 { width: 100%; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.home_1_3 .tit { position: absolute; left: 0.2rem; top: 2rem; }
.home_1_3 .t_2 { position: absolute; top: auto; left: 4.7rem; top: auto; }
.home_1_3 .text { padding-left: 0.07rem; width: 7.9rem; margin-top: 0.2rem; }
/*.home_1_4 { padding-left: 0.07rem; }*/

.home_1_3 .relative { left: -0.1rem; }



.home_1_3 { width: 5.1rem; position: relative; }
.home_1_3 .img { width: 5.1rem; position: relative; }
.home_1_3 .tit { position: absolute; bottom: 0.3rem; top: auto; left: 0.15rem; min-width: 2rem; }
.home_1_3 .t_2 { position: absolute; bottom: 0.3rem; left: 4.75rem; min-width: 5rem; }

@media(max-width: 1100px) {
    .home_1_3 .img { width: 5rem; }
    .home_1_3 .tit { position: absolute; left: 0.2rem; min-width: 2rem; }
    .home_1_3 .t_2 { position: absolute; left: 4.7rem; font-size: 0.24rem; min-width: 4rem; }
}





@media(max-width: 1100px){
    .home_1_3 .text { width: 100%; }
}
.home_2 { padding: 1.4rem 0 1.1rem; }
.home_2_1 .img img { width: 6.8rem; height: auto; }
.product_dettail3_3_1 ul li:nth-child(n+5) { margin-top: 0.6rem; }
.home_2_1 .c2 { max-width: 6.3rem; margin: 0.1rem auto 0; }


.vertical-text { writing-mode: vertical-lr;  text-align: left; }
.home_3 { padding: 1.8rem 0 0; background: url(../img/home/home3_1bg.jpg) no-repeat top center/cover; }
.home_3_1 { width: 10.75rem; margin: 0 auto; position: relative; }
.home_3_1 .tit { position: absolute; left: 6.1rem; top: 0.55rem; }
.home_3_2 ul { display:flex; flex-wrap: wrap; }
.home_3_2 ul li { float:left; width: calc(25% - 0.45rem); position: relative; padding-right: 0.3rem; margin-right: 0.6rem; }
.home_3_2 ul li:nth-child(4n) { margin-right: 0rem; }
.home_3_2 ul li .t2 { position: absolute; top:0; right: 0; }
.color34 { color:#343434; }
@media(max-width: 1600px){
    .home_2_1 .c2 { max-width: 7.7rem; margin: 0.1rem auto 0; }
}
@media(max-width: 1100px){
    .home_3_1 { width: 6rem; margin: 0 auto; position: relative; }
    .home_3_1 .tit { left: 3.35rem; top: 0.25rem; }
    .home_3_2 ul li { width: calc(50% - 0.1rem); position: relative; padding-right: 0.3rem; margin-right: 0.2rem; }
    .home_3_2 ul li:nth-child(4n) { margin-right: 0.2rem; }
    .home_3_2 ul li:nth-child(2n) { margin-right: 0rem; }
    .home_3_2 ul li:nth-child(n+3) { margin-top: 0.5rem; }
}

body { width: 100%; overflow: hidden; }
.home_4 { padding-top: 1.8rem; }
.home_4_1 { width: 7.86rem; margin: 0 auto; position: relative; }
.home_4_1 .tit { position: absolute; left: 1rem; top: 2.1rem; }
.home_4_2 { display:flex; flex-wrap: wrap; }
.home_4_2 .pic { width: 62%; }
.home_4_3 { width: 38%; padding: 1.4rem 0.5rem 1.4rem 0.95rem; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(50px); }
.home_4_3 .t_1 { margin-left: -0.03rem; }
@media(max-width: 1100px){
    .home_4_1 { width: 5.6rem; margin: 0 auto; position: relative; }
    .home_4_1 .tit { position: absolute; left: 0.3rem; top: 1.5rem; }
    .home_4_2 .pic { width: 100%; }
    .home_4_3 { width: 100%; padding: 0.5rem 4vw 0.6rem; }

}

.padding140 { padding: 1.4rem 0; }
.home_5_1 { width: 10rem; margin: 0 auto; }
.home_5_1 .tit { position: absolute; left: 6.8rem; top: 0.6rem; }
.home_5_2 a { display:block; padding: 0.5rem 0; border-top: 1px solid rgba(255,255,255,0.1); }
.home_5_3 { position: relative; }
.home_5_3:before { transition:all 0.5s; content:''; width: 0.32rem; height: 0.32rem; position: absolute; top: 0; right: 0; background: url(../img/home/home5_2.svg) no-repeat center/cover; position: absolute; right:0; top: 0; opacity: 0.5; }
.home_5_3 .d { transition:all 0.5s; width: 13%; }
.home_5_3 .t { transition:all 0.5s; width: 33.33333333%; }
.home_5_3 .pic { width: 31%; margin-left: 2.1rem; }
.home_5_3 .pic .c { position: absolute; left:0; top: 0; }
.home_5_3 .pic img { transition:all 0.5s; position: relative; z-index: 5; opacity: 0; }
.home_5_2 a:hover { border-color: var(--yellow); }
.home_5_2 a:hover .d,.home_5_2 a:hover .t,.home_5_2 a:hover .c { color:#fff; }
.home_5_2 a:hover .pic img { opacity: 1; }
.home_5_2 a:hover .home_5_3:before { opacity: 1; }
.home_5_2 ul { border-bottom: 1px solid rgba(255,255,255,0.1); }
@media(max-width: 1100px){
    .home_5_1 { width: 6rem; margin: 0 auto; }
    .home_5_1 .tit { position: absolute; left: 4rem; top: 0.3rem; }
    .home_5_3 .d,.home_5_3 .t,.home_5_3 .pic { width: 100%; }
    .home_5_3 .pic { margin: 0.4rem 0 0 0; margin-left: 0; }
    .home_5_2 a .pic img { opacity: 1; }
    .home_5_3 .t { margin-top: 0.2rem; }
}

.footer { padding-top: 0.9rem; background: #000; }
.footer_1 a { display:block; margin-top: 0.2rem; transition: all 0.5s; }
.footer_1 a:hover { opacity: 1; }
.footer_5 { position: relative; right: 0; bottom: 0; margin-top: 0.4rem; }
.footer_5 ul li { margin: 0 0.1rem 0 0; }
.footer_5 ul li a { margin: 0; }
.footer_6 { margin-top: 1.5rem; padding: 0.25rem 0; border-top: 1px solid rgba(255,255,255,0.1); }
.footer_7 a { color:#999; transition: all 0.5s; }
.footer_7 { line-height: 0.44rem; }
.footer_7 a:hover { opacity: 1; }
.footer_6 .f_logo img { width: auto; height: 0.44rem; }
.footer_7 a { display: inline-block; margin-left: 0.15rem; }
@media(max-width: 1100px){
    .footer_2 { width: 47%; }
    .footer_2 a { font-size: 0.2rem; }
    .footer_3 a { font-size: 0.3rem; }
    .footer_5 { width: 100%; }
    .footer_6 .f_logo,.footer_7 { width: 100%; text-align:center; }
    .footer_7 { margin-top:0.1rem; }
    .footer_7 a { display: inline; margin-left: 0; }
}








.login_out_4 { top: 53%; }
.order_table_pop { width: 70%; }
.login_out_1 { z-index: 10; background: url(../img/login/loginbg.jpg) no-repeat top center/cover; }
.order_table_pop_bg { display: none; z-index: 9999; content:''; width: 100%; z-index: 9; height: 100%; position: fixed; left: 0; top: 0; backdrop-filter: blur(10px);  }
.order_table_pop_bg.active { display: block; }
.order_table_pop_2 ul li { position:relative; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; margin-top: 0.3rem; width: calc(50% - 0.1rem); margin-right: 0.2rem; float:left; }
.order_table_pop_2 ul li.w100 { width: 100%; }
.order_table_pop_2 ul li:nth-child(1),
.order_table_pop_2 ul li:nth-child(3),
.order_table_pop_2 ul li:nth-child(5),
.order_table_pop_2 ul li:nth-child(6),
.order_table_pop_2 ul li:nth-child(8) { margin-right: 0; }
.order_table_pop_2 .layui-input { color:#fff; opacity: 0.5; font-size: 0.22rem; border:none; height: 0.58rem; width: 100%; background: none; }
.order_table_pop_2 ul li.Birthday { text-align: right; }
.order_table_pop_2 ul li.Birthday span {color:#fff; opacity: 0.25; font-size: 0.22rem; position: absolute; left: 0; top: 0; line-height: 0.56rem; }
.layui-form-select dl { background: #28726A; top: 0.54rem; }
.layui-form-selectup dl { top: auto; bottom: 0.56rem; }
.layui-form-select dl dd { font-size: 0.2rem; color:#fff; line-height: 0.56rem; }
/*.layui-form-select dl dd.layui-this,.layui-form-select dl dd:hover { background: var(--yellow); }*/
.order_table_pop_2 ul li.Birthday .layui-input { float: right; width: auto; text-align: right; }
.order_table_pop_3 button { width: 100%; padding: 0.16rem 0; cursor: pointer; border:none; }
/*.order_table_pop_2 .layui-laydate { left: auto!important; right: 3vw; }*/



.layui-form-select dl { border:none; padding: 0 0.5rem; border-top: 1px solid #28726A; background:#053E38; }
.layui-form-select dl dd, .layui-form-select dl dt { background: url(../img/selectbg1.svg) no-repeat left center; background-size: 0.2rem auto; padding-left: 0.3rem!important; font-size: ; color:#fff; opacity: 0.5; }
.layui-form-select dl dd.layui-this { opacity: 1; background: url(../img/selectbg2.svg) no-repeat left center; background-size: 0.2rem auto;  }
.layui-form-select dl dd.layui-select-tips { padding-left: 0.3rem!important; }
.layui-form-select dl dd:hover,.layui-form-select dl dt:hover { opacity: 1; background: url(../img/selectbg2.svg) no-repeat left center; background-size: 0.2rem auto; background-color: rgba(255,255,255,0)!important; }
@media(max-width:1100px){
    .order_table_pop { width: 100%; }
}



.person2_3 ul li { border-bottom: 1px solid rgba(253, 253, 253, 0.1); position: relative; float: left; width: calc(50% - 0.15rem); margin-right: 0.3rem; }
.person2_3 ul li:nth-child(2n) { margin-right: 0; }
.person2_3 ul li:nth-child(n+3) { margin-top: 0.3rem; }
/*.person2_3 ul li .clearfix { display: flex;  }*/
.person2_3 ul li span { vertical-align: top; line-height: 0.65rem; padding-right: 0.1rem; font-weight: 300; float: left; }
.person2_3 ul li .layui-input { vertical-align: top; width: auto; float: left; font-weight: 300; height: 0.65rem; color:#fff; font-size: 0.22rem; padding-left: 0; border:none; background: none; }
.person2_3 ul li .layui-input::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
.person2_3 ul li .layui-input::-moz-placeholder {color: rgba(255,255,255,0.5);}
.person2_3 ul li .layui-input:-moz-placeholder {color: rgba(255,255,255,0.5);}
.person2_3 ul li .layui-input:-ms-input-placeholder {color: rgba(255,255,255,0.5);} 
.person2_3 ul li.birthday .layui-input { float: right; width: auto; text-align: right; }


.person2_3 ul li .layui-input[name="email"] { width: calc(100% - 1rem); }


@media(max-width: 1100px){
    .person2_3 ul li { width: 100%; margin-right: 0; }
    .person2_3 ul li:nth-child(2n) { margin-right: 0; }
    .person2_3 ul li:nth-child(n+2) { margin-top: 0.3rem; }
}

.bgBlack { background: #000; transition: all 0.5s; }
.bgBlack:hover { background: var(--yellow); }


.buycar { display: flex; flex-wrap: wrap; }
.buycar_2 { position: sticky; top: 0; right:0; height: 100vh; padding: 1.4rem 0 0.6rem; width: 38%; float: right; background:#002622; }
.buycar_1 { padding: 1.4rem 0; float: left; width: 62%; }
.buycar_2 .buy_pop3 { height: calc(100vh - 2.8rem); padding: 0.6rem 0.6rem 0;  position: relative; left: 0; top: 0; }
.buycar_2 .buy_pop3 .buy_pop4 { height: 100%; }
.buycar_3 { min-height: 100vh; padding: 0.6rem 0.6rem; }
.buycar_3 .person2_3 ul li.wid100 { width: 100%; margin-right: 0; }
.buycar_3 .person2_3 ul li:nth-child(6),.buycar_3 .person2_3 ul li:nth-child(8) { margin-right: 0.3rem; }
.buycar_3 .person2_3 ul li:nth-child(7),.buycar_3 .person2_3 ul li:nth-child(9) { margin-right: 0; }
.buycar_3 .person2_3 ul li textarea { background: rgba(255,255,255,0.1); border-radius: 0.1rem; padding: 0.1rem; font-size: 0.22rem; height: 1.5rem; font-weight: 300!important; width: 100%;  }
.buycar_5 { border-radius: 0.1rem; border:1px solid rgba(255,255,255,.5); background: rgba(255,255,255,0.03); padding: 0.25rem 0.4rem; }
.buycar_5 ul { display: flex; flex-wrap: wrap; }
.buycar_5 ul li { cursor: pointer; padding: 0.15rem 0.1rem; margin-top:0!important; float: left; width: calc(20% - 0.08rem); border-radius: 0.1rem; border:1px solid rgba(255,255,255,.5); margin-right: 0.1rem!important; }
.buycar_5 ul li:nth-child(5n) { margin-right:0!important; }
.buycar_5 .icon img { width: auto; height: 0.36rem; }
.buycar_5 ul li.cur { border-color:#fff; }
.buycar_5 ul li.cur .t { opacity: 1; }
.buycarBody { overflow: visible; }
.buycar:before { z-index: 2; content:''; width: calc(100% - 1.2rem); position: absolute; left: 0.6rem; top: 1.1rem; height: 1px; background:rgba(255,255,255,0.2); }
@media(max-width: 1100px){
    .buycar:before { width: 92vw; left: 4vw; }
    
    
    .buycar_2 { position: relative; top: 0; right:0; height: auto; padding: 1rem 0 4vw; width: 100%; float: right; background:#002622; }
    .buycar_1 { padding: 1rem 0; float: left; width: 100%; }
    .buycar_3 { min-height: 100vh; padding: 0.6rem 4vw; }
    
    .buycar_5 ul li { width: calc(33.33333% - 0.08rem); margin-right: 0.12rem!important; }
    .buycar_5 ul li:nth-child(5n) { margin-right:0.12rem!important; }
    .buycar_5 ul li:nth-child(3n) { margin-right:0!important; }
    .buycar_5 ul li:nth-child(n+4) { margin-top:0.2rem!important; }
    
    
}

.buy_pop61 { padding-right: 1rem; }
.buy_pop61 .delete_pro { opacity: 0.5; position: absolute; right: 0; top: 0.05rem; cursor: pointer; }
.buy_pop61 .delete_pro:hover { opacity: 1; }