@charset "utf-8";
.sewing {
	height: .9rem;
}

.header {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 6.4rem;
	padding: .25rem .2rem;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: #fff;
}

.header h1 {
	width: 1.45rem;
	height: .4rem;
	background: url(../images/logo.png) no-repeat left center/contain;
}

.header h1 a {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.header .button {
	display: flex;
	margin-left: auto;
}

.header .button .icon {
	width: .35rem;
	height: .35rem;
	background-position: right center;
}

.header .button .icon:not(:last-child) {
	margin-right: .3rem;
}

.header .button .search-icon {
	background-image: url(../images/search.png);
}

.header .button .menu-icon {
	background-image: url(../images/menu.png);
}

/* .header .button .menu-icon.active {
	background-image: url(../images/close.png);
} */




.mobile-navbar {
    width: 100%;
	max-width: 6.4rem;
    height: 100vh;
    padding: 1.44rem .2rem;
	margin: 0 auto;
    position: fixed;
    top: 0;
	left: -200%;
	right: 0;
    z-index: 100;
    transition: all ease-in-out .4s;
    background: #000;
}

.search-bar.active {
    left: 0;
}

.menu-bar.active {
    left: 0;
}

.mobile-navbar .form .item {
	position: relative;
	border-radius: .08rem;
	border: 1px solid #fff;
}

.mobile-navbar .form .item:not(:last-child) {
	margin-bottom: .23rem;
}

.mobile-navbar .form h4, .mobile-navbar .form input {
	color: #fff;
	font-size: .26rem;
	line-height: .7rem;
	height: .7rem;
	padding: 0 .65rem 0 .25rem;
}

.mobile-navbar .form h4 {
	position: relative;
}

.mobile-navbar .form .select.active h4 {
	border-radius: .08rem .08rem 0 0;
}

.mobile-navbar .form h4::after {
	content: '';
	width: .18rem;
	height: .14rem;
	top: .28rem;
	right: .2rem;
	background: url(../images/down.png) no-repeat right center/contain;
}

.mobile-navbar .form .drop-down {
	color: #fff;
	text-align: center;
	height: auto;
	display: none;
}

.mobile-navbar .form .drop-down .li {
	font-size: .2rem;
	line-height: .7rem;
	border-top: 1px solid #fff;
}

.mobile-navbar .form input::-webkit-input-placeholder {
	color: #fff;
}

.mobile-navbar .form button {
	width: .3rem;
	height: .3rem;
	position: absolute;
	top: .2rem;
	right: .2rem;
	background: url(../images/search2.png) no-repeat right center/contain;
}

.mobile-navbar ul li {
	color: #fff;
	font-size: .26rem;
    text-align: center;
    line-height: .8rem;
}

.mobile-navbar ul li a {
    height: 100%;
    display: inline-block;
}




.friend-link {
	display: flex;
	align-items: center;
	padding: .26rem .2rem;
}

.friend-link li {
	color: #444;
	font-size: .2rem;
}

.friend-link li:not(:first-child, :last-child) {
	margin-right: .18rem;
}




.copy {
	display: flex;
	align-items: center;
	padding: .25rem .2rem;
	background: #e7e7e7;
}

.copy .text {
	color: #444;
	font-size: .18rem;
	line-height: .36rem;
	width: calc(100% - .8rem);
}

.copy .top-icon {
	width: .6rem;
	height: .6rem;
	margin-left: auto;
	background-image: url(../images/top.png);
}




.tabing {
	height: 1rem;
}

.tabbar {
	display: flex;
	justify-content: center;
	padding: .26rem .2rem;
	background: #e62129;
}

.tabbar li {
	color: #fff;
	font-size: .2rem;
}

.tabbar li:not(:last-child) {
	margin-right: .6rem;
}

.tabbar a {
	line-height: .48rem;
	height: .48rem;
	display: inline-block;
}

.tabbar li.active a {
	border-bottom: .03rem solid #12a8a8;
}




.news {
	padding-top: .53rem;
}

.news .theme-title {
	margin-bottom: .39rem;
}

.news .page {
	padding: .7rem 0;
}




.newsv {
	padding: .54rem .2rem .68rem;
}

.newsv .title {
	text-align: center;
	margin-bottom: .34rem;
}

.newsv .title h2 {
	color: #222;
	font-size: .26rem;
	font-weight: bold;
	margin-bottom: .18rem;
}

.newsv .title p {
	color: #666;
	font-size: .18rem;
}

.newsv .article {
	color: #222;
	font-size: .22rem;
	line-height: .42rem;
}
.newsv .article img{
    display:block;
    margin:0 auto;
}



.common-style h3 {
	color: #222;
	font-size: .3rem;
	font-weight: bold;
}




.hot-news {
	padding: .55rem .2rem .3rem;
}

.hot-news h3 {
	margin-bottom: .37rem;
}

.hot-news .list {
	margin-bottom: .6rem;
}

.hot-news .column {
	line-height: .3rem;
}

.hot-news .column:not(:last-child) {
    margin-bottom: .3rem;
}

.hot-news .column a {
    display: flex;
    align-items: center;
}

.hot-news .column span {
    color: #fff;
	font-size: .18rem;
    text-align: center;
    display: inline-block;
    width: .3rem;
    height: .3rem;
    border-radius: .03rem;
    background: #a9a9a9;
}

.hot-news .column:nth-child(1) span,
.hot-news .column:nth-child(2) span,
.hot-news .column:nth-child(3) span {
    background: #e60012;
}

.hot-news .column h4 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    width: calc(100% - .52rem);
    margin-left: auto;
}

.hot-news .img {
	border-radius: .1rem;
}




.recomm-brand {
	padding: .3rem .2rem;
}

.recomm-brand h3 {
	margin-bottom: .34rem;
}

.recomm-brand .picture {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .15rem;
}

.recomm-brand .picture .img {
	height: .9rem;
	border-radius: .06rem;
	border: 1px solid #dcdcdc;
}




.apply-join {
	padding: .3rem .2rem .74rem;
}

.apply-join h3 {
	margin-bottom: .36rem;
}




.contact {
	padding: .23rem .2rem .38rem;
}




.message {
	padding: .38rem .2rem .68rem;
}

.message .theme-title {
	margin-bottom: .46rem;
}

.message .common-form input {
	background: #fff;
}




.supply {
	padding: .53rem .2rem 0;
}

.supply .theme-title {
	margin-bottom: .4rem;
}

.supply .page {
	padding: .67rem 0 .71rem;
}




.supply-introduce {
	padding: .4rem .2rem .46rem;
}

.supply-introd-slide {
	height: 6rem;
	margin-bottom: .44rem;
	border-radius: .1rem;
}

.supply-introd-slide .img {
	border-radius: .1rem;
}

.supply-introd-slide .swiper-pagination {
	bottom: .25rem;
}

.supply-introd-slide .swiper-pagination-bullet {
	width: .11rem;
	height: .11rem;
	margin: 0 .07rem!important;
	background: rgba(0, 0, 0, .3);
}

.supply-introd-slide .swiper-pagination-bullet-active {
	background: #000;
}

.supply-introduce .title {
    padding-bottom: .24rem;
    margin-bottom: .2rem;
    border-bottom: 1px solid #dcdcdc;
}

.supply-introduce .title h2 {
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .17rem;
}

.supply-introduce .title span {
    color: #fff;
    font-size: .18rem;
    line-height: .33rem;
    display: inline-block;
    padding: 0 .15rem;
    background: #e62129;
}

.supply-introduce .introd {
    font-size: .2rem;
    line-height: .36rem;
}




.supply-details {
	padding: .42rem .2rem .31rem;
}

.supply-details h3 {
	margin-bottom: .36rem;
}

.supply-details .article {
	color: #222;
	font-size: .22rem;
	line-height: .42rem;
}




.supply-news {
	padding: .31rem .2rem .28rem;
}




.supply-hot-product {
	padding: .35rem .2rem .25rem;
}

.supply-hot-product .theme-title {
	margin-bottom: .41rem;
}

.supply-hot-product .list {
	gap: .34rem .2rem;
}




.supply-join {
	padding: .32rem .2rem;
}

.supply-join .theme-title {
	margin-bottom: .39rem;
}

.supply-ad-banner {
	margin: .15rem auto .48rem;
}




.brand {
	padding: .53rem .2rem 0;
}

.brand .theme-title {
	margin-bottom: .37rem;
}

.brand .page {
    padding: .83rem 0 .71rem;
}




.brandv-ve-banner {
	padding-top: .39rem;
}




.brand-introduce {
	color: #222;
	font-size: .22rem;
	padding: .52rem .2rem;
}

.brand-introduce .title {
	display: flex;
	align-items: first baseline;
	padding-bottom: .23rem;
	margin-bottom: .17rem;
	border-bottom: 1px solid #d2d2d2;
    /* margin-bottom: 20px; */
}

.brand-introduce .title h2 {
    color: #e62129;
    font-size: .32rem;
    font-weight: bold;
}

.brand-introduce .title p {
	margin-left: .21rem;
}

.brand-introduce .text {
    line-height: .42rem;
}




.brand-details {
    padding: .51rem .2rem .34rem;
}

.brand-details .item:not(:last-child) {
    margin-bottom: .65rem;
}

.brand-details .title {
    display: flex;
    align-items: flex-start;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.brand-details .title h3 {
    color: #e62129;
    font-size: .3rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: .2rem;
    position: relative;
}

.brand-details .title h3::after {
    content: '';
    width: 100%;
    height: .03rem;
    left: 0;
    bottom: -1px;
    background: #e62129;
}

.brand-details .title .around-btn {
    margin-left: auto;
}

.brand-details .article {
	color: #222;
    font-size: .22rem;
    line-height: .42rem;
    margin-top: .35rem;
}

.brand-details .swiper {
    margin-top: .49rem;
}

.brand-details .swiper .list {
	gap: .34rem .2rem;
}




.brandv-ve-banner2 {
	padding: .34rem .2rem;
}




.brandv-form {
	padding: .34rem .2rem .78rem;
}

.brandv-form .theme-title {
	margin-bottom: .45rem;
}




.publish-brief {
    padding: 1.73rem .2rem .81rem;
    position: relative;
    z-index: 10;
    background-size: 100% .1rem; 
    background-repeat: no-repeat;
    background-position: bottom; 
    background-image: linear-gradient(
        to right,
        #271807,
        #d38e2e
        ); 
    background-color: #180e04;
}

.publish-brief::after {
    content: '';
    width: 100%;
    height: 4.15rem;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(../images/lish-bgimg.jpg);
}

.publish-brief .content {
	text-align: center;
	margin-bottom: .8rem;
}

.publish-brief .content h2 {
    color: transparent; 
    font-size: .42rem;    
    font-weight: bold;
    -webkit-text-fill-color: transparent;
    margin-bottom: .28rem;
    background-clip: text;
    background: linear-gradient(
        to bottom,
        #fcf8f2,
        #f2dcbd,
        #d18b29
    );
    -webkit-background-clip: text;
}

.publish-brief .content .article {
    color: #eccca1;
    font-size: .2rem;
    line-height: .36rem;
    margin-bottom: .52rem;
}

.publish-brief .content .signup-btn {
    color: #fff;
    font-size: .24rem;
    text-align: center;
    line-height: .67rem;
    display: block;
    width: 2.7rem;
    height: .67rem;
	margin: 0 auto;
    background: url(../images/apply.png) left center/contain;
}

.publish-brief .column {
    color: #999;
	font-size: .18rem;
    border-radius: .1rem;
    background: #2a251f;
}

.publish-brief .column:not(:last-child) {
    margin-bottom: .3rem;
}

.publish-brief .column a {
	display: inline-block;
	width: 100%;
	padding: .31rem .2rem;
}

.publish-brief .column .card {
	display: flex;
	margin-bottom: .15rem;
}

.publish-brief .column .img {
    width: 1.52rem;
    height: .92rem;
    border-radius: .05rem;
    background: #fff;
}

.publish-brief .column .title {
	width: calc(100% - 2.48rem);
	margin: auto 0 auto .27rem;
}

.publish-brief .column .title h4 {
    color: #e0ac5d;
    font-size: .3rem;
    font-weight: bold;
	margin-bottom: .1rem;
}

.publish-brief .column .order {
    color: #fff;
	font-size: .2rem;
	font-weight: bold;
    text-align: center;
    line-height: .51rem;
    width: .42rem;
    height: .51rem;
	margin-left: auto;
    background: url(../images/polygon.png) no-repeat left center/contain;
}

.publish-brief .column .introd {
	line-clamp: 2;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    line-height: .34rem;
}




.publish-link {
	padding: .62rem .2rem .43rem;
	background-color: #180e04;
}

.publish-link .swiper-wrapper {
	margin-bottom: .57rem;
}

.publish-link .list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .2rem;
}

.publish-link .column img {
	width: 100%;
	height: 2.35rem;
	border-radius: .1rem;
}

.publish-link .swiper-pagination {
	bottom: 0;
}

.publish-link .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	margin: 0 .08rem!important;
	background: #fff;
}

.publish-link .swiper-pagination-bullet-active {
	background: #d38e2e;
}




.publish-news {
	padding: .43rem .2rem .9rem;
	background-size: 100% .1rem; 
    background-repeat: no-repeat;
    background-position: bottom; 
    background-image: linear-gradient(
        to right,
        #271807,
        #d38e2e
    ); 
	background-color: #180e04;
}

.publish-news .theme-title h2 {
	color: #d38e2e;
}

.publish-news .hd-box .carousel-arrow:hover {
	background: #d38e2e;
}

.publish-news .cs-news-slide ul li {
	color: #fff;
}

.publish-news .cs-news-slide ul li a::after {
	background: #d38e2e;
}




.publish-channel {
	padding: .58rem .2rem .82rem;
	background: url(../images/publish-form-bgimg.jpg) no-repeat left center/cover;
}

.publish-channel .theme-title {
	justify-content: center;
	margin-bottom: .45rem;
}

.publish-channel .theme-title h2 {
	color: #fff;
}

.publish-channel .common-form input:nth-child(3) {
	margin-bottom: .35rem;
}

.publish-channel .common-form button {
	background: #d38e2e;
}




.banner .swiper-pagination-bullet {
	background: rgba(255, 255, 255, .3);
}

.banner .swiper-pagination-bullet-active {
	background: #fff;
}




.index-news {
	padding: .64rem .2rem .32rem;
}

.index-news .hd-box {
	margin-bottom: .31rem;
}

.index-news .list {
	margin-bottom: .43rem;
}




.index-news2 {
	padding: .32rem .2rem;
}

.index-news2 .hd-box {
	margin-bottom: .33rem;
}

.index-news2 .list {
	margin-bottom: .54rem;
}

.index-news2 .ve-banner {
	margin-bottom: .3rem;
}

.index-news2 .select {
    padding: .28rem .2rem;
    border-radius: .1rem;
    background-image: linear-gradient(
        to bottom,
        #f2dada,
        #fff,
        #fff
    );
}

.index-news2 .select h3 {
	color: #222;
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .26rem;
}

.index-news2 .select .item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .2rem;
    padding: .32rem .2rem;
    border-radius: .1rem;
    border: 1px solid #f2dbdb;
    background: #fff;
}

.index-news2 .select .group {
    display: flex;
    align-items: center;
}

.index-news2 .select .group .img {
    width: 1rem;
    height: .6rem;
    border-radius: .05rem;
    border: 1px solid #f2dbdb;
}

.index-news2 .select .group h4 {
	color: #222;
	font-size: .18rem;
	width: calc(100% - 1.18rem);
    margin-left: .16rem;
}




.index-supply {
	padding: .38rem .2rem;
}

.index-supply .hd-box {
	margin-bottom: .39rem;
}




.index-brand {
	padding: .27rem .2rem .36rem;
}

.index-brand .hd-box {
	margin-bottom: .39rem;
}

.index-brand .list {
    margin-bottom: .7rem;
}




.index-join {
	padding: .3rem 0 .35rem;
}

.index-join .theme-title {
	padding: 0 .2rem .45rem;
}

.index-join .common-form {
	padding: 0 .2rem .71rem;
}

.index-join .common-form input {
	background: #fff;
}

.index-join .common-form input:nth-child(2) {
    margin-bottom: .3rem;
}




.index-with {
	padding: .35rem .2rem .31rem;
}

.index-with .hd-box {
	margin-bottom: .4rem;
}

.index-with .list {
	margin-bottom: .6rem;
}