@charset "UTF-8";
.flex-center { align-items: center; display: flex; }

.flex-start { align-items: flex-start; display: flex; }

.flex-end { align-items: flex-end; display: flex; }

.juzhong { display: flex; align-items: center; justify-content: center; }

.flex-stretch { align-items: stretch; display: flex; }

.flex-center-colum { flex-direction: column; display: flex; align-items: center; display: flex; }

.flex-start-colum { flex-direction: column; display: flex; align-items: flex-start; display: flex; }

.flex-end-colum { flex-direction: column; display: flex; align-items: flex-end; display: flex; }

.flex-stretch-colum { align-items: stretch; display: flex; flex-direction: column; display: flex; }

.juzhong-colum { display: flex; flex-direction: column; align-items: center; justify-content: center; display: flex; }

.jc-start { justify-content: flex-start; display: flex; }

.jc-center { justify-content: center; display: flex; }

.jc-end { justify-content: flex-end; display: flex; }

.jc-between-colum { justify-content: space-between; display: flex; flex-direction: column; }

.jc-end-column { justify-content: flex-end; display: flex; flex-direction: column; }

.flex-item { flex: 1; }

.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; }

.ellipsis-2 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.ellipsis-3 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.ellipsis-4 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.ellipsis-5 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.ellipsis-6 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }

.ellipsis-7 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }

.ellipsis-8 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; }

.ellipsis-9 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; }

.ellipsis-10 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; }

.img1-1 { display: block; position: relative; }
.img1-1:after { display: block; padding-top: 100%; content: ''; }
.img1-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.col20 { width: 20% !important; }

.col3 { width: 25% !important; }

.col4 { width: 33.33% !important; }

.col6 { width: 50% !important; }

.col8 { width: 66.66% !important; }

.col9 { width: 75% !important; }

.col12 { width: 100% !important; }

.color-primary { color: #3d5afe; }

.container { width: 1250px; margin: 0 auto; }
.container:before, .container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

* { min-width: 0; }

body { background-color: #F4F7FC; min-width: 1250px; line-height: 1.6; }

.header { position: fixed; left: 0; right: 0; top: 0; z-index: 99; height: 117px; background: linear-gradient(to bottom, #000, transparent); display: flex; align-items: center; justify-content: center; color: #fff; }
.header.sticky { position: sticky; }
.header .logo { text-align: center; margin-bottom: 20px; }
.header .nav { display: flex; align-items: center; justify-content: center; }
.header .nav .item { position: relative; padding: 10px 0; }
.header .nav .item > a { color: inherit; display: block; padding: 0 20px; }
.header .nav .item > a:hover { position: relative; }
.header .nav .item > a:hover:before { content: ""; width: 26px; height: 2px; background-color: #fff; position: absolute; left: 50%; margin-left: -13px; bottom: -10px; }
.header .nav .item:hover .subnav { display: block; }
.header .nav .subnav { width: 100px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 0 10px; display: none; }
.header .nav .subnav a { padding: 8px 0; display: block;  text-align: center; border-bottom: 1px solid #eee; }
.header .nav .subnav a:last-child { border-bottom: none; }
.header .btns { position: absolute; right: 40px; top: 0; bottom: 0; display: flex; align-items: center; }
.header .btns .btn { width: 108px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: inherit; box-sizing: border-box; border: 1px solid #DFE1E9; border-radius: 5px; margin-left: 10px; }
.header .btns .btn.blue { background: linear-gradient(to right, #3D5AFE, #7091FF); color: #fff; border: none; }
.header .logo2 { position: absolute; left: 40px; top: 0; bottom: 0; display: none; align-items: center; }
.header .logininfo { position: absolute; right: 40px; top: 50%; bottom: 0; margin-top: -15px; height: 30px; display: flex; align-items: center; font-size: 16px; cursor: pointer; }
.header .logininfo .iconfont { font-size: 12px; margin-left: 3px; }
.header.scroll { height: 80px; background: #fff; color: #000; box-shadow: 0 5px 10px rgba(61, 90, 254, 0.05); }
.header.scroll .logo { display: none; }
.header.scroll .nav a:hover { color: #3d5afe; }
.header.scroll .nav a:hover:before { background-color: #3d5afe; }
.header.scroll .nav a.current { color: #3d5afe; }
.header.scroll .logo2 { display: flex; }

.banner { overflow: hidden; position: relative; }
.banner img { width: 100%; }

.fwnav { background-color: #fff; padding: 22px 0; }
.fwnav .item { flex: 1; display: flex; align-items: center; padding: 0 50px; border-right: 1px solid #E8EAEE; }
.fwnav .item:last-child { border-right: none; }
.fwnav .item .icon { margin-right: 14px; }
.fwnav .item .icon img { width: 64px; height: 64px; object-fit: contain; }
.fwnav .item .number { font-size: 20px; font-weight: bold; }
.fwnav .item .desc { font-size: 14px; color: #636e80; }

.find-order { margin: 60px auto; padding: 30px; background-color: #fff; border-radius: 10px; }
.find-order .hd .title { font-size: 20px; font-weight: bold; }
.find-order .bd { margin-top: 20px; position: relative; }
.find-order .bd .lock { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(3px); }
.find-order .bd .lock .txt { color: #636e80; margin-bottom: 20px; }
.find-order .bd .row { height: 50px; margin-top: 16px; display: flex; align-items: center; background-color: #F4F7FC; border-radius: 10px; padding-right: 30px; }
.find-order .bd .row:first-child { margin-top: 0; }
.find-order .bd .row .typename { width: 32px; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px 0 0 10px; writing-mode: vertical-rl; margin-right: 16px; }
.find-order .bd .row .typename.zb { background-color: #E4FFE9; color: #25E147; }
.find-order .bd .row .typename.ds { background-color: #FFF9F3; color: #FF8D1B; }
.find-order .bd .row .typename.gsz { background-color: #E3E8FF; color: #3D5AFE; }
.find-order .bd .row .date { color: #636e80; margin-left: 30px; }
.find-order .bd .row .amount { height: 20px; margin-left: 110px; min-width: 100px; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #FF2121; color: #ff2121; border-radius: 2px; padding: 0 10px; }

.mlmall .hd { text-align: center; }
.mlmall .hd .title { font-size: 36px; }
.mlmall .bd { display: flex; margin-top: 40px; }
.mlmall .bd .item { width: 152px; height: 340px; border-radius: 10px; overflow: hidden; margin-right: 22px; transition: all .5s; position: relative; box-sizing: border-box; }
.mlmall .bd .item .cont { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; color: #fff; padding: 15px; }
.mlmall .bd .item .cont .title { font-size: 18px; }
.mlmall .bd .item .cont .info { margin-top: 10px; display: none; }
.mlmall .bd .item .cont .price { color: #f00; }
.mlmall .bd .item .cont .more { color: #3d5afe; }
.mlmall .bd .item:last-child { margin-right: 0; }
.mlmall .bd .item img { width: 100%; height: 100%; object-fit: cover; }
.mlmall .bd .item.active { width: 560px; }
.mlmall .bd .item.active .cont { background-color: rgba(0, 0, 0, 0.3); }
.mlmall .bd .item.active .cont .info { display: flex; align-items: center; }

.gxsj { height: 500px; width: 1250px; display: flex; align-items: center; margin: 80px auto 0; background: #000 url(../images/bg_gxsj.png) no-repeat center; background-size: cover; border-radius: 10px; }
.gxsj .bd { flex: 1; display: flex; align-items: stretch; border-left: 1px solid rgba(255, 255, 255, 0.5); margin: 0 50px; padding-left: 50px; box-sizing: border-box; height: 400px; }
.gxsj .title { color: #fff; font-size: 50px; letter-spacing: 20px; }
.gxsj .subtit { font-size: 24px; color: #fff; margin-top: 15px; letter-spacing: 10px; }
.gxsj .tabtitle { color: #fff; margin-top: 50px; opacity: .5; cursor: pointer; }
.gxsj .tabtitle .cname { font-size: 40px; }
.gxsj .tabtitle .ename { font-size: 24px; margin-left: 10px; }
.gxsj .tabtitle.active { opacity: 1; }
.gxsj .gxsjcont { width: 428px; height: 324px; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px 10px 100px 10px; padding: 40px; display: flex; flex-direction: column; box-sizing: border-box; }
.gxsj .gxsjcont .tit { font-size: 36px; font-weight: bold; position: relative; }
.gxsj .gxsjcont .tit:before { content: ""; width: 50px; height: 4px; background-color: #3d5afe; position: absolute; top: 50%; left: -65px; margin-top: -2px; }
.gxsj .gxsjcont .desc { margin: 20px 0; font-size: 16px; color: #636e80; line-height: 1.6; flex: 1; }
.gxsj .gxsjcont.hide { display: none; }

.jrcp { padding: 60px 0; }
.jrcp .hd { text-align: center; padding-bottom: 20px; }
.jrcp .hd .title { font-size: 36px; }
.jrcp .jrcp-item { background-color: #fff; border-radius: 10px; display: flex; align-items: center; margin-top: 20px; height: 150px; padding: 28px 30px; box-sizing: border-box; }
.jrcp .jrcp-item .logo { padding-right: 30px; border-right: 1px dashed #E8EAEE; }
.jrcp .jrcp-item .logo img { width: 268px; height: 94px; object-fit: contain; }
.jrcp .jrcp-item .item { padding-left: 30px; width: 200px; }
.jrcp .jrcp-item .item .tit { font-size: 20px; font-weight: bold; }
.jrcp .jrcp-item .item .desc { font-size: 14px; color: #636e80; margin-top: 5px; }

.job { height: 448px; width: 1250px; margin: 0 auto; border-radius: 10px; display: flex; align-items: stretch; background-color: #1A1C1F; color: #fff; overflow: hidden; }
.job .zhaopin { background-color: #3d5afe; flex: 1; position: relative; display: flex; justify-content: flex-end; }
.job .zhaopin:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-left: 30px solid transparent; border-top: 448px solid #1A1C1F; }
.job .zhaopin .cont { margin-right: 58px; margin-left: 58px; }
.job .qiuzhi { flex: 1; }
.job .qiuzhi .cont { margin-left: 58px; }
.job .cont { padding-top: 80px; box-sizing: border-box; }
.job .tname { font-size: 16px; }
.job .title { font-size: 30px; margin-top: 20px; }
.job .zpinfo { margin-top: 40px; }
.job .zpinfo .img { margin-right: 20px; }
.job .zpinfo .img img { width: 200px; height: 134px; border-radius: 10px; }
.job .zpinfo .tit { font-size: 18px; }
.job .zpinfo .btn { height: 32px; border: 1px solid #fff; border-radius: 5px; display: inline-flex; align-items: center; padding: 0 15px; font-size: 14px; color: #fff; cursor: pointer; margin-top: 30px; }
.job .zpinfo .btn:hover { background-color: #fff; color: #3d5afe; }
.job .zhiwei { overflow: hidden; margin-top: 20px; }
.job .zhiwei a { width: 200px; height: 54px; margin: 20px 20px 0 0; border: 1px solid #fff; border-radius: 5px; padding: 0 10px; font-size: 14px; color: #fff; cursor: pointer; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; display: block; float: left; font-size: 16px; line-height: 52px; box-sizing: border-box; }
.job .zhiwei a:nth-child(2n) { margin-right: 0; }
.job .zhiwei a:hover { background-color: #fff; color: #3d5afe; }

.dongtai { padding: 80px 0; }
.dongtai .hd { text-align: center; padding-bottom: 20px; }
.dongtai .hd .title { font-size: 36px; }
.dongtai .bd { margin: 40px 0 0; overflow: hidden; position: relative; }
.dongtai .bd .item { padding: 0 10px; box-sizing: border-box; }
.dongtai .bd .item a { display: block; height: 390px; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.dongtai .bd .item .img { height: 188px; }
.dongtai .bd .item .img img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0; }
.dongtai .bd .item .cont { background-color: #fff; border-radius: 10px 10px 0 0; margin-top: -10px; position: relative; z-index: 2; padding: 20px; }
.dongtai .bd .item .title { margin-top: 10px; font-size: 20px; font-weight: bold; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dongtai .bd .item .desc { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #636e80; margin-top: 15px; }
.dongtai .bd .item .more { color: #3d5afe; text-align: right; margin-top: 15px; }

.yzsreg { height: 262px; background: url(../images/yzsreg.png) no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.yzsreg .title { font-size: 36px; }
.yzsreg .sousuo { width: 400px; height: 50px; margin-top: 40px; padding: 4px; background-color: #fff; border-radius: 10px; display: flex; align-items: center; box-sizing: border-box; }
.yzsreg .sousuo .btn { height: 42px; border-radius: 5px; }
.yzsreg .sousuo input { height: 40px; appearance: none; border: none; width: 100%; padding: 0 10px; }

.huoban { padding: 80px 0; }
.huoban .hd { display: flex; align-items: center; justify-content: center; font-size: 18px; }
.huoban .hd:before, .huoban .hd:after { content: ""; display: block; border-bottom: 1px solid #e8e8e8; flex: 1; }
.huoban .bd { display: flex; flex-wrap: wrap; }
.huoban .bd .item { width: 180px; height: 60px; margin-right: 34px; margin-top: 34px; box-sizing: border-box; }
.huoban .bd .item:nth-child(6n) { margin-right: 0; }
.huoban .bd .item img { width: 100%; height: 100%; object-fit: contain; }

.imgadbox { display: flex; flex-wrap: wrap; width: 1250px; margin: 0 auto; }
.imgadbox .item { width: 33.33%; padding: 5px; box-sizing: border-box; }
.imgadbox .item img { width: 100%; }

.footer { padding-top: 80px; }
.footer.white { background-color: #fff; margin-top: 80px; }
.footer.grey { background-color: #F4F7FC; margin-top: 80px; }
.footer .lianxi { width: 340px; }
.footer .lianxi .qrcode { width: 88px; margin-top: 30px; }
.footer .lianxi .qrcode img { width: 88px; height: 88px; }
.footer .lianxi .qrtxt { width: 88px; font-size: 12px; color: #4E5969; margin-top: 10px; text-align: center; }
.footer .lianxi .lxtit { font-size: 12px; margin-top: 30px; }
.footer .lianxi .lxnum { font-size: 20px; font-weight: bold; }
.footer .fnav { flex: 1; display: flex; align-items: start; }
.footer .fnav .item { flex: 1; }
.footer .fnav .title { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.footer .fnav .link { margin-top: 10px; color: #333; }
.footer .fnav .link a:hover { color: #3d5afe; }
.footer .copyright { margin-top: 40px; text-align: center; padding: 30px; border-top: 1px solid #E8EAEE; color: #666; }

.findtop { height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url(../images/bg_findorder.png) no-repeat center top; background-size: cover; }
.findtop .title { font-size: 42px; font-weight: bold; }
.findtop .entxt { font-size: 20px; color: #34465a; }
.findtop .sousuo { width: 540px; height: 54px; padding: 0 30px; margin-top: 45px; background-color: #fff; border-radius: 54px; display: flex; align-items: center; box-sizing: border-box; }
.findtop .sousuo .btn { appearance: none; border: none; background: none; cursor: pointer; margin-left: 20px; }
.findtop .sousuo input { width: 100%; height: 30px; appearance: none; border: none; background: none; }

.shaixuan { background-color: #fff; border-radius: 10px; padding: 8px 22px; }
.shaixuan .row { display: flex; align-items: start; margin-top: 8px; }
.shaixuan .row .name { height: 32px; display: flex; align-items: center; padding: 0 16px; background-color: #F8F7FA; border-radius: 5px; font-size: 14px; color: #636e80; margin: 8px; cursor: pointer; }
.shaixuan .row .name.active { background-color: #F0F2FF; color: #3d5afe; }
.shaixuan .row .name:hover { color: #3d5afe; }
.shaixuan .row .cont { flex: 1; display: flex; flex-wrap: wrap; }

.forders { display: flex; align-items: flex-start; flex-wrap: wrap; }
.forders .item { width: 296px; height: 240px; padding: 20px; margin: 22px 22px 0 0; background-color: #fff; border-radius: 10px; box-sizing: border-box; }
.forders .item:nth-child(4n) { margin-right: 0; }
.forders .item .title { font-weight: bold; font-size: 16px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 51px; }
.forders .item .desc { font-size: 14px; color: #636e80; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 5px; height: 44px; }
.forders .item .date { font-size: 14px; color: #636e80; }
.forders .item .tag { height: 28px; margin-top: 15px; background-color: #E0EBFB; border-radius: 2px; font-size: 12px; color: #3d5afe; display: inline-flex; align-items: center; padding: 0 10px; }

.fidwrap { background: url(../images/bg_findorder.png) no-repeat center top; background-size: 1920px auto; }

.fidorder { margin-top: 50px; padding: 30px; background-color: #fff; border-radius: 10px; position: relative; }
.fidorder .fidImgSlider { overflow: hidden; position: relative; }
.fidorder .fidImgSlider img { border-radius: 10px; cursor: pointer; object-fit: cover; }
.fidorder .fidImgSlider .btn-next, .fidorder .fidImgSlider .btn-prev { width: 44px; height: 150px; background-color: rgba(61, 90, 254, 0.5); color: #fff; position: absolute; top: 0; z-index: 5; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.fidorder .fidImgSlider .btn-next.swiper-button-disabled, .fidorder .fidImgSlider .btn-prev.swiper-button-disabled { opacity: .6; cursor: not-allowed; }
.fidorder .fidImgSlider .btn-prev { left: 0; border-radius: 10px 0 0 10px; }
.fidorder .fidImgSlider .btn-next { right: 0; border-radius: 0 10px 10px 0; }
.fidorder .baseinfo { background-color: #F4F7FC; border-radius: 10px; padding: 30px; margin-top: 20px; }
.fidorder .baseinfo .item .name { font-size: 16px; color: #636e80; }
.fidorder .baseinfo .item .value { font-size: 20px; font-weight: bold; }

.mallsearch { padding: 40px 0; }

.sort { display: flex; align-items: center; margin-top: 40px; }
.sort .item { padding: 0 30px; border-right: 1px solid #D2D5D9; }
.sort .item:last-child { border-right: none; }
.sort .item.active { color: #3d5afe; }
.sort .item .iconfont { margin-left: 3px; font-size: 12px; }

.product-list { display: flex; flex-wrap: wrap; margin: 30px -11px; }
.product-list .item { width: 296px; height: 464px; margin: 11px; background-color: #fff; border-radius: 10px; overflow: hidden; display: block; }
.product-list .item .cont { padding: 20px; }
.product-list .item .title { font-size: 16px; font-weight: bold; }
.product-list .item .no { font-size: 14px; color: #636e80; }
.product-list .item .info { font-size: 12px; color: #636e80; margin-top: 10px; line-height: 1; }
.product-list .item .shopname { height: 28px; margin-top: 20px; background-color: #E0EBFB; border-radius: 2px; font-size: 12px; line-height: 28px; padding: 0 10px; color: #3d5afe; }

.mallside { width: 64px; background-color: #fff; border-radius: 10px 0 0 10px; position: fixed; right: 0; top: 340px; z-index: 9; overflow: hidden; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.05); }
.mallside .item { width: 64px; height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.mallside .item img { width: 24px; height: 24px; }
.mallside .item .name { font-size: 12px; line-height: 1; margin-top: 5px; }
.mallside .item:hover { background-color: #fafafa; color: #3d5afe; }
.mallside .item .num { height: 18px; min-width: 18px; background-color: #f00; border-radius: 18px; display: flex; align-items: center; justify-content: center; padding: 0 5px; font-size: 12px; color: #fff; position: absolute; top: 5px; left: 50%; }

.product-wrap { background-color: #fff; border-radius: 10px; padding: 15px; margin-top: 50px; }
.product-wrap .imgSlider { width: 94px; height: 518px; overflow: hidden; position: relative; }
.product-wrap .imgSlider img { border-radius: 10px; cursor: pointer; object-fit: cover; }
.product-wrap .imgSlider .btn-next, .product-wrap .imgSlider .btn-prev { width: 94px; height: 24px; background-color: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; left: 0; right: 0; z-index: 5; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.product-wrap .imgSlider .btn-next.swiper-button-disabled, .product-wrap .imgSlider .btn-prev.swiper-button-disabled { opacity: .6; cursor: not-allowed; }
.product-wrap .imgSlider .btn-prev { top: 0; border-radius: 10px 10px 0 0; }
.product-wrap .imgSlider .btn-next { bottom: 0; border-radius: 0 0 10px 10px; }
.product-wrap .bigimg { width: 518px; height: 518px; background-color: #f8f8f8; border-radius: 10px; margin-left: 15px; margin-right: 30px; }
.product-wrap .bigimg img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; }
.product-wrap .info .title { font-size: 20px; font-weight: bold; }
.product-wrap .info .shopname { height: 28px; background-color: #E0EBFB; border-radius: 2px; font-size: 12px; line-height: 28px; padding: 0 10px; color: #3d5afe; display: inline-block; vertical-align: middle; margin-left: 10px; }
.product-wrap .info .no { font-size: 14px; color: #636e80; margin-top: 5px; }
.product-wrap .info .price { font-size: 14px; color: #636e80; margin-top: 10px; line-height: 1; }
.product-wrap .info .option { display: flex; align-items: start; margin-top: 20px; }
.product-wrap .info .option .name { color: #636e80; margin-right: 10px; height: 38px; line-height: 38px; }
.product-wrap .info .option .list { display: flex; flex-wrap: wrap; }
.product-wrap .info .option .list input { display: none; }
.product-wrap .info .option .list .item { height: 38px; display: flex; align-items: center; font-size: 14px; border: 1px solid #D7DBE2; border-radius: 5px; padding: 0 12px; margin: 0 12px 12px 0; cursor: pointer; }
.product-wrap .info .option .list input:checked + label { border-color: #3d5afe; color: #3d5afe; }

.cart-search { width: 326px; border: 1px solid #3d5afe; border-radius: 10px; display: flex; align-items: center; overflow: hidden; }
.cart-search button { border-radius: 0 9px 9px 0; width: 62px; }
.cart-search input { width: 100%; appearance: none; background: none; border: none; padding: 0 10px; box-sizing: border-box; }

.cart { margin-top: 20px; }
.cart .cart-head { display: flex; align-items: center; background-color: #f3f3f3; border-radius: 10px; padding: 11px; }
.cart .field-check, .cart .field-img, .cart .field-title, .cart .field-spec, .cart .field-price, .cart .field-num, .cart .field-ctrl { margin-right: 15px; text-align: center; }
.cart .field-check { width: 15px; text-align: left; }
.cart .field-img { width: 80px; text-align: left; }
.cart .field-img img { width: 80px; height: 80px; object-fit: cover; }
.cart .field-title { flex: 1; text-align: left; }
.cart .field-spec { width: 150px; }
.cart .field-price { width: 150px; }
.cart .field-num { width: 150px; }
.cart .field-ctrl { width: 100px; margin-right: 0; }
.cart .shopname { margin: 15px 11px; }
.cart .group { border: 1px solid #ddd; border-radius: 10px; }
.cart .item { padding: 15px 10px; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; }
.cart .item:last-child { border-bottom: none; }
.cart .tool { height: 52px; border: 1px solid #ddd; border-radius: 10px; margin-top: 30px; display: flex; align-items: center; padding-left: 10px; box-sizing: border-box; }
.cart .tool .btn { height: 50px; border-radius: 0 9px 9px 0; }

.address { display: flex; flex-wrap: wrap; align-items: stretch; margin: 10px -5px -5px; }
.address .item { width: calc(25% - 10px); margin: 5px; display: flex; align-items: flex-start; padding: 10px; border: 1px solid #E4E4E4; border-radius: 10px; box-sizing: border-box; }
.address .item .icon { font-size: 20px; margin-right: 10px; }
.address .item .region { font-size: 12px; color: #999; }
.address .item .info { font-size: 12px; color: #666; }
.address .item.active { border-color: #3d5afe; }
.address .item.active .icon { color: #3d5afe; }

.design-item { margin: 30px 0 0; padding: 30px; background-color: #fff; border-radius: 10px; }
.design-item .title { font-weight: bold; font-size: 18px; }
.design-item .tag { height: 28px; margin-right: 10px; background-color: #E0EBFB; border-radius: 2px; font-size: 12px; line-height: 28px; padding: 0 10px; color: #3d5afe; }
.design-item .imgs { display: flex; align-items: flex-start; margin-top: 20px; }
.design-item .imgs .img { width: 222px; height: 295px; margin-right: 20px; }
.design-item .imgs .img:last-child { margin-right: 0; }
.design-item .imgs .img img { width: 222px; height: 295px; object-fit: cover; border-radius: 10px; }

.design-wrap { background: url(../images/bg_design.png) no-repeat center top; background-size: 1920px auto; }

.designPage { margin-top: 30px; padding: 30px; background-color: #fff; border-radius: 10px; }
.designPage .title { font-weight: bold; font-size: 18px; }
.designPage .tag { height: 28px; margin-right: 10px; background-color: #E0EBFB; border-radius: 2px; font-size: 12px; line-height: 28px; padding: 0 10px; color: #3d5afe; }
.designPage .imgs { display: flex; align-items: flex-start; flex-wrap: wrap; }
.designPage .imgs .img { width: 300px; height: 400px; margin-right: 20px; margin-top: 20px; border-radius: 10px; position: relative; }
.designPage .imgs .img:nth-child(3n) { margin-right: 0; }
.designPage .imgs .img .name { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; padding: 10px; background-color: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 0 0 10px 10px; }
.designPage .imgs .img img { width: 300px; height: 400px; object-fit: cover; border-radius: 10px; }

.newsbanner { height: 353px; background: url(../images/newsbanner.png) no-repeat center; background-size: contain; color: #fff; }
.newsbanner .container { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.newsbanner .title { font-size: 42px; font-weight: bold; }
.newsbanner .desc { font-size: 20px; }

.newstypes { display: flex; flex-wrap: wrap; margin-top: 60px; }
.newstypes .item { font-size: 22px; font-weight: bold; margin-right: 40px; display: block; }
.newstypes .item.active { color: #3d5afe; }

.news-list { background-color: #fff; border-radius: 10px; padding: 50px; margin-top: 30px; }
.news-list .item { display: flex; align-items: flex-start; padding: 50px 0; border-bottom: 1px solid #EEF2F8; }
.news-list .item:first-child { margin-top: -50px; }
.news-list .item .img { margin-right: 40px; }
.news-list .item .img img { width: 244px; height: 151px; }
.news-list .item .title { font-weight: bold; font-size: 22px; }
.news-list .item .desc { font-size: 16px; color: #636e80; margin-top: 15px; }
.news-list .item .date { font-size: 16px; color: #636e80; margin-top: 15px; }

.news-wrap .title { font-weight: bold; font-size: 28px; }
.news-wrap .info { font-size: 16px; color: #636e80; }
.news-wrap .content { font-size: 16px; }

.newsside { width: 320px; margin-left: 70px; }
.newsside .tuijian { padding: 24px; background-color: #F4F7FC; box-sizing: border-box; }
.newsside .tuijian .item { display: block; color: #636e80; margin-top: 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; }
.newsside .tuijian .item:hover { color: #3d5afe; }

.rencai-item { margin: 30px 0 0; padding: 30px; background-color: #fff; border-radius: 10px; display: flex; align-items: flex-start; }
.rencai-item .img { margin-right: 24px; }
.rencai-item .img img { width: 146px; height: 191px; border-radius: 5px; }
.rencai-item .name { font-weight: bold; font-size: 18px; }
.rencai-item .lev { color: #636e80; margin-left: 10px; }
.rencai-item .price { font-size: 18px; color: #f00; font-weight: bold; }
.rencai-item .info { color: #636e80; margin-top: 10px; }
.rencai-item .tag { margin-right: 10px; height: 28px; background-color: #E0EBFB; border-radius: 2px; font-size: 12px; color: #3d5afe; display: flex; align-items: center; padding: 0 10px; }
.rencai-item .icon { color: #3d5afe; margin-right: 5px; font-size: 16px; }
.rencai-item .jieshao { background-color: #F4F7FC; border: 5px; padding: 15px 20px; margin-top: 20px; }

.jinrong-list { display: flex; align-items: stretch; flex-wrap: wrap; margin: 15px -15px; }
.jinrong-list .item { width: 396px; height: 433px; margin: 15px; padding: 30px; box-sizing: border-box; background-color: #fff; border-radius: 10px; display: block; }
.jinrong-list .item .logo { height: 100px; }
.jinrong-list .item .logo img { height: 100px; width: 100%; object-fit: contain; }
.jinrong-list .item .title { font-size: 20px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; }
.jinrong-list .item .option { font-size: 16px; color: #636e80; margin-top: 10px; }
.jinrong-list .item .option .num { color: #000; }
.jinrong-list .item .layui-btn { height: 40px; line-height: 40px; width: 120px; margin-top: 40px; }

.jinrong-wrap { background: url(../images/bg_jinrong.png) no-repeat center top; background-size: 1920px auto; }

.jinrongPage { margin-top: 30px; background-color: #fff; border-radius: 10px; }
.jinrongPage .row { padding: 20px 50px; font-size: 16px; }
.jinrongPage .row.grey { background-color: #F4F7FC; }
.jinrongPage .row .label { width: 180px; margin-right: 20px; }
.jinrongPage .jinrongForm { margin: 30px auto 0; width: 600px; }
.jinrongPage .jinrongForm .layui-form-label { width: 120px; }
.jinrongPage .jinrongForm .layui-input-block { margin-left: 150px; }

.userinfo { background-color: #fff; border-radius: 10px; padding: 30px; min-height: 322px; box-sizing: border-box; }
.userinfo .hd { font-size: 24px; font-weight: bold; line-height: 1; }
.userinfo .username { font-size: 18px; font-weight: bold; margin-top: 20px; }
.userinfo .info { font-size: 16px; color: #636E80; }

.usernav { width: 276px; margin-left: 11px; }
.usernav .item { display: flex; align-items: center; height: 100px; box-sizing: border-box; background-color: #fff; border-radius: 10px; padding: 0 30px; }
.usernav .item .name { font-size: 18px; font-weight: bold; }
.usernav .item .icon { margin-right: 20px; }
.usernav .item .icon img { width: 50px; height: 50px; object-fit: contain; }

.renzhengWrap { background-color: #fff; border-radius: 10px; padding: 20px 30px; box-sizing: border-box; margin-top: 30px; font-size: 16px; }
.renzhengWrap .rzinfo { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 10px; }
.renzhengWrap .rzinfo .item { float: none; color: #636E80; width: 50%; margin-top: 10px; }

.rzstep { display: flex; align-items: flex-start; width: 550px; margin: 30px auto 0; }
.rzstep .item { display: flex; align-items: start; }
.rzstep .item .no { width: 28px; height: 28px; background-color: #F2F3F5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 12px; }
.rzstep .item .name { color: #4e5969; font-size: 16px; }
.rzstep .item .desc { color: #86909c; font-size: 12px; }
.rzstep .item.active .no { background-color: #3d5afe; color: #fff; }
.rzstep .item.active .name { color: #000; }

.renzhengForm { margin: 30px auto 0; width: 550px; }
.renzhengForm .layui-form-label { width: 120px; }
.renzhengForm .layui-input-block { margin-left: 150px; }

.uploader { display: flex; flex-wrap: wrap; }
.uploader .item { width: 160px; height: 100px; background-color: #F5F6F8; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; margin-right: 10px; margin-bottom: 10px; }
.uploader .item img { width: 100%; height: 100%; border-radius: 5px; }
.uploader .item .delbtn { position: absolute; right: 0; top: 0; color: #fff; width: 20px; height: 20px; background-color: #f00; font-size: 12px; line-height: 20px; text-align: center; border-radius: 0 5px 0 0; cursor: pointer; }

.address-list .item { margin-top: 15px; display: flex; align-items: center; padding: 20px; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; }
.address-list .item:first-child { margin-top: 0; }
.address-list .item .icon { font-size: 20px; margin-right: 20px; }
.address-list .item .adr { color: #666; }
.address-list .item .info { font-size: 16px; font-weight: bold; }
.address-list .item .btn { margin-left: 20px; cursor: pointer; color: #666; }
.address-list .item .btn .iconfont { margin-right: 3px; }
.address-list .item .btn:hover { color: #3d5afe; }

.loginbg { background: #eff7ff url(../images/bg_login.png) no-repeat left center; min-height: 100vh; background-size: cover; }

.loginwrap { width: 440px; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); }
.loginwrap .inputrow { height: 44px; background-color: #fff; border-radius: 6px; display: flex; align-items: center; margin-top: 24px; padding: 0 12px; font-size: 16px; }
.loginwrap .inputrow .ipt { width: 100%; height: 40px; appearance: none; border: none; background: none; }
.loginwrap .inputrow .yzbtn { appearance: none; border: none; background: none; padding: 0; color: #3d5afe; cursor: pointer; }
.loginwrap .inputrow .yzbtn[disabled] { color: #999; cursor: no-drop; }

.scmenus .row { border-top: 1px solid #eee; padding: 15px 0; }
.scmenus .row .hd { font-size: 16px; font-weight: bold; display: flex; align-items: center; cursor: pointer; }
.scmenus .row .hd .icon { width: 12px; height: 2px; background-color: #7E7E7E; margin: 0 10px; position: relative; }
.scmenus .row .hd .icon:after { content: ""; width: 2px; height: 12px; background-color: #7E7E7E; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -6px; }
.scmenus .row .list { display: none; margin-top: 15px; }
.scmenus .row .list .item { padding: 8px 30px 8px 8px; position: relative; cursor: pointer; }
.scmenus .row .list .item:hover { background-color: #f8f8f8; }
.scmenus .row .list .item.active { background-color: #F1F1F1; }
.scmenus .row .list .item.active:after { content: ""; width: 16px; height: 16px; background: url(../images/icon_gou.png) no-repeat center; position: absolute; right: 10px; top: 50%; margin-top: -8px; }
.scmenus .row.active .hd .icon:after { content: none; }
.scmenus .row.active .list { display: block; }

.scsearch { display: flex; align-items: center; background-color: #F8F8F8; padding: 10px; border-bottom: 2px solid #3d5afe; }
.scsearch input { width: 100%; appearance: none; border: none; background: none; }

.yixuan { margin: 15px 0; }
.yixuan .tag { display: inline-flex; align-items: center; border: 1px solid #ddd; height: 32px; box-sizing: border-box; padding: 0 10px; }
.yixuan .tag .icon { margin-left: 10px; cursor: pointer; width: 13px; height: 13px; object-fit: contain; }

.sclist { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.sclist .item { width: 25%; padding: 0 10px 20px; box-sizing: border-box; display: block; }
.sclist .item .img { display: block; position: relative; }
.sclist .item .img:after { display: block; padding-top: 59.30851%; content: ''; }
.sclist .item .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sclist .item .title { font-weight: bold; font-size: 16px; margin-top: 30px; }
.sclist .item .tags .tag { display: inline-flex; align-items: center; height: 28px; box-sizing: border-box; border: 1px solid #eee; border-radius: 28px; font-size: 12px; padding: 0 12px; margin: 10px 4px 0 0; }

.scheader { height: 68px; background-color: #fff; border-bottom: 1px solid #3d5afe; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; }
.scheader .title { display: flex; align-items: center; font-size: 16px; font-weight: bold; position: absolute; left: 30px; top: 0; bottom: 0; }

.scwrap { display: flex; align-items: start; padding: 40px 30px; }

.scinfo { width: 284px; padding: 20px; box-sizing: border-box; background-color: #fff; margin-left: 30px; }
.scinfo .row { color: #666; margin-top: 15px; }

.sucaiSlide { position: relative; }
.sucaiSlide .slider { overflow: hidden; margin: 0 80px; }
.sucaiSlide .slider .swiper-slide { display: block; position: relative; }
.sucaiSlide .slider .swiper-slide:after { display: block; padding-top: 60.01541%; content: ''; }
.sucaiSlide .slider .swiper-slide img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sucaiSlide .slider .swiper-slide .cont { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, 0.3); color: #fff; font-size: 14px; display: none; }
.sucaiSlide .slider .swiper-slide:hover .cont { display: block; }
.sucaiSlide .swiper-button-next, .sucaiSlide .swiper-button-prev { width: 60px; height: 60px; }

.designer { display: flex; flex-wrap: wrap; margin: 30px -11px; }
.designer .item { width: 296px; height: 362px; margin: 11px; background-color: #fff; border-radius: 10px; overflow: hidden; display: block; position: relative; }
.designer .item img { width: 100%; height: 100%; object-fit: cover; }
.designer .item .cont { padding: 30px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; color: #fff; }
.designer .item .name { font-size: 18px; font-weight: bold; }
.designer .item .desc { margin-top: 15px; display: none; }
.designer .item:hover .cont { top: 0; }
.designer .item:hover .desc { display: block; }

.rencai { display: flex; align-items: flex-start; flex-wrap: wrap; }
.rencai .item { width: 402px; height: 280px; margin: 22px 22px 0 0; background-color: #fff; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
.rencai .item:nth-child(3n) { margin-right: 0; }
.rencai .item .hd { padding: 20px; background: linear-gradient(to right, #fff, #f1f3ff); height: 130px; box-sizing: border-box; }
.rencai .item .name { font-weight: bold; font-size: 18px; }
.rencai .item .lev { color: #636e80; margin-left: 10px; }
.rencai .item .price { font-size: 18px; color: #f00; font-weight: bold; }
.rencai .item .info { color: #636e80; margin-top: 10px; }
.rencai .item .tag { margin-right: 10px; height: 28px; background-color: #E0EBFB; border-radius: 2px; font-size: 12px; color: #3d5afe; display: flex; align-items: center; padding: 0 10px; }
.rencai .item .icon { color: #3d5afe; margin-right: 5px; font-size: 16px; }
.rencai .item .bd { padding: 20px; }
.rencai .item .tit { font-weight: bold; font-size: 15px; }
.rencai .item .desc { margin-top: 10px; color: #666; }
.rencai .item .date { font-size: 12px; color: #999; margin-top: 10px; }

.clearListStyle { margin: 0; padding: 0; list-style: none; }
.clearListStyle li { margin: 0; padding: 0; list-style: none; }

.cpad { overflow: hidden; margin-bottom: 60px; height: 240px; }
.cpad ul li { width: 400px; position: relative; float: left; margin: 0 5px; }
.cpad ul li img { width: 400px; height: 240px; }
.cpad ul li .cont { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; padding: 20px; color: #fff; }
.cpad ul li .title { font-size: 18px; }
.cpad ul li .desc { font-size: 14px; margin-top: 10px; display: none; }
.cpad ul li:hover .cont { background-color: rgba(0, 0, 0, 0.5); }
.cpad ul li:hover .desc { display: block; }

/*分页*/
/*分页*/
.z_pages_bar { text-align: center; margin: 30px 0; }

.z_pages_bar .pagination { align-items: center; justify-content: center; }

.z_pages_bar .pagination li { display: inline-block; vertical-align: middle; }

.z_pages_bar .pagination .input { display: inline-block; padding: 0 10px; width: 80px; height: 30px; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 5px; vertical-align: initial; }

.z_pages_bar .pagination .enter_btn { display: inline-block; margin-left: 40px; line-height: 38px; color: #999; vertical-align: middle; }

.z_pages_bar a, .z_pages_bar li.active, .z_pages_bar li.disabled { display: inline-block; border: 1px solid #ebebeb; border-radius: 2px; background: #fff; height: 36px; line-height: 36px; width: 36px; text-align: center; color: #666; font-size: 14px; margin: 0 5px; }

/*#3d5afe  #3d5afe*/
.z_pages_bar li.disabled { background-color: #dddddd; }

.z_pages_bar a.active, .z_pages_bar li.active, .z_pages_bar a:hover { background: #3d5afe; border-color: #3d5afe; color: #fff; }