* {padding: 0;margin: 0;letter-spacing: .5px;color: #333;font-size: 14px;box-sizing: border-box;font-family: "Microsoft YaHei","STHeiti";}
ol,ul {list-style: none;}
a {text-decoration: none;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-33 {width: 33.33%;}
.wh-100 {width: 100%;height: 100%;}
.w-900 {width: 900px;margin: 0 auto;}
.w-1200 {width: 1200px;margin: 0 auto;}
.w-100 {width: 100%;}
.h-100 {height: 100%;}
.h-50p {height: 50px;}
.h-60p {height: 60px;}
.h-360p {height: 360px;}
.w-auto {width: auto !important;}
.h-auto {height: auto !important;}
.font-12 {font-size: 12px;}
.font-16 {font-size: 16px;}
.font-18 {font-size: 18px;}
.hide {display: none !important;}
.inline-block {display: inline-block;}
.block {display: block;}
.flex {display: flex !important;}
.align-center {align-items: center;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-end {justify-content: flex-end;}
.justify-start {justify-content: flex-start;}
.box-shadow {box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.box-shadow-sm {box-shadow:0px 0px 7px rgba(0,0,0,.2);}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.text-underline {border-bottom: 1px solid;}
.text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tb-two {display: flex;flex-direction: column;justify-content: space-between;}

.color-danger {color: #E83936 !important;}
.color-success {color: #83c44e !important;}
.color-primary {color: #1A63ED !important;}
.color-gray {color: #898989 !important;}
.color-yellow {color: rgb(243,227,120) !important;}

.bg-white {background: #fff;}
.bg-yellowLight {background: #f4e5b6 !important;}
.bg-red {background: #E83936 !important;}
.bg-gray {background: #898989 !important;}

/* 数字输入框 去掉上下箭头 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="number"]{
	-moz-appearance: textfield;
}
/* 禁止文本域调整大小 */
textarea {
    resize: none;
}

/* 限制两行 */
.two-row {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;align-content: center;}

/*滚动条整体样式*/
.ps-container {
	overflow-y: auto !important;
}
/*滚动条整体样式*/
.ps-container::-webkit-scrollbar {
	width: 8px;
	height: 1px;
}
/*滚动条滑块*/
.ps-container::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #d3d3d3;
}
/*滚动条轨道*/
.ps-container::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
	border-radius: 10px;
	background: #f8f8f8;
}

/* 公共 */
body {background: #f4f4f4;}
.container {margin: 0 auto;}
.relative {position: relative !important;}
.absolute {position: absolute;}
.z-index-99 {z-index: 99;}
.clear {clear:both;}
.hidden {overflow: hidden;}
.pointer {cursor: pointer;}
.cursor-default {cursor: default;}

.radius-5 {border-radius: 5px;}
.radius-10 {border-radius: 10px;}

.p-0 {padding: 0 !important;}
.pl-5 {padding-left: 5px;}
.pr-5 {padding-right: 5px;}
.pl-10 {padding-left: 10px;}
.pr-10 {padding-right: 10px;}
.p-20 {padding: 20px;}
.pb-15 {padding-top: 15px;padding-bottom: 15px;}
.pr-20 {padding-right: 20px;}
.m-0 {margin: 0 !important;}
.mt-10 {margin-top: 10px;}
.mt-30 {margin-top: 30px;}
.mt-75 {margin-top: 75px;}
.ml-2 {margin-left: 2px;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-25 {margin-left: 25px;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-130 {margin-bottom: 130px;}
.mr-2 {margin-right: 2px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mt-u-60 {margin-top: -60px;}

.lh-30 {line-height: 30px;}

.border-b {border-bottom: 1px solid #ededed;}

/* 公共头部 */
.header {background: #fff;}
.header .header-top {width: 100%; line-height: 35px;background: #292c31;color: #fff;font-size: 14px;}
.header .left a,.header .right a {color: #fff;font-size: 14px;text-decoration: none;margin-right: 20px;}
.header .right a span {color: #fff;padding-right: 15px;}
.header .right a.cart {padding-left: 25px;}
.header .right a.cart img {margin-left: 3px;}
.header .head-box {height: 132px;}
.header .head-box .logo {max-width: 180px;max-height: 100px;display: block;}
.header .head-box .nav-classify {font-size: 18px;color: #333;padding: 0 15px;font-weight: bold;}
.header .head-box .nav-classify .hide-box {position: absolute;left: 0;top: 132px;display: none;}
.header .head-box .nav a {font-size: 18px;color: #333;margin: 0 15px;font-weight: bold;}
.header .head-box .search {width: 390px;height: 46px;border-radius: 30px;border: 1px solid #1864ed;display: flex;align-items: center;justify-content: space-between;overflow: hidden;}
.header .head-box .search .icon-search {width: 17px;height: 16px;display: block;margin-left: 20px;}
.header .head-box .search .btn {width: 96px;height: 100%;background: #1864ed;display: flex;align-items: center;justify-content: center;color: #fff;}
.header .head-box .search input {width: 235px;height: 30px;border: none;outline: none;}
.header .head-box .hot {font-size: 12px;padding-left: 24px;margin-top: 10px;}
.header .head-box .hot a {font-size: 12px;color: #333;margin-left: 10px;}

/* 公共底部 */
.footer {background: #fff;}
.footer .s1 {border-bottom: 1px solid #e6e6e6;}
.footer .s2 {padding: 25px 0;border-bottom: 1px solid #e6e6e6;}
.footer .s2 .left {width: 256px;border-right: 1px solid #e6e6e6;margin-right: 45px;}
.footer .s2 .left .p2 {font-size: 20px;}
.footer .s2 .left .p3 {font-size: 12px;color: #898989;}
.footer .s2 .left .service {width: 142px;height: 42px;border: 1px solid #1A63ED;margin: 0 auto;}
.footer .s2 .right {width: calc(100% - 601px);}
.footer .s2 .right .li {width: 25%;}
.footer .s2 .right .li ul li a {margin-bottom: 10px;display: block;}
.footer .s2 .right .li ul li a::before {content: '·';margin-right: 5px;}
.footer .s2 .right .li ul li:first-child a {font-size: 16px;color: #333;font-weight: bold;margin-bottom: 17px;}
.footer .s2 .right .li ul li:first-child a::before {content: '';}
.footer .s2 .qcode {width: 300px; display: flex;}
.footer .s2 .qcode .qcode_01,.qcode_02{width: 150px; display: block; text-align: center;}
.footer .s2 .qcode .qcode_01 img{width: 100px; margin: 0 25px;}
.footer .s2 .qcode .qcode_01 span{line-height: 40px;}
.footer .s2 .qcode .qcode_02 img{width: 100px; margin: 0 25px;}
.footer .s2 .qcode .qcode_02 span{line-height: 40px;}
/* .footer .s2 .qcode .code_01,.code_02 span{width: 150px;} */
.footer .s3 {padding: 15px 0;text-align: center;}
.footer .s3 p{color: #898989;font-size:12px;}
.footer .s3 a {color: #898989;font-size:12px;}

/* 右侧悬浮窗 */
.slider {position: fixed;right: 10px;top: 50%;z-index: 999; padding: 20px 0px; background-color: #fff;}
.slider .box {position: relative;width: 55px;height: 36px;display: flex;align-items: center;justify-content: center;z-index: 999;}
.slider .lab{margin-bottom: 20px; font-size: 11px;}
.slider .box.cart {background: url(../images/icon/icon-slider-cart.png) no-repeat center; background-size: 22px 22px;}
.slider .box.service {background: url(../images/icon/icon-slider-service.png) no-repeat center; background-size: 22px 22px;}
.slider .box.top {background: url(../images/icon/icon-slider-top.png) no-repeat center; background-size: 22px 22px;}
.slider .box a {display: flex;align-items: center;justify-content: center;width: 86px;height: 36px;background: #fff;position: absolute;left: 0;top: 0;opacity: 0;transition: .5s;}
.slider .cart:hover {background: url(../images/icon/icon-slider-cart-active.png) no-repeat center; background-size: 22px 22px;}
.slider .service:hover {background: url(../images/icon/icon-slider-service-active.png) no-repeat center; background-size: 22px 22px;}
.slider .top:hover {background: url(../images/icon/icon-slider-top-active.png) no-repeat center; background-size: 22px 22px;}
.slider .cart:hover+.lab {color: #1a63ed;}
.slider .service:hover+.lab {color: #1a63ed;}
.slider .top:hover+.lab {color: #1a63ed;}
.slider .box:hover > a {left: -86px;opacity: 1;transition: .5s;}

/* 个人中心 分页样式 */
.fenye-btn {padding-bottom: 20px;padding-right: 20px;}
.fenye-btn a {display: block;width: 36px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #d7dadf;background: #f1f2f6;border-radius: 3px;margin-left: 15px;}

/* 分类样式 */
.classify {position: absolute;left: 0;top: 0;width: 208px;height: 418px;background: rgba(0,0,0,.6);z-index: 99;}
.index-classify .classify {background: rgba(0,0,0,.3);}
.classify .li {width: 100%;height: 38px;border-bottom: 1px solid rgba(232,232,232,.2);}
.classify .li:last-child {border-bottom: none;}
.classify .li .icon {width: 20px;height: 20px;margin-right: 10px;}
.classify .li a {color: #fff;display: flex;align-items: center;margin: 0 10px;height: 100%;font-weight: normal !important;}
.classify .li .classify-hide {width: 992px;height: 418px;background: #fff;position: absolute;top: 0;left: 208px;padding: 15px 7px 15px 15px;display: none;}
.header .head-box .nav-classify .hide-box #head-classify .li:first-child .classify-hide {display: block;}
.classify .li:hover {background: #1A63ED;}
.classify .li:hover > .classify-hide {display: block;}
.classify .li .classify-hide .box .title {margin: 10px 0;}
.classify .li .classify-hide .box .title a{letter-spacing: 1px; font-weight: bold !important;}
.classify .li .classify-hide .box .title a:hover {color: #1A63ED;}
.classify .li .classify-hide .box a {font-size: 14px;color: #333;}
.classify .li .classify-hide .box .classify-icon {width: 24px;height: 24px;margin: 0 8px 0 12px;}
.classify .li .classify-hide .box .level-3 {overflow: hidden;}
.classify .li .classify-hide .box .level-3 li {float: left;margin-bottom: 10px;margin-right: 10px;}
.classify .li .classify-hide .box .level-3 li a {display: flex;width: 180px; font-size: 13px;border-radius: 5px;margin-right: 0;vertical-align: middle;padding-left: 0;font-weight: normal !important;}
.classify .li .classify-hide .box .level-3 li a:hover {color: #1A63ED;}

/* 分页样式 */
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;/* padding: 6px 12px; */width: 36px;height: 36px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #f1f2f6;border: 1px solid #d7dadf;display: flex;align-items: center;justify-content: center;border-radius: 5px;margin-right: 5px;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #3e7fff;background-color: #f1f2f6;border-color: #d7dadf;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #3e7fff;border-color: #3e7fff;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #f1f2f6;border-color: #d7dadf;}

/* 公共模板 - 登录 注册 */
.components-box {position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: flex; align-items: center;justify-content: center;z-index: 1000;}
.components-box .mc {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.components-box .cont {padding: 50px;background: #fff;position: relative;}
.components-box .cont .title {font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.components-box .cont .li {margin-bottom: 10px;display: flex;align-items: center;position: relative;}
.components-box .cont .li:last-child{margin-bottom: 0;}
.components-box .cont .li .tit {display: flex;align-items: center;justify-content: flex-end; width: 80px;flex: 0 0 auto;}
.components-box .cont .li input[type="text"],.components-box .cont .li input[type="password"],.components-box .cont .li input[type="number"] {width: 270px;height: 40px;border: 1px solid #ededed;border-radius: 5px;padding: 0 10px;}
.components-box .cont .li input::placeholder {color: #bdbdbd;font-family:"微软雅黑";font-size: 14px;}
.components-box .cont .li input.sm {width:155px;}
.components-box .cont .li textarea{border: 1px solid #ededed;}
.components-box .cont .li .tp-yzm {width: 105px;height: 40px;margin-left: 10px;}
.components-box .cont .li .btn {display: flex;align-items: center;justify-content: center;width: 270px;height: 40px;border-radius: 5px;background: #1A63ED;color: #fff;margin: 10px 0 50px;}
.components-box .cont .close {position: absolute;right: -30px;top: -30px;}
.components-box .cont .li .yzm {position: absolute;right: 10px;color: #95b7f6;}
.components-box .cont .li .eyes {position: absolute;right: 12px;}

/* 公共模板 - 收货地址 */
.components-address .cont {padding: 20px;}
.components-address .cont .li .ipt {width: 200px}
.components-address .cont .li .ipt.lg {width: 520px}
.components-address .cont .li .ipt.xs {width: 150px}
.components-address .cont .li .icon {position: absolute;right: 10px;transform: rotate(90deg);}
.components-address .cont .li textarea.addr-detail {width: 520px;height: 130px;border: 1px solid #ededed;border-radius: 5px;padding: 10px;resize:none;}
.components-address .cont .li textarea::placeholder {color: #bdbdbd;font-family:"微软雅黑";font-size: 14px;}
.components-address .cont .li .check-box {margin-bottom: 10px;}
.components-address .cont .li .check-box input[type="checkbox"] {width: 16px;height: 16px;-webkit-appearance: none;border: 1px solid #979797;border-radius: 2px;margin-right: 10px;}
.components-address .cont .li .check-box input[type="checkbox"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-selected.png);border: none;}
.components-address .cont .li .btn {width: 126px;height: 40px;margin: 0 20px 0 0;}
.components-address .cont .li .state_02 {background: #f2f6ff;color: #333;}
.components-address .cont .li .tagbox a{border: 1px solid #ededed;border-radius: 5px;padding: 0 15px;display: block;margin-right: 8px;height:40px;line-height: 40px;}
.components-address .cont .li .tagbox a.active{color: #1A63ED;border-color: #1A63ED;}
.components-address .cont .li .tagbox span {border-radius: 50%;background: #1A63ED;color:#fff;font-size: 14px;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;line-height: 0;cursor: pointer;}
.components-address .cont .li .select-ul {position: absolute;left: 0;top: 40px;z-index: 99;background: #fff;width: 150px;border: 1px solid #ededed;border-radius: 5px;height:145px;overflow: auto;}
.components-address .cont .li .select-ul li {padding: 5px;}
.components-address .cont .li .select-ul li:hover {background: #f8f8f8;}

/* 公共模板 - 售后申请 */
.aftersale-box {position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: flex; align-items: center;justify-content: center;z-index: 1000;}
.aftersale-box .mc {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.aftersale-box .cont {padding: 50px;background: #fff;position: relative;}
.aftersale-box .cont .title {font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.aftersale-box .cont .li {margin-bottom: 10px;display: flex;align-items: center;position: relative;}
.aftersale-box .cont .li:last-child{margin-bottom: 0;}
.aftersale-box .cont .li .tit {display: flex;align-items: center;justify-content: flex-end; width: 80px;flex: 0 0 auto;}

/* 文本输入 */
.aftersale-box .cont .li input[type="text"] {display: inline-block;padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;font-size: 1rem;font-family: sans-serif;color: #333;background-color: #fff;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-sizing: border-box;vertical-align: middle;}
.aftersale-box .cont .li input[type="text"]:focus {outline: none;border-color: #007bff;box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}
.aftersale-box .cont .li input[type="text"]:disabled {background-color: #e9ecef;cursor: not-allowed;opacity: 0.7;}
.aftersale-box .cont .li input[type="text"]::placeholder {color: #aaa;opacity: 1;}

/* 数字输入 */
.aftersale-box .cont .li input[type="number"] {display: inline-block;padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;font-size: 1rem;font-family: sans-serif;color: #333;background-color: #fff;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-sizing: border-box;vertical-align: middle;-webkit-appearance: none;margin: 0;}
.aftersale-box .cont .li input[type="number"] {-moz-appearance: textfield;}
.aftersale-box .cont .li input[type="number"]:focus {outline: none;border-color: #007bff;box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}
.aftersale-box .cont .li input[type="number"]:disabled {background-color: #e9ecef;cursor: not-allowed;opacity: 0.7;}、

/* 级联 */
.aftersale-box .cont .after-reason {
	display: flex;
	flex-direction: column;
	gap: 15px;
	font-family: sans-serif;
}

.aftersale-box .cont .select-wrapper {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	align-items: center;
}

.aftersale-box .cont .select-wrapper label {
	margin-bottom: 5px;
	font-size: 0.9em;
	color: #555;
	font-weight: bold;
}

/* --- 级联选择框核心样式 --- */
.aftersale-box .cont .cascading-select {
	display: block;
	width: 80%;
	padding: 10px 40px 10px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	color: #333;
	background-color: #fff;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	box-sizing: border-box;
	cursor: pointer;
  
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.8rem center;
	background-size: 16px 12px;
}

.aftersale-box .cont .cascading-select:not(:disabled):hover {
	border-color: #aaa;
}

.aftersale-box .cont .cascading-select:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

/* --- 禁用状态样式 --- */
.aftersale-box .cont .cascading-select:disabled {
	background-color: #e9ecef;
	color: #6c757d;
	cursor: not-allowed;
	opacity: 0.7;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
  

/* 文本域 */
.aftersale-box .cont .li textarea {
	display: block;
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	font-family: sans-serif;
	color: #333;
	background-color: #fff;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	box-sizing: border-box;
	min-height: 80px;
	resize: vertical;
	line-height: 1.5;
  }
  .aftersale-box .cont .li textarea:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  }
  .aftersale-box .cont .li textarea:disabled {
	background-color: #e9ecef;
	cursor: not-allowed;
	opacity: 0.7;
	resize: none; /* 禁用时不允许调整大小 */
  }
  .aftersale-box .cont .li textarea::placeholder {
	color: #aaa;
	opacity: 1;
  }

/* 图片上传 */
/* --- 整体包裹容器 --- */
.enhanced-multi-file-wrapper {
	border-radius: 5px;
	max-width: 100%; /* 或者你需要的宽度 */
	box-sizing: border-box;
}
/* --- 隐藏的原始 input (与之前相同) --- */
.enhanced-multi-file-wrapper .file-input-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
/* --- 上传按钮 Label --- */
.enhanced-multi-file-wrapper .file-input-label.btn-upload {
	display: inline-block;
	padding: 8px 15px;
	margin-bottom: 10px; /* 与状态/预览区隔开 */
	font-size: 0.95rem;
	font-weight: 500;
	color: #fff;
	background-color: #007bff; /* 主题色 */
	border: 1px solid #007bff;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	user-select: none;
	vertical-align: middle;
}
.enhanced-multi-file-wrapper .file-input-label.btn-upload:hover {
	background-color: #0056b3;
	border-color: #0056b3;
}
/* 当隐藏 input 聚焦时，给 Label 添加效果 */
.enhanced-multi-file-wrapper .file-input-hidden:focus + .file-input-label.btn-upload {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.4);
}
/* --- 文件状态显示 --- */
.enhanced-multi-file-wrapper .file-status-display {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 0.9em;
	color: #6c757d;
	vertical-align: middle;
}
/* --- 预览容器 (每行显示 5 个) --- */
.enhanced-multi-file-wrapper .image-preview-container {
	display: grid; /* 使用 Grid 布局 */
	grid-template-columns: repeat(5, 1fr); /* 创建 5 个等宽的列 */
	gap: 10px; /* 预览项之间的间距 (行和列) */
	margin: 10px 0px; /* 与按钮/状态的间距 */
	min-height: 50px; /* 至少给点高度，即使没图片 */
}
/* --- 单个预览项 --- */
.enhanced-multi-file-wrapper .image-preview-item {
	position: relative; /* 为删除按钮定位 */
	width: 80px; /* 预览图宽度 */
	height: 80px; /* 预览图高度 */
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden; /* 隐藏超出部分的图片 */
	background-color: #f0f0f0; /* 图像加载时的背景 */
}
/* --- 预览图片 --- */
.enhanced-multi-file-wrapper .image-preview-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持比例填充，可能会裁剪 */
	/* object-fit: contain; */ /* 保持比例完整显示，可能有留白 */
}
/* --- 删除按钮 --- */
.enhanced-multi-file-wrapper .delete-image-btn {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 20px;
	height: 20px;
	background-color: rgba(0, 0, 0, 0.6); /* 半透明黑色背景 */
	color: white;
	border: none;
	border-radius: 50%; /* 圆形按钮 */
	font-size: 14px;
	font-weight: bold;
	line-height: 18px; /* 手动调整让 '×' 居中 */
	text-align: center;
	cursor: pointer;
	padding: 0;
	appearance: none;
	transition: background-color 0.15s ease;
}
.enhanced-multi-file-wrapper .delete-image-btn:hover {
	background-color: rgba(200, 0, 0, 0.8); /* 悬停时变红 */
}
.enhanced-multi-file-wrapper .delete-image-btn:focus {
	  outline: none;
	  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7); /* 添加聚焦环 */
}
/* --- 禁用状态 --- */
.enhanced-multi-file-wrapper .file-input-hidden:disabled + .file-input-label.btn-upload {
	background-color: #a0cfff;
	border-color: #a0cfff;
	cursor: not-allowed;
	opacity: 0.7;
}
.enhanced-multi-file-wrapper .file-input-hidden:disabled ~ .file-status-display {
	  opacity: 0.7;
}
/* 如果达到最大数量，也禁用按钮 */
.enhanced-multi-file-wrapper.limit-reached .file-input-label.btn-upload {
	background-color: #adb5bd; /* 灰色表示不可用 */
	border-color: #adb5bd;
	cursor: not-allowed;
	opacity: 0.8;
}
.enhanced-multi-file-wrapper.limit-reached .file-input-label.btn-upload:hover {
	  background-color: #adb5bd; /* 悬停时不变色 */
	  border-color: #adb5bd;
}
  

.aftersale-box .cont .li textarea{border: 1px solid #ededed;}
.aftersale-box .cont .li .tp-yzm {width: 105px;height: 40px;margin-left: 10px;}
.aftersale-box .cont .li .btn {display: flex;align-items: center;justify-content: center;width: 270px;height: 40px;border-radius: 5px;background: #1A63ED;color: #fff;margin: 10px 0 50px;}
.aftersale-box .cont .close {position: absolute;right: -30px;top: -30px;}
.aftersale-box .cont .li .yzm {position: absolute;right: 10px;color: #95b7f6;}
.aftersale-box .cont .li .eyes {position: absolute;right: 12px;}

.components-aftersale .cont {padding: 20px;}
.components-aftersale .cont .li .ipt {width: 200px}
.components-aftersale .cont .li .ipt.lg {width: 520px}
.components-aftersale .cont .li .ipt.xs {width: 150px}
.components-aftersale .cont .li .icon {position: absolute;right: 10px;transform: rotate(90deg);}
.components-aftersale .cont .li textarea.addr-detail {width: 520px;height: 130px;border: 1px solid #ededed;border-radius: 5px;padding: 10px;resize:none;}
.components-aftersale .cont .li textarea::placeholder {color: #bdbdbd;font-family:"微软雅黑";font-size: 14px;}
.components-aftersale .cont .li .check-box {margin-bottom: 10px;}
.components-aftersale .cont .li .check-box input[type="checkbox"] {width: 16px;height: 16px;-webkit-appearance: none;border: 1px solid #979797;border-radius: 2px;margin-right: 10px;}
.components-aftersale .cont .li .check-box input[type="checkbox"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-selected.png);border: none;}
.components-aftersale .cont .li .btn {width: 126px;height: 40px;margin: 0 20px 0 0;}
.components-aftersale .cont .li .state_02 {background: #f2f6ff;color: #333;}
.components-aftersale .cont .li .after_type a{border: 1px solid #ededed;border-radius: 5px;padding: 0 15px;display: block;margin-right: 8px;height:40px;line-height: 40px;}
.components-aftersale .cont .li .after_type a.active{color: #1A63ED;border-color: #1A63ED;}
.components-aftersale .cont .li .after_type span {border-radius: 50%;background: #1A63ED;color:#fff;font-size: 14px;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;line-height: 0;cursor: pointer;}
.components-aftersale .cont .li .goods_type a{border: 1px solid #ededed;border-radius: 5px;padding: 0 15px;display: block;margin-right: 8px;height:40px;line-height: 40px;}
.components-aftersale .cont .li .goods_type a.active{color: #1A63ED;border-color: #1A63ED;}
.components-aftersale .cont .li .goods_type span {border-radius: 50%;background: #1A63ED;color:#fff;font-size: 14px;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;line-height: 0;cursor: pointer;}
.components-aftersale .cont .li .select-ul {position: absolute;left: 0;top: 40px;z-index: 99;background: #fff;width: 150px;border: 1px solid #ededed;border-radius: 5px;height:145px;overflow: auto;}
.components-aftersale .cont .li .select-ul li {padding: 5px;}
.components-aftersale .cont .li .select-ul li:hover {background: #f8f8f8;}

/* 鼠标移入样式 */
.c-hover {transition: all .2s linear 0s;}
.c-hover:hover {box-shadow: 0px 12px 18px rgba(0,0,0,.1);}

/* 面包屑 */
.crumbs {padding: 20px 0;background: #fff;border-top: 1px solid #ebebeb;box-shadow: 0px 5px 5px rgba(0,0,0,.1);}
.crumbs .w-1200 {display:flex;align-items: center;}
.crumbs span {font-size: 14px;color: #b8b8b8;}
.crumbs span:last-child {color: #333;display: block;max-width:700px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 进度条 */
.process {padding: 50px 50px 0;}
.process .box {font-size: 14px;line-height: 36px;color: #B4B9BF;display: flex;align-items: center;}
.process .box span {display: block;width: 36px;height: 36px;border-radius: 50%;color: #fff;font-size: 14px;line-height: 36px;text-align: center;background: #B4B9BF;margin-right: 10px;}
.process .box.active {color: #333;}
.process .box.active span {background: #1A63ED;}
.process .line {width: 160px;height: 2px;background: #e6e9ee;}

/* tips */
.tips-box {margin: 85px 0;}
.tips-box img {display: block;width: 200px;height: 163px;margin: 0 auto;}
.tips-box .state {font-size: 20px;font-weight: bold;margin: 25px 0 5px;}
.tips-box .des {font-size: 14px;color: #666;}
.tips-box .btn a {width: 135px;height: 50px;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #fff;background: #1A63ED;margin: 30px 10px 10px;}

/* 推荐商品 */
.recommend-box .title {background: #fff;box-sizing: border-box;width: 100%;height: 42px;line-height:42px;padding: 0 25px;color: #333;font-size: 14px;}
.recommend-box .ul {list-style: none;margin: 20px 0;}
.recommend-box .ul li {width: 210px;height: 260px;background: #fff;}
.recommend-box .ul li a {text-decoration: none;display: block;padding: 15px;}
.recommend-box .ul li a .product-img {display:block;width: 100%;}
.recommend-box .ul li a .tit {width: 100%;font-size: 14px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.recommend-box .ul li a .price {width: 100%;font-size: 20px;color: #E83936;text-align: center;margin-top: 5px;}

/* 首页 */
.index-banner {width: 100%;min-width: 1200px;}
.index-banner .mask {text-align: center;width: 100%;min-width: 1200px;height: 72px;display: block;position: absolute;bottom: 0;z-index: 1;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 75px;}
.index-banner .banner-img {width: 100%;height: 500px;}
.home-channel-main {width: 100%;height: 80px;background: #fff;}
.home-channel-main .s1 {padding: 8px 0 8px 8px;box-sizing: border-box;width: 256px;}
.home-channel-main .s1 .avatar {width: 50px;height: 50px;border-radius: 50%;border: 1px solid #f8f6f7;}
.home-channel-main .s1 .info {border-right: 1px solid #f8f6f7;padding-right: 20px;}
.home-channel-main .s1 .info .btn a {box-sizing: border-box;display: block;width: 70px;height: 22px;line-height: 22px;text-align: center;background: #90b5fb;color: #fff;font-size: 13px;}
.home-channel-main .s1 .info .btn a.hollow {border: 1px solid #90b5fb;color: #90b5fb;background: #fff;}
.home-channel-main .s2 {width: 690px;height:100%;box-sizing: border-box;padding: 0 30px;}
.home-channel-main .s2 .box {display: inline-block;text-align: center;}
.home-channel-main .s2 .box a {display: block;text-align: center;}
.home-channel-main .s2 .box a img {width: 44px;height: 44px;display: block;margin: 0 auto 2px;}
.home-channel-main .s2 .box a p {font-size: 13px;}
.home-channel-main .s3 {width: 250px;height: 100%;border-left: 1px solid #f8f6f7;}
.home-channel-main .s3 .notice {width: 100%;height: 50%;box-sizing: border-box;padding: 0 15px;border-bottom: 1px solid #f8f6f7;}
.home-channel-main .s3 .notice .notice-swiper {width: 100%;height: 100%;}
.home-channel-main .s3 .notice .notice-swiper .li {display: block;width: 100%;height: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;padding: 0 15px;line-height: 40px;font-size: 12px;}
.home-channel-main .s3 .more {height: 50%;padding: 0 15px;}
.home-channel-main .s3 .more a {font-size: 12px;}

/* 首页 - 促销活动 */
.promo .promo-img {width: 256px;height: 264px;}
.promo .swiper-box {width: calc(100% - 276px);height: 264px;background: #fff;text-align: center;}
.promo .swiper-box .promo-nav {display: inline-block;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;border: 1px solid #ececec;border-top: none;height: 40px;}
.promo .swiper-box .promo-nav a {display: block;width: 150px;height: 40px;line-height: 40px;text-align: center;float: left;box-sizing: border-box;border-right: 1px solid #ededed;}
.promo .swiper-box .promo-nav a:last-child {border-right: none;}
.promo .swiper-box .promo-nav a.active {color: #fff;background: #1A63ED;}
.promo-nav .swiper-slide {width:auto;}
.promo-nav .swiper-pagination {position: relative;width: auto;}
.promo-nav .swiper-pagination-bullet {display: inline-block;width:auto;height: auto;background: none;opacity: 1;border-right: 1px solid #ececec;border-radius: 0;}
.promo-nav .swiper-pagination-bullet:last-child {border-right: none;}
.promo-nav .swiper-pagination-bullet-active a {color: #fff;background: #1A63ED;}
.promo .swiper-box .promo-cont {margin-top: 25px;}
.promo .swiper-box .swiper-button-prev {top: 30%;left: 0;background-image: url(../images/icon/icon-left.png);width:20px;height:20px;background-size: 6px 12px;margin-top: -6px;z-index: 999;}
.promo .swiper-box .swiper-button-next {top: 30%;right: 0;background-image: url(../images/icon/icon-right.png);width:20px;height:20px;background-size: 6px 12px;margin-top: -6px;z-index: 999;}
.promo .swiper-box .pro-list {overflow: hidden;}
.promo .swiper-box .promo-swiper .swiper-slide {width: 16.66%;}
/* .promo .swiper-box .pro-list li {width: 16.66%;float: left;} */
.promo .swiper-box .promo-swiper .pro-list {display: block;width: 100%;}
.promo .swiper-box .promo-swiper .pro-list .border-r {border-right: 1px solid #f3f3f3;}
.promo .swiper-box .promo-swiper .pro-list img.img {width: 110px;height: 110px;}
.promo .swiper-box .promo-swiper .swiper-slide:last-child .pro-list .border-r {border-right: none;}
.promo .swiper-box .promo-swiper .pro-list .tit {font-size: 14px;margin-bottom: 5px; padding: 0 10px;}
.promo .swiper-box .promo-swiper .pro-list .des {font-size: 12px;color: #898989;margin-bottom: 10px;padding: 0 10px;}
.promo .swiper-box .promo-swiper .pro-list .price {font-size: 14px;}

/* 首页 - 楼层 */
.floor .title {font-size: 24px;color: #333;font-weight: bold;}
.floor .nav {background: transparent;height: auto;}
.floor .nav a {font-size: 18px;color: #333;margin-left: 40px;}
.floor .nav a:hover {color: #1A63ED;}
.floor .cont .advert {box-sizing: border-box;width: 256px;height: 632px;background: #c1d3f7;padding: 20px 10px;flex: 0 0 auto;position: relative;}
.floor .cont .advert .box {box-sizing: border-box;width: 100%;height: 426px;background: #d5e1f9;padding: 20px 10px;margin-bottom: 25px;}
.floor-box .cont .tab {position: absolute;bottom: 0;left: 0;width: 100%;}
.floor-box .cont .tab a {display: block;width: 33.33%;float: left;margin-bottom: 10px;text-align: center;}
.floor-box .cont .tab a:hover {color: #1A63ED;}
/* .floor .cont .product {overflow: hidden;} */
.floor .cont .product .li {width: 216px;height: 306px;background: #fff;box-sizing: border-box;padding: 15px;margin-right: 20px;float: left;margin-bottom: 20px;}
.floor .cont .product .li:nth-child(5n) {margin-right: 0;}
.floor .cont .product .li .img {width: 100%;height: 186px;margin-bottom: 10px;}
.floor .cont .product .li .des {font-size: 12px;color: #898989;}
.floor .cont .product .li .price {font-size: 16px;}

.floor-02 .title {font-size: 24px;color: #333;font-weight: bold;}
.floor-02 .nav {background: transparent;height: auto;}
.floor-02 .nav a {font-size: 18px;color: #333;margin-left: 40px;}
.floor-02 .nav a:hover {color: #1A63ED;}
.floor-02 .cont .advert {box-sizing: border-box;width: 256px;height: 632px;background: #c1d3f7;flex: 0 0 auto;}
.floor-box .cont .tab-02 {position: absolute;bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.6), transparent);}
.floor-box .cont .tab-02 a {display: block;width: 33.33%;float: left;padding: 5px 0;text-align: center;border-top: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}
.floor-box .cont .tab-02 a:nth-child(3n) {border-right: none;}
.floor-box .cont .tab-02 a:hover {color: #1A63ED;}
.floor-02 .cont .product {overflow: hidden;width: calc(100% - 276px);height: 632px;}
.floor-02 .cont .product .li {width: 25%;height: 50%;background: #fff;box-sizing: border-box;padding: 15px;float: left;border-right: 1px solid #ededed;border-top: 1px solid #ededed;}
.floor-02 .cont .product .li:nth-child(4n) {margin-right: 0;}
.floor-02 .cont .product .li:nth-child(-n + 4) {border-top: none;}
.floor-02 .cont .product .li .des {font-size: 12px;color: #898989;}
.floor-02 .cont .product .li:last-child {padding: 0;}
.floor-02 .cont .product .li .img {width: 100%;height: auto;margin-bottom: 10px;}
.floor-02 .cont .product .li .des {font-size: 12px;color: #898989;}
.floor-02 .cont .product .li .price {font-size: 16px;}
.floor-02 .cont .product .li .last-s1 {width: 100%;height: 50%;box-sizing: border-box;border-bottom: 1px solid #EDEDED;padding: 15px;}
.floor-02 .cont .product .li .last-s1 .left {width: 110px;}
.floor-02 .cont .product .li .last-s1 .right {width: 90px;height: 90px;}
.floor-02 .cont .product .li .last-s2 {width: 100%;height: 50%;box-sizing: border-box;padding: 15px;}
.floor-02 .cont .product .li .last-s2 .left {width: 110px;}
.floor-02 .cont .product .li .last-s2 .left .p1 {font-size: 16px;}
.floor-02 .cont .product .li .last-s2 .left .p2 {color: #898989;}
.floor-02 .cont .product .li .last-s2 .right {width: 42px;height: 42px;}

/* 商品列表 */
.category {padding: 0 13px;background: #fff;}
.category p {border-bottom: 1px solid #ececec;/* display: flex;align-items: center; */}
.category p:last-child {border-bottom: none;}
.category p a {display: inline-block;padding: 13px 0;margin-left: 12px;}
.category p input {width: 80px;height: 28px;border-radius: 5px;border: 1px solid #ededed;text-align: center;}
.category p .m-line {display: inline-block; width: 22px;height: 1px;background: #ededed;margin: 0 15px;}
.category p span {cursor: pointer;}
.sort .btn {width: 73px;height: 32px;display: flex;align-items: center;justify-content: center;background: #fff;margin-left: 10px;cursor: pointer;}
.sort .btn.active {background: #1A63ED;color: #fff;}
.sort .btn img {margin-left: 5px;}
.category-list .box {width: 288px;/* height: 456px; */background: #fff;margin-right: 16px;margin-bottom: 16px;float: left;}
.category-list .box:nth-child(4n) {margin-right: 0;}
.category-list .box .click {padding: 15px;border-bottom: 1px solid #eaeaea;}
.category-list .box .click .tit {height:38px;}
.category-list .box .click .price {font-size: 20px;}
.category-list .box .click .des p {color: #898989;}
.category-list .box .click .des p span {color: #333;}
.category-list .box .click .tag img {width: 56px;height: 20px;margin-right: 5px;display: block;}
.category-list .box .bottom {padding: 10px 15px;}
.category-list .box .bottom .contrast, .category-list .box .bottom .collect {color: #898989;display: flex;align-items: center;}
.category-list .box .bottom .contrast input {width: 15px;height: 15px;margin-right: 5px;-webkit-appearance: none;border: 1px solid #a6a6a6;}
.category-list .box .bottom .contrast input[type="checkbox"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-selected-02.png) no-repeat;background-size:  15px 15px;border: 0;}
.category-list .box .bottom .collect img {width: 17px;height: 16px;margin-right: 5px;display: block;}
.category-list .box .bottom .add-cart img {width: 18px;height: 16px;margin-right: 5px;display: block;}

/*对比悬浮框*/
.duibi_box{ position: fixed;bottom: 10px;left:50%;z-index: 9999;width: 996px;margin-left: -498px; height: 118px;-webkit-box-shadow: 0 0 10px 0 rgba(205,119,35,.4);-moz-box-shadow: 0 0 10px 0 rgba(205,119,35,.4);box-shadow: 0 0 10px 0 rgba(205,119,35,.4);}
.duibi_box .parHd{ position: relative; height:28px;border-bottom: 2px solid #f68a00;}
.duibi_box .parHd ul{ height: 32px;border: 1px solid #ddd;border-bottom: 2px solid #f68a00;}
.duibi_box .parHd ul li{float: left;position: relative;width: 80px;height: 30px;line-height: 30px;text-align: center;font: 14px/30px 'microsoft yahei'; cursor:pointer}
.duibi_box .parHd ul li.on{ position: relative;left: -1px;margin-top: -4px;height: 36px;background: #fff;border: 2px solid #f68a00;border-bottom: 0; color: #f68a00;}
.duibi_box .parHd .operate { width: auto; padding:0 12px;height: 28px;line-height: 28px;border: 2px solid #f68a00; border-bottom:0; background:#fff; position:absolute; right:0; z-index:999;}
.duibi_box .parHd .operate  a{color: #438cde;}
.duibi_box .parTit{ float:left; width:36px;height: 118px;font-size:14px; color:#fff; background:#ff8f22; padding:27px 12px 28px;font-family:"microsoft yahei";}
.duibi_box .parBd {border: 2px solid #f68a00;position:relative;background: #fff; overflow:hidden;width:960px; float:left;height: 118px;}
.duibi_box .parBd div.diff-items {color: #ccc;overflow: hidden; padding:26px 0; float:left; }
.duibi_box .parBd div.diff-items dl{float: left;overflow: hidden;border-right: 1px solid #bfbfbf;height: 62px; padding:0 16px 0 20px;}
.duibi_box .parBd div.diff-items dl dt{float: left;margin-right: 10px;width: 60px;height: 60px;text-align: center;color: #ccc;overflow: hidden;}
.duibi_box .parBd div.diff-items dl dt h1{font: 36px/48px arial; text-align:center; line-height:62px;}
.duibi_box .parBd div.diff-items dl dd{float: left;width: 100px;}
.duibi_box .parBd div.diff-items dl dd .ts{ display:block; height:62px; line-height:62px; margin-left:-10px;}
.duibi_box .parBd a.diff-item-name {font-size:12px;overflow: hidden;display: block;color: #333;}
.duibi_box .parBd .p-org{ margin-top:8px; overflow:hidden;}
.duibi_box .parBd .p-org .p-price{ padding-top:0; font-size:12px; color:#999; float:left;}
.duibi_box .parBd .del-comp-item{ display:block; color: #1A63ED; float:right; margin-right:5px; cursor:pointer;font-size: 12px;}
.duibi_box .parBd .del-comp-item:hover{ color:#f42424;}
.diff-operate a{color: #1A63ED; display:block; cursor:pointer;}
.duibi_box .parBd .diff-operate { width: 128px;text-align: center; float:left;padding: 26px 0;height: 62px;} 
.duibi_box .compare-active input{ height:30px; line-height:30px; border:1px solid #f42424; background:#f42424; color:#fff; padding:0 12px;font-family:"microsoft yahei"; font-size:14px; cursor:pointer; outline:0;}
.duibi_box  span.no-prev, .duibi_box  #sc-prev.disabled {background-position: 0 -100px;cursor: default;}
.duibi_box .scroll-item {position: relative;height: 90px;} 
.duibi_box .scroll-item {padding: 6px 10px;_padding: 10px;}
.duibi_box .sb-prev {float: left;background-position: 0 0;} 
.duibi_box  .sb-next {float: right;background-position: -16px 0;}
.duibi_box  .sb-next li {float: left;height: 84px;overflow: hidden;}
.duibi_box .sNext{position:absolute; right:12px; top:36px;background-position: -16px 0;}
.duibi_box .sPrev{position:absolute; left:12px; top:36px;background-position: 0 0;}
.duibi_box .scroll-btn {z-index: 10;width: 14px;height: 50px;text-indent: -9999px;overflow: hidden;cursor: pointer;background-image: url(../images/duibi-arr.png);background-repeat: no-repeat;}
.duibi_box .btn-compare-s{float: left;width: 58px;height: 21px;background: url(../images/duibi-btns.png) 0 0px no-repeat;overflow: hidden;line-height: 100px;margin-right: 10px;}
.duibi_box .btn-compare-s_red{float: left;width: 58px;height: 21px;background: url(../images/duibi-btns.png) 0 -23px no-repeat;_background: url(../images/duibi-btns.png) 0 -24px no-repeat;overflow: hidden;line-height: 100px;margin-right: 10px;}
.hide-me {position: absolute;top: 5px;right: 5px;}

/* 商品对比 */
.contrast-table {width: 100%;border-top: 1px solid #ddd;border-left: 1px solid #ddd;table-layout:fixed;border-collapse: collapse;border-spacing: 0;}
.contrast-table tr th {background: #EEEEEE !important;color: #333;}
.contrast-table tr th,.contrast-table tr td {width: calc(21% - 16px);border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 8px;text-align: center;font-size: 12px;}
.contrast-table tr th:first-child,.contrast-table tr td:first-child{background: #eef6fd;}
.contrast-tit a{font-size: 12px;}
.price-red {font-size: 14px;font-weight: bold;}

/* 商品详情 */
.detail-info .left {width: 400px;}
.detail-info .left #exzoom {width: 400px;}
.detail-info .center {width: 540px;padding: 0 20px;}
.detail-info .center .title {font-size: 18px;font-weight: bold;}
.detail-info .center .brand {padding: 0 10px;}
.detail-info .center .number {padding: 0 10px;}
.detail-info .center .cx {width: 100%;height: 120px;background: url(../images/info-bg.png) no-repeat;padding: 15px 10px;}
.detail-info .center span.tit {display: inline-block;margin-right: 15px;width: 60px;text-align-last:justify;text-align:justify;text-justify:distribute-all-lines;flex: 0 0 auto;}
.detail-info .center .cx .act, .detail-info .center .cx .price, .detail-info .center .cx .coupon {padding: 5px 0;}
.detail-info .center .cx .price .market {color: #898989;text-decoration: line-through;}
.detail-info .center .cx .coupon .box {display: inline-block;padding: 2px 10px;background: url(../images/coupon/bg_04.png) no-repeat;color: #fff;font-size: 12px;background-size: cover;}
.detail-info .center .cx .pj .tit {color: #898989;padding: 3px 0 3px 15px;border-left: 1px solid #eeeced;}
.detail-info .center .cx .act .hallow {padding: 2px 5px;font-size: 12px;border: 1px solid #E83936;color: #E83936;border-radius: 2px;margin-right: 5px;}
.detail-info .center .server {padding: 0 10px;}
.detail-info .center .specs {padding: 0 10px 15px;/* border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;*/}
.detail-info .center .specs .list a {display: inline-block;padding: 5px 15px;border-radius: 5px;background: #f1f2f6;border: 1px solid #d7dadf;margin-right: 15px;margin-bottom: 5px;}
.detail-info .center .specs .list a.active {color: #fff;background: #1A63ED;}
.detail-info .center .number-box {border: 1px solid #e6e6e6;border-radius: 5px;width: 216px;height: 55px;}
.detail-info .center .number-box a {width: 57px;height: 53px;line-height: 53px;text-align: center; display: block;font-size: 20px;}
.detail-info .center .number-box input {width: calc(100% - 114px);height: 53px;border: none;text-align: center;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;font-size: 18px;}
.detail-info .center .add-cart {width: 140px;height: 55px;border-radius: 5px;background: #fc5f0e;display:flex;align-items: center;justify-content: center;color: #fff;font-weight: bold;}
.detail-info .center .buy-btn {width: 95px;height: 55px;border-radius: 5px;background: #E83936;display:flex;align-items: center;justify-content: center;color: #fff;font-weight: bold;}

.detail-info .right {width: 230px;margin-left: 20px;}
.detail-info .right .tit {color: #898989;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.detail-info .right .tit span {display: inline-block;width: 55px;height: 1px;background: #898989;}
.detail-info .right ul.list li a {display: block;padding: 0 30px;text-align: center;}
.detail-info .right ul.list li a img.img {width: 120px;height: 120px;}
.detail-info .right ul.list li a .money {font-size: 18px;margin-top: 10px;margin-bottom: 10px;}

.detail-item {padding: 20px 0 65px;overflow: hidden;}
.detail-item .left {width: 230px;float: left;}
.detail-item .left .shop .tit,.detail-item .left .relevant .tit {padding: 15px;font-weight: bold;border-bottom: 1px solid #e6e6e6;}
.detail-item .left .shop .cont,.detail-item .left .relevant .cont {padding: 15px;}
.detail-item .left .shop .cont .btn a {display: flex;align-items: center;justify-content: center;width: 96px;height: 40px;background: #f0f7ff;}
.detail-item .left .relevant .cont ul li {margin-bottom: 10px;}
.detail-item .left .relevant .cont ul li:last-child {margin-bottom: 0px;}
.detail-item .left .relevant .cont ul li a::before {content: '·';font-size: 16px;font-weight: bold;margin-right: 5px;}
.detail-item .left .relevant .cont ul li a:hover {color: #1A63ED;}
.detail-item .right {width: 940px;float: right;}
.detail-item .right .nav a {display: flex;align-items: center;justify-content: center;width: 120px;height: 42px;margin-right: 20px;border-radius: 5px;}
.detail-item .right .nav a.active {background: #1A63ED;color: #fff;}
#param-content {padding: 25px;overflow: hidden;}
#param-content .title {font-size: 14px;font-weight: bold;margin-bottom: 10px;}
#param-content .li {float: left;width: 33.33%;margin-bottom: 10px;display: flex;padding-right: 10px;}
#param-content .li .tit {font-size: 14px;color: #898989;flex: 0 0 auto;}
#param-content .li .desc {font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#comment-content .comment-list {padding: 25px;}
#comment-content .comment-list .userinfo {width: 140px;}
#comment-content .comment-list .userinfo .avatar {width: 35px;height: 35px;margin-right: 10px;}
#comment-content .comment-list .userinfo .name {font-size: 14px;color: #333;}
#comment-content .comment-list .userinfo .time {font-size: 12px;color: #898989;}
#comment-content .comment-list .img-box {width: 65px;height: 65px;margin-right: 5px;float: left;}

/* 个人中心 - 订单列表 */
.member-slider ul {width:150px;border-radius: 5px;background: #fff;}
.member-slider ul li a {display: flex;align-items: center;width: 150px;height: 45px;font-size: 14px;color: #333;border-bottom: 1px solid #edeef3;padding-left: 30px;}
.member-slider ul li a.big-tit {font-size: 16px;font-weight: bold;}
.member-slider ul li a.active {color: #2c70ed;}
.member-slider ul li a:hover {color: #2c70ed;}
.member-slider ul li .big-tit:hover{color: #333;}
.member-slider ul li:last-child a {border-bottom: none;}
.member-content {width: calc(100% - 168px);}
.member-content .member-nav{box-sizing: border-box;width:100%;height: 110px;padding:5px;border-radius: 60px 10px 10px 60px;margin-bottom: 18px;}
.member-content .member-nav .info .avatar {height: 100%;margin-right: 25px; border-radius: 60px;}
.member-content .member-nav .info .name {font-size: 16px;color: #333;margin-bottom: 5px;}
.member-content .member-nav .info .describe {font-size: 12px;color: #A6A6A6;width: 200px;margin-bottom: 2px;}
.member-content .order-tab .navigator {display: inline-block;margin-right: 42px;cursor: pointer;}
.member-content .order-tab .navigator .icon {width: 52px;height: 52px;border-radius: 50%;background: #d8d8d8;display: flex;align-items: center;justify-content: center;margin: 0 auto 10px;position: relative;}
.member-content .order-tab .navigator .icon .tag {position: absolute;right: -5px;top: -5px;display: inline-block;box-sizing: border-box;padding: 0 5px; min-width: 20px;height: 20px;background: #e83936;font-size: 12px;color: #fff;line-height: 20px;text-align: center;border-radius: 30px;}
.member-content .order-tab .navigator.active .icon{background: #90b5fb;}
.member-content .order-tab .navigator .icon img {width: 34px;height: 34px;}
.member-content .order-tab .navigator p {font-size: 14px;color: #333;text-align: center;}
.member-list .table-title {background: #f2f6ff;padding: 0 20px;width: 100%;height: 44px;}
.member-list {border-radius: 10px;overflow: hidden;}
.member-list .table-title {font-size: 14px;color: #333;font-weight: bold;}
.member-list .table-title span {display: block;width: calc((100% - 520px) / 3);text-align: center;}
.member-list .table-title span:first-child {width: 520px !important;}
/* .member-list .table {padding: 20px;} */
.member-list .table .li {border-bottom: 1px solid #E6E6E6;}
.member-list .table .li:last-child {border-bottom: none;}
.member-list .table .li .title {font-size: 14px;color: #333;padding: 10px 20px;border-bottom: 1px solid #e6e6e6;}
.member-list .table .li .title .left, .member-list .table .li .cont .left {width: 540px;box-sizing: border-box;}
.member-list .table .li .title .right, .member-list .table .li .cont .right {width: calc(100% - 540px);box-sizing: border-box;}
.member-list .table .li .title .left span {color: #A6A6A6;}
.member-list .table .li .title .left span.ml-70 {margin-left: 70px;}
.member-list .table .li .title .right{display: flex;align-items: center;justify-content: flex-end;}
.member-list .table .li .title .right img {margin-left: 10px;cursor: pointer;}
.member-list .table .li .cont {}
.member-list .table .li .cont .left {padding: 20px;border-right: 1px solid #e6e6e6;}
.member-list .table .li .cont .left .product-info {margin-bottom: 20px;}
.member-list .table .li .cont .left .product-info:last-child {margin-bottom: 0;}
.member-list .table .li .cont .left img {width: 82px;height: 82px;border: 1px solid #e6e6e6;display: block;}
.member-list .table .li .cont .left .info {width: 285px;margin: 0 45px 0 15px;}
.member-list .table .li .cont .left .info .tit {font-size: 14px; color: #333;margin-bottom: 5px;float: inherit;}
.member-list .table .li .cont .left .info .specs {font-size: 14px; color: #A6A6A6;}
/* .member-list .table .li .cont .left .number {font-size: 14px; color: #A6A6A6;} */
.member-list .table .li .cont .right .w-33 {width: 33.33%;text-align: center;}
.member-list .table .li .cont .right .w-33 p{cursor: pointer;margin-bottom: 5px;}
.member-list .table .li .cont .right .w-33 p .cutdown-img {width: 12px;height: 12px;margin-right: 3px;}
.member-list .table .li .cont .right .w-33 p .cutdown {font-size: 12px;}

/* 个人中心 - 订单详情 */
.order-detail-content .order-info {width: 100%;height: 188px;}
.order-detail-content .order-info .left{width: 368px;height: 100%;padding: 15px;border-right: 1px solid #f2f2f2;}
.order-detail-content .order-info .left .number {margin-bottom: 12px;}
.order-detail-content .order-info .left .state {font-size: 24px;font-weight: bold;margin-bottom: 12px;}
.order-detail-content .order-info .left .time {font-size: 12px;margin-bottom: 10px;}
.order-detail-content .order-info .left .time img {width: 12px;height: 12px;margin-right: 5px;}
.order-detail-content .order-info .left .btn-pay a {display: block; width: 92px;height: 26px;line-height: 26px;text-align: center;color: #1A63ED;border: 1px solid #1A63ED;border-radius: 3px;margin: 0 auto 5px;}
.order-detail-content .order-info .left .btn-cancel a {display: block; width: 92px;height: 26px;line-height: 26px;text-align: center;color: #E83936;border: 1px solid #E83936;border-radius: 3px;margin: 0 auto 5px;}
.order-detail-content .order-info .right {width: calc(100% - 368px);height: 100%;}
.order-detail-content .order-info .right .img {margin: 0 90px;}
.order-detail-content .order-info .right .tip {width: 100%;height: 42px;background: #fffdde;padding: 0 30px;}
.order-detail-content .order-info .right .addr-box {height: 142px;}
.order-detail-content .order-info .right .address .tit {display: inline-block;width: 60px;text-align-last:justify;text-align:justify;text-justify:distribute-all-lines;}
.order-detail-content .order-info .right .address p {margin-bottom: 5px;}
.order-detail-content .order-info .right .address .title {font-weight: bold;margin-bottom: 15px;}
.order-detail-content .order-logistics {max-height: 400px;}
.order-detail-content .order-logistics .left{width: 368px;border-right: 1px solid #f2f2f2;overflow-y: auto;}
.order-detail-content .order-logistics .right{width: calc(100% - 368px);}
.order-detail-content .order-logistics .left .li {padding: 20px 20px 15px;border-bottom: 1px solid #e8e8e8;}
.order-detail-content .order-logistics .left .li:last-child {border-bottom:none;}
.order-detail-content .order-logistics .left .li.active {background: #f2f6ff;}
.order-detail-content .order-logistics .left .title span {font-size: 12px;}
.order-detail-content .order-logistics .left .cont img {width: 60px;height: 60px; margin-right: 7px;display: block;float: left;border: 1px solid #e8e8e8;margin-bottom: 7px;}
.order-detail-content .order-logistics .left .cont img:nth-child(5n) {margin-right: 0;}
.order-detail-content .order-logistics .right .logistics-state {width: 100%;height: 120px;border-bottom: 1px solid #e8e8e8;}
.order-detail-content .order-logistics .right .logistics-state .img {width: 590px;height: 36px;background: url(../images/icon/logistics-state.png) no-repeat;background-position: 0 0;margin: 0 auto 10px;}
.order-detail-content .order-logistics .right .logistics-state .box {width: 745px;}
.order-detail-content .order-logistics .right .logistics-state .state-box {width: 25%;float: left;}
.order-detail-content .order-logistics .right .logistics-cont {width: 100%;}
.order-detail-content .order-logistics .right .logistics-cont .time {width: 280px;border-right: 1px dashed #e8e8e8;padding: 20px 0;}
.order-detail-content .order-logistics .right .logistics-cont .time p {margin-right: -10px;}
.order-detail-content .order-logistics .right .logistics-cont .lc-box {padding: 20px;width: calc(100% - 280px);}
.order-detail-content .order-logistics .right .logistics-cont .lc-box .lc-li .tit {font-weight: bold;margin-bottom: 5px;}
.order-detail-content .order-logistics .right .start {position: absolute;left: 270px;bottom: 0;}
.order-detail-content .order-product .member-list .table-title span {width: calc((100% - 520px) / 5);}
.order-detail-content .order-product .member-list .table {border-bottom: 1px solid #e8e8e8;}
.order-detail-content .order-product .info {overflow: hidden;padding: 20px 20px 15px;}
.order-detail-content .order-product .info p {float: left;margin-bottom: 5px;}
.order-detail-content .order-product .info p .tit {margin-right: 30px;}
.order-detail-content .order-price {padding: 20px;}
.order-detail-content .order-price p {margin-bottom: 5px;}
.order-detail-content .order-price p:last-child{margin-bottom: 0;}
.order-detail-content .order-price p span {display: inline-block;width: 110px;text-align: right;}
.order-detail-content .order-price p.money {font-size: 20px;font-weight: bold;}
.order-detail-content .order-price p.money span{font-size: 20px;font-weight: bold;}

/* 个人中心 - 评价列表 */
.comment-content {width: calc(100% - 168px);}
.comment-content .tab {padding: 20px;background: #fff;}
.comment-content .tab a {margin-right: 20px;display: block;}
.comment-content .tab a span {display: inline-block;min-width: 15px;height: 15px;border-radius: 30px;text-align: center;line-height: 15px;background: #E83936;font-size: 12px;color: #fff;padding: 0 5px;transform: translateY(-10px);}
.member-list .comment-table {padding: 20px;}
.member-list .comment-table .li {border: 1px solid #e6e6e6;margin-bottom: 20px;}
.member-list .comment-table .li:last-child {margin-bottom: 0;}
.member-list .comment-table .li:last-child {border: 1px solid #e6e6e6;}
.member-list .comment-table .li .cont .left {border-right: none;width: 520px;}
.member-list .comment-table .li .cont .right {width: calc(100% - 520px);}
.comment-content .comment-btn {padding-bottom: 20px;padding-right: 20px;}
.comment-content .comment-btn a {display: block;width: 36px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #d7dadf;background: #f1f2f6;border-radius: 3px;margin-left: 15px;}

/* 个人中心 - 评价 */
.comment-edit .info {padding: 20px 0;}
.comment-edit .shop .left {width: 280px;height: 124px;border-right: 1px solid #e5e5e5;float: left;}
.comment-edit .shop .left .logo {width: 50px;height: 50px;border-radius: 50%;border: 1px solid #e6e6e6;}
.comment-edit .shop .left .name {font-weight: bold;margin-bottom: 10px;}
.comment-edit .shop .left .score span{font-size: 12px;color: #898989;margin-right: 5px;}
.comment-edit .shop .right {padding: 29px 45px;float: left;box-sizing: border-box;width: calc(100% - 281px);}
.comment-edit .shop .right .li {width: 235px;float: left;margin: 7px 0;}
/* .comment-edit .shop .right .star {margin: 0 2px;} */
.star-box{overflow: hidden;}
.star-box .star {margin: 0 2px;display: block;width: 14px;height: 14px;background: url(../images/icon/icon-star.png) no-repeat;float: right;}
.star-box .star.active {background: url(../images/icon/icon-star-acitve.png) no-repeat;}
.star-box .star:hover~.star,.star-box .star:hover {background: url(../images/icon/icon-star-acitve.png) no-repeat;}
.comment-edit .product-info .left {width: 280px;height: 395px;border-right: 1px solid #e5e5e5;padding: 30px;box-sizing: border-box;float: left;}
.comment-edit .product-info .left .img {border: 1px solid #e6e6e6;width: 156px;height: 156px;}
.comment-edit .product-info .left .price {margin: 8px 0;}
.comment-edit .product-info .left .specs {font-size: 12px;}
.comment-edit .product-info .right {padding: 40px 45px;float: left;box-sizing: border-box;width: calc(100% - 281px);height: 395px;}
.comment-edit .product-info .right .text-area {width: 675px;height: 190px;padding: 10px;border: 1px solid #e6e6e6;}
.comment-edit .product-info .right .tit {padding: 10px 0;}
.comment-edit .product-info .right .upload-list {padding-left: 70px;}
.comment-edit .product-info .right .upload-list .li {border: 1px solid #e6e6e6;width: 70px;height: 70px;margin-right: 10px;flex: 0 0 auto;position: relative;}
.comment-edit .product-info .right .upload-list .li .close-btn {width: 15px;height: 15px;position: absolute;right: 3px;top: 3px;z-index: 10;}
.comment-edit .product-info .right .upload-list .camera {width: 70px;height: 70px;background: #f2f6ff;margin-right: 10px;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;}
.comment-edit .product-info .right .upload-list .tips {min-width: 70px;height: 70px;display: flex;align-items: center;}
.comment-edit .comment-edit-btn {padding: 25px 0;}
.comment-edit .comment-edit-btn a {width: 146px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #fff;background: #E83936;border-radius: 5px;}
.comment-edit .comment-edit-btn input[type="checkbox"] {width: 16px;height: 16px;-webkit-appearance: none;border: 1px solid #979797;border-radius: 2px;}
.comment-edit .comment-edit-btn input[type="checkbox"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-selected.png);border: none;}
.comment-edit .delete-btn {padding-left: 70px;}
.comment-edit .delete-btn a {width: 110px;height: 38px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background: #E83936;border-radius: 5px;}

/* 个人中心 - 消息列表 */
.message-content {width: calc(100% - 168px);}
.message-content .cont {padding-bottom: 50px;}
.message-content .left {width: 126px;border-right: 1px solid #e6e6e6;}
.message-content .left .li {position: relative;padding-left: 20px;padding-right: 15px;}
.message-content .left .li span {display: block;width: 5px;height: 5px;border: 1px solid #e6e6e6;position: absolute;right: -3px;top: 50%;background: #fff;}
.message-content .right {width: calc(100% - 126px);padding: 0 15px;}

/* 个人中心 - 个人信息 */
.info-content {width: calc(100% - 168px);}
.info-content .left {margin: 0 65px;}
.info-content .right .ipt {width: 272px;height: 38px;border-radius: 5px;border: 1px solid #e6e6e6;padding: 0 10px;}
.info-content .right .tit {width: 60px;text-align: right;margin-right: 15px;}
.info-content .right label {margin-right: 35px;padding-left: 10px;cursor: pointer;}
.info-content .right .btn {width: 125px;height: 40px;display: flex;align-items: center;justify-content: center;background: #1A63ED;color: #fff;}
.info-content .right input[type="radio"] {width: 12px;height: 12px;-webkit-appearance: none;background: url(../images/icon/icon-radio.png);border: none;outline: none;}
.info-content .right input[type="radio"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-radio-checked.png);border: none;}

/* 个人中心 - 修改密码 */
.password-content {width: calc(100% - 168px);}
.password-content .box .tit {width: 315px;text-align: right;margin-right: 10px;}
.password-content .box .ipt {width: 272px;height: 38px;border-radius: 5px;border: 1px solid #e6e6e6;padding: 0 10px;}
.password-content .box .code-btn {width: 106px;height: 38px;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #fff;background: #1A63ED;margin-left: 10px;}
.password-content .box .sub-btn a{width: 124px;height: 40px;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #fff;background: #1A63ED;}

/* 个人中心 - 我的收藏 */
.collect-content {width: calc(100% - 168px);}
.collect-content .nav a.active {color: #1A63ED;}
.collect-content .cz-box input#btn-sellectAll[type="checkbox"] {width: 16px;height: 16px;-webkit-appearance: none;border: 1px solid #1A63ED;border-radius: 2px;margin-right: 5px;outline: none;}
.collect-content .cz-box input#btn-sellectAll[type="checkbox"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-selected.png) no-repeat;background-size:  16px 16px;border: 0;}
.collect-content .cont .li {border: 1px solid #ededed;margin-right: 20px;width: calc((100% - 60px) / 4);float: left;position: relative;overflow: hidden;margin-bottom: 20px;}
.collect-content .cont .li:nth-child(4n){margin-right: 0;}
.collect-content .cont .li .info {padding: 8px 15px;border-bottom: 1px solid #eaeaea;}
.collect-content .cont .li .info .money {font-size: 20px;}
/* .collect-content .cont .li .bottom {padding: 0 15px;} */
.collect-content .cont .li .bottom .collect {width: 50%;padding: 10px 0;border-right: 1px solid #eaeaea;cursor: pointer;}
.collect-content .cont .li .bottom .add-cart {width: 50%;padding: 10px 0;cursor: pointer;}
.collect-content .cont .li .mc {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);text-align: center;padding-top: 90px;display: none;}
.collect-content .cont .li .mc p {font-size: 18px;color: #fff;margin-bottom: 15px;}
.collect-content .cont .li .mc img {margin-bottom: 30px;}
.collect-content .cont .li .mc .btn a {display: block;color: #333;width: 72px;height: 36px;line-height: 36px;margin: 0 10px;background: #fff;text-align: center;}
.collect-content .cont .li .mc .btn a.primary {background: #1A63ED;color: #fff;}
.collect-content .cont .li .tit {height: 38px; line-height: 38px;}
.collect-content .cont .li .img {width:201px;height: 201px;}
.collect-content .li .select-mc {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;display: none;background-color: rgba(0,0,0,.3);background-image: url('../images/icon/icon-select-gray.png');background-repeat: no-repeat;background-position: 100% 0;}
.collect-content .li .select-mc.active{background-image: url('../images/icon/icon-select-active.png')}
.collect-content .li .select-mc img {position: absolute;right: 0;top: 0;width: 56px;height: 44px;}

/* 个人中心 - 我的收藏 - 店铺收藏 */
.collect-content .cont-shop .li-shop {border: 1px solid #ededed;width: 100%;height: 286px;position: relative;margin-bottom: 20px;}
.collect-content .cont-shop .li-shop:last-child {margin-bottom: 0;}
.collect-content .cont-shop .li-shop .left {width: 295px;border-right: 1px solid #ededed;}
.collect-content .cont-shop .li-shop .left .btn {width: 100%;background: #f2f6ff;overflow: hidden;}
.collect-content .cont-shop .li-shop .left .btn .img-shop,.collect-content .cont-shop .li-shop .left .btn .img-server {width: 50%;height: 40px;display: flex;align-items: center;justify-content: center;float: left;}
.collect-content .cont-shop .li-shop .left .btn .img-shop span {background: url(../images/icon/icon-shop-default.png) no-repeat;display: block;width: 17px;height: 17px;margin-right:8px}
.collect-content .cont-shop .li-shop .left .btn .img-server span {background: url(../images/icon/icon-msg.png) no-repeat;display: block;width: 21px;height: 17px;margin-right:8px}
.collect-content .cont-shop .li-shop .left .btn .img-shop:hover > span {background: url(../images/icon/icon-shop-blue.png) no-repeat;}
.collect-content .cont-shop .li-shop .left .btn .img-server:hover > span {background: url(../images/icon/icon-msg-blue.png) no-repeat;}
.collect-content .cont-shop .li-shop .left .btn .img-shop:hover, .collect-content .cont-shop .li-shop .left .btn .img-server:hover {color: #1A63ED;}
.collect-content .cont-shop .li-shop .left .logo {padding: 40px 0 20px;}
.collect-content .cont-shop .li-shop .left .info {padding: 0 10px;}
.collect-content .cont-shop .li-shop .left .name {margin-bottom: 38px;}
.collect-content .cont-shop .li-shop .right {width: calc(100% - 295px);height: 286px;}
.collect-content .cont-shop .li-shop .right .box {margin-right: 20px;}
.collect-content .cont-shop .li-shop .right .box:last-child {margin-right: 0;}
.collect-content .cont-shop .li-shop .right .box img {width: 140px;height: 140px;display: block;border: 1px solid #ededed;}
.collect-content .cont-shop .li-shop .right .box .tit {width: 140px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 10px 0;}
.collect-content .cont-shop .mc {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);text-align: center;padding-top: 90px;display: none;}
.collect-content .cont-shop .mc p {font-size: 18px;color: #fff;margin-bottom: 15px;}
.collect-content .cont-shop .mc img {margin-bottom: 30px;}
.collect-content .cont-shop .mc .btn a {display: block;color: #333;width: 72px;height: 36px;line-height: 36px;margin: 0 10px;background: #fff;text-align: center;}
.collect-content .cont-shop .mc .btn a.primary {background: #1A63ED;color: #fff;}
.collect-content .cont-shop .select-mc {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;display: none;background-color: rgba(0,0,0,.3);background-image: url('../images/icon/icon-select-gray.png');background-repeat: no-repeat;background-position: 100% 0;}
.collect-content .cont-shop .select-mc.active{background-image: url('../images/icon/icon-select-active.png')}
.collect-content .cont-shop .select-mc img {position: absolute;right: 0;top: 0;width: 56px;height: 44px;}

/* 个人中心 - 我的足迹 */
.history-time {color: #898989;margin-bottom: 15px;}

/* 个人中心 - 我的积分 */
.intergral-content {width: calc(100% - 168px);}
.intergral-content .info {padding: 15px;}
.intergral-content .info .left {width: 340px;border-right: 1px solid #f5f5f5;padding: 5px 0;}
.intergral-content .info .left img {margin-right: 15px;}
.intergral-content .info .left .f-30 {font-size: 30px;}
.intergral-content .info .right {padding: 0 50px;}
.intergral-content .record {padding: 15px;}
.intergral-content .record .title {margin-bottom: 15px;}
.intergral-content .record .table .tr {width: 100%;height: 40px;line-height: 40px;overflow: hidden;border-bottom: 1px solid #F5F5F5;}
.intergral-content .record .table .tr.tit {background: #f2f6ff;}
.intergral-content .record .table .tr .td {width: 33.33%;padding: 0 15px;float: left;}
.intergral-content .record .more-btn {margin-top: 15px;}

/* 个人中心 - 优惠券 */
.coupon-content {width: calc(100% - 168px);}
.coupon-content .cont {overflow: hidden;padding-bottom: 30px;}
.coupon-content .cont .li {background: url(../images/coupon/bg_02.png) no-repeat;width: 219px;height: 336px;float: left;margin: 0 14px 5px;}
.coupon-content .cont .li .tit {color: #E83936;padding-top: 19px;}
.coupon-content .cont .li .tit span {background: #E83936;width: 14px;height: 2px;display: block;margin: 0 3px;}
/* .coupon-content .cont .li .discount {line-height: 72px;} */
.coupon-content .cont .li .discount span {font-size: 72px;}
.coupon-content .cont .li .discount .state_01::before {content:'￥';font-size: 14px;font-weight: bold;}
.coupon-content .cont .li .discount .state_02::after {content:'折';font-size: 14px;font-weight: bold;}
.coupon-content .cont .li .desc {margin-bottom: 2px;}
.coupon-content .cont .li .time {font-size: 12px;margin-bottom: 28px;}
.coupon-content .cont .li .limit {font-size: 12px;color: #fff;padding: 0 28px;margin-bottom: 5px;}
.coupon-content .cont .li .limit a {font-size: 12px;color: #fff;}
.coupon-content .cont .li .btn {font-size: 12px;background: #fff;border-radius: 30px;display: flex;align-items: center;justify-content: center;width: 90px;height: 30px;margin: 30px auto 0;}
.coupon-popup {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.coupon-popup .mc {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;}
.coupon-popup .cont {width: 470px;height: 510px;background: url(../images/coupon/bg_03.png) no-repeat;z-index: 1001;}
.coupon-popup .cont .tit {color: #E83936;padding-top: 24px;font-size: 18px;margin-bottom: 25px;}
.coupon-popup .cont .tit span {background: #E83936;width: 14px;height: 2px;display: block;margin: 0 5px;}
.coupon-popup .cont .sm-tit {font-weight: bold;padding: 0 55px;margin-bottom: 10px;}
.coupon-popup .cont .desc {padding: 0 55px;margin-bottom: 10px;line-height: 24px;text-indent: 28px;height: 160px;}
.coupon-popup .cont .discount {margin-top: 15px;}
.coupon-popup .cont .discount span {font-size: 90px;color: #fff;}
.coupon-popup .cont .discount span.state_01::before {content: '￥';font-size: 20px;}
.coupon-popup .cont .discount span.state_02::after {content: '折';font-size: 20px;}
.coupon-popup .cont .btn {display: flex;align-items: center;justify-content: center;width: 210px;height: 50px;background: #fff;color: #E83936;border-radius: 30px;margin: 0 auto 10px;}
.coupon-popup .cont .time {font-size: 12px;color: #fff;}
.coupon-popup .cont .close {position: absolute;top: -15px;right: -20px;z-index: 1001;}
.coupon-content .cont-02 .li {background: url(../images/coupon/bg_01.png) no-repeat;}
.coupon-content .cont-02 .li .tit {color: #898989;padding-top: 19px;}
.coupon-content .cont-02 .li .tit span {background: #898989;width: 14px;height: 2px;display: block;margin: 0 3px;}
.coupon-content .cont-02 .li .discount span {color: #898989;}
.coupon-content .cont-02 .li .desc {color: #898989;}
.coupon-content .cont-02 .tag {margin-top: 25px;padding: 0 25px;display: flex;justify-content: flex-end;}

/* 个人中心 - 收货地址 */
.address-content {width: calc(100% - 168px);}
.address-content .li {background: #fff;width: calc((100% - 40px) / 3);height: 208px;padding: 20px;float: left;margin-right: 20px;margin-bottom: 20px;position: relative;}
.address-content .li:nth-child(3n) {margin-right: 0;}
.address-content .li .name {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.address-content .li .name .tit {font-size: 16px;display: block;width: 70px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.address-content .li .info {margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.address-content .li .info .tit {display: inline-block;width: 73px;text-align: right;flex: 0 0 auto;}
.address-content .li .tag {width: 72px;height: 28px;border-radius: 5px;background: #1A63ED;color: #fff;text-align: center;line-height: 28px;}
.address-content .li .btn a {margin-left: 5px;}
.address-content .li .h-x {width: 60px;height: 4px;background: #898989;position: absolute;}
.address-content .li .s-x {width: 60px;height: 4px;background: #898989;position: absolute;transform: rotate(90deg);}


/* 个人中心 - 资质认证 */
.certification-content {width: calc(100% - 168px);}
.certification-content .box .tit {width: 315px;text-align: right;margin-right: 10px;}
.certification-content .box .ipt {width: 272px;height: 38px;border-radius: 5px;border: 1px solid #e6e6e6;padding: 0 10px;}
.certification-content .box .code-btn {width: 106px;height: 38px;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #fff;background: #1A63ED;margin-left: 10px;}
.certification-content .box .sub-btn a{width: 124px;height: 40px;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #fff;background: #1A63ED;}
.certification-content .box .sub-btn a.loading {pointer-events: none; cursor: not-allowed; opacity: 0.7;}
.certification-content .box .sub-btn a.loading .fa-spinner {margin-right: 5px;}


.certification-data {width: 272px;}
.certification-data .li {background: #fff;width: 100%; height: 186px;padding: 20px;float: left;margin-right: 20px;margin-bottom: 20px;position: relative;}
.certification-data .li:nth-child(3n) {margin-right: 0;}
.certification-data .li .name {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.certification-data .li .name .tit {font-size: 16px;display: block;width: 70px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.certification-data .li .info {margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.certification-data .li .info .tit {display: inline-block;width: 73px;text-align: right;flex: 0 0 auto;}
.certification-data .li .tag {width: 72px;height: 28px;border-radius: 5px;background: #1A63ED;color: #fff;text-align: center;line-height: 28px;}
.certification-data .li .btn a {margin-left: 5px;}
.certification-data .li .h-x {width: 60px;height: 4px;background: #898989;position: absolute;}
.certification-data .li .s-x {width: 60px;height: 4px;background: #898989;position: absolute;transform: rotate(90deg);}
.rejectionReason {width: 380px;}
.rejectionReason .title{font-weight: bold;}
.certification-avatar{ padding: 20px 15px; }

.examineStatus{padding: 0 20px;}

/* 订单预览 */
.pay-preview .address-box .title {font-weight: bold;margin-bottom: 15px;}
.pay-preview .address-box .card {padding: 12px 15px;background: #fff;margin-bottom: 20px;}
.pay-preview .address-box .tit {font-weight: bold;}
.pay-preview .address-box .list {height: 107px;}
.pay-preview .address-box .list .li {padding: 15px;border: 1px solid #a6a6a6;background-color: #fff;width: calc((100% - 30px) / 3);height: 92px;cursor: pointer;position: relative;float: left;margin-right: 15px;margin-bottom: 15px;}
.pay-preview .address-box .list .li:nth-child(3n) {margin-right: 0;}
.pay-preview .address-box .list .li.active {background-color: #f2f6ff;background-image: url(../images/icon/icon-select-active-02.png);background-repeat: no-repeat;background-position: 100% 100%;border-color: #1A63ED;}
.pay-preview .address-box .list .li .detail {color: #898989;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pay-preview .address-box .list .li .mr-btn {display: flex;align-items: center;justify-content: center;width: 70px;height: 30px;border-radius: 3px;color: #fff;background: #1A63ED;}
.pay-preview .address-box .list .li .btn-box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(242,246,255,.8);padding: 15px;display: none;}
.pay-preview .address-box .list .li:hover > .btn-box {display: flex;}
.pay-preview .address-box .product-info-list {padding: 15px;border-bottom: 1px solid #EDEDED;}
.pay-preview .address-box .product-info-list:last-child {border-bottom: none;}
.pay-preview .address-box .product-info-list .li-tit {padding-bottom: 15px;border-bottom: 1px solid #EDEDED;margin-bottom: 15px;}
.pay-preview .address-box .product-info-list .cont img {border: 1px solid #ededed;width: 84px;height: 84px;margin: 0 15px;}
.pay-preview .address-box .product-info-list .cont .info {width: 300px;margin-right: 100px;}
.pay-preview .address-box .product-info-list .cont .specs {color: #A6A6A6;margin-bottom:5px;}
.pay-preview .address-box .product-info-list .cont .number {width: 180px;text-align: center;margin-right: 60px;}
.pay-preview .address-box .product-info-list .cont .price {width: 180px;text-align: center;}
.pay-preview .address-box .product-info-list .cont .discount {text-align: -webkit-right;}
.pay-preview .address-box .product-info-list .cont .discount .content{width: 160px; justify-content: space-between; display: flex; justify-content: space-between;}
.pay-preview .invoice-box .title {font-weight: bold;margin-bottom: 15px;}
.pay-preview .invoice-box .title span {font-weight: normal;color: #898989;margin-left: 30px;}
.pay-preview .invoice-box .list {padding-left: 80px;}
.pay-preview .invoice-box .list span {margin-right: 20px;}
.pay-preview .integral-box .title {margin-bottom: 15px;}
.pay-preview .integral-box .title input {margin-left: 30px;-webkit-appearance: none;border: 1px solid #898989;border-radius: 3px;width: 16px;height: 16px;margin-right: 10px;outline: none;}
.pay-preview .integral-box .title input[type="checkbox"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-selected.png);border: none;}
.pay-preview .money-box p {text-align: right;margin-bottom: 15px;}
.pay-preview .money-box p .right{width: 120px;display: inline-block;padding-right: 15px;}
.pay-preview .money-box .all {background: #fff;padding: 15px;}
.pay-preview .money-box .all .right {width: auto;font-size: 24px;font-weight: bold;padding-right: 0;}
.tj-btn a {display: block;width: 126px;height: 50px;color: #fff;background: #E83936;text-align: center;line-height: 50px;margin-bottom: 45px;}
.payment-preview-coupon .cont {padding: 30px;width: 720px;}
.payment-preview-coupon .nav {border-bottom: 1px solid #aeaeae;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.payment-preview-coupon .nav a{padding: inline-block;font-size: 14px;color: #333;padding: 0 30px 15px;}
.payment-preview-coupon .nav a.active {color: #1A63ED;border-bottom: 1px solid #1A63ED;}
.payment-preview-coupon .coupon-cont {padding: 20px;background: #f2f6ff;overflow-y: auto;height: 330px;margin-bottom: 20px;}
.payment-preview-coupon .coupon-cont .li {width: calc(50% - 20px);height: 120px;margin: 20px 10px 0;background: url(../images/coupon/bg_05.png) no-repeat;background-size: 100% 100%;float: left;position: relative;}
.payment-preview-coupon .coupon-cont .li.state_02 {background: url(../images/coupon/bg_06.png) no-repeat;background-size: 100% 100%;}
.payment-preview-coupon .coupon-cont .li:nth-child(-n+2) {margin-top: 0;}
.payment-preview-coupon .coupon-cont .li .left{width: 48px;height: 120px;color: #fff;font-size: 24px;display: flex;align-items: center;justify-content: center;text-align: center;}
.payment-preview-coupon .coupon-cont .li .right {width: calc(100% - 48px);padding: 15px;}
.payment-preview-coupon .coupon-cont .li .right .c-tit {font-size: 24px;color: #fff;text-align: center;}
.payment-preview-coupon .coupon-cont .li .right .c-tit span{font-size: 40px;color: #fff;}
.payment-preview-coupon .coupon-cont .li .right .intro {width: 100%;height: 26px;font-size: 15px;color: #fff;background: #e7625b;border-radius: 30px;text-align: center;line-height: 26px;}
.payment-preview-coupon .coupon-cont .li.state_02 .right .intro {background: #fff;color: rgb(137,137,137);}
.payment-preview-coupon .coupon-cont .li .right .date {font-size: 12px;color: #fff;text-align: center;}
.payment-preview-coupon .coupon-btn a {display: flex;align-items: center;justify-content: center;width: 160px;height: 44px;border: 1px solid #c8c8c8;font-size: 16px;margin: 0 5px;}
.payment-preview-coupon .coupon-btn a.full {color: #fff;background: #de3a31;border: none;}
.pay-preview .address-box .product-info-list .payment-preview-coupon .coupon-cont .li .tag {position: absolute;right: 0;top: 0;width: 38px;height: 33px;margin: 0;border:none;display: none;}
.pay-preview .address-box .product-info-list .payment-preview-coupon .coupon-cont .li.active .tag {display: block;}
/* 订单预览 */

/* 提交订单 */
.pay_cont {padding: 30px 60px 20px;margin-top: 40px;}
.pay_cont .left .icon {width: 105px;height: 105px;display: block;margin-right: 30px;}
.pay_cont .left .describe .tit {font-size: 25px;color: #333;margin-bottom: 15px;}
.pay_cont .left .describe .des {font-size: 14px;color: #333;}
.pay_cont .left .describe .des span {font-size: 14px;}
.pay_cont .right .price {font-size: 14px;color: #333;}
.pay_cont .right .price span {font-size: 20px;}
.pay_cont .right .des {font-size: 14px;color: #333;}
.pay_cont .order-info {padding-left: 90px;margin-top: 30px;}
.pay_cont .order-info ul {list-style: none;padding: 30px 45px 0;border-top: 1px solid #eaeaea;}
.pay_cont .order-info ul li {display: flex;color: #333;font-size: 14px;line-height: 24px;}
.pay_cont .order-info ul li .tit {width: 85px;}
.pay-menthod {padding: 25px;box-sizing: border-box;}
.pay-menthod .tit {font-size: 20px;color: #333;margin-bottom: 40px;font-weight: bold;}
.pay-menthod .method {overflow: hidden;}
.pay-menthod .method img {width: 236px;height: 50px;display: block;border: 1px solid #979797;border-radius: 5px;margin-right: 54px;float: left;margin-bottom: 68px;cursor: pointer;}
.pay-menthod .method img.active {border-color: #1A63ED;}
.submit-btn {width: 146px;height: 50px;;line-height: 50px;text-align: center;font-size: 18px;color: #fff;border-radius: 5px;background: #E83936;margin-bottom: 70px;}

/* 购物车 */
.cart-cont {margin-top: 56px;}
.cart-cont .title {font-size: 14px;color: #333;margin-bottom: 16px;font-weight: bold;}
.cart-cont .table-title {width: 100%;height: 42px;line-height: 42px;background: #fff;font-size: 14px;color: #333;box-sizing: border-box;padding: 0 15px;}
.cart-cont input[type="checkbox"] {width: 16px;height: 16px;-webkit-appearance: none;border: 1px solid #979797;border-radius: 2px;}
.cart-cont input[type="checkbox"]:checked {-webkit-appearance: none;background: url(../images/icon/icon-selected.png);border: none;}
.cart-cont input[type="checkbox"]:disabled{background-color: #d8d8d8;}
.cart-cont .td-1 {width: 32px;}
.cart-cont .td-2 {width: 700px;}
.cart-cont .td-3 {width: 115px;}
.cart-cont .td-4 {width: 115px;}
.cart-cont .td-5 {width: 115px;}
.cart-cont .td-6 {width: 170px;}
.cart-cont .td-7 {width: 90px;}
.cart-cont .td-8 {width: 103px;}
.cart-cont .table-cont {font-size: 14px;color: #333;margin-bottom: 18px;}
.cart-cont .table-cont .shop {box-sizing: border-box;padding: 0 15px;width: 100%;height: 46px;}
.cart-cont .table-cont .shop .cart-coupon {cursor: pointer;}
.cart-cont .table-cont .product-list {box-sizing: border-box;border-radius: 5px;background: #fff;}
.cart-cont .table-cont .product-list .li {padding: 0 15px;}
.cart-cont .table-cont .product-list .li .box { border-bottom: 1px solid #ebeef3;}
.cart-cont .table-cont .product-list .li:last-child .box {border-bottom: none;}
.cart-cont .table-cont .product-list .li img.img {display: block;width: 82px;height: 82px;border: 1px solid #ededed;margin-right: 12px;}
.cart-cont .table-cont .product-list .li .info {width: calc(100% - 114px);}
.cart-cont .table-cont .product-list .li .info .tit {font-size: 14px;color: #333;margin-bottom: 8px;}
.cart-cont .table-cont .product-list .li .info .des {font-size: 14px;color: #A6A6A6;}
.cart-cont .table-cont .product-list .li .delete-btn,.cart-cont .table-cont .product-list .li .collect-btn {cursor: pointer;}
.cart-cont .table-cont .product-list .li .delete-btn:hover {color: #1A63ED;}
.cart-cont .table-cont .product-list .li .cart-num {width: 128px;height: 30px;border-radius: 5px;border: 1px solid #efefef;}
.cart-cont .table-cont .product-list .li .cart-num .reduce,.cart-cont .table-cont .product-list .li .cart-num .add {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;cursor: pointer;}
.cart-cont .table-cont .product-list .li .cart-num .reduce {border-right: 1px solid #efefef;}
.cart-cont .table-cont .product-list .li .cart-num .add {border-left: 1px solid #efefef;}
.cart-foot {padding: 25px 15px 70px;}
.cart-foot .left span {cursor: pointer;margin-right: 8px;font-size: 14px;color: #333;}
.cart-foot .left span:hover {color: #1A63ED;}
.cart-foot .right .gary {color: #a6a6a6;}
.cart-foot .right .pay-btn {color: #fff;font-size: 18px;width: 98px;height: 44px;line-height: 44px;text-align: center;background: #E83936;border-radius: 5px;margin-left: 8px;}
.cart-foot .right .info-num {padding-top: 4px;margin-right: 8px;}

/* 登录页 */
.login-bg {width: 100%;height: 100%;background: url(../images/login/bg.jpg) no-repeat;background-size: cover;}
.login-bg .box {width: 980px;height: 534px;background: url(../images/login/box-bg.png) no-repeat;background-size: cover;}
.login-bg .box .left {width: 50%;height: 100%;}
.login-bg .box .left img {width: 90%;}
.login-bg .box .right {width: 50%;height: 100%;}
.login-bg .box .right .title{font-size: 32px;color: #1a63ed;margin-bottom: 50px;}
.login-bg .box .right .li {margin-bottom: 10px;position: relative;}
.login-bg .box .right .li .tit {font-size: 22px;color: #1a63ed;}
.login-bg .box .right .li input {width: 300px;height: 40px;border: none;border-bottom: 1px solid #d8ddea;background: transparent;outline: none;font-size: 15px;color: #333333;}
.login-bg .box .right .li input.sm {width: 180px;}
.login-bg .box .right .btn a {display: flex;align-items: center;justify-content: center;width: 300px;height: 52px;border: none;border-radius: 30px;background: #1a63ed;font-size: 22px;color: #fff;margin: 30px 0 20px;}
.login-bg .box .right .li .yzm {position: absolute;right: 10px;bottom: 10px;color: #4584f9;}
.login-bg .box .right .li .tp-yzm {width: 120px;height: 40px;}

/* 领券中心 */
.coupon-center-title {display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight: bold;margin-bottom: 30px;}
.coupon-center-title span {display: inline-block;width: 30px;height: 2px;background: #333;margin: 0 18px;}
.coupon-center {overflow: hidden;}
.coupon-center .li {width: calc(33.33% - 20px);height: 150px;float: left;margin-right: 30px;margin-bottom: 30px;overflow: hidden;background: url(../images/coupon/bg-07.png) no-repeat;background-size: 100% 100%;}
.coupon-center .li.state_02 {background: url(../images/coupon/bg-08.png) no-repeat;}
.coupon-center .li:nth-child(3n) {margin-right: 0;}
.coupon-center .li .left {width: calc(100% - 80px);height: 150px;float: left;padding: 15px 25px 15px 28px;}
.coupon-center .li .left .shop-name {margin-bottom: 10px;}
.coupon-center .li .left .price {font-size: 60px;line-height: 60px;margin-right: 5px;}
.coupon-center .li .left .type_01::before {content: '￥';font-size: 20px;line-height: 20px;}
.coupon-center .li .left .type_02::after {content: '折';font-size: 20px;line-height: 20px;}
.coupon-center .li .left .info p:first-child {font-size: 26px; margin-bottom: 4px;}
.coupon-center .li .left .info p:last-child {font-size: 14px;}
.coupon-center .li .left .intro {font-size: 14px;color: #333;margin-top: 12px;}
.coupon-center .li .right {width:80px;height: 150px;float: left;display: flex;align-items: center;justify-content: center;}
.coupon-center .li .right p {width:34px;font-size: 24px;color: #fff;padding-right: 15px;}

/* 文章详情 */
.article-content {padding: 25px;background: #fff;}
.article-content .title {font-size: 20px;margin-bottom: 10px;text-align: center;}
.article-content .time {font-size: 12px;margin-bottom: 20px;text-align: center;}

/* 弹出框 */
.component-popup {position: fixed;top: 0;left: 0; width: 100%;height: 100%;align-items: center;justify-content: center;display: none;z-index: 1000;}
.component-popup .mc {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;}
.component-popup .popup-box {width: 400px;background: #fff;z-index: 1001;}
.component-popup.show {display: flex;}
.component-popup .popup-box .title {padding: 0 25px;width: 100%;height: 50px;}
.component-popup .popup-box .title span {font-size: 18px;font-weight: bold;color: #333;}
.component-popup .popup-box .btn {display: flex;align-items: center;justify-content: center;}
.component-popup .popup-box .btn .cancle {width: 140px;height: 44px;display: flex;align-items: center;justify-content: center;border: 1px solid #c8c8c8;border-radius: 3px;font-size: 14px;background: #fff;color: #333;margin: 25px;}
.component-popup .popup-box .btn .confirm {width: 140px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 3px;font-size: 14px;background: #de3a31;color: #fff;margin: 0 25px;}
.component-popup .popup-box .cont {padding: 0 25px;font-size: 18px;}

/* 提示框 */
.component-alert {display: flex;align-items: center;justify-content: center; position: fixed; top: -60px;z-index: 1001;width: 100%;opacity: 0;transition: .5s;}
.component-alert.show {top: 57px;opacity: 1; transition: .5s;}
.alert-box {background: #fff3cd;padding: 20px 30px;margin: 0 auto;border: 1px solid #ffeeba;color: #856404;}

/* 申请售后 */
.after-left {width: 790px;background: #fff;padding: 25px;}
.after-right {width: calc(100% - 800px);background: #fff;padding: 25px;}
.after-left .li {display: flex;align-items: flex-start;margin-bottom: 10px;}
.after-left .li .tit {width: 80px;height:40px;font-size: 14px;color: #333;display: flex;align-items: center;justify-content: flex-end;margin-right: 15px;}
.after-left .li .cont {width: calc(100% - 95px);min-height: 40px;}
.after-left .li .cont .pic {width: 120px;height: 120px;border: 1px solid #ededed;border-radius: 5px;}
.after-left .li .cont .info {width: calc(100% - 135px);flex: 0 0 auto;}
.after-left .li .cont .info .name {margin: 15px 0 10px;font-size: 16px;}
.after-left .li .cont .info .spec {font-size: 12px;}
.after-left .li .cont label {display: flex;align-items: center;margin-right: 20px;} 
.after-left .li .cont input[type="radio"] {width: 15px;height: 15px;-webkit-appearance: none;border: 1px solid #383838;outline: none;border-radius: 50%;margin-right: 5px;}
.after-left .li .cont input[type="radio"]:checked {background: url(../images/icon/icon-selected.png) no-repeat;border: none;background-size: 100% 100%;}
.after-left .li .cont .ipt {position:relative;width:250px;height:40px;outline: none;border: 1px solid #eaeaea;border-radius: 5px;padding: 0 15px;cursor: default;}
.after-left .li .cont .icon {width: 6px;height: 12px;transform: rotate(90deg);position: absolute;right: 12px;top: 50%;margin-top: -6px;}
.after-left .li .cont .text-area {width: 530px;height: 130px;border: 1px solid #EAEAEA;border-radius: 5px;}
.after-left .li .cont a.btn {display: flex;align-items: center;justify-content: center;width: 125px;height: 40px;border-radius: 5px;color: #fff;background: #e83936;margin-right: 25px;}
.after-left .li .cont a.allow {width: 150px;background: #fff;border: 1px solid #eaeaea;color: #898989;}
.after-left .li .cont .upload-list .camera {width: 92px;height: 92px;background: #fff;margin-right: 10px;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;border: 1px solid #eaeaea;margin-bottom: 10px;cursor: pointer;}
.after-left .li .cont .upload-list .li {border: 1px solid #e6e6e6;width: 92px;height: 92px;margin-right: 10px;flex: 0 0 auto;position: relative;margin-bottom: 10px;}
.after-left .li .cont .upload-list .li .close-btn {width: 15px;height: 15px;position: absolute;right: 3px;top: 3px;z-index: 10;}
.after-right .title {font-size: 16px;font-weight: bold;margin-bottom: 15px;}
.after-right .product-info {padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #ededed;}
.after-right .product-info .pic {width: 125px;height: 125px;border: 1px solid #ededed;border-radius: 5px;felx: 0 0 auto;margin-right: 10px;}
.after-right .product-info .tit {font-size: 16px;color: #333;line-height: 24px;margin: 15px 0 5px;}
.after-right .product-info .spec {font-size: 12px;}
.after-right .o-info {padding-bottom: 10px;margin-bottom: 25px;border-bottom: 1px solid #ededed;}
.after-right .o-info .li {display: flex;align-items: center;margin-bottom: 15px;}
.after-right .o-info .li .tit {width: 65px;text-align-last:justify;text-align:justify;text-justify:distribute-all-lines;flex: 0 0 auto;color: #898989;}

/* 售后详情 */
.after-left .line {margin: 15px 0;width: 100%;height: 1px;background: #f5f5f5;}
.after-left .after-state {font-size: 18px;color: #333;}
.after-left .after-num-code {font-size: 14px;color: #333;}
.after-left .after-mail .tit {font-size: 14px;font-weight: bold;display: flex;align-items: center;margin-bottom: 10px;}
.after-left .after-mail .tit img {margin-right: 5px;}
.after-left .after-mail .name {margin-bottom: 10px;}
.after-left .after-tips ul li {font-size: 14px;color: #898989;margin-bottom: 8px;}
.after-left .after-other {font-size: 14px;padding: 20px 0 35px;color: #898989;}
.after-left .after-other a {font-size: 14px;margin-right: 20px;}
.after-left .after-history .tit {font-size: 14px;color: #333;font-weight: bold;margin-bottom: 20px;}
.after-left .after-history textarea {width: 100%;height: 130px;max-height: 130px;border: 1px solid #eaeaea;border-radius: 5px;margin-bottom: 10px;}
.after-left .after-history-record .avatar {width: 40px;height: 40px;border-radius: 50%;margin-right: 8px;}
.after-left .after-history-record .m-info {width: calc(100% - 50px);}
.after-left .after-history-record ul li {margin-bottom: 25px;}
.after-left .after-price span {font-weight: bold;}
.after-left .after-history-record .m-info .cont {margin-bottom: 10px;}
.after-left .after-history-record .m-info .img-box img {width: 60px;height: 60px;margin-right: 10px;border: 1px solid #ebebeb;display: block;float: left;margin-bottom: 10px;}
.after-left .after-history-record .m-info .img-box img:nth-child(10n) {margin-right: 0;}

/* 促销活动 */
.activty-banner{justify-content: center; align-items: center; background: no-repeat; background-size: cover;}
.activty-banner .tit{padding: 100px 0;}
.activty-banner .tit .mainTit{margin: 20px 0; font-size: 42px; font-weight: bold;}
.activty-banner .tit .subTit{font-size: 30px;}

.activeList{margin: 20px 0; width: 100%; border-radius: 20px;}
.activeList .activeImg{ height: 300px; display: flex; position: relative;}
.activeList .activeImg::before{ content: ''; background-color: rgba(0,0,0,.4); border-radius: 20px 20px 0 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.activeList .activeImg img{width: 100%; height: 100%; border-radius: 20px 20px 0 0; object-fit: cover; object-position: 50% 25%;}
.activeList .activeImg .timeBorder{width: 160px; height: 160px; display: flex; align-items: center; justify-content: center;background-color: rgb(226 226 226 / 80%); top: 30px; right: 30px; border-radius: 20px; position: absolute;}
.activeList .activeImg .timeBorder .time{text-align: center;}
.activeList .activeImg .timeBorder .time .tit{font-size: 26px; color: #000; margin-bottom: 5px;}
.activeList .activeImg .timeBorder .time .num{font-size: 36px; color: #000;}

.activeList .activeContent{padding: 10px 20px;}
.activeList .activeContent .content{width: 82%; height: 100%;}
.activeList .activeContent .content .tit{margin-bottom: 10px;}
.activeList .activeContent .content .tit .mainTit{font-size: 24px; font-weight: bold; margin-bottom: 5px;}
.activeList .activeContent .content .tit .subTit{font-size: 18px;}
.activeList .activeContent .content .tag .text{display: inline-block; font-size: 14px; color: #f86464; padding: 2px 4px; border-radius: 3px; border: 1px solid #f22626; background-color: #f4cece;}

.activeList .activeContent .content .goodsList{display: flex;}
.activeList .activeContent .content .goodsList .good{margin-right: 10px;}
.activeList .activeContent .content .goodsList .good img{margin-right: 5px;border: 1px solid #ddd;padding: 10px;border-radius: 8px;}

.activeList .activeContent .tip{font-size: 14px; margin-bottom: 10px;}
.activeList .activeContent .tip .status{font-size: 14px; color: #1A63ED;}


.activeList .activeContent .xcxcode{height: 170px;}
.activeList .activeContent .xcxcode img{padding: 10px;}
/* 错误 */
.error-img {width: 500px;margin: 0 auto;padding: 100px 0;}