@media screen and (max-width: 1480px) {
	/* .banner-section .swiper-container {
		height: 36vw;
	} */

	.product-section .picture img {
		width: 90%;
	}

	.product-section .picture .description {
		padding: 0 10%;
		font-size: 15px;
	}

	.product-section .txt {
		padding: 2vw 0;
	}

	.slidebar .item {
		width: 60px;
		height: 60px;
	}

	.ad-section h4 {
		font-size: 3vw;
	}

	.ad-section .img {
		width: 40%;
	}

	.ad-section .desc {
		font-size: 14px;
	}

	.banner-section .swiper-button-next,
	.banner-section .swiper-button-prev {
		width: 50px;
		height: 100px;
	}
}

@media screen and (max-width: 1380px) {
	.wrapper {
		width: 1100px;
	}

	.advisory-section .tit {
		font-size: 16px;
	}

	.advisory-section .desc {
		font-size: 14px;
	}

	#color-preview .color-detail {
		bottom: 100px;
	}

	/*.productList-section li img {*/
	/*	height: 230px;*/
	/*}*/

	.user-main .rightContent {
		padding: 15px;
		width: 78%;
	}

	.user-wrap .head {
		font-size: 13px;
	}

	.user-order .logistics-msg {
		padding: 0 20px;
	}

	.user-order .logistics-msg ul {
		width: 100%;
	}

	.user-order .logistics-msg li::after {
		right: -86%;
	}

	.detail-head-top-box h4 {
		font-size: 20px;
	}

	.goods-info .title h3 {
		font-size: 20px;
	}

	.goods-info .info li {
		padding: 10px 0;
	}

	.goods-info .tit {
		margin: 10px 0;
		font-size: 16px;
	}

	.goods-info .desc {
		font-size: 14px;
		line-height: 1.6;
	}

	.confirm_oreder-wrap .wrapper {
		padding: 20px;
	}

	.confirm_oreder-wrap .order-flow {
		font-size: 14px;
	}

	.confirm_oreder-wrap .order-flow i {
		margin-right: 25px;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}

	.confirm_oreder-wrap .settlement .confirm .left textarea {
		width: 280px;
	}

	.confirm_oreder-wrap .settlement .confirm .txt span {
		font-size: 20px;
	}

	.productList-section .price {
		font-size: 12px;
	}

	.productList-section .price p {
		font-size: 14px;
	}

	.main-wrap .left {
		flex: none;
		width: 75%;
	}

	.main-wrap .right {
		width: 250px;
	}

	.order-amount {
		padding: 15px;
	}

	.order-amount .info .money {
		font-size: 14px;
	}

	.shipping-address-box .discounts-code.off {
		padding: 20px;
	}

	.shopping-add-btn a {
		line-height: 42px;
	}

	.goods-msg-box .goods-picture {
		width: 50%;
	}

	.goods-msg-box .goods-gallery li {
		height: 550px;
	}

	.goods-info .title h3 {
		font-size: 18px;
	}

	.goods-info .tit {
		font-size: 15px;
	}

	.goods-info .select-bocx li {
		margin-right: 10px;
		/* width: 66px; */
	}

	.shopping-card-wrap .tbd {
		min-height: 200px;
		font-size: 12px;
	}

	.shopping-card-wrap .tbd .goods .txt {
		padding: 0 10px;
	}

	.shopping-card-wrap .tbd .goods .img {
		width: 90px;
		height: 90px;
	}

	.user-main .rightContent {
		min-height: 520px;
	}

	.pages a {
		width: 35px;
		line-height: 32px;
	}

	.user-wrap .head .btns img {
		width: 20px;
	}

	.goods-gallery li {
		height: 510px;
	}

	.color-prop-wrap .had, .color-prop-wrap .fot{
		font-size: 14px;
		line-height: 38px;
	}
	.color-library-prop .content .item{
		height: 200px;
	}
	.color-prop-wrap .had img{
		width: 14px;
	}
	.color-library-prop .search{
		margin: 20px 0;
	}

}

@media screen and (max-width: 960px) {
	.wrapper {
		margin: 0 5%;
		width: auto;
	}
	
	.detail-head-top-box{
	    height: 150px;
	}

	.banner-section .swiper-button-next,
	.banner-section .swiper-button-prev {
		width: 30px;
		height: 60px;
	}

	.banner-section .swiper-pagination span {
		width: 8px;
		height: 8px;
		border-width: 2px;
	}

	.product-section .txt .desc {
		font-size: 16px;
	}

	.product-section .picture img {
		/* height: 250px; */
	}

	.advisory-section img {
		height: 270px;
	}

	.advisory-section .tit {
		font-size: 16px;
	}

	.advisory-section .txt {
		padding: 15px 0 0;
	}

	.advisory-section .desc {
		font-size: 14px;
		height: 45px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.advisory-section li {
		margin-bottom: 20px;
	}

	.ad-section .img {
		display: none;
	}

	.slidebar .item {
		width: 50px;
		height: 50px;
	}

	.colour-section .bd {
		flex-wrap: wrap;
	}

	.colour-section .left {
		flex: none;
		width: 100%;
	}

	.colour-section .right {
		display: none;
		position: fixed;
		padding: 0;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 999;
	}

	.colour-section .right .control-panel {
		background: #fff;
		position: absolute;
		top: 0;
		right: -70%;
		bottom: 0;
		width: 70%;
		padding: 10px;
	}

	.colour-section .control-panel li {
		margin-bottom: 20px;
	}

	.colour-section .control-panel input {
		padding: 0 10px;
		height: 32px;
		border-radius: 4px;
		border: 1px solid #dcdfe6;
		background-color: #fff;
	}

	.colour-section .list label {
		line-height: 32px;
		width: 54px;
	}

	.colour-section .filter-btn {
		display: block;
	}

	.colour-section .color-list {
		background: #f9f9f9;
	}

	.colour-section .color-list li {
		width: 43px;
		height: 43px;
	}

	.colour-section.cut-state .right {}

	.colour-section .color-block-size label:nth-child(1),
	.colour-section .color-block-size label:nth-child(3) {
		display: none;
	}

	.main-section .wrapper {
		flex-wrap: wrap;
	}

	.main-section .slideNavbar {
		width: 100%;
	}

	.main-section .main-content {
		margin: 0;
		margin-top: 20px;
		width: 100%;
		min-height: 400px;
	}

	.main-content .news-list li {
		margin-bottom: 25px;
	}

	.slideNavbar .navbar-box .list {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.slideNavbar .navbar-box .list a {
		margin: 0 5px 5px 0 !important;
		display: inline-block;
		padding: 0 16px;
		line-height: 38px;
		background-color: #333;
		color: #fff;
	}

	.slideNavbar .navbar-box .list a.active {
		background-color: #000;
		color: #fff;
	}

	.slideNavbar .navbar-box .list a::before {
		display: none;
	}

	.slideNavbar .hotList-box ul {
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
		padding: 10px;
	}

	.slideNavbar .hotList-box li {
		padding: 10px;
		width: 33.33%;
	}

	.news-detai .title h4 {
		font-size: 20px;
	}

	.confirm_oreder-wrap .order-flow i {
		margin-right: 15px;
		margin-left: 42px;
	}

	.confirm_oreder-wrap .order-flow li {
		height: 40px;
	}

	.confirm_oreder-wrap .order-flow li::before {
		right: -26px;
	}

	.confirm_oreder-wrap .order-flow li::after {
		right: -25px;
		border-width: 20px 0 20px 25px;
	}

	.confirm_oreder-wrap .order-flow li:first-child i {
		margin-left: 15px;
	}

	.confirm_oreder-wrap .settlement .confirm {
		flex-wrap: wrap;
	}

	.confirm_oreder-wrap .settlement .confirm .left {
		padding: 0 2px;
		width: 100%;
	}

	.confirm_oreder-wrap .settlement .confirm .left textarea {
		width: 100%;
	}

	.confirm_oreder-wrap .settlement .confirm .right {
		margin-top: 20px;
		justify-content: flex-end;
		width: 100%;
	}

	.registration-section .bd {
		padding: 20px 0;
		min-height: auto;
	}

	.registration-section .title {
		text-align: center;
	}

	.registration-section .title h4 {
		font-size: 20px;
	}

	.registration-section .title .desc {
		justify-content: center;
	}

	.registration-section .form {
		width: 100%;
	}

	.registration-section .layui-btn {
		width: 100%;
	}

	.registration-section .left,
	.registration-section .right {
		padding: 0 2%;
	}

	.main-wrap .wrapper {
		flex-wrap: wrap;
	}

	.main-wrap .left {
		width: 100%;
	}

	.main-wrap .right {
		display: none;
	}
}

@media only screen and (max-width: 550px) {
	* {
		box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	input,
	textarea {
		-webkit-appearance: none;
		/*去除input默认样式*/
	}

	html {
		min-height: 100%;
		position: relative;
	}

	body,
	html {
		font-size: 12px;
		overflow-x: hidden;
	}

	body {
		position: static;
	}
	
	img {
		max-width: 100%;
	}

	.wrapper {
		width: auto;
		margin: 0 5%;
	}

	.gh {
		display: block;
		position: relative;
		float: right;
		height: 35px;
		width: 35px;
		top: 0px;
		right: 0;
		z-index: 100;
		transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		cursor: pointer;
	}

	.gh.selected {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
	}

	.gh a {
		display: block;
		height: 2px;
		margin-top: -2px;
		position: relative;
		top: 50%;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width: 60%;
		margin: 0 20%;
		background: #fff;
	}

	.gh a:after,
	.gh a:before {
		content: "";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width: 100%;
		background: #fff;
	}

	.gh a:after {
		top: 8px;
	}

	.gh a:before {
		top: -8px;
	}

	.gh.selected a:after,
	.gh.selected a:before {
		top: 0;
	}

	.gh.selected a:before {
		transform: translateY(0px) rotate(-45deg);
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
	}

	.gh.selected a:after {
		transform: translateY(0px) rotate(45deg);
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
	}

	.gh.selected a {
		background-color: transparent !important;
	}

	.isPc {
		display: none !important;
	}

	.isMobile {
		display: inline-block !important;
	}
    
	/* .slidebar {
		display: none;
	} */
    .slidebar .item{
        width: 30px;
        height: 30px;
    }

    .slidebar li:hover .childer{
        width: 145px;
    }

	/* .banner-section .swiper-container {
		height: 155px;
	} */

	.banner-section .swiper-button-prev,
	.banner-section .swiper-button-next {
		display: none;
	}

	.product-section .txt .desc {
		font-size: 14px;
	}

	.product-section .picture img {
		/* height: 130px; */
	}

	.advisory-section .tit {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.advisory-section .desc {
		font-size: 12px;
		height: auto;
	}

	.advisory-section img {
		height: 126px;
	}

	.ad-section {
		padding: 20px;
		flex-wrap: wrap;
	}

	.ad-section .img {
		display: block;
		width: 100%;
	}

	.ad-section h4 {
		margin-top: 20px;
		font-size: 22px;
	}

	.ad-section img {
		height: 200px;
	}

	.product-section .picture {
		padding: 50% 0;
		overflow: hidden;
	}

	.product-section .picture .description {
		padding: 0 10px;
		font-size: 12px;
		line-height: 1.4;
	}

	#color-preview .color-detail {
		bottom: 20px;
		padding: 0 15px;
		width: 100%;
		justify-content: space-between;
	}

	#color-preview .color-detail h4 {
		font-size: 20px;
	}

	#color-preview .color-detail .img {
		margin: 0;
	}

	#color-preview .color-panel {
		margin-top: -12%;
	}

	.color-brand-prop {
		margin: 20px 0;
		width: 100%;
		height: 70vh;
	}

	.slideNavbar .navbar-box .list a {
		margin: 0 5px 0;
	}

	.main-section .main-content {
		padding: 0 15px 20px;
	}

	.confirm_oreder-wrap .wrapper {
		padding: 0;
		margin: 0;
		border: none;
	}

	.confirm_oreder-wrap .title {
		padding: 15px;
		justify-content: space-between;
	}

	.confirm_oreder-wrap .order-flow {
		padding: 0 20px;
	}

	.confirm_oreder-wrap .order-flow ul {
		position: relative;
		flex-wrap: wrap;
		background-color: transparent;
	}

	.confirm_oreder-wrap .order-flow ul::before {
		content: '';
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 94%;
		border-left: 1px dashed #dedede;
	}

	.confirm_oreder-wrap .order-flow li {
		margin-bottom: 30px;
		position: relative;
		padding-left: 35px;
		width: 100% !important;
	}

	.confirm_oreder-wrap .order-flow li:last-child {
		margin-bottom: 0;
	}

	.confirm_oreder-wrap .order-flow li::before {
		background: no-repeat;
		left: 10px;
		top: 30px;
		z-index: 2;
		width: 1px;
		height: 50px;
		background-color: #000;
		opacity: 0;
	}

	.confirm_oreder-wrap .order-flow li::after {
		display: none;
	}

	.confirm_oreder-wrap .order-flow li.on {
		background-color: transparent;
		color: #000;
	}

	.confirm_oreder-wrap .order-flow li.on::before {
		opacity: 1;
	}

	.confirm_oreder-wrap .order-flow li.on i {
		background-color: #000;
		color: #fff;
	}

	.confirm_oreder-wrap .order-flow li i {
		margin: 0 !important;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 22px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
		z-index: 3;
	}

	.confirm_oreder-wrap .address-box {
		margin-bottom: 20px;
	}

	.confirm_oreder-wrap .address-box .g-user-address {
		border: none;
		padding: 0;
	}

	.confirm_oreder-wrap .address-box .g-user-address li {
		margin: 0 0 10px 0;
	}

	.confirm_oreder-wrap .address-box .g-user-address .add-address-btn {
		padding: 0;
		width: 65%;
	}

	.confirm_oreder-wrap .goods-tabel-box {
		font-size: 12px;
	}

	.confirm_oreder-wrap .goods-tabel-box .goods-table {
		overflow-x: scroll;
		scroll-behavior: smooth;
	}

	.confirm_oreder-wrap .goods-tabel-box .thd {
		height: 42px;
	}

	.confirm_oreder-wrap .goods-tabel-box .thd,
	.confirm_oreder-wrap .goods-tabel-box .tbd {
		width: 500px;
	}

	.confirm_oreder-wrap .goods-tabel-box .tbd .goods .img {
		margin: 10px;
	}

	.confirm_oreder-wrap .goods-tabel-box .tbd .goods .txt {
		padding: 0 10px 0 0;
	}

	.confirm_oreder-wrap .pay-way {
		padding-bottom: 20px;
		border-bottom: 1px solid #d2d2d2;
	}

	.confirm_oreder-wrap .pay-way .content {
		border: none;
		padding: 10px;
	}

	.confirm_oreder-wrap .pay-way ul {
		flex-wrap: wrap;
	}

	.confirm_oreder-wrap .pay-way li {
		font-size: 14px;
		width: 100px;
		height: 42px;
	}

	.confirm_oreder-wrap .pay-way img {
		margin-right: 5px;
		width: 24px;
	}

	.confirm_oreder-wrap .distribution {
		padding-bottom: 20px;
		border-bottom: 1px solid #d2d2d2;
	}

	.confirm_oreder-wrap .distribution .content {
		padding: 10px;
		border: none;
	}

	.confirm_oreder-wrap .settlement {
		padding-bottom: 20px;
	}

	.confirm_oreder-wrap .settlement .content {
		border: none;
	}

	.confirm_oreder-wrap .settlement .order-info {
		border: none;
		padding: 15px;
		text-align: left;
	}

	.confirm_oreder-wrap .settlement .order-info li {
		justify-content: flex-start;
	}

	.confirm_oreder-wrap .settlement .confirm {
		padding: 15px;
	}

	.confirm_oreder-wrap .settlement .confirm .right {
		flex-wrap: wrap;
	}

	.confirm_oreder-wrap .settlement .confirm .txt {
		font-size: 12px;
		margin: 0 0 15px 0;
		width: 100%;
	}

	.confirm_oreder-wrap .settlement .confirm .txt span {
		font-size: 16px;
	}

	.confirm_oreder-wrap .settlement .confirm button {
		font-size: 14px;
		width: 120px;
		height: 40px;
		line-height: 40px;
	}

	.edit-address-wrp {
		width: 98%;
	}

	.edit-address-wrp li {
		flex-wrap: wrap;
	}

	.edit-address-wrp label {
		margin-bottom: 5px;
		display: block;
		width: 100%;
	}

	.edit-address-wrp input {
		width: 100%;
	}

	.edit-address-wrp .sub-block {
		width: 100%;
	}

	.edit-address-wrp .sub-btn {
		margin: 0 auto;
		display: block;
		width: 80%;
		height: 34px;
		line-height: auto;
		border-radius: 5px;
	}

	.city-picker-dropdown {
		position: fixed;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
		width: 340px !important;
		min-width: auto;
	}

	.check-block input {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
	}

	.layui-col-space20 {
		margin: -5px -2.5px;
	}

	.layui-col-space20>* {
		padding: 10px 5px;
	}

	/*.productList-section li img {*/
	/*	height: 162px;*/
	/*}*/

	.productList-section .price {
		padding: 10px 0;
		flex-wrap: wrap;
	}

	.productList-section .desc {
		line-height: 19px;
	}

	.shopping-add-btn {
		line-height: 35px;
        width: 120px;
	}

	.shopping-add-btn .love {
		width: 40px;
		line-height: 35px;
	}

	.shopping-add-btn .love i {
		margin: -9px 0 0 -9px;
		width: 18px;
		height: 18px;
	}

	.shopping-add-btn a {
		line-height: 35px;
	}

	.verification-box {
		position: fixed;
		top: 50%;
		left: 50%;
		right: auto;
		width: 280px;
		transform: translate(-50%, -50%);
	}

	.registration-section .bd {
		padding: 20px;
		flex-wrap: wrap;
	}

	.registration-section .left,
	.registration-section .right {
		padding: 0;
	}

	.registration-section .left {
		width: 100%;
	}

	.registration-section .right {
		width: 100%;
	}

	.registration-section .layui-form-label {
		font-size: 14px;
	}

	.registration-section .layui-btn {
		font-size: 15px;
	}

	.registration-section .title h4 {
		font-size: 18px;
	}

	.resg-wrap form {
		flex-wrap: wrap;
	}

	.resg-wrap .right {
		width: 100%;
	}

	.resg-wrap .right .form {
		margin: 0;
	}

	.resg-wrap .right .title {
		display: none;
	}

	.main-section {
		padding: 0;
	}

	.main-section .wrapper {
		margin: 0;
	}

	.main-section .crumbNav-section {
		margin: 0 5%;
	}

	.slideNavbar .title {
		padding: 15px;
	}

	.slideNavbar .hotList-box ul {
		margin: -5px -2.5px;
	}

	.slideNavbar .hotList-box li {
		padding: 10px 5px;
		width: 50%;
	}

	.slideNavbar .hotList-box .txt {
		padding: 10px 0 0;
	}

	.main-content .news-list .img {
		width: 120px;
	}

	.main-content .news-list .img img {
		height: 80px;
	}

	.main-content .news-list .txt {
		padding-left: 15px;
	}

	.main-content .news-list .tit {
		margin-bottom: 3px;
		font-size: 14px;
	}

	.main-content .news-list .desc {
		font-size: 12px;
		line-height: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.news-detai-section .slideNavbar .navbar-box {
		display: none;
	}

	.news-detai-section .main-content {
		order: -1;
	}

	.news-detai .title h4 {
		font-size: 18px;
	}

	.main-wrap .left {
		flex: none;
		padding: 0;
		width: 100%;
	}

	.eye-appeal .hd h3 {
		font-size: 16px;
	}

	.eye-appeal li {
		font-size: 14px;
	}

	.eye-appeal li img {
		width: 24px;
	}

	.eye-appeal li span {
		margin-left: 5px;
	}

	#slideImageWrap {
		height: auto;
	}

	.shipping-address-box .title h3 {
		font-size: 18px;
	}

	.shipping-address-box .layui-form-label {
		font-size: 14px;
	}

	.shipping-address-box .layui-input-block {
		width: 100%;
	}

	.shipping-address-box .discounts-code.off {
		padding: 10px;
	}

	.shipping-address-box .discounts-code {
		padding: 10px;
		width: 100%;
	}

	.shipping-address-box .discounts-code label::before {
		top: 3px;
		right: 6px;
		height: 14px;
	}

	.shipping-address-box .discounts-code label::after {
		top: 9px;
		right: 0;
		width: 14px;
	}

	.shipping-address-box .discounts-code button {
		width: auto;
		font-size: 14px;
	}

	.shipping-address-box .layui-btn {
		margin: 0 auto;
		display: block;
		width: 80%;
		font-size: 14px;
	}

	.colour-section .wrapper {
		margin: 0 10px;
	}

	.color-tips {
		display: none !important;
	}

	.color-panel-popup {
		position: fixed;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
	}

	.colour-section .color-list li {
		width: 10%;
		height: 34px;
	}

	.colour-section .color-list .list {
		height: 385px;
	}

	.colour-section .color-list .list li.xiao {
		width: 39px;
		height: 39px;
	}

	.color-brand-prop .tit {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.color-brand-prop i {
		right: 15px;
		width: 14px;
		height: 15px;
	}

	.detail-head-top {
		height: 65px;
	}

	.detail-head-top-box {
		padding: 15px 0;
		height: auto;
	}
	.detail-head-top-box.position-fiexd{
		top: 60px;
	}
	.detail-head-top-box .txt {
		display: none;
	}

	.detail-head-top-box .spinner {
		height: 35px;
        width: 80px;
	}

	.detail-head-top-box .money {
		font-size: 14px;
		min-width: 70px;
	}

	.detail-head-top-box .love {
		display: none;
	}

	.detail-head-top-box .compute {
		width: 100%;
	}

	.goods-msg-box {
		flex-wrap: wrap;
	}

	.goods-msg-box .goods-gallery li {
		height: 335px;
	}

	.goods-msg-box .goods-picture {
		margin-bottom: 10px;
		width: 100%;
	}

	.goods-msg-box .goods-info {
		padding: 0;
		width: 100%;
	}

	.goods-thumbs {
		margin: 0;
	}

	.goods-thumbs ul {
		padding: 20px 0 8px;
		display: block;
		white-space: nowrap;
		overflow-x: auto;
	}

	.goods-gallery li {
		height: 335px;
	}

	.goods-thumbs li {
		display: inline-block;
		height: 75px;
	}

	.goods-info .info .present span {
		font-size: 18px;
	}
/* 
	.detail-head-top-box .color-block {
		display: none;
	} */

	.select-brand-box {
		flex-wrap: wrap;
	}

	.select-brand-box label {
		margin-bottom: 10px;
		width: 100%;
	}

	.select-brand-box .select-brand-result {
		width: 100%;
	}

	.layui-col-space25 {
		margin: -3px;
	}

	.layui-col-space25>* {
		padding: 6px;
	}

	.color-card-search {
		padding-bottom: 0 !important;
	}

	.color-card-search .current .color-card-item {
		width: 39%;
	}

	.color-card-search .current .current-desc {
		padding-left: 10px;
		width: 53%;
	}

	.search-result-list {
		padding-bottom: 40px;
	}

	.g-button-default {
		font-size: 14px;
	}

	.shopping-card-wrap input[type='checkbox'] {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
	}

	.shopping-card-wrap .thd {
		display: none;
	}

	.shopping-card-wrap .tbd {
		padding: 0 0 20px 0;
		border: none;
	}

	.shopping-card-wrap .tbd ul {
		margin: 5px;
	}

	.shopping-card-wrap .tbd li {
		margin-bottom: 0;
		position: relative;
		padding: 20px 0;
		padding-right: 10px;
		padding-left: 30px;
		border-bottom: 1px solid #d2d2d2;
	}

	.shopping-card-wrap .tbd .select {
		position: absolute;
		top: 50%;
		left: 5px;
		transform: translateY(-50%);
	}

	.shopping-card-wrap .tbd .goods {
		width: 83%;
	}

	.shopping-card-wrap .tbd .goods a {
		align-items: flex-start;
	}

	.shopping-card-wrap .tbd .goods .img {
		width: 70px;
		height: 70px;
	}

	.shopping-card-wrap .tbd .goods .txt {
		padding-top: 5px;
		-webkit-line-clamp: 1;
	}

	.shopping-card-wrap .tbd .subtotal {
		position: absolute;
		right: 123px;
		bottom: 24px;
		width: 94px;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		color: #E60012;
	}

	.shopping-card-wrap .tbd .number {
		position: absolute;
		right: 10px;
		bottom: 24px;
		width: auto;
	}

	.shopping-card-wrap .tbd .spinner {
		height: 22px;
		width: 80px;
	}

	.shopping-card-wrap .tbd .handle {
		position: absolute;
		top: 18px;
		right: 4px;
		width: auto;
	}

	.shopping-card-wrap .tbd .price-box {
		display: none;
	}

	.shopping-card-wrap .tbd .time {
		display: none;
	}

	.shopping-card-wrap .tft .all-select {
		top: 0;
		left: 10px;
	}

	.shopping-card-wrap .tft .remove-all-btn {
		margin-left: 10px;
	}

	.shopping-card-wrap .tft .buttons a {
		width: 115px;
		height: 38px;
		line-height: 38px;
        font-size: 14px !important;
	}

	.shopping-card-wrap .color {
		display: none;
	}

	.user-main .crumbNav-section {
		padding: 15px 20px;
	}

	.user-main .wrapper {
		margin: 0;
	}

	.user-main .leftNavbar {
		margin-bottom: 20px;
		width: 100%;
		background-color: transparent;
	}

	.user-main .leftNavbar .head {
		display: none;
		margin-bottom: 20px;
		padding: 4px 10px;
	}

	.user-main .leftNavbar dl {
		margin-bottom: 20px;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.user-main .leftNavbar dt {
		display: block;
		margin-bottom: 20px;
		border-bottom: 1px solid #d2d2d2;
		width: 100%;
		background: #000;
		color: #fff;
	}

	.user-main .leftNavbar dd {
		font-size: 12px;
		width: 25%;
		text-align: center;
	}

	.user-main .leftNavbar dd a {
		padding: 0;
	}

	.user-main .leftNavbar dd img {
		margin: 0 auto;
		display: block;
		width: 24px;
	}

	.user-main .rightContent {
		padding: 0;
		width: 100%;
		min-height: 300px;
	}

	.user-main .rightContent .title {
		margin: 0;
		padding: 20px;
	}

	.user-order .logistics-msg {
		margin: 0;
	}

	.user-order .logistics-msg ul {
		display: block;
	}

	.user-order .logistics-msg li {
		margin-bottom: 60px;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.user-order .logistics-msg li .img {
		width: 36px;
		height: 36px;
		background: #f3f3f3;
	}

	.user-order .logistics-msg li .img::before {
		width: 36px;
		height: 36px;
	}

	.user-order .logistics-msg li i {
		font-size: 18px;
	}

	.user-order .logistics-msg li::after {
		right: auto;
		top: 36px;
		left: 15px;
		width: 6px;
		height: 60px;
		background: url(../images/arrow_01s.png) no-repeat center bottom;
		background-size: cover;
	}

	.user-order .logistics-msg .img {
		margin: 0;
	}

	.user-order .logistics-msg .txt {
		padding-left: 15px;
		text-align: center;
	}

	.user-order .order-info {
		margin-bottom: 0;
		padding: 15px;
		flex-wrap: wrap;
	}

	.user-order .order-info h4 {
		margin-top: 10px;
	}

	.user-order .order-info .order-state {
		border: none;
	}

	.user-order .order-info .order-state,
	.user-order .order-info .order-msg {
		padding: 0;
		width: 100%;
	}

	.user-order .receiving-msg {
		margin-bottom: 0;
		flex-wrap: wrap;
		border: none;
	}

	.user-order .receiving-msg .user-info,
	.user-order .receiving-msg .payment-info,
	.user-order .receiving-msg .dispatching-info {
		padding: 15px;
	}

	.user-order .receiving-msg .user-info {
		width: 100%;
		border: none;
		border-bottom: 1px solid #d2d2d2;
	}

	.user-order .receiving-msg .payment-info {
		width: 100%;
		border: none;
		border-bottom: 1px solid #d2d2d2;
	}

	.user-order .receiving-msg .dispatching-info {
		width: 100%;
	}

	.user-order .order-thd {
		padding: 0 10px;
	}

	.user-order .order-desc .goods-item {
		height: auto;
	}

	.user-order .order-desc .goods-name {
		padding-right: 2%;
		width: 100%;
	}

	.user-order .order-desc .goods-name .img {
		width: 60px;
		height: 60px;
	}

	.user-order .order-desc .goods-msg {
		width: 37%;
	}

	.user-order-list .filtrate {
		margin-bottom: 0;
		padding: 10px 10px 0;
		flex-wrap: wrap;
		border: none;
	}

	.user-order-list .filtrate form {
		order: -1;
	}

	.user-order-list .filtrate ul {
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
	}

	.user-order-list .filtrate ul a {
		padding: 10px 0;
		display: block;
	}

	.pages a {
		width: 28px;
		line-height: 25px;
	}

	.prop-up {
		width: 340px;
	}

	.user-wrap .head {
		margin: 20px 0 0;
	}

	.user-wrap .head ul {
		padding: 20px 15px 0;
		flex-wrap: wrap;
		line-height: 2;
	}

	.user-wrap .head .name {
		width: 34%;
	}

	.user-wrap .head .info {
		width: 70%;
		border: none;
	}

	.user-wrap .head .btns {
		padding: 20px 0;
		width: 100%;
	}

	.user-wrap .head .btns p {
		margin: 0;
	}

	.order-content {
		margin: 0 10px;
		overflow-x: scroll;
	}

	.order-content .order-thd,
	.order-content .oreder-tbd {
		width: 650px;
	}

	.order-content-state2 {
		border: none;
	}

	.order-content-state2 .order-thd {
		display: none;
	}

	.order-content-state2 .order-thd ul .goods-th {
		width: 100%;
	}

	.order-content-state2 .order-thd ul .num-th,
	.order-content-state2 .order-thd ul .count-th {
		width: 30%;
	}

	.order-content-state2 .oreder-tbd {
		width: auto;
	}

	.order-content-state2 li {
		padding: 15px 0;
		position: relative;
	}

	.order-content-state2 .order-desc .goods-item {
		position: relative;
	}

	.order-content-state2 .order-desc .goods-name .img {
		width: 90px;
		height: 90px;
	}

	.order-content-state2 .order-desc .goods-name a {
		align-items: flex-start;
	}

	.order-content-state2 .order-desc .goods-name .txt {
		padding: 5px 10px;
	}

	.order-content-state2 .order-desc .goods-msg {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	.order-content-state2 .order-desc .goods-msg p {
		width: 100%;
	}

	.oreder-total label {
		margin: 0;
	}

	.oreder-total {
		padding: 10px 20px 20px;
	}

	.oreder-total .item {
		margin-bottom: 10px;
	}

	.oreder-total .actually span {
		font-size: 14px;
	}

	.order-collect .order-thd {
		display: none;
	}

	.order-collect .oreder-tbd {
		width: 100%;
	}

	.order-collect .oreder-tbd li {
		position: relative;
	}

	.order-collect .order-desc {
		width: 100%;
	}

	.order-collect .order-desc .goods-item {
		width: 100%;
		height: auto;
	}

	.order-collect .order-desc .goods-name .img {
		width: 70px;
		height: 70px;
	}

	.order-collect .order-desc .goods-name a {
		align-items: flex-start;
	}

	.order-collect .order-desc .goods-name .txt {
		padding: 5px 0 0 10px;
	}

	.order-collect .goods-comment {
		position: absolute;
		right: 0;
		bottom: 12px;
		padding-right: 85px;
		width: 100%;
		display: block;
		text-align: right;
		border: none;
	}

	.order-collect .goods-edit {
		position: relative;
		z-index: 9;
		padding: 0;
		flex: none;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 70px;
	}

	.order-collect .goods-edit a,
	.order-collect .goods-edit button {
		width: 58px;
		height: 30px;
		line-height: 30px;
	}

	.order-shouhou .order-number {
		padding: 0 10px;
	}

	.g-record-box .tbody {
		font-size: 12px;
	}

	.g-record-box .tbody .time {
		width: 24%;
	}

	.g-record-box .tbody .change {
		width: 25%;
	}

	.user-wallet-wrap .recharge-box {
		flex-wrap: wrap;
		padding: 15px;
	}

	.user-wallet-wrap .recharge-box .buttons {
		margin-top: 20px;
	}

	.user-wallet-wrap .record-box {
		padding: 0 15px;
	}

	.user-information-wrap .user-form {
		margin: 0;
		padding: 15px;
	}

	.user-information-wrap .user-form ul {
		display: block;
	}

	.user-information-wrap .user-form li {
		margin: 0;
		padding: 15px 0;
	}

	.user-information-wrap .user-form label {
		margin-right: 10px;
	}

	.user-information-wrap .user-form .input-block {
		flex: 1;
		text-align: left;
	}

	.user-information-wrap .user-form .sub-btn {
		width: 150px;
		height: 36px;
	}

	.g-user-address {
		font-size: 14px;
		padding: 0 0 25px;
	}

	.g-user-address .tit {
		margin-top: 6px;
	}

	.g-user-address li {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
		height: 160px;
		background: #fff;
		color: #000;
	}

	.g-user-address li:last-child {
		margin: none;
	}

	.g-user-address li.default-add {
		background: #dddddd;
	}

	.g-user-address li.default-add .tit {
		border-color: #fff;
	}

	.g-user-address .desc {
		padding: 5px;
		height: 85px;
	}

	.g-user-address .close-btn,
	.g-user-address .edit-btn {
		opacity: 1;
		visibility: visible;
		padding: 3px 20px;
		border: 1px solid #848484;
		text-align: center;
		background: none;
		margin-left: 4px;
		border-radius: 20px;
		height: 30px;
		color: #000;
		bottom: 13px;
	}

	.g-user-address .close-btn {
		right: 10px;
		top: auto;
		width: auto;
		font-size: 14px;
		background: transparent;
	}

	.g-user-address .edit-btn {
		right: 90px;
	}

	.g-user-address .add-address-btn {
		margin: 0 auto !important;
		width: 200px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		border: none;
		background: #000;
	}

	.g-user-address .add-address-btn img {
		display: none;
	}

	.g-user-address .add-address-btn p {
		margin: 0;
	}

	.user_safety-wrap .tabs,
	.user_safety-wrap .form {
		padding: 20px;
	}

	.user_safety-wrap .tabs {
		margin: 0;
	}

	.user_safety-wrap .form {
		margin-top: 0;
		font-size: 12px;
	}

	.user_safety-wrap .form li {
		margin-bottom: 15px;
	}

	.user_safety-wrap .form label {
		width: 85px;
	}

	.user_safety-wrap .form span {
		width: auto;
	}

	.user_safety-wrap .form .sub-btn {
		margin-left: auto;
	}

	.user_safety-wrap .form .verification-box {
		position: fixed;
		top: 50%;
	}

	.user_safety-wrap .form .input-block {
		flex: 1;
	}

	.user_safety-wrap .form input {
		width: 100%;
	}

	.layui-layer-prop {
		width: 100% !important;
		height: 100% !important;
		left: 0 !important;
		overflow: hidden;
	}

	.goods-desc-box {
		margin-top: 20px;
	}
	.color-prop-wrap .color-prop-box{
		width: 100%;
		height: 100%;
	}
	.layui-layer-prop{
		top: 0 !important;
	}
	.layui-layer-page .layui-layer-content{
		overflow: hidden !important;
	}
	.color-prop-wrap .bdy{
		padding-top: 75px;
	}
	.color-prop-wrap .fot{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.color-library-prop .search {
		margin: 20px 0;
		padding: 0 15px;
	}

	.color-library-prop .search .txt {
		height: 32px;
	}

	.color-library-prop .search .btn {
		height: 32px;
	}

	.color-library-prop .tabs {
		margin: 0 15px;
	}

	.color-library-prop .tabs a {
		width: 110px;
		font-size: 13px;
	}

	.color-library-prop .tip {
		margin: 20px 15px;
	}

	.color-library-prop .filter {
		margin: 0 15px 20px;
	}

	.color-library-prop .content {
		padding: 0 15px;
		margin: 0 !important;
	}
	.color-prop-wrap .had{
		line-height: 59px;
	}
	.color-library-prop .content .item {
		/* height: calc(100vh - 450px); */
		height: calc(55vh - 70px);
		overflow-y: auto;
	}

	.color-library-prop .content {
		margin: 0 15px;
	}
	.color-library-prop .content ul.color_item{
		margin: 0;
	}
 
	.color-library-prop .content li {
		width: 25%;
	}

	.color-library-prop .content .bg {
		height: 95px;
	}

	.color-detail-prop .bdy {
		padding: 0 15px;
		height: calc(100vh - 100px);
		overflow-y: auto;
	}

	.color-detail-prop .statement .txt {
		padding-right: 10px;
	}

	.color-detail-prop .statement a {
		width: 95px;
		line-height: 38px;
		font-size: 13px;
	}

	.color-detail-prop .productList-section li .img {
		height: 150px;
	}

    .detail-head-top-box .compute {
        justify-content: space-between;
        gap: 5px;
    }
    
    .detail-head-top-box .color-block {
        margin: 0;
    }
    
    .detail-head-top-box .money {
        margin: 0;
    }
    
    .detail-head-top-box .buttons {
        margin: 0;
    }
    
    .navbar-header .cart{
        position: absolute;
        /* right: 65px; */
        left: 20px;
        top: 18px;
    }
    .navbar-header .cart a{
        position: relative;
    }
    .navbar-header .cart .number{
        position: absolute;
        top: -11px;
        right: -14px;
        display: block;
        width: auto;
        line-height: 1;
        color: #fff;
        padding: 3px 6px;
        border-radius: 50%;
        font-size: 14px;
        background: #e60012;
    }
    .color-library-prop .content .color_item li{
        width: 25%;
    }
}