body { font-family: 'Figtree-Regular',"Open Sans", sans-serif; font-size: 14px; color: #000; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.wrap { width: 96%; margin: 0 auto; max-width: 1320px; position: relative; }
.wrap2 { margin: 0 50px; position: relative; }
.justify { text-align: justify; }
img, a { border: 0; }
.img img { display: block; margin: 0 auto; }
a, a:link { color: initial }
a:hover { color: #FB47D9; }

ul, li { list-style: none; }
@font-face { font-family: 'Figtree-Regular'; src: url('../font/Figtree-Regular.ttf'); }
@font-face { font-family: 'Figtree-SemiBold'; src: url('../font/Figtree-SemiBold.ttf'); }
@font-face { font-family: 'Figtree-SemiBoldItalic'; src: url('../font/Figtree-SemiBoldItalic.ttf'); }
@font-face { font-family: 'Figtree-VariableFont_wght'; src: url('../font/Figtree-VariableFont_wght.ttf'); }
@font-face { font-family: 'Figtree-MediumItalic'; src: url('../font/Figtree-MediumItalic.ttf'); }
@font-face { font-family: 'Figtree-Medium'; src: url('../font/Figtree-Medium.ttf'); }
@font-face { font-family: 'Figtree-LightItalic'; src: url('../font/Figtree-LightItalic.ttf'); }
@font-face { font-family: 'Figtree-Light'; src: url('../font/Figtree-Light.ttf'); }
@font-face { font-family: 'Figtree-Italic-VariableFont_wght'; src: url('../font/Figtree-Italic-VariableFont_wght.ttf'); }
@font-face { font-family: 'Figtree-Italic'; src: url('../font/Figtree-Italic.ttf'); }
@font-face { font-family: 'Figtree-ExtraBoldItalic'; src: url('../font/Figtree-ExtraBoldItalic.ttf'); }
@font-face { font-family: 'Figtree-ExtraBold'; src: url('../font/Figtree-ExtraBold.ttf'); }
@font-face { font-family: 'Figtree-BoldItalic'; src: url('../font/Figtree-BoldItalic.ttf'); }
@font-face { font-family: 'Figtree-Bold'; src: url('../font/Figtree-Bold.ttf'); }
@font-face { font-family: 'Figtree-BlackItalic'; src: url('../font/Figtree-BlackItalic.ttf'); }
@font-face { font-family: 'Figtree-Black'; src: url('../font/Figtree-Black.ttf'); }
* { margin: 0; padding: 0; box-sizing: border-box; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; }
.img:hover { }
.img_hover:hover img { transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.img img { display: block; }
.line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
*, *:after, *:before { transition: all 0.5s,color 0s; -webkit-transition: all 0.5s,color 0s; -moz-transition: all 0.5s,color 0s; -ms-transition: all 0.5s,color 0s; -o-transition: all 0.5s,color 0s; }
.f-j { display: flex; align-items: flex-start; }
.f-c { display: flex; align-items: center; }
.f-j-sb { display: flex; align-items: center; justify-content: space-between; }
.f-j-c { display: flex; align-items: center; justify-content: center; }
.flex1 { flex: 1; }
.flex-column { display: flex; flex-direction: column; }

.logo { width: 114px; }
.menu { display: flex; align-items: center; justify-content: center; }
.menu.on ul { opacity: 0; }
.menu.on .box { width: 700px; max-width: 700px; min-width: 700px; border-color: #B5B5B5; }
.head_search { width: 20px; align-items: center; display: flex; justify-content: flex-end; }
.head_search .box { position: relative; align-items: center; height: 40px; z-index: 1; display: flex; justify-content: flex-end; border-bottom: 1px solid transparent; }
.head_search input { color: #111; flex: 1; width: 0; border: 0; background: none; padding-left: 10px; overflow: hidden; }
.index .head_search input { color: #fff; }
.head_search input::-webkit-input-placeholder { color: #B5B5B5; }
.head_search .search_btn { max-width: 20px; margin-left: 10px; min-width: 20px; height: 20px; border: 0; background: url(../img/search2.png) no-repeat center center; padding: 0; cursor: pointer; }
.index .head_search .search_btn:before { background: url(../img/search.png) no-repeat center center; }
.search_btn:before { content: ''; display: block; width: 100%; height: 100%; }
.menu a { color: #000; display: flex; align-items: center; justify-content: center; }
.menu img { margin-left: 10px; }
.menu span { overflow: hidden; display: block; line-height: 1; }

.menu a:hover > span > span { animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s; }
.menu a:hover { opacity: 1; }
.menu li { margin: 0 15px; position: relative; line-height: 1.5; font-size: 16px; }
.menu ul li:hover .drop { display: block; }
.menu ul .drop { display: none; position: absolute; left: 50%; top: 100%; width: 200px; margin-left: -100px; padding-top: 20px; }
.menu ul .drop ul { flex-direction: column; background: rgba(255,255,255,0.95); padding: 3px 0; position: relative; }
.index .menu ul .drop ul { background: rgba(0,0,0,0.5); }
.menu ul .drop ul li { margin: 0; padding: 0 10px; line-height: 2.5; }
.menu ul .drop ul li:hover { background: rgba(0,0,0,0.1); }
.index .menu ul .drop ul li:hover { background: rgba(255,255,255,0.1); }
.menu ul .drop ul:after { content: ''; display: block; width: 0; height: 0; border: 5px solid rgba(255,255,255,0.5); margin: 0 auto; position: absolute; top: -10px; left: 0; right: 0; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
.index .menu ul .drop ul:after { border-bottom-color: rgba(0,0,0,0.5); }
.menu ul { display: flex; }



.head_rt { display: flex; }
.head_rt .icon { display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; width: 32px; height: 32px; margin-left: 15px; }
.head_rt .drop { display: none; position: absolute; top: 100%; left: 50%; z-index: 1; padding-top: 10px; left: 0; margin-left: -24px; color: #000; }
.index .head_rt .drop { color: #fff; }
.head_rt .icon:hover .drop { display: block; }
.head_rt .drop .d_btn { display: block; width: 120px; margin: 0 auto; }
.head_rt .icon1 .drop .d_btn { width: 160px }
.head_rt .drop li { text-align: center; font-size: 16px; }
.head_rt .drop .d_btn a { border-color: #000; color: #000; white-space: nowrap; min-width: 100px; margin: 0; padding:0 10px}
.index .head_rt .drop .d_btn a { color: #fff; border-color: #fff; }

.head_rt .drop .d_btn a:hover span { color: #fff; }
.head_rt .drop ul { padding-top: 30px; width: 175px; min-height: 115px; background: url(https://www.laivio.com/image/catalog/home/b2.png) no-repeat center center; padding-bottom:20px; background-size:100% 100%;}
.head_rt .icon3 .drop { left: auto; margin-left: auto; right: 0; margin-right: -24px; }
.head_rt .icon3 ul { background-image: url(https://www.laivio.com/image/catalog/home/b1.png) }
.head_rt .drop ul li:not(:first-child) { margin-top: 12px; }
.head_rt .icon.icon_menu { display: none; }
.head_rt .icon.icon1:before { background: url(https://www.laivio.com/image/catalog/home/Group1418.png) no-repeat center center; }
.index .head_rt .icon.icon1:before, .h_menu .head_rt .icon.icon1:before { background-image: url(https://www.laivio.com/image/catalog/home/icon5.png); }
.head_rt .icon.icon1:hover:before, .h_menu .head_rt .icon.icon1:active:before { background-image: url(https://www.laivio.com/image/catalog/home/icon5-1.png); }
.head_rt .icon.icon2 { border-radius: 100%; border: 1px solid #000; }
.head_rt .icon.icon2:before { background: url(../img/icon6-1.png) no-repeat center center; width: 28px; height: 28px; border-radius: 100%; position: relative; overflow: hidden; z-index: 1; }
.index .head_rt .icon.icon2, .h_menu .head_rt .icon.icon2 { border-color: #fff; }
.index .head_rt .icon.icon2:before, .h_menu .head_rt .icon.icon2:before { background-image: url(../img/icon6.png); }
.head_rt .icon.icon2:hover:after { content: ''; display: block; background: linear-gradient(to right,#FB47D9,#6B2FA7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 100%; }
.head_rt .icon.icon2:hover { border: none; }
.head_rt .icon.icon2:hover:before { animation: sf 0.5s; }

.head_rt .icon:before { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; left: 0; }
.head_rt .icon.icon3:before { background: url(../img/icon7-2.png) no-repeat center center; }
.index .head_rt .icon.icon3:before, .h_menu .head_rt .icon.icon3:before { background-image: url(../img/icon7.png); }
.head_rt .icon.icon3:hover:before { background-image: url(../img/icon7-1.png); }
.header.index > .wrap, .header > .wrap { margin-top: 35px; }
.header.h > .wrap { margin-top: 10px; }
.head { height: 50px; background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); text-align: center; line-height: 50px; color: #fff; font-size: 16px; position: relative; transition: all 0.3s ease; }
.head.hidden { opacity: 0; height: 0; transform: translateY(-100%); pointer-events: none; }
.head:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(251, 71, 217, 0.3); }
.head:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(251, 71, 217, 0.2); }
.head p { cursor: pointer; }
.head .close { position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; right: 0; background: url(../img/close.png) no-repeat center center; cursor: pointer; }
.head .close:hover { opacity: 0.8; }

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 101; }
.header { background: #fff; padding-bottom: 10px; }
.header.h .head { margin-bottom: 10px; }
.header.index .menu a { color: #fff; opacity: 0.7; }

.header.index { background: black; }
.header.index.h { background: rgba(0,0,0,0.8); }

.h_menu .mainer, .h_menu .footer { filter: blur(10px); }

.banner img { display: block; width: 100%; height: 100%; object-fit: cover; }
.banner .box { position: relative; min-height: 961px; height: 100%; }
.banner { background: #000; height: 120vh; height: 120dvh; position: relative; }
.banner .img1 { transition: all 0s; height: 110%; position: fixed; top: 0; left: 0; min-height: 961px; display: flex; align-items: center; justify-content: center; width: 120%; left: 50%; transform: translateX(-50%); }
.banner .img_pos { position: relative; width: 18vw; transition: all 0s; border-radius: 10px; overflow: hidden; }
.img_box { grid-column-gap: 9vw; grid-row-gap: 9vw; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; justify-items: stretch; position: absolute; width: 100%; grid-auto-columns: 1fr; display: grid; }
.banner .img_pos img { opacity: 0.5; width: 100%; }

.banner .img_1 { top: 2vw; left: -2vw; }
.banner .img_2 { top: -2vw; left: 2vw; }
.banner .img_3 { top: 2vw; left: -2vw; }
.banner .img_4 { top: -2vw; left: -2vw; }
.banner .img_5 { top: 2vw; left: -2vw; }
.banner .img_6 { top: -2vw; left: -2vw; }
.banner .img_7 { top: 2vw; left: 2vw; }
.banner .img_8 { top: -5vw; left: -2vw; }
.banner .img_9 { top: 2vw; left: 2vw; }
.banner .img_10 { top: -2vw; left: 2vw; }
.banner .img_12 { top: -5vw; left: 2vw; }


.banner .img1 > img { width: auto; height: 100%; opacity: 0; }
.banner .text { position: fixed; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.banner .text h2 { font-size: 105px; }
.banner.on1 .text > * { transform: translateY(-200px) !important; opacity: 0 !important; }

.page { background: #fff; }
.banner .text label { line-height: 40px; display: block; padding: 0 20px; border-radius: 40px; border: 2px solid #fff; font-size: 20px; margin-top: 10px; margin-bottom: 20px; }
.banner .text p { font-size: 16px; line-height: 20px; color: rgba(255,255,255,0.7); margin: 0 auto; max-width: 600px; margin-bottom: 30px; }
a.btns { width: 160px; margin: 0 auto; display: flex; align-items: center; height: 42px; line-height: 42px; position: relative; border-radius: 40px; background: url(../img/icon2.png) no-repeat center center; }
a.a_btn2 { position: relative; background: url(../img/btn_bg.png) no-repeat center center; background-size: 100% 100%; /*linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7);*/ }
a.btns span { padding-right: 40px; text-align: center; width: 100%; color: #fff; }
a.a_btn2 span { display: block; overflow: hidden; width: 100%; line-height: 1.2; color: #fff; }
a.btns:after, a.a_btn2:after { content: attr(data-text); position: absolute; width: 100%; padding-right: 40px; box-sizing: border-box; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
a.a_btn2:after { width: 100%; padding-right: 0; }
a.btns:before { content: ''; display: block; width: 40px; height: 42px; position: absolute; top: 0; right: 0; background: url(../img/icon1.png) no-repeat -5px center; }
a.btns:hover:after, a.a_btn2:hover:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
a.btns:hover > span, a.a_btn2:hover span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }


* { box-sizing: border-box; }
.page { padding: 160px 0; }
.page_tit { text-align: center; margin-bottom: 50px; margin-top: 160px; }
.page_tit:first-child { margin-top: 0; }
.page_tit p { font-size: 24px; width: 500px; margin: 0 auto; line-height: 25px; color: rgba(255,255,255,0.5); margin-top: 20px; }
.page_tit h3 { font-size: 56px; color: #000; text-transform: capitalize; }
.page_list1 .box { position: relative; border-radius: 20px; overflow: hidden; }
.page_list1 .box:hover img { transform: scale(1.1); }
.page_list1 .box .img { height: 750px; }
.page_list1 .box img { height: 100%; object-fit: cover; width: 100%; }
.page_list1 ul { display: flex; flex-wrap: wrap; margin: -20px; }
.page_list1 li { flex: 0 0 50%; }
.page_list1 .box { margin: 20px }
.page_list1 .text { position: absolute; bottom: 60px; left: 60px; right: 60px; color: #000; }
.page_list1 .fff .text { color: #fff; }
.page_list1 .fff .d_btn a { border-color: #fff; color: #fff; }
.page_list1 h3 { color: #fff; font-size: 40px; position: absolute; top: 26px; right: 27px; margin-bottom: 10px; }
.page_list1 .d_btn { position: absolute; display: flex; align-items: center; justify-content: center; bottom: 37px; left: 0; right: 0 }
.page_list1 .d_btn a { background: #fff; border: none; color: #FB47D9; width: 237px; height: 48px; font-size: 24px }
.d_btn a:hover .gradient { background: none; color: #fff; }
.gradient { background: linear-gradient(to right, #FB47D9, #6B2FA7); -webkit-background-clip: text; color: transparent; }

.page_list1 p { font-size: 36px; }
.page_list1 .f-j-sb { align-items: flex-end; }
.d_btn { display: flex; }
.d_btn a { display: block; text-align: center; overflow: hidden; display: flex; border-radius: 30px; align-items: center; justify-content: center; margin-left: 11px; font-size: 16px; overflow: hidden; position: relative; z-index: 1; padding: 0 20px; min-width: 90px; height: 30px; line-height: 30px; border-radius: 30px; border: 1px solid #000; color: #000; }

.page_list1_pro { margin-top: 76px; }
.page_list1_pro .box { display: block; position: relative; border-radius: 20px; overflow: hidden; z-index: 1; }
.page_list1_pro .box:after { content: ''; display: block; width: 100%; height: 250px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1)); position: absolute; bottom: 0; left: 0; z-index: 1; }
.page_list1_pro h2 { font-size: 100px; font-weight: bold; }
.page_list1_pro p { font-size: 20px; text-transform: uppercase; }
.page_list1_pro .text { position: absolute; bottom: 110px; left: 0; right: 0; text-align: center; color: #fff; z-index: 2; }

.page2 { background: #0C0524; }
.page { position: relative; z-index: 1; overflow: hidden; }
.page2 .page_bg { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.page_tit.fff h3 { color: #FF8AAF; }
.page_tit.fff2 h3 { color: #fff; }
a.a_btn2 { width: 120px; line-height: 40px; height: 40px; border-radius: 40px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto; font-size: 14px; margin-top: 20px; position: relative; }



@keyframes MoveUpInitial {
    to { transform: translate3d(0,-105%,0); }
}

@keyframes MoveUpEnd {
    from { transform: translate3d(0,100%,0); }
    to { transform: translate3d(0,0,0); }
}


.more a { position: relative; overflow: hidden; }
.d_btn a { border: 1px solid transparent; }
.d_btn a { overflow: hidden; position: relative; border: 1px solid #000; display: flex; align-items: center; justify-content: center; }
.d_btn a span, .more a span { display: block; line-height: 1; position: relative; }
.d_btn a span, .more span { overflow: hidden; }
.d_btn a > span > span { overflow: hidden; /*mix-blend-mode: difference;*/ }
.d_btn a:hover, .more a:hover { color: #000; border-color: #000; }
.d_btn a:hover > span > span, .more a:hover > span > span { animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s; }

.d_btn a::before, .more a:before { position: absolute; top: 0; left: -101%; width: 101%; height: 100%; display: block; content: ''; background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); transition: left 0.3s cubic-bezier(0.7, 0, 0.2, 1); transform-origin: 100% 50%; background: url(../img/btn_bg.png) no-repeat center center; background-size: 100% 100%; }
.d_btn a:hover::before, .more a:hover:before { left: 0px; }
.d_btn a:hover { border: none !important; }



.page2_swiper .swiper-slide { padding-bottom: 120px; }
.swiper-container { position: relative; }
.page2_swiper .img { border-radius: 23px; }
.page2_swiper .img img { width: 100%; }
.page2_swiper .text { display: flex; justify-content: space-between; align-items: center; color: #fff; margin-top: 20px; opacity: 0; }
.page2_swiper h3 { font-size: 24px; }
.page2_swiper p { line-height: 16px; font-size: 14px; width: 530px; }
.page2_swiper .swiper-slide-active .text { opacity: 1; }
.swiper-pagination-bullet { width: 8px; height: 8px; background: #7C8ED0; opacity: 1; margin: 0 10px !important; }
.swiper-pagination-bullet-active { width: 14px; height: 14px; background: #fff; }
.swiper-pagination { display: flex; align-items: center; justify-content: center; }
.search { display: flex; align-items: center; height: 60px; border-radius: 60px; background: #1F183B; padding: 8px; padding-left: 25px; }
.search input { flex: 1; background: none; color: #fff; outline: none; border: 0; font-size: 20px; }
.search input::-webkit-input-placeholder { color: #4A4672; }

.search .a_btn2 { margin-top: 0; }

.page_tag { line-height: 40px; }
.page_tag:after { content: ''; display: block; width: 100%; height: 1px; background: url(../img/line.png) no-repeat center center; transform: translateY(0px); }
.page_tag ul { display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.page_tag a { color: #4A4672; font-size: 24px; margin: 0 20px; position: relative; }
.page_tag li { margin: 0 24px; position: relative; min-width: 24px; text-align: center; white-space: nowrap; }
.page_tag li a:after { width: 0; height: 3px; border-radius: 3px; background: #FB75D2; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -12px; content: ''; z-index: 1; }
.page_tag li.on a:after { width: 100%; }
.page_tag li.on a { color: #7C8ED0; }
.page_list2 { margin-top: 60px; }
.page_list2 ul { position: relative; }
.page_list2 .img1 { position: relative; border-radius: 20px; overflow: hidden; }
.page_list2 .img1 img { display: block; width: 100% }
.page_list2 .on .heart { background-image: url(../img/icon4-1.png); }
.page_list2 .on .d_btn3 { background: #fff; color: #575285; }
.page_list2 .heart { width: 32px; height: 32px; background: url(../img/icon4.png) no-repeat center center; position: absolute; top: 20px; right: 20px; cursor: pointer; }
.page_list2 .text p { font-size: 16px; line-height: 40px; color: #fff; margin-top: 10px; }
a.d_btn3, .d_btn3 { display: block; padding: 4px; height: 40px; line-height: 32px; border-radius: 40px; align-items: center; justify-content: center; background: rgba(74,70,114,0.3); color: #575285; font-size: 16px; padding-left: 36px; text-align: center; position: relative; overflow: hidden; z-index: 1; margin-top: 5px; }
.d_btn3:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; background: #fff; z-index: -1; transition: all 0.3s; }
.d_btn3:hover:before { animation: zoomIn .5s linear; }
.d_btn3:hover:after { left: 0%; }
.d_btn3:before { content: ''; display: block; width: 32px; height: 32px; background: url(../img/icon3.png) no-repeat center center; position: absolute; top: 4px; left: 4px; }
.page_list2 li { position: absolute; width: 20%; padding: 15px; display: block; }
.page_list2 .box { display: block; }
.page_list2 .text { margin-bottom: 35px; }
.more a { display: flex; align-items: center; justify-content: center; width: 120px; line-height: 40px; height: 40px; border-radius: 40px; border: 1px solid #575285; color: #575285; text-align: center; margin: 0 auto; }
.more { margin-top: 50px; }
.bottom_swiper .img1 { border-radius: 40px; overflow: hidden; }
.bottom_swiper { margin: 0 auto; padding-top: 200px; position: relative; z-index: 1; }
.bottom_swiper .imgs { display: flex; align-items: center; justify-content: center; }
.img1 img { display: block; }
.btns { text-align: center; }
.page_bottom { position: relative; padding-bottom: 60px; }
.page_bottom .imgs { position: relative; height: 530px; }
.page_bottom .img1 { position: absolute; top: -10%; left: 50%; margin-left: -192px; width: 300px; }
.page_bottom .img1:nth-child(1) { transform: translateX(-400px); }
.page_bottom .img1:nth-child(3) { transform: translateX(400px); }
.page_bottom .img1:nth-child(3) img { opacity: 1 !important; }

.page_bottom .imgs:after, .page_bottom .imgs:before { position: absolute; width: 100%; height: 100%; border-radius: 20px; background: #E7CEFF; }
.page_bottom .lbl { position: absolute; top: 60%; left: 50%; width: 1000000%; text-align: center; line-height: 200px; margin-top: -100px; color: #1E183A; font-size: 160px; white-space: nowrap; transform: translateX(-50%); z-index: -1; }
.page_bottom p { width: 710px; color: #575285; line-height: 30px; font-size: 24px; margin: 50px auto 30px; text-align: center; }
.page_tit h4 { margin-top: 30px; font-size: 24px; }
.page_tit h4 a { color: #FB47D9; }
.page_list3 ul { display: flex; }
.page_list3 { display: flex; overflow: hidden; }
.page_list3 li { border-radius: 20px; overflow: hidden; margin: 15px; min-width: 421px; max-width: 421px; }
.footer { background: linear-gradient(to bottom,#351440,#0C0524); padding: 130px 0 60px; color: #fff; position: relative; z-index: 10; font-family: Figtree; font-size: 12px; }
.footer .wrap { display: flex; }
.footer .lt { flex: 1; }
.footer .lt h3 { font-size: 24px; margin-bottom: 30px; }
.footer .lt p { width: 338px; color: #8D8196; line-height: 14.4px; font-size: 12px; text-transform: initial; }
.footer .item { margin-left: 100px; line-height: 30px; }
.footer a { color: #fff; }
.footer a:hover { opacity: 1; }
.footer li a { opacity: 0.5; }
.footer h3 { font-size: 16px; line-height: 35px; font-weight: normal; }
.search2 { width: 345px; height: 46px; border-radius: 46px; background: #fff; display: flex; align-items: center; padding: 4px; margin-bottom: 30px; }
.search2 .a_btn2 { margin-top: 0; width: 80px; }
.search2 input { flex: 1; background: none; border: 0; padding-left: 15px; }
.search2 input::-webkit-input-placeholder { color: #B0A3B8; }
.share { display: flex; margin-top: 20px; }
.share a { display: block; width: 31px; height: 31px; background: url(../img/share.png) no-repeat left center; margin-left: 14px; }
.share a:first-child { margin-left: 0; }
.share a.s2 { background-position: -45px center; }
.share a.s3 { background-position: -90px center; }
.share a.s4 { background-position: -135px center; }
.foot { justify-content: space-between; margin-top: 60px; }
.foot p { color: #8D8196; }
.foot ul { display: flex; }
.foot li { padding: 0 20px; border-right: 1px solid rgba(141, 129, 150, .5); line-height: 10px; height: 10px; }
.foot li:last-child { border-right: 0; }

.pc_show { display: block !important; }
.wap_show { display: none !important; }
.banner .text { top: 60%; }
.video { width: 260px; position: relative; margin-top: 50px; opacity: 0; transform: translateY(50px); }
.video .i { border-radius: 20px; overflow: hidden; }
.video .play { position: absolute; width: 51px; height: 51px; top: 50%; margin-top: -25px; right: -25px; cursor: pointer; }
.video .play:after { content: ''; display: block; width: 79px; height: 79px; background: url(../img/text.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px; animation: m 20s infinite linear; }
.banner.on .text { top: 50%; }
.banner.on .video { transform: translateY(0); opacity: 1; }
.banner.on .img1 body.blur > *:not(.modal #jscolor-wrap) { filter: blur(10px); }
.modal { transition: all 0s; }

@keyframes m {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.footer .lt h3 br,
.page2_swiper .cur { display: none; }

@media only screen and (max-width: 750px) {

    .pc_show { display: none !important; }
    .wap_show { display: block !important; }
    .wrap { width: 90%; }
    .header.index > .wrap { margin-top: 10px; }
    .menu { display: none; }
    .head { margin-bottom: 20px; }
    .banner .text h2 { font-size: 17vw; }
    .banner { height: 150vh; height: 150dvh; }
    .banner .text p { font-size: 15px; width: 85%; margin: 0 auto; margin-bottom: 20px; }
    .video { width: 80vw; margin-top: 20px; }
    .page_list2 ul { margin: -10px; }
    .page_list2 li { width: 50%; padding: 10px; }
    .wrap2 { margin: 0 20px; }
    .page_tag a { display: block; white-space: nowrap; width: auto; padding: 0; font-size: 16px; }
    .page_tag li { padding: 0 15px; margin: 0; min-width: initial; }
    .page_tag ul { justify-content: flex-start; overflow: hidden; overflow-x: auto; padding-bottom: 5px; }
    .page_tag { margin-bottom: 15px; }
    .page_tag ul::-webkit-scrollbar { height: 0; }
    .page_tag ul:after { display: none; }
    .page_list2 .d_btn { font-size: 12px; height: 30px; }
    .page_list2 .d_btn:before { width: 22px; height: 22px; border-radius: 100%; }
    .search input { font-size: 14px; }
    .search { height: 50px; padding-left: 20px; }
    a.a_btn2 { width: initial; max-width: 150px; padding: 0 10px; white-space: nowrap; }
    .btn-block a.a_btn2 { max-width: initial; }
    .page_tag ul { margin-top: 20px; }
    .page_tit h3 { font-size: 10vw; }
    .page_tit { margin-bottom: 30px; margin-top: 30px; }
    .banner .text { top: 75%; }
    .banner .box { height: 110%; }
    .banner .text * { transform: translateY(20px); visibility: hidden; opacity: 0; }
    .banner .text h2 { display: block; opacity: 1; visibility: visible; }
    .banner.on .text * { opacity: initial; visibility: visible; transform: translateY(0px); opacity: 1; }
    .banner.on .text .btns { display: flex; }
    .banner.on .text h2 { display: block; opacity: 1; }
    .banner.on .text { top: 55%; }
    .banner .text label { line-height: 35px; border-width: 1px; font-size: 14px; }
    .page { padding: 80px 0; }
    .page_list1 .text { top: 40px; bottom: auto; display: block; left: 0; right: 0; text-align: center; }
    .page_list1 .text h3 { font-size: 7vw; }
    .page_list1 .text p { font-size: 6.5vw; }
    .page_list1 .d_btn { justify-content: center; margin-top: 20px; }
    .page_list1 li { flex: 0 0 100%; margin-top: 20px; }
    .page_list1 .box .img { height: auto }
    .page_tit p { width: 80%; font-size: 14px; line-height: 1.5; }
    .page2_swiper .text { display: block; opacity: 1; }
    .page2_swiper p { width: 100%; }
    .page2_swiper h3 { margin-bottom: 20px; }
    .page2_swiper { width: 80%; }
    .page2_swiper .cur { display: block; position: absolute; bottom: 0; left: 100%; display: flex; }
    .page2_swiper .cur div { width: 30px; height: 30px; border-radius: 100%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; position: initial; left: auto; right: auto; top: auto; bottom: auto; margin-left: 10px; }
    .page2_swiper .cur div:active { background: linear-gradient(to right,#FB47D9,#6B2FA7); border-color: transparent; }

    .page2_swiper .swiper-slide { padding-bottom: 70px; }
    .swiper-button-next:after, .swiper-button-prev:after { font-size: 14px; color: #fff; }
    .bottom_swiper { width: 75%; padding-top: 150px; }
    .page_bottom .lbl { font-size: 15vw; }
    .page_bottom p { width: 90%; font-size: 16px; line-height: 20px; text-transform: initial; }
    .page_tit h4 { font-size: 14px; font-weight: normal; }
    .page_list3 li { min-width: 158px; max-width: 158px; margin: 10px; }
    .footer { padding: 60px 0; }
    .footer .lt h3 { font-size: 8vw; }
    .footer .lt h3 br { display: block; }
    .footer .wrap { flex-direction: column; }
    .footer .item { margin-left: 0; }
    .share a { margin-left: 5px; width: 50px; height: 50px; background-image: url(../img/share2.png); transform: scale(0.8); }
    .foot p { margin-bottom: 10px; }
    .foot li { padding: 0 5px; }
    .foot { font-size: 12px; }
    .share a.s2 { background-position: -64px center; }
    .share a.s3 { background-position: -128px center; }
    .share a.s4 { background-position: -192px center; }
    .footer .lt p { font-size: 14px; line-height: 18px; margin-bottom: 10px; }

    .foot ul { flex-wrap: wrap; margin-left: -10px; }
    .foot li { padding: 0 10px; margin-top: 5px; }
    .foot { font-size: 13px; margin-top: 20px; }
    .page_list2 .heart { top: 10px; right: 10px; }
    body { overflow-x: hidden; }
    .head_rt a.icon_menu { display: flex; align-items: center; justify-content: center; flex-direction: column; }
    .head_rt a.icon_menu:after, .head_rt a.icon_menu:before { position: initial; width: 18px; height: 1px; background: #fff; margin: 5px auto; content: ''; }
    .h_menu .head_rt .icon.icon_menu:after { transform: rotate(47deg) translateY(-3px) translateX(-3px); }
    .h_menu .head_rt .icon.icon_menu:before { transform: rotate(-47deg) translateY(3px) translateX(-3px); }
    .head_rt a { width: 24px; height: 24px; margin-left: 10px; }
    .menu { display: flex; flex-direction: column; justify-content: flex-start; position: fixed; top: 104px; left: 100%; width: 100%; bottom: 0; z-index: 11; }
    .h .menu { top: 94px; }
    .no-head .menu { top: 64px; }
    .no-head .h .menu { top: 54px; }
    .menu ul { flex: 1; width: 100%; padding-top: 50px; }
    .menu ul li { margin: 0 30px; }
    .h_menu .menu { left: 0; }
    .menu:before { content: ''; display: block; width: 100%; height: 100%; position: fixed; top: 40px; left: 0; background: rgba(0,0,0,0.8); left: 100%; }
    .no-head .menu:before { top: 0; }
    .h_menu .menu:before { left: 0; }
    .head_search { width: 100%; margin-bottom: 30px; padding: 0 30px; }
    .head_search .box { width: 100%; padding: 6px; height: 46px; border-radius: 46px; background: rgba(47, 47, 47, 1); }
    .head_search input { color: #fff; }
    .head_search .search_btn { max-width: 34px; width: 34px; height: 34px; border-radius: 100%; background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7) }
    .index .head_search .search_btn:before { background-image: url(../img/search3.png) }
    .menu a { color: #fff; font-size: 26px; height: 40px; text-align: left; justify-content: flex-start; }
    .menu a > img { display: none; }
    .menu .lbl { width: 26px; height: 22px; background: url(../img/icon9.png) no-repeat center center; margin-left: 10px; }
    .menu ul .drop ul { background: rgba(0,0,0,0.5); }
    .menu ul { flex-direction: column; line-height: 2; }
    .head_rt a.icon2:before, .head_rt a:before { width: 24px; height: 24px; background-size: 24px auto !important; }
    .page_bottom .imgs { zoom: 0.5; }
    .menu ul .drop { position: initial; padding-top: 0; text-align: right; width: 100%; left: auto; margin-left: 0; background: rgba(255,255,255,0.15); }
    .menu ul .drop li a { }
    .search .a_btn2 { width: 90px; }

    .banner .img_pos { width: 30vw; opacity: 0; }
    .img_box { grid-column-gap: 8vw; grid-row-gap: 3vw; top: 0; }
    .banner .img1 > img { opacity: 1; }
    .head_rt .icon.icon_menu { display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .head_rt .icon.icon_menu:before, .head_rt .icon.icon_menu:after { content: ''; display: block; width: 15px; height: 2px; background: #111; border-radius: 2px; margin: 3px auto; position: initial; }
    .index .head_rt .icon.icon_menu:before, .index .head_rt .icon.icon_menu:after,
    .h_menu .head_rt .icon.icon_menu:before, .h_menu .head_rt .icon.icon_menu:after { background: #fff; }
    .head_rt .icon { width: 20px; height: 20px; }
    .head_rt .icon.icon2:before, .head_rt .icon:before { width: 20px; height: 20px; background-size: auto 100% !important; }
    .head { height: 40px; line-height: 40px; }
    .head .close { right: 10px; }
    .head_rt .drop { padding-top: 10px; }
    .head_rt .drop ul { }
    .head_rt .icon2 .drop { width: 200px; }
    .head_rt .icon2 .drop .d_btn a { min-width: 160px; font-size: 14px; line-height: 30px; margin: 0 auto; padding: 0; }
    .head_rt .drop ul { padding: 15px 10px; }
    .head_rt .drop .d_btn a { padding: 0; line-height: 30px; height: 30px; }
    .head_rt .icon2 .drop ul { padding: 20px 10px; }
    .header .wrap > * { z-index: 10; }
    .header .wrap .menu { z-index: 9; }
    body.h_menu .header { }
    .h_menu .banner .img1, .h_menu .banner .text, .h_menu .page { filter: blur(10px); }
}

.page_bg canvas { height: 100% !important; }


.fp_modal,
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; }
.modal { background: rgba(0, 0, 0, 0.7); }
.fp_modal { display: flex; align-items: center; justify-content: center; }
.modal_cont { position: relative; width: 300px; padding: 5px; }
.modal_cont video { width: 100%; }
.modal_cont .tit { display: flex; justify-content: space-between; align-items: center; line-height: 48px; /*background: url(../img/bg8.png) no-repeat left center;*/ padding-left: 17px; font-size: 20px; color: #fff; font-weight: bold; }
.modal_cont .close, .modal_box .close { position: absolute; top: 100%; margin-top: 20px; left: 0; right: 0; margin: 0 auto; cursor: pointer; width: 48px; height: 48px; background: url(../img/close.png) no-repeat center center; }
.modal, .modal_j { display: none; }

.mainer { min-height: 50vh; min-height: 50dvh; }
.mainer_box { margin-top: 135px; padding: 65px 0 100px; }
.no-head .mainer_box { margin-top: 60px; }
.main_tit { color: #000; margin-bottom: 50px; }
.main_tit h3 { font-size: 32px; }
.main_tit h4 { font-size: 24px; }
.main_tit:not(:first-child) { margin-top: 100px; }
.main_flex { display: flex; }
.main_flex .lt { width: 340px; line-height: 30px; font-size: 20px; }
.main_flex .lt li { margin-bottom: 20px; }
.main_flex .lt a { color: rgba(0,0,0,0.4); display: flex; align-items: center; }
.main_flex .lt a:after { content: ''; display: block; width: 8px; height: 14px; background: url(../img/icon10.png) no-repeat center center; margin-left: 15px; opacity: 0; }
.main_flex .lt li.on a { color: #000; }
.main_flex .lt li.on a:after { opacity: 1; }
.p_list { display: flex; margin: -15px; flex-wrap: wrap; }
.p_list li { flex: 0 0 33.3%; }
.p_list a { display: block; margin: 15px; line-height: 40px; padding: 0 20px; border-radius: 5px; background: #F5F5F7; }
.p_list li.on a { background: #000; color: #fff; }
.p_list2 { display: flex; flex-wrap: wrap; margin: -10px -32px; }
.p_list2 li { flex: 0 0 25%; max-width: 25%; }
.p_list2 a { display: flex; margin: 10px 32px; border-radius: 10px; background: #F5F5F7; height: 90px; padding-top: 5px; }
.p_list2 .text { flex: 1; margin-top: 15px; font-size: 16px; }
.p_list2 .text h5 { margin-bottom: 10px; }
.p_list2 .check { margin-right: 15px; margin-top: 17px; margin-left: 20px; width: 24px; height: 26px; background: url(../img/check.png) no-repeat center center; background-size: 100% auto; }
.p_list2 li.on .check { background-image: url(../img/check-1.png); }
.btn-block { width: 314px; margin: 0 auto; margin-top: 80px; }
.btn-block a.a_btn2 { width: 100%; font-size: 16px; }

.page_list2-1 { margin-top: 0; }
.page_list2-1 li { width: 25%; padding-top: 0; }
.page_m_tit h3 { font-size: 42px; color: rgba(0,0,0,0.5); text-align: center; margin-bottom: 40px; }
.search_2 { background: #F5F0F7; margin-bottom: 60px; }
.search_2 input { color: #000; }
.search_2 input::-webkit-input-placeholder { color: #B0A3B8; }
.a_btn2_btn { width: 44px; height: 44px; background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); display: flex; align-items: center; justify-content: center; border-radius: 100%; }
.a_btn2_btn:before { content: ''; width: 22px; height: 20px; background: url(../img/icon11.png); }
.search_2 .a_btn2:before { }
.icon11 { width: 22px; height: 20px; background: url(../img/icon11.png); }
.page_list2 .img1 .tit { position: absolute; top: 20px; left: 20px; color: #000; font-size: 20px; display: flex; align-items: center; }
.page_list2 .img1 .tit:before { content: ''; width: 6px; height: 6px; border-radius: 6px; background: #000; margin-right: 5px; }
.page_list2 .img1 .tit.fff { color: #fff; }
.page_list2 .img1 .tit.fff:before { background: #fff; }
.page_list2 .img1 .money { position: absolute; bottom: 20px; left: 20px; font-size: 20px; color: #000; }

.page_list2 .text h3 { font-size: 24px; padding: 20px 0; }
.d_btn.big a { height: 40px; width: 173px; font-size: 14px; }
.d_btn.big a:first-child { margin-left: 0; }
.dz_header .wrap { display: flex; justify-content: space-between; height: 80px; align-items: center; }
.a_return { display: block; font-size: 16px; padding-left: 40px; line-height: 40px; background: url(../img/back.png) no-repeat left center; }
.dz_select { max-width: 532px; width: 70%; position: relative; border-radius: 40px; background: #F8F6F4; }
.dz_select .tit { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; border: 0; -webkit-appearance: none; padding-left: 25px; line-height: 40px; cursor: pointer; padding-right: 20px; }
.dz_select .tit:after { content: ''; width: 20px; height: 20px; background: url(../img/icon12.png) no-repeat center center; }
.dz_select .tit.on:after { transform: rotate(180deg); }
.dz_select .drop { display: none; position: absolute; background: #fff; border-radius: 20px; background: #fff; padding: 26px 26px; padding-top: 0; top: 100%; margin-top: 12px; z-index: 101; width: 100vw; max-width: 1374px; left: 50%; transform: translateX(-50%) }
.p_tag_list ul { display: flex; justify-content: center; gap: 100px; align-items: center; font-size: 18px; height: 52px; color: #B5B5B5 }
.p_tag_list ul li { cursor: pointer; }
.p_tag_list ul li.on { color: #D340CB }
.dz_select .p_list li { flex: 0 0 50%; }
.dz_select .p_list a { margin: 10px; }
.dz_select .p_list { margin: -10px; max-height: 220px; overflow: hidden; overflow-y: auto; margin-bottom: 30px; }
.dz_select .p_list2 { margin: -10px; margin-top: 10px; }
.dz_select .p_list2 li { width: 230px; max-width: 50%; }
.dz_select h3 { font-size: 16px; }
.dz_select .p_list2 .check { margin-top: 10px; margin-left: 10px; margin-right: 10px; }
.dz_select .p_list2 .text h5 { margin-bottom: 5px; }
.dz_select .p_list2 a { margin: 10px; }
.drop { transition: all 0s; }
.help, a.help { padding-right: 25px; line-height: 20px; background: url(../img/icon13.png) no-repeat right center; color: #C2AECA; cursor: pointer; }
.help:hover { text-decoration: underline; }
.dz_mainer .wrap { height: calc(100vh - 80px); height: calc(100dvh - 80px); padding: 100px; padding-top: 0; display: flex; align-items: center; justify-content: center; }
.pro_pos { cursor: pointer; position: absolute; }
.pro_pos.pos1 { top: 120px; left: 0; }
.pro_pos.pos1 .icon { display: block; width: 100%; height: 100%; }
.pro_pos.pos1 li { position: relative; margin-bottom: 20px; width: 46px; height: 46px; border-radius: 100%; background: #fff; cursor: pointer; }
.pro_pos.pos1 li:hover, .pro_pos.pos1 li.on { background: rgba(0,0,0,0.1); }
.pro_pos.pos1 li:hover .drop { display: block; }
.pro_pos.pos1 .icon { background-position: center center; background-repeat: no-repeat; }
.pro_pos.pos1 li:first-child { background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); }
.pro_pos.pos1 .icon1 { background-image: url(../img/icon15.png); }
.pro_pos.pos1 .icon2 { background-image: url(../img/icon16.png); }
.pro_pos.pos1 .icon3 { background-image: url(../img/icon17.png); }
.pro_pos.pos1 .icon4 { background-image: url(../img/icon18.png); }
.pro_pos.pos1 .drop { position: absolute; left: 100%; padding-left: 20px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #000; line-height: 1.3; display: none; }
.pro_pos.pos1 .drop .a_btn2 { width: 80px; line-height: 30px; height: 30px;; margin-top: 10px; }
.pro_pos.pos1 .drop a { margin-left: 0; }
.pro_pos.pos1 .drop > div { padding: 20px; background: #fff; border-radius: 10px; position: relative; box-shadow: 0 0 8px rgba(0,0,0,0.1); width: 230px; }
.pro_pos.pos1 .drop > div:after { content: ''; display: block; width: 0; height: 0; border: 10px solid transparent; position: absolute; left: -20px; top: 50%; margin-top: -10px; border-right-color: #fff; }
.pro_pos.pos2 { top: 120px; right: 0; }
.pro_pos.pos3 { right: 20px; bottom: 100px; }
.pro_pos.pos3 p { display: none; }
.pro_pos .rotate { width: 60px; height: 100px; background: url(https://www.laivio.com/image/catalog/home/2d.png) no-repeat top center; cursor: pointer; transition: all 0s; }
.pro_pos .rotate.on { background-image: url(https://www.laivio.com/image/catalog/home/3d.png); }
.pro_pos .headpic { width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pro_pos .headpic img { width: 100%; height: 100%; object-fit: cover; }
.pro_img.on { transform: rotate(30deg); }

.dz_mainer { background: #F8F6F4; }
.bold { font-weight: bold; }

::-webkit-scrollbar { height: 4px; width: 4px; background: #F5F5F7; }
::-webkit-scrollbar-thumb { background: #FB75D2; border-radius: 4px; }
.pro_btm { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 20px 20px 0 0; padding: 0 50px; }
.pro_btm a { margin: 0; }
.pro_btm a:first-child { font-size: 18px; color: #9B37B7; padding-right: 15px; background: url(../img/icon14.png) no-repeat right center; }
.pro_btm a:first-child:hover { padding-right: 20px; }

.modal_tit { text-align: center; padding-top: 65px; font-size: 18px; margin-bottom: 30px; }
.modal_tit h3 { font-size: 40px; margin-bottom: 10px; }
.modal_style1 .modal_cont { padding: 60px; padding-top: 0; background: #fff; border-radius: 20px 20px 0 0; width: 1320px; }
.modal .close2 { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: url(../img/close2.png) no-repeat center center; cursor: pointer; z-index: 10; }
.modal .close2:hover { transform: rotate(180deg); }
.headpic_m_tit ul { display: flex; overflow-x: auto; padding-bottom: 20px; margin-bottom: 20px; }
.headpic_m_tit li { width: 90px; cursor: pointer; height: 90px; border-radius: 100%; background: #F5F5F7; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.headpic_m_tit li img { max-width: 90%; max-height: 90%; border-radius: 100%; }
.headpic_m_tit li.on { background: #e0e0e0; }
.headpic_m_tit li:not(:first-child) { margin-left: 20px; }
.modal .btn-block { margin-top: 50px; }
.headpic_m_list ul { display: flex; flex-wrap: wrap; margin: -10px; }
.headpic_m_list li { cursor: pointer; width: 128px; height: 128px; margin: 10px; background: #F5F5F7; border-radius: 5px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.headpic_m_list li img { max-width: 90%; max-height: 90%; }
.headpic_m_list li:before { content: ''; display: none; width: 100%; height: 100%; position: absolute; background: #000; opacity: .6; }
.headpic_m_list li:after { content: ''; display: none; width: 24px; height: 24px; background: url(../img/icon20.png) no-repeat center center; right: 10px; position: absolute; bottom: 10px; }
.headpic_m_list li:not(.li_add).on:before, .headpic_m_list li:not(.li_add).on:after { display: block; }
.headpic_m_list li.on { }
.headpic_m_list { height: 290px; overflow: hidden; overflow-y: auto; }
.modal_style1 .fp_modal { align-items: flex-end; }

.modal_tit_tag { display: flex; overflow: hidden; line-height: 50px; justify-content: space-between; font-size: 18px; border-bottom: 1px solid #E6E1E9; }
.modal_tit_tag li { color: rgba(0,0,0,0.5); position: relative; cursor: pointer; }
.modal_tit_tag li.on { color: #000; }
.modal_tit_tag li:after { width: 0px; height: 3px; background: #FB75D2; border-radius: 3px; position: absolute; bottom: 0; left: 0; content: ''; }
.modal_tit_tag li.on:after { width: 80px; }

.li_add span { content: ''; display: block; width: 50px; height: 50px; background: url(../img/icon21.png) no-repeat center center; }
.li_add input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.textarea { width: 100%; padding: 10px; border: 1px solid #000; border-radius: 5px; }
.textarea textarea { height: 90px; width: 100%; resize: none; border: 0; background: none; }
.font_list { height: 180px; overflow: hidden; overflow-y: auto; margin-top: 20px; padding-right: 20px; }
.font_list ul { display: flex; flex-wrap: wrap; margin: -12px; }
.font_list li { flex: 0 0 33.33%; }
.font_list span { display: block; line-height: 43px; background: #F5F5F7; padding: 0 20px; border-radius: 5px; margin: 12px; }
.font-algin { display: flex; justify-content: center; align-items: center; margin-top: 20px; margin-bottom: -20px; }
.font-algin span { width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; cursor: pointer; margin: 0 10px; }
.font-algin span.left { background-image: url(../img/icon22.png); }
.font-algin span.center { background-image: url(../img/icon23.png); }
.font-algin span.right { background-image: url(../img/icon24.png); }
.font-algin span.color { background-image: url(../img/icon25.png); }

.modal_style2 .modal_cont { background: #fff; border-radius: 20px; width: 700px; padding: 65px; }
.modal_style2 .btn-block { margin-top: 30px; }
.modal_tips { text-align: center; line-height: 1.2; text-align: center; font-size: 16px; }
.modal_tips p:not(:first-child) { margin-top: 20px; }

.modal_style3 .fp_modal { justify-content: flex-end; }
.modal_style3 .modal_cont { height: 100vh; height: 100dvh; background: #fff; width: 550px; padding: 40px; border-radius: 10px 0 0 10px; overflow: hidden; overflow-y: auto; }
.modal_style3 .close2 { position: initial; top: auto; right: auto; }
.modal_style3 .tit { display: flex; justify-content: space-between; color: #000; font-size: 32px; padding-left: 0; text-transform: capitalize; }
.modal_style3 .tit h4 { font-size: 24px; }
.modal_style3 .tit:not(:first-child) { margin-top: 30px; margin-bottom: 10px; }
.cart_list li { display: flex; align-items: center; margin-top: 40px; position: relative; }
.cart_list .img { width: 150px; height: 150px; border-radius: 10px; background: #F5F5F7; display: flex; align-items: center; justify-content: center; margin-right: 24px; }
.cart_list .img img { max-width: 90%; max-height: 90%; }
.cart_list .text { display: flex; height: 150px; flex-direction: column; line-height: 20px; font-size: 16px; }
.cart_list .text h3 { flex: 1; font-size: 20px; margin-top: 10px; }
.cart_list .dele { position: absolute; width: 40px; height: 40px; background: url(../img/icon26.png) no-repeat center center; top: -10px; right: 0; cursor: pointer; }
.div_num { width: 140px; height: 35px; display: flex; align-items: center; border-radius: 35px; border: 1px solid #000; }
.div_num span { width: 35px; display: flex; align-items: center; justify-content: center; font-size: 25px; height: 35px; cursor: pointer; }
.div_num input { flex: 1; color: #000; text-align: center; border: 0; width: 0; }
.check2 { width: 24px; height: 24px; background: url(https://www.laivio.com/image/catalog/home/icon_check.png) no-repeat center center; margin-right: 20px; cursor: pointer; }
.check2.on { background-image: url(https://www.laivio.com/image/catalog/home/icon_check-1.png); }
.check2_all { display: flex; align-items: center; margin-top: 30px; font-size: 24px; }
.check2_all .check2 { background-image: url(https://www.laivio.com/image/catalog/home/icon_all.png); margin-right: 10px; }
.check2_all .check2.on { background-image: url(https://www.laivio.com/image/catalog/home/icon_check-1.png) }

.swiper_cart { width: 500px; }
.swiper_cart .swiper-slide { width: 200px; background: #F5F5F7; border-radius: 20px; }
.swiper_cart .img { height: 150px; width: 150px; margin: 14px auto; display: flex; align-items: center; justify-content: center; }
.swiper_cart .text { padding: 0 25px; margin-top: 12px; line-height: 1.5; padding-bottom: 25px; }
.swiper_cart .text h3 { font-size: 20px; }
.swiper_cart .icon { width: 32px; height: 34px; background: url(../img/icon27.png) no-repeat center center; cursor: pointer; }
.show_btn:before { content: 'hide'; }
.show_btn { font-weight: normal; cursor: pointer; display: flex !important; text-transform: capitalize; align-items: center; justify-content: center; font-size: 16px; }
.show_btn:after { content: ''; display: block; width: 13px; height: 8px; background: url(../img/icon28.png) no-repeat center center; margin-left: 5px; }
.show_btn.on:before { content: 'show'; }
.show_btn.on:after { transform: rotate(180deg); }
.btn-block p { text-align: center; margin-top: 20px; font-size: 14px; color: #000; }
.modal_cart .btn-block { width: 100%; margin-top: 30px; }
.show_box ul:not(:first-child) { padding-top: 15px; margin-top: 15px; border-top: 1px solid #E6E1E9; }
.show_box ul li { display: flex; align-items: center; justify-content: space-between; line-height: 40px; font-size: 16px; }
.show_box ul.fs24 li { font-size: 24px; }
.show_box ul { transition: all 0s; }
.hidden { overflow: hidden; }



.pro_img { position: relative; }
.pro_img .img_pos { position: absolute; bottom: 80px; width: 80%; left: 10%; }
.pro_pos span{margin-bottom:5px}
.pro_pos.pos2 .img { width: 60px; height: 60px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.pro_pos.pos2 .img img { max-width: 70%; max-height: 70%; }
.pro_pos.pos4 { bottom: 100px; left: 0px; width: 66px; text-align: center; font-size: 12px; color: #000; display:none;}
.pro_pos.pos4 span { display: block; width: 46px; height: 46px; border-radius: 100%; background: url(../img/icon29.png) no-repeat center center #fff; margin: 0 auto; margin-bottom: 10px; }
.pro_pos.pos4 .on span { background-image: url(../img/icon29-1.png); }


.trash-icon { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; display: inline-block; /* 或者其他适合的 display 属性 */ }



.pro_pos.pos6 { bottom: 100px; left: 0px; width: 66px; text-align: center; font-size: 12px; color: #000; }
.pro_pos.pos6 span { display: block; width: 46px; height: 46px; border-radius: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='rgb(211, 211, 211)' class='bi bi-trash' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E") no-repeat center center #fff; margin: 0 auto; margin-bottom: 10px; }
.pro_pos.pos6 .on span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='rgb(251, 121, 226)' class='bi bi-trash' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E") no-repeat center center #fff; margin: 0 auto; margin-bottom: 10px; }


.img_pos.on { border: 1px solid #000; }
.img_pos.on i { position: absolute; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: center center; background-color: #fff; border-radius: 100%; cursor: pointer; }
.img_pos.on i.i_dele { top: -40px; left: -17px; background-image: url(../img/icon30.svg); }
.img_pos.on i.i_resize { top: -40px; right: -17px; background-image: url(../img/icon30-1.svg); }
.img_pos.on i.i_copy { bottom: -40px; left: -17px; background-image: url(../img/icon30-2.svg); }
.img_pos.on i.i_rotate { bottom: -40px; right: -17px; background-image: url(../img/icon30-3.svg); }
.img_pos.on:after,
.img_pos.on:before, .img_pos.on .border:after,
.img_pos.on .border:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #000; background: #fff; position: absolute; }
.img_pos.on:after, .img_pos.on:before { left: 50%; margin-left: -6px; }
.img_pos.on:after { top: -6px; }
.img_pos.on:before { bottom: -6px; }
.img_pos.on .border:after, .img_pos.on .border:before { top: 50%; margin-top: -6px; }
.img_pos.on .border:after { left: -6px; }
.img_pos.on .border:before { right: -6px; }
.modal_cart_success .modal_cont { width: 448px; padding: 50px; padding-bottom: 30px; }
.modal_cart_success .img { width: 115px; height: 115px; border-radius: 20px; background: #F5F5F7; display: flex; align-items: center; justify-content: center; margin-right: 24px; }
.modal_cart_success .img img { max-width: 90%; max-height: 90%; }
.modal_cart_success .text p { line-height: 30px; font-size: 20px; color: #000; }
.modal_cart_success .text h3 { font-size: 32px; margin-top: 15px; }
.modal_cart_success .d_btn { margin-top: 30px; margin-bottom: 20px; }
.d_btn a.on { background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); border: none; color: #fff; }
.modal_cart_success .d_btn a { width: 160px; height: 40px; border-radius: 40px; }
.modal_cart_success .btns a:not(:first-child) { margin-left: 10px; }
.modal_cart_success .p { color: #787878; }

.bg1 { background: #0C0524; }
.dz_header.on { background: #0C0524; }
.dz_header.on .a_return { background-image: url(../img/back-1.png); color: #fff; }
.bg1 .dz_mainer { background: none; }
.bg1 .dz_mainer > .wrap { padding: 0; }
.ai_ht { height: 706px; background: #1E183A; border-radius: 10px; }
.ai_lt { flex: 1; display: flex; flex-direction: column; align-items: center; }
.ai_rt { width: 355px; padding: 25px; padding-top: 40px; margin-left: 30px; }
.ai_lt .icon1 { display: block; background: url(../img/icon31.png) no-repeat center center rgba(255, 255, 255, 0.1); width: 65px; height: 65px; border-radius: 100%; position: absolute; left: 50%; margin-left: -32px; bottom: 30px; overflow: hidden; cursor: pointer; }
.ai_lt .icon1:after { content: ''; display: block; width: 100%; height: 100%; background: #fff; opacity: 0.1; filter: blur(10px); position: absolute; top: 0; left: 0; }
.ai_lt .mask_box { width: 315px; margin: 0 auto; position: relative; }
.ai_lt .img { border-radius: 20px; margin-top: 50px; position: relative; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; background: #28214B; height: 556px }
.ai_lt .icon1:hover:after { opacity: 0.5; }
.ai_lt .icon1 input { z-index: 1; position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; }
.btns.dis { background-image: url(../img/icon2-1.png); width: 177px; }
.btns.dis:before { background-image: url(../img/icon1-1.png); }
/*a.btns.dis span, a.btns.dis:after { width: 138px; }*/
.div_tag .tit ul { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(74, 70, 114, 0.3); }
.div_tag .tit li { line-height: 30px; color: #fff; position: relative; }
.div_tag .tit li a { color: #fff; font-size: 16px; }
.div_tag .tit li:after { content: ''; display: block; width: 0; position: absolute; left: 0; right: 0; bottom: -1px; width: 0; margin: 0 auto; height: 2px; background: #FB47D9; }
.div_tag .tit li.on:after { width: 100%; }
.ai_rt .sc_list { display: none }
.img_list { margin-top: 30px; overflow: hidden; overflow-y: auto; height: 580px; margin-right: -25px; padding-right: 25px; }
.img_list::-webkit-scrollbar { background: rgba(74, 70, 114, 0.3); }
.img_list ul { display: flex; flex-wrap: wrap; margin: -5px; }
.img_list li { width: 33.33%; }
.img_list li img { display: block; }
.img_list li > div { margin: 5px; border-radius: 5px; overflow: hidden; height: 123px; }
.img_list span { color: #fff; font-size: 16px; display: block; text-align: center; line-height: 30px; background: rgba(251, 154, 204, 1); }

.sc_list { margin-top: 20px; }
.sc_list ul { display: flex; }
.sc_list li { flex: 1; margin-left: 11px; line-height: 29px; border: 1px solid #fff; color: #fff; text-align: center; border-radius: 5px; cursor: pointer; font-size: 16px; }
.sc_list li.on { background: rgba(251, 154, 204, 1); border-color: rgba(251, 154, 204, 1); }
.sc_list li:first-child { margin-left: 0; }
.mask_tips:after { content: ''; display: block; width: 44px; height: 70px; background: url(../img/icon32.png) no-repeat center center; background-size: 100% auto; margin: 0 auto; margin-top: 10px; }
.mask.mask_tips { position: absolute; z-index: 100; bottom: 120px; left: -20px; }
.mask_tips > div { background: #fff; border-radius: 10px; padding: 20px; padding-top: 15px; width: 263px; font-size: 20px; line-height: 1.3; }
.mask_tips .a_btn2 { margin-left: 0; height: 30px; line-height: 30px; width: 100px; margin-top: 15px; }
.mask_m { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 101; display: none; }

.mask_z { z-index: 11; position: relative; }
.div_tag { position: relative; }
.div_tag .mask_tips { left: auto; right: 100%; margin-right: 123px; top: 25%; bottom: auto; }
.div_tag .mask_tips:after { position: absolute; top: 50%; transform: translateY(-50%) rotate(-60deg); left: 110%; }
.div_tag .mask_tips._3 { top: 100%; margin-top: -100px; }
.mask_tips._4 { bottom: 50px; left: -50px; }
.wap_fixed_btn { position: relative; }
.dz_mainer .mask_tips { display: none; }

.step1 .mask_tips, .step2 .mask_tips, .step3 .mask_tips, .step4 .mask_tips { display: block; z-index: 119; height: auto; }
.step1 .ai_lt .icon1 { z-index: 111; }
.step1 ._2, .step1 ._3, .step1 ._4 { display: none; }
.step2 .ai_lt .icon1, .step1 .div_tag .mask_z, .step3 .ai_lt .icon1, .step4 .div_tag .mask_z { z-index: 19; }

.step2 ._2 { display: block; }
.step2 ._1, .step2 ._3, .step2 ._4 { display: none; }

.step3 ._3 { display: block; }
.step3 .sc_list ul { position: relative; z-index: 111; }
.step3 ._1, .step3 ._2, .step3 ._4 { display: none; }

.step4 ._4 { display: block; }
.step4 .wap_fixed_btn { z-index: 111; }
.step4 ._1, .step4 ._3, .step4 ._2 { display: none; }


.step1 .icon input { display: none; }
.step1 ._1 { display: block; }
.step1 .mask_m, .step2 .mask_m, .step3 .mask_m, .step4 .mask_m { display: block; }
.step2 .div_tag .mask_z { z-index: 111; }
.img_list li.in { opacity: 0.5; }
.modal_style4 .modal_cont { background: rgba(49, 38, 95, 1); width: 580px; padding: 35px; border-radius: 20px; }
.modal_load_img .modal_cont { width: 1200px; }
.modal_style4 .close2 { background-image: url(../img/close3.png); }
.slider { padding-top: 40px; position: relative; margin-top: 20px; margin-bottom: 30px; }
.slider p { width: 100%; height: 4px; background: rgba(255, 255, 255, 0.1); border-radius: 4px; }
.slider i { display: block; font-style: initial; font-size: 14px; opacity: 0.5; }
.slider p label { display: block; height: 4px; border-radius: 4px; background: linear-gradient(90.14deg, #FB9ACC 6.39%, #FB47D9 32.15%, #6B2FA7 103.96%); }
.slider p span { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; color: #fff; font-size: 28px; line-height: 30px; text-align: center; }
.load_img_list ul { display: flex; flex-wrap: wrap; margin: -10px; }
.load_img_list li { flex: 0 0 25%; position: relative; z-index: 1; }
.load_img_list li.on:after { content: ''; display: block; background: linear-gradient(102.61deg, #FB9ACC 2.66%, #FB47D9 36.2%, #6B2FA7 129.71%); position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border-radius: 10px;; z-index: -1; }
.load_img_list .box { margin: 10px; height: 430px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 10px; overflow: hidden; position: relative; z-index: 100; }
.load_img_list a,
.load_img_list i { position: absolute; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); background-position: center center; background-repeat: no-repeat; border-radius: 100%; bottom: 17px; cursor: pointer; z-index: 100; }
.load_img_list a:hover, .load_img_list i:hover { background-color: rgba(255,255,255,0.2); }
.load_img_list .icon1 { background-image: url(../img/icon33.png); left: 17px; }
.load_img_list .icon3 { background-image: url(../img/icon_sx.svg); left: 17px; }
.load_img_list li.in { opacity: 0.5; }
.load_img_list .icon2 { background-image: url(../img/icon34.png); right: 17px; }
.load_img_list .box.img img { width: 100%; height: 100%; object-fit: cover; }
.load_img_list .box.img_load img { /*width: 25%;*/ }
.modal_btn { text-align: center; justify-content: center; margin-top: 30px; }
.modal_btn.dis { opacity: .5; }
.modal_btn.dis a { pointer-events: none; }
.modal_btn a.on { border: none; }
.modal_btn a { color: #fff; border-color: #fff; white-space: nowrap; width: auto; max-width: initial; line-height: 40px; height: 40px; width: 170px; padding: 0; }
.swiper_img { overflow: hidden; width: 305px; margin: 0 auto; border-radius: 20px; }
.swiper_img .box { margin: 0; height: auto; background: none; }
.swiper_img .swiper-pagination { bottom: 30px; left: 60px; right: 60px; width: auto; }
.swiper_img .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 0.5; margin: 0 5px !important; }
.swiper_img .swiper-pagination-bullet-active { opacity: 1; }

.modal_style5 .modal_cont { width: 320px; padding: 55px 48px; text-align: center; border-radius: 20px; background: #fff; text-transform: capitalize; }
.modal_style5 h3 { font-size: 24px; margin-bottom: 10px; }
.c1 { color: #FB47D9; }
.fs24 { font-size: 24px; }
.modal_login .modal_cont { width: 498px; padding: 45px; }
.modal_login .modal_cont h3 { line-height: 30px; color: #000; margin: 0 20px; }
.modal_login .btn-block { width: 400px; }

.modal_success .modal_cont { width: 500px; padding: 40px; }
.modal_success h3 { font-size: 24px; line-height: 30px; text-align: center; width: 80%; margin: 0 auto; margin-top: 20px; font-weight: normal; text-transform: initial; }
.modal .btn-block a, .modal .btn-block span { font-size: 16px; }

.ljkf_rt { width: 500px; background: rgba(245, 245, 247, 1); padding: 50px 40px; padding-top: 40px; margin-left: 50px; border-radius: 5px; }
.mainer { }
.mainer_ljfk { padding-top: 185px; }
.no-head .mainer_ljfk { padding-top: 90px; }
.main_tit { display: flex; align-items: center; justify-content: space-between; }
.main_tit span { display: block; font-size: 16px; font-weight: normal; margin-top: 10px; }
.add_list ul { display: flex; flex-wrap: wrap; margin: -15px; }
.add_list li { flex: 0 0 50%; }
.add_list li.li1 { flex: 0 0 100%; }
.add_list li > div { margin: 15px; display: flex; flex-direction: column; }
.add_list .div_input { flex: 1; }
.div_input { background: rgba(245, 245, 247, 1); padding: 0 15px; display: flex; align-items: center; min-height: 50px; border-radius: 5px; }
.div_input select { width: 100%; border: 0; background: none; height: 50px; }
.div_input input { width: 100%; border: 0; background: none; flex: 1; font-size: 16px; }
.div_input input:not(:first-child) { margin-bottom: 20px; }
.div_input textarea { width: 100%; height: 100px; padding: 10px 0; border: 0; background: none; resize: none; font-size: 16px; }
.add_list h5 { margin-bottom: 10px; font-size: 16px; }
.rt_select { display: flex; align-items: center; padding-left: 20px; line-height: 20px; background: url(../img/icon35.png) no-repeat left bottom; cursor: pointer; position: relative; }
.rt_select .drop { position: absolute; width: 440px; padding: 30px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.2); z-index: 10; background: #fff; top: 100%; right: 0; margin-top: 20px; display: none; }
.rt_select .drop li:not(:first-child) { margin-top: 40px; }
.rt_select .drop li { display: flex; font-size: 16px; }
.rt_select .drop p { margin-bottom: 10px; }
.rt_select .drop .check { width: 24px; height: 24px; border: 1px solid #FB47D9; border-radius: 100%; margin-right: 15px; margin-top: 0; display: flex; align-items: center; justify-content: center; }
.rt_select .drop .on .check:after { content: ''; display: block; width: 10px; height: 10px; background: #FB47D9; border-radius: 100%; }
.rt_select .drop .f-c span:not(:first-child) { margin-left: 50px; }
.rt_select > span { display: flex; align-items: center; justify-content: center; }
.rt_select > span:after { content: ''; display: block; width: 15px; height: 8px; background: url(../img/icon28.png) no-repeat center center; margin-left: 5px; }
.rt_select.on > span:after { transform: rotate(180deg); }
.case_list .box { display: flex; position: relative; }
.case_list .img { width: 80px; height: 80px; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
.case_list .img img { max-width: 80%; max-height: 80px; }
.ljkf_rt .main_tit { margin-bottom: 25px; margin-top: 0; }

.case_list li:not(:first-child) { margin-top: 30px; }
.case_list .text p { margin-bottom: 10px; font-size: 16px; }
.case_list .money { font-size: 20px; font-weight: bold; position: absolute; top: 0px; right: 0px; }
.case_list { padding-bottom: 30px; border-bottom: 1px solid rgba(230, 225, 233, 1); margin-bottom: 30px; }
.comfirm { display: flex; align-items: center; height: 50px; border-radius: 5px; background: #fff; padding: 0 16px; }
.comfirm a { display: flex; margin-top: 0; border-radius: 5px; width: 90px; line-height: 35px; height: 35px; }
.comfirm input { flex: 1; border: 0; background: none; }
.comfirm a span { width: 100%; }
.show_box ul li.li1 { display: block; }
.ljkf_rt .show_box ul:not(:first-child) { margin-top: 30px; padding-top: 30px; }
.ljkf_rt .show_box { margin-bottom: 20px; }
.p_txt { color: rgba(0, 0, 0, 0.5); font-size: 16px; text-transform: capitalize; }
.ljkf_rt .btn-block { margin-top: 30px; width: 100%; }

.radio_box ul { display: flex; }
.radio_box li { margin-right: 20px; display: flex; align-items: center; font-size: 16px; cursor: pointer; position: relative; }
.radio_box li i:after { content: ''; display: block; width: 7px; height: 7px; border-radius: 7px; background: #000; opacity: 0; }
.radio_box li i { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border: 1px solid #000; border-radius: 100%; margin-right: 10px; }
.radio_box li:hover i:after, .radio_box li.on i:after { opacity: 1; }
.radio_box { margin-top: -30px; margin-bottom: 30px; }
.icons { display: flex; align-items: center; }
.icons span { display: block; width: 40px; height: 25px; margin-left: 5px; background-color: #fff; border-radius: 5px; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.icons .icon1 { background-image: url(../img/icon36.png); }
.icons .icon2 { background-image: url(../img/icon36-2.png); }
.icons .icon3 { background-image: url(../img/icon36-3.png); }
.icons span:hover { background-color: rgba(0,0,0,0.1); }
.div_input { position: relative; }
.div_input input::-webkit-input-placeholder { color: rgba(139, 139, 150, 1);; }
.d_tips { position: relative; }
.d_tips span { display: block; width: 20px; height: 20px; background: url(../img/icon37.png) no-repeat center center; cursor: pointer; }
.d_tips:hover .drop { display: block; }
.d_tips .drop { position: absolute; padding: 15px 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); z-index: 10; width: 150px; background: #fff; border-radius: 10px; bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 20px; display: none; }
.d_tips .drop:after { content: ''; display: block; border: 10px solid transparent; border-top-color: #fff; position: absolute; top: 100%; left: 0; right: 0; width: 0; margin: 0 auto; }
.checkbox { height: 30px; display: flex; align-items: center; font-size: 16px; cursor: pointer; margin-bottom: 14px; }
.checkbox i { display: block; width: 20px; height: 20px; border: 1px solid #000; margin-right: 10px; border-radius: 100%; }
.checkbox i:after { content: ''; display: block; width: 20px; height: 20px; background: url(../img/icon38.png) no-repeat center center; }
.checkbox.on i { background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); border: 0; }
.checkbox.on i:after { background-image: url(../img/icon38-1.png); }
.div_input_address { flex-direction: column; }

.page_search.on { border-bottom: rgba(131, 136, 149, 1) 1px solid; }
.page_search.on input { display: block; }
.page_search.on span { display: none; }
.page_search span { font-size: 36px; color: rgba(255, 255, 255, 0.5); margin-right: 10px; }
.page_search { margin: 0 auto; justify-content: center; display: flex; align-items: center; padding-bottom: 5px; margin-bottom: 30px; }
.page_search input { display: none; width: 300px; border: 0; background: none; color: #fff; font-size: 36px; }
.btn_search { display: flex; align-items: center; justify-content: center; border: 0; width: 34px; height: 34px; border-radius: 100%; background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); }
.btn_search:before { content: ''; display: block; max-width: 20px; min-width: 20px; height: 20px; border: 0; background: url(../img/search3.png) no-repeat center center; padding: 0; cursor: pointer; }
.page_bg2 { position: absolute; width: 100%; top: 0px; left: 0; right: 0; height: 652px; background: url(../img/page_bg2.png) no-repeat center center; background-size: cover; }

.mask { height: 0; margin-top: 20px; position: relative; z-index: 1; }
.mask .mask_box { display: none; }
.mask_box { }
.modal_box { padding: 30px; border-radius: 10px; background: rgba(31, 24, 59, 1); color: #fff; }
.modal_box .tit p { margin-bottom: 10px; }
.modal_box .tit h3 { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 20px; margin-bottom: 10px; }
.modal_box { position: relative; }
.modal_box .close { top: 10px; right: 10px; margin: 0; left: auto; background-image: url(../img/close4.png); }
a.a_sx { padding-left: 20px; display: block; background: url(../img/icon39.png) no-repeat left center; color: rgba(66, 61, 104, 1); }
a.a_sx:hover { color: #fff; }
.modal_box .rt { width: 316px; margin: 0 30px; }
.div_textarea { width: 100%; border: 1px solid rgba(70, 60, 108, 1); border-radius: 5px; }
.div_textarea textarea { height: 400px; padding: 10px 15px; color: #fff; border: 0; background: none; resize: none; width: 100%; }
.modal_box .img_list li { min-width: 82px; max-width: 82px; }
.img_list li > div { height: auto; }
.modal_box .img_list span { font-size: 12px; line-height: 20px; }
.modal_box .img_list { height: auto; overflow: hidden; }
.upload { width: 100px; height: 100px; border-radius: 10px; background: #fff url(../img/icon40.png) no-repeat center center; position: relative; }
.upload input { position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; }
.slide * { transition: all 0s; }
.slide .slider.slider-horizontal { width: 100%; }

.slide .slider { }
.slide .slider .tooltip.top { display: none; }
.slide .slider.slider-horizontal .slider-handle { box-shadow: none; }
.slide .slider-track { background: rgba(56, 43, 107, 1); }
.slide .slider.slider-horizontal .slider-selection { background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); }
.slide .slider-handle.custom::before { content: ''; display: block; background: linear-gradient(to right,#FB9ACC,#FB47D9,#6B2FA7); width: 14px; height: 14px; border-radius: 100%; border: 2px solid rgba(31, 24, 59, 1); }
.slide { position: relative; }
.slider.slider-horizontal .slider-track { height: 4px !important; }
.slide .f-c { position: absolute; top: 0; margin-top: 50px; left: 0; right: 0; width: 100%; justify-content: space-between; }
.slide .lbl2 { position: absolute; margin-left: -10px; }
.slider.slider-horizontal .slider-handle { margin-top: -7px !important; }


.modal_box .items > .flex { align-items: center; margin-bottom: 15px; }
.modal_box .items > .flex > span { width: 100px; font-size: 16px; }
.modal_box .items > .flex > div { flex: 1; width: 0; }
.div_select { position: relative; }
.div_select .drop { position: absolute; top: 100%; left: 0; width: 100%; background: rgba(0,0,0,0.8); z-index: 10; line-height: 40px; text-align: center; display: none; }
.div_select .drop li { cursor: pointer; }
.div_select .drop ul { padding: 5px 0; }
.div_select .drop li:hover { background: rgba(255,255,255,0.1); }
.div_select .span_tit, .div_input2 input { cursor: pointer; line-height: 50px; height: 50px; border-radius: 5px; background: rgba(48, 39, 82, 1); display: flex; padding: 0 25px; font-size: 16px; position: relative; color: #fff; border: 0; }
.div_input2 input::-webkit-input-placeholder { color: #fff; }
.div_select .span_tit:after { content: ''; display: block; width: 13px; height: 8px; background: url(../img/icon8.png) no-repeat center center; position: absolute; top: 50%; margin-top: -4px; right: 20px; }
.div_select .span_tit.on:after { transform: rotate(180deg); }
.lbl_color { width: 20px; height: 20px; border-radius: 20px; display: inline-block; vertical-align: middle; }
.lbl_color.c1 { background: rgba(43, 66, 138, 1); }
.lbl_color.c2 { background: rgba(180, 168, 252, 1); }
.lbl_color.c3 { background: rgba(253, 186, 246, 1); }
.lbl_color.c4 { background: rgba(200, 228, 253, 1); }
.div_select .span_tit .lbl_tip { margin-left: -12px; color: #000; text-align: center; display: block; width: 68px; line-height: 32px; background: #fff; border-radius: 5px; margin-right: 9px; }
.div_select .span_tit label { margin-right: 2px; }
.modal_box .btn-block { margin-top: 30px; }

.page_list2.on { filter: blur(10px); opacity: 0.5; }
.no-head .mainer_images, .no-head .mainer_wrap { margin-top: 60px; }
.mainer_images, .mainer_wrap { margin-top: 145px; }
.mainer_images { display: flex; background: rgba(245, 245, 247, 1); position: relative; justify-content: flex-end }
.mainer_images .img { position: absolute; top: 0; left: 0; width: 65%; height: 100%; display: flex; align-items: center; justify-content: center; height: 100%; }
.mainer_images .img img { max-width: 100%; max-height: 100%; object-fit: cover }
.flex_rt { width: 35%; border-radius: 30px 0 0 30px; background: #fff; padding: 65px; padding-top: 30px; height: 100%; display: flex; flex-direction: column; }
.flex_rt .tit { margin-bottom: 50px; display: flex; align-items: center; }
.flex_rt .tit a:not(:first-child) { margin-left: 18px; }
.flex_rt .tit .a_back { font-size: 16px; padding-left: 20px; background: url(../img/back2.png) no-repeat left center; }
.a_share { display: block; width: 22px; height: 22px; background: url(../img/icon41.png) no-repeat center center; }
.a_heart { display: block; width: 22px; height: 22px; background: url(../img/icon42.png) no-repeat center center; }
.a_heart.on { background-image: url(../img/icon42-1.png); }
.flex_rt .text h2 { font-size: 40px; margin-bottom: 20px; }
.flex_rt .text p { line-height: 22px; font-size: 18px; }
.flex_rt .text { margin-bottom: 20px; }
.flex_rt .list ul { display: flex; flex-wrap: wrap; font-size: 18px; }
.flex_rt .list li { flex: 0 0 50%; margin-bottom: 25px; }
.flex_rt .list h3 { margin-bottom: 15px; }
.flex_rt .btns { display: flex; }
.flex_rt .btns > * { flex: 1; }
.flex_rt .btns > *:not(:last-child) { margin-right: 10px; }
.flex_rt .btns .a_btn2 { margin-top: 0; }
.flex_rt .d_btn a { height: 40px; width: 100%; margin-left: 0; }

.main_tit_center h2 { font-size: 105px; text-align: center; padding-top: .8em; color: #111; margin-bottom: .5em; }
.pro_list ul { display: flex; flex-wrap: wrap; margin: -15px; }
.pro_list li { flex: 0 0 33.3%; }
.pro_list .box { margin: 15px; }

.search_c1 { background: #F5F0F7; height: 46px; }
.search_c1 input { color: #111; }
.search_c1 input::-webkit-input-placeholder { color: #B0A3B8; }
.page_tag_c1 a { color: rgba(0, 0, 0, 0.5); }
.page_tag_c1 li.on a { color: #111; }
.page_tag_c1:after { background: rgba(230, 225, 233, 1) !important; }
.pro_list { margin-top: 40px; }
.pro_list .box { height: 610px; position: relative; }
.pro_list .box .img { display: flex; align-items: center; justify-content: center; height: 100%; padding-bottom: 10%; background: url(../img/bg1.png) no-repeat center center #D6D8DE; border-radius: 20px; overflow: hidden; background-size: cover; }
.pro_list .box .text { position: absolute; left: 40px; right: 40px; bottom: 30px; }
.pro_list h3 { font-size: 24px; margin-bottom: 15px; }
.pro_list p { font-size: 18px; margin-bottom: 15px; }
.pro_list .d_btn a { height: 35px; width: 90px; }
.d_btn a:first-child { margin-left: 0; }
.pro_det_swiper { padding: 50px 0; }
.pro_det_swiper .gallery { height: 544px; background: url(../img/bg3.png) no-repeat center center #D6D8DE; background-size: cover; border-radius: 20px; margin-bottom: 50px; }
.pro_det_swiper .gallery .swiper-slide { height: 544px; display: flex; align-items: center; justify-content: center; }
.swiper-container:not(.page2_swiper) { overflow: hidden; position: relative; }
.thumbs .swiper-slide { width: 128px; height: 128px; border-radius: 5px; background: #F5F5F7; display: flex; align-items: center; justify-content: center; }
.thumbs .swiper-slide img { max-width: 90%; max-height: 90%; object-fit: cover; }
.thumbs .swiper-slide-thumb-active { border: 1px solid #FB47D9; }
.fs48 { font-size: 48px; }
.fs40 { font-size: 40px; }

.pro_det { color: #111; }
.pro_det .text p { line-height: 22px; font-size: 18px; }
.pro_det .text h3 { margin-bottom: 1em; }
.pro_det .text h4 { font-weight: normal; margin-bottom: .5em; }
.pro_det .text p { color: rgba(0,0,0,0.5); margin-bottom: 40px; }
.pro_det .d_btn { margin-bottom: 30px; }
.pro_det .d_btn a { height: 40px; width: 158px; }
.tag_slide { margin: 50px 0; }
.tag_slide .tit { display: flex; justify-content: space-between; align-items: center; min-height: 52px; padding: 15px 20px; font-size: 18px; color: #000; cursor: pointer; }
.tag_slide .tit p { max-width: 400px; line-height: 22px; min-height: 44px; display: flex; align-items: center; }
.tag_slide .tit:after { content: ''; display: block; width: 8px; height: 15px; background: url(../img/icon43.png) no-repeat center center; }
.tag_slide .tit.on:after { transform: rotate(180deg); }
.tag_slide .item { background: #F5F5F7; border-radius: 5px; margin-bottom: 30px; }
.tag_slide .drop { line-height: 20px; color: rgba(0,0,0,0.5); padding-left: 20px; padding-bottom: 20px; display: none; }
.tag_slide .drop p { max-width: 550px; }
.pro_list2 ul { display: flex; flex-wrap: wrap; margin: -14px; }
.pro_list2 li { flex: 0 0 50%; }
.pro_list2 { margin-bottom: 50px; }
.pro_list2 .box { display: block; margin: 14px; color: #111; }
.pro_list2 .img { margin-bottom: 30px; }
.pro_list2 h3 { font-size: 32px; margin-bottom: 10px; }
.pro_list2 p { line-height: 20px; font-size: 18px; }

.page_banner { padding-top: 145px; }
.page_banner.about { background: url(../img/bg4.jpg) no-repeat bottom center; background-size: cover; }
.page_banner.contact { background: url(../img/bg5.jpg) no-repeat center center; background-size: cover; }
.page_banner.help_center { background: url(../img/bg6.jpg) no-repeat center center; background-size: cover; }
.page_banner h2 { font-size: 84px; color: #fff; }

.div_play { }

.page_tit h5 { font-size: 40px; }
.page_banner .wrap { height: 455px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 100px; }
.div_play { width: 87px; height: 87px; position: relative; background: url(../img/icon44.png) no-repeat center center; margin-top: 50px; cursor: pointer; }
.div_play:before { position: absolute; top: 50%; left: 50%; width: 135px; height: 135px; margin-top: -67px; margin-left: -67px; background: url(../img/icon45.png) no-repeat center center; content: ''; animation: m 20s infinite linear; }
.main_text .wrap {  padding: 40px  0 70px; }
.main_text .about_txt{ text-align:center; margin-bottom:50px;}
.main_text .about_txt p { font-size: 32px; font-weight: bold; color: transparent; background-image: linear-gradient(to right, #FB9ACC,#FB47D9,#A639BC, #6B2FA7); -webkit-background-clip: text; background-clip: text; display: inline-block; line-height:40px;}
.main_text .item { margin-top:40px; text-align: center; }
.main_text .item h3 { font-size: 24px; line-height: 35px;margin-bottom:10px; }
.main_text p { line-height: 25px; font-size: 16px;  }
.page_tit { color: #000; }
.contact_box .page_tit h5 { max-width: 900px; text-align: left; }
.contact_box { padding: 120px 0; }
.add_list .btn-block { margin-top: 50px; width: 100%; }
.add_list .btn-block .a_btn2 { line-height: 60px; height: 60px; font-size: 18px; }
.add_list .btn-block .a_btn2 span { width: 100%; font-size: 18px; }
.fs18 { font-size: 18px; }
.contact_box .page_tit:not(:first-child) { margin-top: 100px; }
.fs32 { font-size: 32px; }
.page_tips p { text-align: center; margin-top: 50px; }
.page_tips .btn-block .a_btn2 { font-size: 16px; }
.page_tit .c1 { color: rgba(0,0,0,0.8); }
.left { text-align: left !important; margin-left: 0 !important; }
.fs16 { font-size: 16px !important; }
.mainer_text .text { margin-top: -20px; line-height: 1.3; }
.mainer_text .text h3 { margin-top: 50px; font-size: 24px; margin-bottom: 10px; }
.mainer_text .text ul li { list-style: disc; margin-left: 20px; }
.login_box { max-width: 600px; margin: 0 auto; width: 100%; }
.login_box h2 { font-size: 40px; text-align: center; margin-bottom: 1em; }
.login_box .div_input { margin-bottom: 20px; }
.check { display: flex; align-items: center; }
.check input { margin-right: 5px; }
.c_05, a.c_05 { color: rgba(0,0,0,0.5); }
a.c_05:hover { color: #000; }
.login_box .btn-block { margin-top: 30px; width: 100%; margin-bottom: 20px; }
.login_box .tips { display: flex; margin-top: 40px; align-items: center; margin-bottom: 20px; }
.login_box .tips:after, .login_box .tips:before { content: ''; display: block; flex: 1; height: 1px; background: #ddd; }
.login_box .tips span { display: block; margin: 0 10px; color: rgba(0,0,0,0.5); }
.l_btns { display: flex; align-items: center; justify-content: center; }
.l_btns a { display: flex; width: 146px; height: 40px; border-radius: 40px; border: 1px solid #000; align-items: center; justify-content: center; margin: 0 8px; }
.l_btns img { margin-right: 5px; }
.banner_head { height: 250px; background: url(../img/img28.jpg) no-repeat center center; background-size: cover; }
.register_box { margin: 0 auto; max-width: 1000px; width: 100%; padding: 0 90px; background: #fff; margin-top: -30px; border-radius: 10px; padding-top: 40px; }
.main_register { padding-top: 20px; }
.register_box h2 { font-size: 40px; margin-bottom: 30px; text-align: center; }
.register_box .page_tag { margin-bottom: 30px; }
.register_box .add_list li > div:not(.invalid-feedback) { margin: 10px 7px; }
.register_box .add_list ul { margin: -10px -7px; margin-bottom: 10px; }
.register_box .checkbox { margin-bottom: 5px; color: rgba(0,0,0,0.5); }
.checkbox a { text-decoration: underline; color: rgba(0,0,0,0.5); }
.checkbox a:hover { color: #000; }
.register_box .btn-block { width: 100%; margin-top: 30px; }
a.code_btn { display: block; margin-left: 12px; line-height: 50px; width: 142px; border-radius: 5px; background: #6B2FA7; color: #fff; font-size: 12px; text-align: center; }
a.code_btn:hover { background: #FB47D9; }
.div_input.mail:before { content: ''; display: block; width: 19px; height: 14px; background: url(../img/icon48.png) no-repeat left center; margin-right: 5px; }
.div_input.phone:before { content: ''; display: block; width: 12px; height: 20px; background: url(../img/icon49.png) no-repeat left center; margin-right: 8px; }
.li_phone { display: none; }

.register_tips { text-align: center; padding-top: 50px; max-width: 600px; margin: 0 auto; }
.register_tips img { margin-bottom: 40px; }
.register_tips h2 { font-size: 32px; margin-bottom: 20px; }
.register_tips p { font-size: 16px; }
.register_tips .btn-block { margin-top: 30px; width: 100%; }

.register_list { max-width: 710px; margin: 0 auto; margin-top: 30px; margin-bottom: -40px; width: 100%; display: flex; }
.register_list .list { flex: 1; padding: 30px; border-radius: 20px; background: #F5F5F7; }
.register_list .list:not(:first-child) { margin-left: 40px; }
.register_list h3 { font-size: 24px; line-height: 28px; text-align: center; margin: 0 10px; margin-bottom: 10px; }
.register_list p { line-height: 20px; font-size: 16px; }
.register_list a { color: #6B2FA7; }
a.underline { text-decoration: underline; }
a.underline:not(.c_05) { color: initial !important; }
.ht18 { height: 18px; }
.register_tips a.code_btn { width: 189px; font-size: 14px; }
.page_banner2 { height: 302px; background: url(../img/bg7.jpg) no-repeat center center; background-size: cover; }
.page_banner2 { margin-top: 50px; }
.no-head .page_banner2 { margin-top: 0; }
.my_center { margin-top: -20px; border-radius: 10px 10px 0 0; background: #fff; padding-top: 80px; padding-bottom: 200px; }
.my_center .wrap { display: flex; }
.my_center .lt { width: 307px; margin-right: 100px; }
.my_center .lt_1 { margin-right: 20px; }
.my_center .lt .tit > * { margin-bottom: 10px; }
.my_center .lt h5 { font-size: 16px; font-weight: normal; }
a.a_edit { display: block; padding-left: 20px; line-height: 20px; color: #D3D3D3; background: url(../img/icon50.png) no-repeat left center; }
.lt_nav { margin-top: 40px; }
.lt_nav li { margin-bottom: 10px; }
.lt_nav a { display: flex; align-items: center; height: 60px; border-radius: 6px; background: #fcfcfe; padding: 0 15px; font-size: 16px; }
.lt_nav li.on a, .lt_nav a:hover { background: #F5F5F7; }
.lt_nav li.on a:after, .lt_nav a:hover:after { background-image: url(../img/icon55-1.png); }
.lt_nav .icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; border-radius: 40px; margin-right: 8px; }
.lt_nav span { flex: 1; }
.lt_nav a:after { content: ''; display: block; width: 8px; height: 14px; background: url(../img/icon55.png) no-repeat center center; }
.my_rt_box { max-width: 636px; margin: 0 auto; width: 100%; }
.my_rt_box2 { max-width: 834px; margin: 0 auto; width: 100%; }
.my_rt_box .div_input input { flex: 1; text-align: right; margin-bottom: 0; }
.my_rt_box .div_input { background: none; border-bottom: 1px solid #E6E1E9; border-radius: 0; padding: 0; margin-bottom: 10px; padding-right: 15px; }
.my_rt_box .div_input.disabled { border-radius: 5px; border: 0; background: #F5F5F7; padding: 0 15px; }
.my_rt_box .div_input.disabled span { color: #8B8B96; }
.my_rt_box .div_input span { font-size: 16px; }
i.edit { display: block; width: 30px; height: 30px; background: url(../img/icon51.png) no-repeat center center; cursor: pointer; }
.my_rt_box .d_btn { margin-top: 88px; flex-direction: column; }
.my_rt_box .d_btn a { width: 300px; height: 40px; margin: 0 auto; margin-bottom: 20px; }
.order_list .list { padding: 50px 0; border-bottom: 1px solid #E6E1E9; }
.order_list .list:last-child { border-bottom: 0; }
.order_list .list .tit { margin-bottom: 20px; }
.order_list .list .img { width: 150px; height: 150px; border-radius: 10px; background: #F5F5F7; margin-right: 27px; display: flex; align-items: center; justify-content: center; }
.order_list .list .img img { max-width: 90%; max-height: 90%; object-fit: cover; }
.order_list .list .text { flex: 1; line-height: 1.5; font-size: 16px; }
.order_list .list .text div:last-child { text-align: right; }
.order_list .list .m { margin-left: 10px; font-size: 20px; font-weight: bold; color: #000; }
.order_list .list { position: relative; }
.order_list .list .d_btn { position: absolute; bottom: 50px; right: 0; }
.order_list .list .d_btn a { width: 152px; height: 40px; padding: 0; }
.p_copy { display: flex; align-items: center; justify-content: center; }
.p_copy:before { content: ''; display: block; width: 15px; height: 15px; background: url(../img/icon52.png) no-repeat center center; margin-right: 5px; }
.modal_wuliu .modal_cont { max-width: 498px; padding: 40px 30px; font-size: 16px; width: 90%; }
.modal_wuliu img { margin: 20px 0; }
.modal_wuliu .btn-block { width: 100%; }

.my_rt_address ul { display: flex; flex-wrap: wrap; margin: -15px; font-size: 16px; line-height: 1.3; margin-bottom: 50px; }
.my_rt_address ul li { flex: 0 0 50%; }
.my_rt_address .box { margin: 15px; padding: 20px; border-radius: 10px; background: #F5F5F7; }
.my_rt_address .box > p { margin-bottom: 20px; }
.my_rt_address .flex p { flex: 1; }
.my_rt_address .box a, .my_rt_address i { display: block; width: 15px; height: 15px; background-position: center center; background-repeat: no-repeat; margin-left: 10px; cursor: pointer; }
.my_rt_address .i_dele { background-image: url(../img/icon53.png); }
.my_rt_address .i_edit { background-image: url(../img/icon54.png); }
.my_rt_address .i_dele:hover { background-image: url(../img/icon53-1.png); }
.my_rt_address .i_edit:hover { background-image: url(../img/icon54-1.png); }
.on.back { display: block; }
.back { margin-bottom: 20px; display: none; }
.back a { display: inline-block; padding-left: 15px; line-height: 20px; background: url(../img/back2.png) no-repeat left center; font-size: 16px; color: #000; }
.my_rt_address .btn-block { margin-top: 20px; }
.my_rt_address .add_list ul { margin-bottom: 0; }

.my_center .wrap > .flex1 { width: 0; }
.page_list2_1 { margin-top: 0; }
.page_list2_1 .text p { color: #000; }
.page_list2_1 .d_btn3 { background: #F5F0F7; color: #000; }
.page_list2_1 .d_btn3:after { background: rgba(0,0,0,0.1); }
.page_list2_1 li { max-width: 340px; min-width: 340px; }
.page_list2_1 .on .d_btn3 { background: rgba(0,0,0,0.05); }
.my_center .page_tag ul { margin-top: 0; }
.my_rt_address2 .page_tag { margin-bottom: 30px; }
.pro_last_hide li:last-child, .page_tit br { display: none; }
.wap_show { display: none; }
.mask_box { transition: all 0s; }
.wap_hide { display: block; }
.wap_show { display: none; }


.slider .wap_show { font-style: normal; font-size: 16px; color: #fff; opacity: 0.5; }
.checkbox2 { font-size: 12px; color: rgba(0,0,0,0.5); display: flex; margin-top: 15px; }
.checkbox2 .check { display: flex; align-items: center; justify-content: center; width: 12px; height: 12px; border: 1px solid rgba(0,0,0,0.5); border-radius: 100%; margin-right: 5px; }
.checkbox2.on .check { border-color: #FB47D9; }
.checkbox2.on .check:after { content: ''; display: block; width: 6px; height: 6px; background: #FB47D9; border-radius: 100%; }

@media only screen and (max-width: 750px) {
    .wap_show { display: block; }
    .wap_hide { display: none; }
    .page_tit br { display: block; }
    .page_banner2 { margin-top: 40px; }
    .header.h .head { margin-bottom: 0; }
    .page_banner2 { display: none; }
    .my_center { margin-top: 30px; }
    .lt_wap_hide { display: none; }
    .back { display: block; margin-top: 20px; }
    .page_list2 li { padding: 9px; }
    .page_list2_1 li { min-width: 48vw; max-width: 48vw; }
    .header.index > .wrap, .header > .wrap { margin-top: 20px; }
    .page_list2 .text { margin-bottom: 12px; }
    .page_list2 .text p { line-height: 30px; }

    .d_btn3 { height: 32px; line-height: 26px; padding: 3px; padding-left: 30px; font-size: 12px; }
    .d_btn3:before { width: 26px; height: 26px; border-radius: 26px; }
    .modal_wuliu .modal_cont { padding: 20px; }
    .fs40 { font-size: 24px; }
    .modal_tips p:not(:first-child) { margin-top: 10px; }
    .modal_wuliu img { width: 87px; margin-top: 0; }
    .order_list .list:first-child { padding-top: 0; }
    .order_list .list .img { width: 90px; height: 90px; margin-right: 14px; }
    .order_list .list .d_btn { position: initial; top: auto; left: auto; right: auto; bottom: auto; margin-top: 20px; }
    .order_list .list .d_btn a { flex: 1; }
    .order_list .list .text { align-items: flex-start; }
    .my_center { padding-bottom: 50px; }
    .ht50 { height: 10px; }
    .my_rt_box .d_btn { margin-top: 30px; }
    .my_center .wrap { display: block; }
    .my_center .lt_1 { margin-right: 0; width: 100%; }
    .my_center .lt_1 .tit { display: flex; align-items: center; justify-content: center; flex-direction: column; }
    .wap_show { display: block; }
    .page_banner2 { background: url(../img/wap.jpg) no-repeat top center; background-size: 100% auto; margin-top: 100px; }
    .no-head .page_banner2 { margin-top: 64px; }
    .my_center_1 { margin-top: -20px; padding-top: 30px; }
    .lt_nav { margin-top: 30px; }
    .my_center .wrap > .flex1 { width: 100%; }
    .my_center_1 .back { text-align: center; margin-top: 50px; margin-bottom: 40px; }
    .my_center_1 .back a { padding-left: 0; font-size: 24px; background: none; }
    .register_tips { width: 90%; margin-top: 0; padding-top: 0px; }
    .div_input input { font-size: 14px; }
    .div_input input::-webkit-input-placeholder { }
    .register_tips a.code_btn { width: 160px; }
    .register_list { flex-direction: column; margin-bottom: 0; width: 90%; padding-top: 30px; }
    .register_list .list:not(:first-child) { margin-left: 0; margin-top: 30px; }
    .mainer_box { margin-top: 104px; padding-top: 0; }
    .register_list p { text-align: center; text-transform: initial; }
    .register_list .list { min-height: 220px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .register_tips h2 { font-size: 24px; margin-bottom: 10px; }
    .register_tips img { width: 97px; }
    .main_register .wrap { width: 100%; }
    .banner_head { height: 150px; background: url(../img/wap_bg1.jpg) no-repeat top center; background-size: 100% auto; }
    .register_box { padding: 30px; padding-bottom: 0; }
    .register_box h2 { font-size: 32px; margin-bottom: 25px; }
    .page_tag ul.center { justify-content: center; }
    .add_list li { flex: 0 0 100%; }
    .page_tit h5 { font-size: 32px; }
    .mainer_text { padding-top: 30px; }
    .page_tit p { margin-top: 10px; }
    .mainer_text .text { margin-top: 0; }
    .mainer_404 { height: calc(100vh - 104px); height: calc(100dvh - 104px); padding-bottom: 50px; display: flex; align-items: center; justify-content: center; }
    .mainer_404 .page_tips { width: 267px; }
    .fs32 { font-size: 24px; }
    .mainer_404 .btn-block { margin-top: 30px; }
    .page_banner { padding-top: 0; margin-top: 104px; height: 300px; }
    .page_banner.help_center { background-image: url(../img/bg6-1.png); background-color: #000; }
    .page_banner h2 { font-size: 46px; }
    .page_banner .wrap { height: 100%; padding-bottom: 0; }
    .contact_box { padding-top: 80px; padding-bottom: 100px; }
    .tag_slide .tit p { width: 0; flex: 1; }
    .tag_slide .item { margin-bottom: 20px; }
    .tag_slide .item:last-child { margin-bottom: 0; }
    .tag_slide { margin-top: 40px; }
    .tag_slide:last-child { margin-bottom: 0; }
    .page_banner.contact { background-image: url(../img/bg5-1.png); background-color: #000; }
    .contact_box .page_tit h5 { font-size: 24px; }
    .add_list li > div { flex-direction: column; }
    .add_list .btn-block .a_btn2 { height: 40px; line-height: 40px; }
    .add_list .btn-block { margin-top: 30px; }
    .pro_list2 ul li { flex: 0 0 100%; }
    .pro_list2 h3 { font-size: 24px; }
    .pro_list2 { margin-bottom: 0px; }
    .div_play { transform: scale(0.7); margin-top: 20px; }
    .page_banner.about { background-size: auto 100%; }
    .main_text h3 { line-height: 28px; }
    .div_input textarea { height: 186px; }
    .pro_det .d_btn { flex-direction: row-reverse }
    .pro_det .d_btn a { margin-left: 0 }
    .pro_det .d_btn a:not(:first-child) { margin-right: 10px; }
    .main_text .wrap { display: block; padding-top: 80px; }
    .main_text .item { width: 100%; margin-bottom: 40px; }
    .main_text .item:last-child { margin-bottom: 0; }
    .mainer_images, .mainer_wrap { margin-top: 104px; }
    .no-head .mainer_images, .no-head .mainer_wrap { margin-top: 64px; }
    .pro_det_swiper { padding-top: 10px; margin: 0 -5%; border-radius: 0; padding-bottom: 30px; }
    .pro_det .text h4, .pro_det .text h3 { font-size: 32px; }
    .pro_det .text h3 { margin-bottom: 10px; }
    .pro_det_swiper .gallery { border-radius: 0; margin-bottom: 0px; }
    .thumbs { padding: 20px 5%; border-radius: 20px 20px 0 0; background: #fff; margin-top: -20px; }
    .thumbs .swiper-slide { width: 71px; height: 71px; }
    .pro_det_swiper .gallery .swiper-slide, .pro_det_swiper .gallery { height: 547px; }
    .pro_det .d_btn a { flex: 1; }
    .pro_det .d_btn { margin-bottom: 10px; }
    .pro_det .text p:last-child { font-size: 14px; }
    .pro_list li { flex: 0 0 50%; min-width: 50%; max-width: 50%; }
    .pro_list .box { height: auto; margin: 9px; }
    .pro_list .box .img { height: 216px; }
    .pro_list .box .img img { max-width: 100%; max-height: 100%; object-fit: cover; }
    .pro_list .box .text { position: initial; top: auto; left: auto; right: auto; bottom: auto; padding: 20px 0; }
    .pro_list .d_btn a { min-width: 64px; height: 25px; line-height: 23px; padding: 0; }
    .pro_last_hide li:last-child { display: block; }
    .pro_list p, .pro_list h3 { font-size: 16px; margin-bottom: 5px; }
    .main_tit_center h2 { font-size: 46px; }
    .more { margin-top: 30px; }
    .mainer_images { display: block; height: auto;; }
    .flex_rt .list li { margin-bottom: 40px; }
    .mainer_images .img img { width: 100%; }
    .mainer_images .img { height: auto; position: initial; width: 100%; }
    .flex_rt { margin-top: -20px; border-radius: 15px 15px 0 0; background: #fff; z-index: 1; position: relative; width: 100%; height: auto; padding: 20px 5% 100px; }
    .flex_rt.wap_show { border-radius: 0; margin-top: 0; z-index: 0; padding: 20px 5%; }
    .flex_rt .text h2 { font-size: 20px; margin-bottom: 12px; }
    .flex_rt .list ul, .flex_rt .text p { font-size: 16px; line-height: 1.2; }
    .flex_rt .list h3 { margin-bottom: 6px; }
    .flex_rt.wap_show .tit { display: flex; }
    .flex_rt .tit { margin-bottom: 0; display: none; }
    .page_bg2 { background-image: url(../img/yszx.png); background-size: 135% auto; height: 149px; margin-top: 150px;; }
    .page_bg2:after { content: ''; display: block; width: 100%; position: absolute; bottom: 0; left: 0; height: 100%; background: linear-gradient(to top, #0C0524, rgba(0, 0, 0, 0) ); }
    .page_bg2_yszx { margin-top: 130px; }
    .page_search { margin-top: 120px; margin-bottom: 15px; }
    .page_search span { font-size: 24px; }
    .page_search .btn_search { width: 20px; height: 20px; }
    .page_search .btn_search:before { transform: scale(0.7); }
    .page_search input { width: 200px; font-size: 24px; }
    .search { height: 46px; }
    .search .a_btn2 { height: 34px; width: 80px; }
    .page_tag:after { background: #4A4672; }
    .mask { position: absolute; left: 0; right: 0; z-index: 1001; height: 0; bottom: 0; }
    .mask .mask_box { width: 100%; }
    .modal_box { padding: 30px; padding-bottom: 10px; }
    .modal_box > .flex { display: block; height: 70vh; height: 70dvh; overflow: hidden; margin-right: -15px; padding-right: 15px; overflow-y: auto; margin-top: 30px; }
    .modal_box > .flex::-webkit-scrollbar { background: rgba(0,0,0,0.2); }
    .div_textarea textarea { height: 200px; }
    .modal_box .rt { width: 100%; margin: 0; margin-top: 30px; }
    .modal_box .img_list { margin-top: 0; margin-bottom: 30px; }
    .modal_box .btn-block { width: 100%; }
    .wap_blur .header, .wap_blur .page_search { filter: blur(0px); }
    .modal_success .modal_cont, .modal_login .modal_cont, .modal_style4 .modal_cont { width: 90%; padding: 20px; }
    .modal_login .modal_cont { padding: 40px 20px; }
    .modal_login .modal_cont h3 { font-size: 24px; margin-top: 20px; }
    .modal_login .btn-block { width: 100%; }
    .modal_success .modal_cont img { width: 90px; margin-top: 30px; margin-bottom: 10px; }
    .mainer_ljfk { padding-top: 104px; }
    .no-head .mainer_ljfk { padding-top: 64px; }
    .mainer_ljfk > .wrap { display: block; }
    .main_tit { margin-bottom: 20px; }
    .radio_box { margin-top: 0; }
    .radio_box li { flex: 0 0 100%; margin-top: 10px; }
    .add_list li > div { margin: 10px 15px; }
    .ljkf_rt { width: 100%; margin: 0; margin-top: 80px; padding: 30px; }
    .case_list .img { width: 115px; height: 115px; margin-right: 15px; }
    .case_list .money { bottom: 0; top: auto; left: 130px; }
    .case_list .text p { margin-bottom: 8px; font-size: 14px; }
    .radio_box ul { flex-wrap: wrap; }
    .rt_select .drop { width: 90vw; padding: 20px; }
    .main_tit:not(:first-child) { margin-top: 80px; }
    .modal_style3 .modal_cont { padding: 30px; border-radius: 0; }
    .modal_style3 .tit { font-size: 24px; }
    .cart_list .img { width: 115px; height: 115px; margin-right: 15px; }
    .cart_list .text { height: 115px; }
    .div_num { width: 90px; height: 28px; }
    .cart_list .dele { bottom: -6px; top: auto; }
    .check2 { margin-right: 9px; width: 20px; height: 20px; }
    .check2:before { width: 8px; height: 8px; }
    .swiper_img { width: 234px; }
    .modal_style4 .fp_modal { align-items: flex-end; }
    .modal_style4 .modal_cont { width: 100%; border-radius: 20px 20px 0 0; padding-top: 67px; }
    .modal_load_img .load_img_list .box { height: 200px; margin: 5px; }
    .modal_btn.dis a { flex: 1; height: 40px; }
    .load_img_list .box.img_load img { width: 60px; }
    .slider { margin-top: 0; }
    .bg1 .dz_mainer > .wrap { display: block; }
    .ai_lt .mask_box { width: 315px; }
    .ai_lt { background: none; }
    .ai_ht { height: auto; }
    .ai_rt { width: 100%; margin-left: 0; margin-top: 20px; background: none; padding: 0; padding-bottom: 20px; }
    .img_list { height: 100px; overflow: hidden; padding: 0; width: 100%; overflow-x: auto; margin-top: 15px; }
    .sc_list { margin: 15px 0; }
    .img_list ul { flex-wrap: nowrap; }
    .img_list li { width: 80px; min-width: 80px; max-width: 80px; }

    .wap_fixed_btn { position: fixed; bottom: 0; left: 0; width: 100%; border-radius: 20px 20px 0 0; background: #31265F; z-index: 100; padding: 16px; }
    .img_list span { font-size: 12px; }
    .help { /*transform: translateY(20px);*/ }
    .help2 { transform: translateY(66px); z-index: 10; }
    .ai_lt .img { margin: 0 auto; width: 315px; }
    .modal_style2 .modal_cont { width: 90%; padding: 60px 20px; }
    .dz_select { position: absolute; top: 100%; left: 0px; z-index: 10; background: #fff; margin-top: 20px; width: 65%; }
    .dz_header .wrap { height: 50px; }
    .dz_mainer { border-radius: 20px 20px 0 0; }
    .pro_pos.pos1 { top: auto; bottom: 80px; }
    .pro_pos.pos1 ul { display: flex; }
    .pro_pos.pos1 li { margin-right: 5px; }
    .dz_mainer .wrap { height: calc(100vh - 50px); height: calc(100dvh - 50px); }
    .pro_pos.pos1 .drop { bottom: 100%; left: 0; top: auto; transform: none; padding-left: 0; padding-bottom: 15px; }
    .pro_pos.pos1 .drop > div:after { left: 10px; top: 100%; bottom: auto; transform: none; border-color: transparent; border-top-color: #fff; margin-top: 0; }
    .modal_style1 .modal_cont { width: 100%; padding: 0 30px; padding-bottom: 20px; }
    .modal_tit_tag li { white-space: nowrap; width: auto; margin-right: 30px; }
    .modal_tit_tag { overflow-x: auto; }
    .modal_tit_tag::-webkit-scrollbar { height: 0; }
    .page_tag:after { transform: translateY(-5px); }
    .dz_mainer .mask_tips { }
    .mask_tips > div { width: 161px; padding: 15px; font-size: 12px; margin: 0 auto; }
    .mask_tips .a_btn2 { width: 60px; height: 25px; }
    .mask_tips:after { transform: scale(0.7); margin-top: 0; }
    .mask.mask_tips { bottom: 80px; left: -35px; }
    .ai_lt .icon1 { width: 50px; height: 50px; }
    .div_tag .mask_tips { left: 0; right: 0; bottom: 260px; top: auto; margin: 0 auto; }
    .div_tag .mask_tips._3 { top: auto; margin-top: auto; bottom: 100px; }
    .div_tag .mask_tips:after { transform: scale(0.7); left: 0; right: 0; margin: 0 auto; top: 100%; }
    .headpic_m_list li { width: 70px; height: 70px; }
    .pro_btm { left: -5%; right: -5%; width: auto; padding: 0 20px; }
    .pro_pos.pos4 { top: 80px; right: -20px; bottom: auto; left: auto; transform: scale(0.6) }
    .pro_pos.pos6 { top: 150px; right: -20px; bottom: auto; left: auto; transform: scale(0.6) }
    .font_list { height: 300px; }
    .pro_pos.pos2 .img, .pro_pos .headpic { width: 40px; height: 40px; }
    .dz_mainer .wrap { padding: 0; }
    .pro_img { height: 60vh; height: 60dvh; transform: translateY(-50px); }
    .pro_img img { max-width: 100%; max-height: 100%; }
    .modal .btn-block { margin-top: 20px; }
    .headpic_m_tit li { width: 40px; height: 40px; min-width: 40px; max-width: 40px; font-size: 16px; }
    .headpic_m_list li { margin: 0; flex: 0 0 23%; }
    .headpic_m_tit ul { margin-bottom: 0; }
    .headpic_m_list ul { margin: 0px; grid-column-gap: 2%; grid-row-gap: 5px; }
    .headpic_m_list li img, .headpic_m_tit li img { max-width: 60%; max-height: 60%; object-fit: cover; }
    .modal_image .headpic_m_list li img { max-width: initial; max-height: initial; width: 100%; height: 100%; object-fit: cover; }
    .headpic_m_tit ul::-webkit-scrollbar { height: 0; }
    .headpic_m_tit li:not(:first-child) { margin-left: 10px; }
    .font_list li { flex: 0 0 100%; }
    .font_list li span { margin: 5px 0; line-height: 40px; }
    .font_list ul { margin: -5px 0; }
    .page_m_tit h3 { font-size: 20px; padding-top: 20px; margin-bottom: 20px; }
    .search_2 { margin-bottom: 30px; }
    .page_list2-1 li { width: 50%; }
    .page_list2 .img1 .tit { font-size: 14px; top: 10px; left: 10px; }
    .page_list2 .heart { transform: scale(0.7); }
    .page_list2 .text h3 { font-size: 16px; padding: 10px 0; }
    .page_list2 .d_btn.big a { width: 95px; height: 25px; font-size: 12px; padding: 0; }
    .page_list2 .d_btn { height: 25px; }
    .main_flex { display: block; }
    .p_list li { flex: 0 0 100%; }
    .p_list li a { margin: 5px 0; }
    .p_list { margin: -5px 0; max-height: 300px; overflow: hidden; margin-right: -10px; padding-right: 10px; overflow-y: auto; }
    .main_flex .lt { width: 100%; margin-right: 0; margin-bottom: 20px; position: relative; }
    .main_flex .lt:after { content: ''; display: block; width: 100%; height: 1px; background: #E6E1E9; }
    .main_flex .lt ul { display: flex; overflow-x: auto; white-space: nowrap; padding-bottom: 5px; margin-bottom: -5px; }
    .main_flex .lt ul::-webkit-scrollbar { height: 0; }
    .main_flex .lt li { margin-right: 20px; margin-bottom: 0; font-size: 16px; }
    .main_flex .lt a:after { display: none; }
    .main_flex .lt a { position: relative; }
    .main_flex .lt a:before { content: ''; display: block; width: 0; height: 3px; background: #FB47D9; border-radius: 3px; position: absolute; bottom: -2px; }
    .main_flex .lt li.on a:before { width: 100%; }
    .p_list2 li { flex: 0 0 100%; max-width: 100%; }
    .btn-block { width: 100%; margin-top: 30px; }
    .main_tit:first-child { padding-top: 30px; }
    .a_btn2_btn { width: 34px; height: 34px; }
    .a_btn2_btn:before { transform: scale(0.8); }
    .pro_pos.pos2 { top: auto; bottom: 160px; }
    .pro_pos.pos3 { transform: scale(0.8); right: 0; }
    .add_list li > div.f-c { flex-direction: row; }
    .my_rt_box .d_btn a { width: 100%; }

    .my_rt_address ul li { flex: 0 0 100%; }
    .tag_slide .tit { font-size: 16px; }
    .tag_slide .tit p { margin-right: 20px; }
    .pro_list { margin-top: 30px; }
    .pro_list2 { margin-top: 50px; }
    .pro_list2 .img { margin-bottom: 25px; }
    .pro_list2 li { margin-bottom: 30px; }

    .page_banner2.my { display: block; height: 260px; }
    .lt_nav a { background: #F5F5F7 }
    .main_tit h4, .main_tit h3 { font-size: 24px; text-transform: initial; }
    .bg1 .dz_mainer > .wrap { height: calc(100vh - 50px); height: calc(100dvh - 50px); display: flex; flex-direction: column; justify-content: flex-start; overflow-y: auto; margin: 0; width: 100%; padding: 0 5%;; padding-bottom: 75px }
    .ai_lt { flex: 1; width: 100%; display: flex; align-items: center; justify-content: center; }
    .ai_lt .mask_box { max-height: 100% }
    .modal_cart_success .fp_modal { align-items: flex-end }
    .modal_cart_success.modal_style2 .modal_cont { width: 100%; border-radius: 20px 20px 0 0 }
    .login_box { padding-top: 40px; }
    .login_box h2 { font-size: 32px; }
    .checkbox { font-size: 12px; }
    .dz_select .p_list li { flex: 0 0 100%; max-width: 100%; }
    .dz_select .p_list a { margin: 0 }
    .p_list a { line-height: 20px; background: none; opacity: 0.4; padding: 0 }
    .p_list li.on a { opacity: 1; color: #000; background: none; }
    .dz_select .drop { width: 90vw; padding: 15px 15px 10px; }
    .dz_select .p_list { margin: 0; margin-bottom: 20px; margin-right: -5px; }
    .dz_select .p_list2 li { max-width: 100%; flex: 0 0 100% }
    .p_list2 .check { width: 20px; height: 20px; }
    .dz_select .p_list2 a { margin: 7px 10px }
    .dz_select .p_list2 { margin-bottom: 5px; }
}

.add_list li > div.f-c { flex-direction: row; }

.checkbox3 { display: flex; align-items: center; color: rgba(0,0,0,0.5); }
.checkbox3 .check { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-right: 5px; border-radius: 100%; border: 1px solid #000; }
.checkbox3 .check:before { content: ''; display: none; width: 8px; height: 8px; border-radius: 100%; background: #FB47D9; }
.checkbox3.on { color: #000; }
.checkbox3.on .check { border-color: #FB47D9; }
.checkbox3.on .check:before { display: block; }

.wap_blur .mainer { filter: blur(0px); }
.menu a > img { display: none; }
.menu .drop { display: none !important; }
.mask_center { position: fixed; z-index: 100; left: 0; right: 0; margin: 0 auto; }
.center .mask_box { transform: translateY(150px); }

@media (min-width: 768px) {
    #ul_prodlist img { width: 100%; margin-bottom: 50px }
}




.swiper_box { position: relative; height: 100vh; height: 100dvh; background: #000; padding-top: 10vh; padding-top: 10dvh; }
.swiper_box .box { position: absolute; height: 70vh; height: 70dvh; top: 50%; width: calc(20vw - 20px); left: 0; right: 0; margin: 0 auto; z-index: 1; margin-top: -30vh; margin-top: -30dvh; }
.swiper_box .bg { width: 100%; height: 100%; position: relative; border-radius: 20px; z-index: 1; overflow: hidden; }
.swiper_banner { height: 100% }
.swiper_box .box { border-radius: 20px; }
.swiper_box .box, .swiper_box .box * { box-sizing: border-box }
.swiper_box .box .img img { opacity: .8 }
.swiper_box .img { width: 100%; background: #000; border-radius: 20px; height: 70vh; height: 70dvh; position: relative; z-index: 1; }
.swiper_box .img::after { content: ''; display: block; width: 100%; height: 200px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); z-index: 1; }
.swiper_box .img img { opacity: 0.4; width: 100%; height: 100%; object-fit: cover }
.swiper_box .box { position: absolute; opacity: 1; z-index: 10; }

.swiper_box .text { height: 100%; text-align: center; color: #fff; padding: 2vw; z-index: 10; position: absolute; top: 0; left: 0; display: flex; gap: 25px; flex-direction: column; align-items: center; }
.swiper_box .text h2 { padding-top: 1.5vw; font-size: 4.25vw; line-height: .8; }
.swiper_box .text h3 { font-size: 1.5vw; }
.swiper_box .text h4 { font-size: 1vw; }
.swiper_box .btn { line-height: 40px; background: url(../img/btn_bg.png) no-repeat center center; background-size: 100% 100%; color: #fff; text-align: center; width: 100%; border-radius: 40px; display: block; font-size: 20px; text-transform: uppercase; }
.swiper_box .xg { position: absolute; z-index: 2; }
.swiper_box .xg img { opacity: 1; }
.swiper_box .xg1 { width: 15px; top: 20px; right: 55px; animation: breath 1.5s infinite ease-in-out; }
.swiper_box .xg2 { top: 20px; right: 20px; animation: breath 1s infinite ease-in-out; }
.swiper_box .xg3 { width: 20px; top: 50px; right: 10px; animation: breath .8s infinite ease-in-out; }
.swiper_box .center .img img { opacity: 0.6 }

@keyframes glowing {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

.swiper_banner .swiper-slide { display: flex; align-items: center; justify-content: center; }

@keyframes breath {
    0% { opacity: 1; }
    30% { opacity: 0.5; }
    60%,100% { opacity: 1; }
}

.swiper_banner .swiper-slide .text { opacity: 0; transform: scale(0.5) }
.swiper_banner .swiper-slide .xg { display: none }
.swiper_banner .swiper-slide-active .xg { display: block }
.swiper_banner .swiper-slide-active .text { opacity: 1; transform: scale(1) }

@media only screen and (max-width: 1350px) {
    .swiper_box .text { gap: 10px; }
    .swiper_box .text h2 { padding-top: 0 }
}

@media only screen and (max-width: 750px) {
    .swiper_banner .swiper-slide { width: 70vw }
    .swiper_box .text h2 { font-size: 10vw; padding-top: .5em }
    .swiper_box .text h4 { font-size: 1.5vw }
    .swiper_box .text h3 { font-size: 5vw }
    .swiper_box .btn { line-height: 30px; width: 80%; font-size: 16px }
    .swiper_banner .swiper-slide-active .box:before { border-radius: 35px }
    .swiper_banner .swiper-slide-active .box { border-radius: 30px }
    .swiper_banner .swiper-slide .box { padding: 5px }
    .swiper_banner .swiper-slide-active .img { border-radius: 30px; }
    .swiper_box .text { gap: 20px; padding: 20px 15px; }
    .swiper_box .box { width: 70vw }
}


.gradient-rotate-border { position: relative; z-index: 1; }

.gradient-rotate-border::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #ffda79); background-size: 400%; border-radius: 4px; z-index: -1; animation: rotate 8s linear infinite; }

@keyframes rotate {
    0% { background-position: 0% 50%; transform: rotate(0deg); }
    50% { background-position: 100% 50%; transform: rotate(180deg); }
    100% { background-position: 0% 50%; transform: rotate(360deg); }
}

.swiper_1 { width: 100%; height: 100%; background: #000 }
.swiper_1 .img { width: 100% !important }

:root { --radius: 20px; --border-width: 4px }
.gradient-border { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 25px; border: 4px solid transparent; }
.gradient-border::before { top: -4px; left: -4px; right: -4px; bottom: -4px; content: " "; position: absolute; z-index: -1; border: inherit; border-radius: inherit; /*   渐变 */ background-image: conic-gradient(from var(--angle1) at 50% 50%, #FB9ACC 0deg, #FB47D9 90deg, #6B2FA7 180deg, #FB9ACC 270deg, #6B2FA7 360deg); background-origin: border-box; /*   利用 content-box 和 border-box 的差值布尔来计算出一个描边蒙版 */ -webkit-mask: linear-gradient(black, black), linear-gradient(black, black); mask: linear-gradient(black, black), linear-gradient(black, black); -webkit-mask-clip: content-box, border-box; mask-clip: content-box, border-box; -webkit-mask-composite: xor; mask-composite: exclude; /*   应用动画 */ animation: spinnnn 3s linear infinite running; }
.gradient-border .glow { top: -4px; left: -4px; right: -4px; bottom: -4px; position: absolute; border-radius: inherit; }
.gradient-border .glow::after { top: -4px; left: -4px; right: -4px; bottom: -4px; content: ''; position: absolute;; z-index: -1; border: 8px solid transparent; border-radius: inherit; background-image: conic-gradient(from var(--angle1) at 50% 50%, #FB9ACC 0deg, transparent 90deg, transparent 180deg, transparent 270deg, #FB9ACC 360deg); background-origin: border-box; -webkit-mask: linear-gradient(black, black), linear-gradient(black, black); mask: linear-gradient(black, black), linear-gradient(black, black); -webkit-mask-clip: content-box, border-box; mask-clip: content-box, border-box; -webkit-mask-composite: xor; mask-composite: exclude; animation: spinnnn 4s linear infinite running; }

.white-glow { filter: blur(20px); }

.gradient-border .purple-glow::after { background-image: conic-gradient(from var(--angle1) at 50% 50%, transparent 0deg, #FB47D9 90deg, transparent 180deg); border: 4px solid transparent; }
.purple-glow { filter: blur(7px); }
.gradient-border .red-glow::after { background-image: conic-gradient(from var(--angle1) at 50% 50%, transparent 180deg, #FF7DD6 270deg, transparent 360deg); border: 4px solid transparent; }
.red-glow { filter: blur(8px); }
.gradient-border .cyan-glow::after { background-image: conic-gradient(from var(--angle1) at 50% 50%, transparent 90deg, #6B2FA7 180deg, transparent 270deg); border: 8px solid transparent; }
.cyan-glow { filter: blur(15px); }
/* 注册的变量才能进行动画 */
@property --angle1 { syntax: "<angle>"; inherits: true; initial-value: 0turn; }
/* 旋转动画 */
@keyframes spinnnn {
    to { --angle1: 1turn; }
}

.swiper-free-mode > .swiper-wrapper { transition-timing-function: cubic-bezier(0.9, 0.5,1.0, 1.1); }

@media only screen and (max-width: 1280px) {
    .swiper_box .box { width: calc(33.3vw - 20px) }
}

@media only screen and (max-width: 750px) {
    .swiper_box .box { width: 70vw }
}




.modal_cookies { position: fixed; bottom: 0; left: 0; right: 0; background: none; top: auto; height: auto; padding: 50px; }
.modal_cookies .fp_modal { align-items: flex-end; padding-bottom: 50px }
.modal_cookies .modal_cont { max-width: 1320px; width: 90%; display: flex; padding: 40px 48px; align-items: center; background: #fff; border-radius: 20px; }
.modal_cookies .modal_tips { font-size: 14px }
.modal_cookies a.a_btn2 { width: 300px; margin-top: 0 }
.modal_cookies .tn-block { margin-left: 50px; }

@media only screen and (max-width: 750px) {
    .modal_cookies .modal_cont { width: 100%; padding: 20px; flex-direction: column; }
    .modal_cookies .tn-block { margin-left: 0; width: 100%; margin-top: 20px; }
    .modal_cookies .fp_modal { padding: 20px; }
    .modal_cookies a.a_btn2 { width: 100%; max-width: 100%; }
}

/* 瀑布流优化样式 */
.waterfull { position: relative; overflow: hidden; min-height: 500px; /* 添加最小高度避免初始空白 */ }

.waterfull .wow_list { position: relative; margin: 0; padding: 0; min-height: inherit; }

.waterfull .item { position: absolute; transition: transform 0.3s ease-out; will-change: transform; backface-visibility: hidden; transform: translateZ(0); /* 确保项目有正确的尺寸 */ width: 20%; /* 默认5列布局 */ padding: 15px; box-sizing: border-box; }

.waterfull .item img { display: block; width: 100%; height: auto; transition: opacity 0.3s ease; border-radius: 20px; /* 保持圆角 */ }

/* 图片懒加载时的占位样式 */
.waterfull .item img[data-src] { opacity: 0; }

.waterfull .item img:not([data-src]) { opacity: 1; }

/* 瀑布流加载动画 */
.waterfull .item { animation: fadeInUp 0.6s ease-out; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px) translateZ(0); }
    to { opacity: 1; transform: translateY(0) translateZ(0); }
}

/* 响应式优化 */
@media (max-width: 768px) {
    .waterfull .item { width: 50% !important; padding: 10px !important; }
}

@media (max-width: 480px) {
    .waterfull .item { width: 100% !important; padding: 15px !important; }
}