body {
	line-height: normal;
	font-family: "pf_r"; 
}
header{
	position: relative;
	z-index: 11;
}
@font-face {
	font-family: "number";
	src: url('../fonts/DINCondensedC.ttf');
}
@font-face {
	font-family: "pf_r";
	src: url('../fonts/PINGFANGREGULAR.TTF');
}
@font-face {
	font-family: "pf_m";
	src: url('../fonts/PINGFANGMEDIUM.TTF');
}
@font-face {
	font-family: "pf_b";
	src: url('../fonts/PINGFANGBOLD.TTF');
}

@font-face {
    font-family: 'futura_r';
    src: url('../fonts/FuturaLT-Book.woff2') format('woff2'),
        url('../fonts/FuturaLT-Book.woff') format('woff'),
        url('../fonts/FuturaLT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[v-cloak]{
	display: none;
}
.el-cascader{
	width: 100%;
}
.content_width{
	width: 90%;
	margin: 0  auto;
}
/* 清理浮动 */
.clearfix:before,
.clearfix:after {
	display: block;
	content: " ";
	clear: both;
}
.login-box{
	padding: 0 17px;
}
.login-register{
	color: #e62129;
	text-decoration: underline;
	font-size: 18px;
	font-family: "pf_m";
}
.clearfix {
	zoom: 1;
	/* for ie67*/
}
.fl {
	float: left;
}

.fr {
	float: right;
}

.one_row {

	overflow: hidden;
	white-space: nowrap;

	text-overflow: ellipsis;
}

.two_row {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.there_row {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.header_wrap{
	box-shadow: 0 3px 3px #d5d5d5;
	/* background: #E7442E; */
	background: #409eff;
	position: relative;
	height: 95px;
}
.header_wrap_1{
	height: 75px;
}
.header_main_left{
	display: flex;
	align-items: center;
	
}
.header_main_logo{
	width: 100%;
}
.header_main_logo img{
	display: block;
	width: 100%;
}
.header_main_mapicon{
	width: 14px;
	display: inline-block;
}
.header_main_mapicon img{
	display: block;
	width: 100%;
}
.header_main_map span{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.header_main_maptxt{
	font-size: 15px;
	color: #666666;
}
.header_main_map{
	margin-left: 25px;
}
.header_main_right{
	display: flex;
	align-items: center;
}
.header_main_adright{
	display: none;
}
.header_main{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_main_list{
	display: flex;
	
}
.header_main_list li{
	margin: 0 1.8vw;
}
.header_main_list li a{
	font-size: 16px;
	font-family: 'pf_m';
	color: #333333;
	position: relative;
	padding-bottom: 8px;
	transition: all 0.3s;
}
.header_main_list li a::before{
		content: "";
	    height: 2px;
	    background: #e62129;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	    bottom: 0;
	    width: 20%;
	    opacity: 0;
	    transition: all 0.3s;
}
.header_main_list li a:hover::before{
	width: 100%;
	opacity: 1;
}
.header_main_list li a:hover{
	color: #e62129;
	font-family: "pf_b";
}




.header_main_list li a:hover .dowload{
	/* color: #e62129;
	font-family: "pf_b"; */
	display: block;
}

/* .header_main_list li.nav_active a::before{
	width: 100%;
	opacity: 1;
}
.header_main_list li.nav_active a{
	color: #e62129;
	font-family: "pf_b";
} */

.header_main_right_icons{
	display: flex;
}
.header_main_right_seach{
	width: 23px;
	cursor: pointer;
	padding-left: 0px;
}
.header_main_right_seach img{
	display: block;
	width: 100%;
	transition: all 0.3s linear;
}
.header_main_right_scart{
	width: 25px;
	cursor: pointer;
	padding-right: 0px;
	
}
.header_main_right_scart img{
	display: block;
	width: 100%;
	transition: all 0.3s linear;
}
.header_main_right_seach:hover img{
	-webkit-transform: translate3d(0,-2px,0);
	    transform: translate3d(0,-2px,0);
}
.header_main_right_scart:hover img{
	-webkit-transform: translate3d(0,-2px,0);
	    transform: translate3d(0,-2px,0);
}
.header_main_rticons{
	position: relative;
	padding: 0 22px;
}
.header_main_right_seach::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	width: 1px;
	height: 100%;
	background: rgba(0,0,0,0.1);
	top: 0;
}
.header_main_userimg{
	width: 52px;
	height: 52px;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-shrink: 0;
}
.header_main_userimg img{
	width: 100%;
}
.header_main_headerimg{
	margin-left: 2.5vw;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	cursor: pointer;
}
.index_banner_imgbox{
	display: block;
	position: relative;
	overflow: hidden;
}
.index_banner_imgbox::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -43%;
	/* background: url(../images/banner_model.png) no-repeat center; */
	background-size:100%;
	z-index: 3;
}
.change_pagination_style01 .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background: transparent;
	position: relative;
	box-sizing: border-box;
	border: 1px solid transparent;
	opacity: 1;
	margin: 0 7px !important;
}
.change_pagination_style01 .swiper-pagination-bullet::after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
}
.change_pagination_style01 .swiper-pagination-bullet-active{
	border: 1px solid #fff;
}
.change_pagination_style01.swiper-container-horizontal>.swiper-pagination{
	bottom: 2vw;
}
.page_number_main{
	display: flex;
	/* flex-wrap: wrap; */
	flex-direction: row;
	justify-content: space-between;
}
.page_number_itemicon_wrap{
	width: 100%;
    margin: auto;
	/* height: 3.125vw; */
	/* display: flex;
	align-items: center; */
	/* margin-top: 2vw; */
}
.top_margints{
	width: 30%;
    margin: auto;
}
.page_number_itemicon{
	/* width: 2.7vw;
	margin: 0 auto;	 */
	display: flex;
	align-items: center;
}
.page_number_itemicon img{
	display: block;
	max-width: 50%;
	height: auto;

}
.page_number_item{
	text-align: center;
	width: 50%;
	margin-top: 10px;
}
.page_number_itemnum{
	display: inline-block;
	padding-top: 0.6vw;
	padding-bottom: 0.2vw;
}
.page_number_itemnum span{
	display: inline-block;
	vertical-align: middle;
}
.page_number_itemnumlt{
	font-size: 3.22vw;
	font-family: "number";
}
.page_number_itemnumrt{
	font-size: 2.08vw;
	font-family: "number";
}
.pcimg{
	width: 100%;
	/* height: 800px; */
	background-image: url(../images/banner.png) 100%;

	background-size: 100%;
	/* background-size: cover; */
}
.pcimg img{
	display: block;
	width: 100%;
	height: 100%;
}

.page_number_itemtitle{
	font-size: 15px;
	color: #333333;
	text-align: center;
}
.page_number_wrap{
	padding-top: 6vw;
	padding-bottom: 4vw;
}
.gray_bg{
	background: #f8f8f8;
}
.title_same_box{
	padding-top: 10px;
	text-align: center;
}

.title_big{
	/* font-family: 'pf_m'; */
	/* font-size: 1.5vw; */
	font-size: 28px;
	color: #333333;
	font-weight: 600;
	vertical-align: middle;

}

.title_Num {
	/* font-size: 3vw; */
	font-size: 60px;
	color: #2c60ea;
	padding: 0 10px;
}
.title_line{
	width: 40px;
	height: 2px;
	background: #d53331;
	margin: 10px auto;
}
.index_server{
	padding: 4vw 0;
}
.title_intro{
	font-size: 14px;
	color: #999999;
	margin-top: 15px;
}
.title_intro_1{
	color: #396aeb;
}
.indes_server_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.indes_server_list li{
	width: 19%;
	border-radius: 10px;
	box-shadow: 0px 16px 41px 0px rgba(97, 91, 91, 0.16);

}

.indes_server_list li a{
	display: block;
	background: #fff;
	box-sizing: border-box;
	position: relative;
	padding: 2vw 9%;
	padding-bottom: 3.125vw;
	overflow: hidden;
}
.server_index_titl{
	font-size: 1.25vw;
	color: #333333;
	font-family: 'pf_b';
	letter-spacing: 1px;
}
.server_index_intro{
	font-size: 15px;
	color: #666666;
	margin-top: 0.4vw;
}
.server_index_more{
	width: 42px;
	height: 42px;
	border-radius: 100%;
	box-sizing: border-box;
	border: 1px solid #acacac;
	background: url(../images/right_arrow.png) no-repeat center;
	margin-top: 4.4vw;
	cursor: pointer;
	transition: all 0.3s linear;
	
}
.server_index_more:hover{
	background: url(../images/right_arrowb.png) no-repeat center;
	border: 1px solid #e62129;
	background-color: #e62129;
	
}
.server_index_box{
	position: relative;
	z-index: 3;
}
.server_index_img{
	position: absolute;
	z-index: 1;
}
.server_index_img img{
	display: block;
	width: 100%;
}
.server_index_img0{
	width: 28vw;
	left: 32%;
	bottom: -18%;
}

.server_index_img1{
	width: 18vw;
	left: 40%;
	bottom: -7%;
}
.server_index_img2{
	width: 31vw;
	left: 30%;
}
.server_main{
	margin-top: 3vw;
}
.page_system{
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.page_system_color{
	background: #f3f5f9;
}
.page_system_1{
	margin-top: -6vw;

}

.bottom_bg_footer{
	background: #333333;
}

.footer_box_top{
	display: flex;
	justify-content: space-between;
	/* align-items: flex-end; */
	padding: 45px 0;
	padding-bottom: 45px;
}
.footer_left{
	color: #fff;
	display: flex;
	padding: 45px 0;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
}
.footer_left_title{
	font-family: "futura_r";
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 1px;
}
/* .footer_left_line{
	width: 15px;
	height: 2px;
	background: #fff;
	margin: 15px 0;
	margin-bottom: 22px;
} */
.footer_left_info_item{
	font-size: 14px;
	margin-bottom: 13px;
	margin-left: 30px;
}
.footer_box_top{
	width: 93%;
	display: flex;
	justify-content: center;
	/* margin: auto; */
}
.footer_box_top_right {
	color: #fff;
	margin-left: 30px;
}
.footer_box_top_right_title {
	font-weight: 600;
}
.footer_box_top_right_content{
	margin-top: 8%;
}
.footer_right{
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 10%;
	/* float: left; */
}
.footer_right_code{
	/* width: 7.55vw;
	height: 7.55vw; */
	width: 130px;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.footer_right_code img{
	display: block;
	max-width: 100%;
}
.footer_right_codetxt{
	font-size: 14px;
	color: #fff;
	opacity: 0.5;
	text-align: center;
	margin: 8px 0;
}
/* .footer_right .footer_right_item:nth-of-type(2){ */
	.footer_right .footer_right_item{
	margin-right: 1.5vw;
}
.footer_center_line{
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.1);
}
.pages_next{
	text-indent: 40px;
	font-size: 22px;
	margin-bottom: 10px;

}
.footer_box_bottom{
	text-align: center;
	padding: 20px 0;
}
.footer_box_bottom a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	opacity: 0.5;
	transition: all 0.3s linear;
}
.footer_box_bottom a:hover{
	opacity: 1;
}
.systembanner_item{
	position: relative;
}
.systembanner_item a{
	display: block;
	position: relative;
}
.systembanner_item::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bannerbg.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.systembanner_itembox{
	position: relative;
	
}
.systembanner_itembox img{
	display: block;
	width: 100%;
}
.systembanner_item_model{
	position: absolute;
	z-index: 9;
	width: 85%;
	left: 7.5%;
	top: 15%;
}
.systembanner_item_title{
	font-family: 'pf_m';
	color: #fff;
	font-size: 1.458vw;
	letter-spacing: 1px;
}
.systembanner_item_line{
	width: 24px;
	height: 2px;
	background: #fff;
	opacity: 0.6;
	margin: 1vw 0;
}
.systembanner_item_intro{
	font-size: 14px;
	color: #fff;
}
.item_more_wrap{
		width: 140px;
	    height: 45px;
	    box-sizing: border-box;
	    border: 1px solid rgba(255,255,255,0.4);
	    cursor: pointer;
	    position: relative;
	    overflow: hidden;
	    -webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
	    -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
	    -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
	    transition: .8s cubic-bezier(.19, 1, .22, 1);
	    position: relative;
	    overflow: hidden;
}
.item_more_wrap::after{
	    content: '';
	    width: 100%;
	    height: 100%;
	    background: rgba(255,255,255,0.8);
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 0;
	    transform: translateX(-100%);
	    -webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
	    -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
	    -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
	    transition: .8s cubic-bezier(.19, 1, .22, 1);
	    z-index: 1;
}
.item_more_wrap:hover{
	border: 1px solid #fff;
}
.item_more_wrap:hover::after {
    transform: translateX(0);
}
.item_more_wrap a{
		width: 100%;
	    height: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: relative;
	    z-index: 3;
		font-size: 15px;
		color: #fff;
}
.item_more_wrap:hover a{
	color: #e62129;
}
.item_more_wrapmarginyop{
	margin-top: 2vw;
}
.page_system_main{
	margin-top: 3vw;
	display: flex;
}
.page_system_main_left{
	/* margin-top: 100px; */
}

.content_box{
	margin-top: 3vw;
	display: flex;
	justify-content: space-between;
}
.page_system_main_left_box{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.page_system_main_left_title{
	font-size: 20px;
	/* width: 100%; */
	padding: 15px 7px;
	text-align: center;
}
/* .page_system_main_left_title {
	background-color: #f3f3f3;
	padding: 20px 40px;
	cursor: pointer;
	width: 60px;
} */
.page_system_main_left_title_active {
	background-color: #d10000;
	color: #fff;
}
.page_system_main_right_content {
	background-color: #f3f3f3;
	margin-left: 30px;
	display: flex;
	height: 600px;
	/* align-items: center; */
	padding: 50px;
	background-image: url('../images/wenhuabg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom
}
.page_system_main_right_content_text{
	margin-left: 20px;
	font-weight: 600;
	line-height: 2;
	font-size: 20px;
}
.page_system_main_box {
	margin-top: 30px;

}
.page_system_main_title{
	font-size: 24px;
	font-weight: 600;
}
.swiper_pagination_wrap{
	position: absolute;
	z-index: 9;
	left: 7.5%;
	bottom: 8.5%;
	width: 85%;
}
.swiper_pagination_list{
	display: flex;
	justify-content: space-between;
	
}
.swiper_pagination_list li a{
	font-size: 16px;
	color: #fff;
	position: relative;
	padding-bottom: 12px;
	display: inline-block;
	cursor: pointer;
	opacity: 0.7;
}
.swiper_pagination_list li a::after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	opacity: 0;
	transform: translateX(-50%);
}
.swiper_pagination_list li.syactive a{
	opacity: 1;
	font-family: 'pf_b';
}
.swiper_pagination_list li.syactive a::after{
	opacity: 1;
}
.swiper_pagination_list li a:hover{
	opacity: 1;
	font-family: 'pf_b';
}
.swiper_pagination_list li a:hover::after{
	opacity: 1;
}

.choose_commoditynav .el-tabs--border-card{
	-webkit-box-shadow:none;
	box-shadow:none;
	border: none;
	
}
.choose_commoditynav .el-tabs--border-card>.el-tabs__header{
	background: #fff;
	
}
.choose_commoditynav .el-tabs--border-card>.el-tabs__content{
	padding: 18px 0;
}
.commodity_two_list{
	display: flex;
	flex-wrap: wrap;
}
.commodity_two_list li{
	/* margin-right: 22px; */
	margin-right: 1.25rem;
}
.commodity_two_list li a{
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	transition: all 0.3s linear;
	
}
.commodity_two_list li a:hover{
	color: #e62129;
	font-weight: bold;
}
.choose_commoditynav{
	padding-top: 30px;
	

}
.choose_commoditybox_top{
	box-shadow: 0px 0px 15px 0px rgba(97, 91, 91, 0.1);
}
.choose_commoditynav .el-tabs__item{
	font-size: 15px;
	color: #666666;
	box-sizing: border-box;
	position: relative;
}
.choose_commoditynav .el-tabs__item::after{
	content: "";
	width: 101%;
	height: 2px;
	background: #e62129;
	position: absolute;
	top: 0;
	left: -1px;
	opacity: 0;
}
.choose_commoditynav .el-tabs__item.is-active{
	color: #e62129;
	font-weight: bold;
}
.choose_commoditynav .el-tabs__item.is-active::after{
	opacity: 1;
}
.choose_commoditynav .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
	color: #e62129;
}
.choose_commoditynav .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
	color: #e62129;
	font-weight: bold;
}
.commodity_list_box{
	padding-top: 25px;
	padding-bottom: 50px;
}
.commodity_item_nav{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 15px 18px;
	color: #fff;
}
.blue_bg_nav{
	background: #449dae;
}
.commodity_item_navlt,.commodity_item_navrt{
	font-size: 16px;
}
.commodity_item_navrt a{
	color: #fff;
}
.commodity_item_navrt{
	margin-right: 6px;
}
.commodity_item_navrt a span{
	display: inline-block;
	vertical-align: middle;
}
.commodity_list_content{
	
	
}
.commodity_list_item{
	display: flex;
	background: #fff;
}
.commodity_list_row{
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid rgba(0,0,0,0.1);
}
.commodity_list_item .commodity_list_row:last-child{
	border: none;
}
.commodity_style1{
	width: 100%;
	box-sizing: border-box;
	padding: 1.56vw 9%;
	padding-bottom: 2.3vw;
}
.commodity_style1_img{
	width: 100%;
	min-height: 11.15vw;
	
}
.commodity_style1_img img{
	display: block;
	max-width: 90%;
	margin: 0 auto;
	transition: all 0.3s ease;
	
}
.commodity_style1 a:hover .commodity_style1_img img{
	opacity: 0.7;
}
.commodity_style1_main{
	margin-top: 1vw;
}
.commodity_style1_title{
	font-size: 1vw;
	color: #333333;
}
.commodity_style1_intro{
	font-size: 0.75vw;
	color: #999999;
}
.commodity_style1_price{
	font-size: 1.25vw;
	color: #e62129;
	font-family: "pf_b";
	margin: 0.7vw 0;
}
.commodity_style1_more{
	width: 130px;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #449dae;
}
.commodity_item_style2{
	width: 100%;
	height: calc(100% / 2);
	box-sizing: border-box;
	
}
.commodity_item_style2box{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 5%;
	cursor: pointer;
}
.commodity_item_style2main{
	display: flex;
	align-items: center;
	width: 100%;
}
.productWrap .productBox img {
    /* width: 120px; */
    width: 100%;
    height: 160px;
}
.commodity_item_style2top{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.commodity_item_style2lt{
	width: 43%;
	
}
.commodity_item_style2rt{
	width: 57%;
	box-sizing: border-box;
	padding-left: 5%;
}
.block{
	margin-top: 50px;
}
.commodity_item_style2lt img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	transition: all 0.3s ease;
}
.commodity_item_style2box:hover .commodity_item_style2lt img{
	opacity: 0.7;
}

.commodity_item_style2_title {
	font-size: 1.04vw;
	color: #333333;
}
.commodity_item_style2_intro{
	font-size: 15px;
	color: #449dae;
	padding: 1.3vw 0;
}
.commodity_item_style2_price{
	font-size: 1.25vw;
	    color: #e62129;
	    font-family: "pf_b";
}
.commodity_itembox{
	margin-bottom: 28px;
}
.violet_bg_nav{
	background: #a25684;
}
.violet_bg_btn .commodity_style1_more{
	background: #a25684;
}
.violet_bg_btn .commodity_item_style2_intro{
	color: #a25684;
}
.programme_wrap{
	padding: 4vw 0;
}
.programme_content{
	display: flex;
	justify-content: space-between;
}
.programme_content_lt{
	width: 49.5%;
}
.programme_content_rt{
	width: 49.5%;
}
a{
	cursor: pointer;
}
.programme_swiper_wrap{
	display: block;
	position: relative;
	overflow: hidden;
}
.programme_swiper_wrap::after{
	content: "";
	display: block;
	width: 100%;
	height: 30%;
	background: url(../images/banner_model.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: -10%;
	z-index: 2;
	
}
.programme_swiper_img{
	overflow: hidden;
}
.programme_swiper_img img{
	display: block;
	width: 100%;
	transition: all 3s ease;
}
.programme_swiper_wrap:hover .programme_swiper_img img{
	transform: scale(1.08);
	opacity: 0.8;
}
.programme_swiper_txt{
	position: absolute;
	z-index: 6;
	width: 56%;
	box-sizing: border-box;
	padding:12px 3% ;
	font-size: 14px;
	color: #fff;
	left: 0;
	bottom: 0;
	text-align: left;
}

.programme_swiper_box{
	text-align: right;
}
.programme_swiper_box.swiper-container-horizontal>.swiper-pagination{
	display: inline-block;
	width: 42%;
	right: 0;
	left: auto;
	text-align: right;
	box-sizing: border-box;
	padding-right: 3%;
}

.programme_swiper_box .swiper-pagination-bullet{
	background: #fff;
	opacity: 0.4;
}
.programme_swiper_box .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}
.programme_main{
	margin-top: 4.5vw;
}
.programme_content_rtList{
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}
.programme_content_rtList li{
	height: calc(100% / 2);
	box-sizing: border-box;
	background: #fff;
	width: 49%;
	box-sizing: border-box;
	
}
.programme_content_rtList li:nth-child(odd){
	margin-right: 2%;
	
}
.programme_content_rtList li:nth-of-type(1){
	padding-bottom: 0.4vw;
}
.programme_content_rtList li:nth-of-type(2){
	padding-bottom: 0.4vw;
}
.programme_content_rtList li:nth-of-type(3){
	padding-top: 0.4vw;
}
.programme_content_rtList li:nth-of-type(4){
	padding-top: 0.4vw;
}
.programme_content_rtList li a{
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.programme_content_rtList li a::after{
	content: "";
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	background: url(../images/banner_model.png) no-repeat center;
	background-size: 100% 100%;
	
}
.programme_content_rttxt{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 6;
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding: 10px 5%;
}
.programme_content_rtimg{
	overflow: hidden;
}
.programme_content_rtimg img{
	display: block;
	width: 100%;
	transition: all 2s ease;
}
.programme_content_rtList li a:hover .programme_content_rtimg img{
	transform: scale(1.08);
}

.partner_wrap{
	padding: 4vw 0;
}
.partner_imgList{
	margin-top: 3.4vw;
}
.partner_listul{
	display: flex;
	flex-wrap: wrap;
}
.partner_listul li{
	width: 13%;
	margin-right: 1.5%;
	margin-bottom: 17px;
}
.partner_listul li:nth-child(7n){
	margin-right: 0%;
}
.partner_listul li a{
	display: block;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.partner_listul li a img{
	display: block;
	margin: 0 auto;
	height: 10vh;
	object-fit: cover;
	width: 100%;
	transition: all 0.3s linear;
}
.partner_listul li a:hover img{
	-webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
	    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
	    -webkit-transform: translate3d(0,-2px,0);
	    transform: translate3d(0,-2px,0);
}
.partner_more_box{
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 15px 0px rgba(97, 91, 91, 0.1);
	width: 160px;
	height: 49px;
	margin: 0 auto;
	margin-top: 3vw;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s linear;
}
.partner_more_box:hover{
	box-shadow: 0px 0px 25px 0px rgba(97, 91, 91, 0.4);
}
.partner_more_btn{
	display: inline-block;
	cursor: pointer;
}
.partner_more_btn span{
	display: inline-block;
	vertical-align: middle;
}
.partner_more_rt{
	font-size: 15px;
	color: #999999;
	margin-left: 8px;
}
.partner_more_lt{
	display: inline-block;
	width: 17px;
}
.partner_more_lt img{
	display: block;
	width: 100%;
}
.same_header_bannerbox{
	width: 100%;
	position: relative;
	
}
.same_header_bannerbox::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	
}
.same_header_bannerimg img{
	display: block;
	width: 100%;
}
.same_header_bannermodel{
	position: absolute;
	width: 100%;
	/* height: 100%; */
	z-index: 8;
	left: 0;
	/* top: 0; */
	bottom: 24%;
	display: flex;
/* 	align-items: center;
	justify-content: center; */
}
.same_header_banner_chtitle{
	font-size: 2.6vw;
	color: #fff;
	letter-spacing: 1px;
	font-family: "pf_m";
}
.same_header_banner_entitle{
	font-size: 2.5vw;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0.2;
}
.goods_main_top{
	position: relative;
	z-index: 3;
	box-shadow: 0px 0px 15px 0px rgba(97, 91, 91, 0.1);

}
.goods_main_top_list{
	display: flex;
	flex-wrap: wrap;
}
.goods_main_top_list li{
	margin-right: 2vw;
}
.goods_main_top_list li a{
	font-size: 15px;
	color: #666666;
	display: inline-block;
	position: relative;
	padding-bottom: 4px;
	
}
.goods_main_top_list li a::after{
	content: "";
	display: block;
	
	height: 2px;
	background: #e62129;
	left: 0;
	bottom: 0;
	position: absolute;
	width: 0%;
	transition: all 0.3s linear;
}
.goods_main_top_list li a:hover{
	color: #e62129;
	font-family: "pf_b";
}
.goods_main_top_list li a:hover::after{
	width: 100%;
}
.goods_main_top_list li.cnavactive a{
	color: #e62129;
	font-family: "pf_b";
}
.goods_main_top_list li.cnavactive a::after{
	width: 100%;
}
.goods_main_topbox{
	padding: 20px 0;
	padding-bottom: 22px;
	display: flex;
	justify-content: space-between;
	
}
.goods_main_rtitemtxt{
	font-size: 15px;
	color: #666666;
}
.goods_main_rtitem{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.goods_main_rtitem2{
	margin-left: 22px;
}
.goods_main_rtitem span{
	display: inline-block;
	vertical-align: middle;
}
.goods_main_rtitemsorticon{
	width: 8px;
	height: 13px;
	background: url(../images/sort_default.png) no-repeat center;
}
.sort_top_arrow{
	background: url(../images/sort_top.png) no-repeat center;
}
.sort_down_arrow{
	background: url(../images/sort_down.png) no-repeat center;
}
.goods_content_wrap{
	padding-top: 20px;
	padding-bottom: 5vw;
}
.tgg_goods_list{
	display: flex;
	flex-wrap: wrap;
}
.tgg_goods_list li{
	width: 12%;
	height: 250px;
	margin-right: 2.2%;
	margin-bottom: 50px;
}
.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 20px;
    list-style: none;
    font-size: 0;
}
.el-pager li {
    padding: 0 4px;
    margin: 0 15px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center;
}
.el-pager {
   
    
    margin: 0 15px;
}
.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    text-align: center;
    font-weight: 700;
}
/* .tgg_goods_list li:nth-child(4n){
	margin-right: 0%;
} */
.tgg_goods_list li a{
	display: block;
	width: 100%;
	/* border: 1px solid #f8f8f8; */
	background: #fff;
	transition: all 0.3s linear;
}
.goods_imgbox{
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.goods_imgbox img{
	display: block;
	width: 100%;
	transition: all 2s ease;
}
.tgg_goods_list li a:hover img{
	transform: scale(1.08);
}
.tgg_goods_list li a:hover{
	/* border: 1px solid #e62129; */
	-webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
	    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
	   /* -webkit-transform: translate3d(0,-2px,0);
	    transform: translate3d(0,-2px,0); */
}
.goods_imgbox img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 2s ease;
}
.goods_item_data{
	width: 100%;
	box-sizing: border-box;
	padding: 8px 6%;
	padding-bottom: 15px;
}
.goods_item_title{
	font-size: 16px;
	font-family: "pf_m";
	color: #333333;
}
.goods_item_intro{
	font-size: 14px;
	color: #999999;
	margin-top: 5px;
	margin-bottom: 18px;
}
/* .goods_item_price {
	font-size: 13px;
	font-family: "pf_m";
	color: #e62129;
	position: absolute;
	left: 5px;
	bottom: 10px;
} */
.goods_item_price{
	font-size: 17px;
	margin-top: 10px;
	font-family: "pf_m";
	color: #e62129;
}
.seach_wrap{
	border-top: 1px solid rgba(0,0,0,0.1);
}
.seach_table{
	display: flex;
	align-items: center;
}
.seach_left_width{
	font-size: 15px;
	color: #333333;
	font-family: "pf_m";
	min-width: 3.54vw;
}
.seach_table_item{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	color: #999999;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 0 25px;
	letter-spacing: 1px;
	cursor: pointer;
	margin-right: 10px;
	font-family: "pf_m";
	transition: all 0.3s linear;
	min-width: 5vw;
}
.type_sactive{
	background: #d81212;
	color: #fff;
	border: 1px solid #d81212;
}
.seach_table_item:hover{
	background: #d81212;
	color: #fff;
	border: 1px solid #d81212;
}
.seach_table{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 26px 0;
}
.no_shadow .header_wrap{
	box-shadow: none;
}
.seach_condition_proitem{
	display: flex;
	align-items: center;
}
.seach_left_input{
	width: 256px;
}
.seach_left_input .el-input__inner{
	border-radius: 0px;
}
.seach_left_input .el-select{
	display: block;
}
.seach_condition_prorow{
	display: flex;
	padding: 22px 0;
}
.seach_condition_proitem_center{
	margin-left: 3vw;
	margin-right: 26px;
}
.seach_sbmit_btn .el-button{
	padding: 0px;
	background: #d81212;
	height: 39px;
	line-height: 39px;
	border: none;
	
	font-size: 15px;
	border-radius: 0px;
	width: 120px;
}
.seach_case_row{
	display: flex;
	padding: 19px 0;
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.seach_case_ul{
	display: flex;
	flex-wrap: wrap;
}
.seach_case_ul li{
	margin: 0 15px;
	margin-bottom: 10px;
}
.seach_case_ul li a{
	font-size: 15px;
	font-family: "pf_m";
	color: #999999;
	transition: all 0.3s linear;
}
.seach_case_ul li a:hover{
	color: #d81212;
	font-family: "pf_b";
}
.seach_case_ul li.seach_nav_cur a{
	color: #d81212;
	font-family: "pf_b";
}
.seach_condition_proitem_key{
	margin-right: 12px;
}
.seach_content_list{
	padding-top: 35px;
	padding-bottom: 5vw;
}
.seach_top_header{
	position: relative;
	z-index: 2;
	box-shadow: 0px 5px 15px 0px rgba(97, 91, 91, 0.1);

}
.case_list_ul{
	display: flex;
	flex-wrap: wrap;
	
}
.case_list_ul li{
	width: 31.5%;
	margin-right: 2.75%;
	margin-bottom: 2vw;
}
.case_list_ul li:nth-child(3n){
	margin-right: 0%;
}
.case_list_ul li a{
	display: block;
	transition: all 0.3s linear;
}
.case_img_bix{
	width: 100%;
	overflow: hidden;
}
.case_img_bix img{
	display: block;
	width: 100%;
	transition: all 1s ease;
}
.case_list_ul li a:hover .case_img_bix img{
	transform: scale(1.06);
	opacity: 0.8;
}
.case_data_box{
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 18px 5%;
}
.tgg_case_title{
	font-size: 1.04vw;
	font-family: "pf_m";
	color: #333333;
	transition: all 0.3s linear;
}
.case_bottom_same span{
	display: inline-block;
	vertical-align: middle;
}
.tgg_case_row{
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 6px;
}
.case_lt_browse{
	margin-top: 3px;
}
.case_author_img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	overflow: hidden;
}
.tagFont{
	font-size: 1.15vw;
}
.tagFont a{
	font-size: 1.15vw!important;
}
.case_author_name{
	font-size: 14px;
	color: #999999;
	padding-left: 2px;
	font-size: 0.5vw;
}
.browse_text{
	font-size: 13px;
	color: #999;
	padding-left: 2px;
}
.case_list_ul li a:hover .tgg_case_title{
	color: #d81212;
}
.same_header_banner_icon{
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255);
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.8;
	margin-top:2.8vw;
	cursor: pointer;
	transition: .32s;
}
.same_header_banner_icon:hover{
	background: #E62129;
}
.case_main_wrap .goods_main_top{
	box-shadow: none;
}
.case_list_content{
	padding-top: 30px;

}
.case_main_wrap{
	padding-bottom: 6.2vw;
}
.case_main_wrap .case_data_box{
	background: #f5f5f5;
}
.case_details_wrap{
	padding-top: 5.5vw;
	padding-bottom: 4vw;
}
.case_details_title{
	font-size: 1.66vw;
	color: #333333;
	font-family: "pf_b";
}
.case_details_time{
	font-size: 14px;
	color: #999999;
	margin-top: 18px;
	margin-bottom: 28px;
}
.design_main_wrap{
	display: flex;
	width: 100%;
	background: #fff;
}
.design_left{
	width: 58%;
	
}
.design_right{
	width: 42%;
	box-sizing: border-box;
	padding: 30px 3%;
	padding-top: 2.4vw;
}
.design_leftnox{
	overflow: hidden;
	width: 100%;
}

.design_leftnox img{
	display: block;
	width: 100%;
	transition: all 1s linear;
}
.design_leftnox:hover img{
	transform: scale(1.05);
}
.design_info_row{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.design_header{
	width: 4.68vw;
	height: 4.68vw;
	border-radius: 100%;
	overflow: hidden;
}
.design_header img{
	display: block;
	width: 100%;
}
.design_data{
	width: calc(100% - 5vw);
	box-sizing: border-box;
	padding-left: 15px;
}
.design_name{
	font-size: 20px;
	color: #333333;
	font-family: "pf_m";
}
.design_class{
	font-size: 15px;
	color: #666666;
	margin-top: 5px;
}

.design_right_main{
	font-size: 14px;
	line-height: 28px;
	color: #999999;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
.design_right_wrap{
	margin-top: 3vw;
	height:17.18vw;
}
.case_details_list{
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.case_details_listtop{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
}
.case_details_right .seach_sbmit_btn .el-button{
	width: 100px;
}
.case_details_left{
	font-size: 18px;
	color: #333333;
	font-family: "pf_m";
	display: flex;
	flex-flow: row nowrap;
}
.case_details_left_item{
	padding-bottom: 5px;
}
.case_details_left_item:hover{
	color: #E62129;
	cursor: pointer;
}
.case_details_left_item_active{
	color: #E62129;
	border-bottom: 2px solid #E62129;
}
.case_details_list{
	margin-top: 3.2vw;
}
.case_details_banner{
	padding-top: 25px;
	padding-bottom: 45px;
	box-sizing:border-box;
}
.case_swiper_item{
	background: #fff;
}
.tgg_server_wrap{
	width: 100%;
	background: url(../images/service_bg.jpg) no-repeat center;
	background-size: cover;
	padding-top: 3.85vw;
	padding-bottom: 5.2vw;
}
.tgg_server_form{
	width: 56%;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	z-index: 5;
	padding: 2.08vw 5%;
	padding-bottom: 3.4vw;
	box-sizing: border-box;
}
.server_title_ch{
	font-size: 1.56vw;
	font-family: "pf_m";
	color: #333333;
	text-align: center;
	letter-spacing: 1px;
}
.server_title_line{
	width: 50px;
	height: 2px;
	background: #ff1200;
	margin: 0 auto;
	margin-top: 8px;
}
.server_item_row{
	width: 100%;
	display: flex;
	align-items: center;
}
.server_item_title{
	font-size: 17px;
	color: #333333;
	font-family: "pf_m";
	width: 90px;
}
.server_item_input{
	width: calc(100% - 90px);
}
.form_main{
	margin-top: 2.5vw;
}
.form_main .el-input__inner{
	/* height: 3.125vw; */
	border-radius: 0px;
	border-color: #f0f0f0;
}
.server_from_itemother .server_item_row{
	align-items: flex-start;
}
.server_other_box{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	padding: 15px;
	min-height: 110px;
}
.server_other_goodat .el-checkbox-button{
	margin:0 5px;
}
.server_other_goodat .el-checkbox-button__inner{
	    padding: 10px 18px;
		background: #efefef;
		border-radius: 0px;
		border: none;
		color: #333;
		font-family: "pf_m";
}
.server_other_goodat .el-checkbox-button:first-child .el-checkbox-button__inner{
	border-left: none;
	    border-radius: 0px;
}
.server_other_goodat .el-checkbox-button.is-checked .el-checkbox-button__inner{
	background-color: #ff5a00;
	    border-color: #ff5a00;
		box-shadow: none;
}
.server_other_goodat .el-checkbox-button__inner:hover{
	color: #ff5a00;
}
.qualifications_list{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.qualifications_item{
	width: 31%;
	margin-right: 2.75%;
}
.qualifications_list .qualifications_item:nth-child(3n){
	margin-right: 0%;
}
.qualifications_item img{
	display: block;
	width: 100%;
}
.qualifications_item{
	position: relative;
	margin-bottom: 20px;
}
.qualifications_item_centel{
	position: absolute;
	right: -10px;
	top: -10px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 29px;
	background: rgba(255,90,0,1);
	font-size: 18px;
	font-family: "pf_b";
	color: #fff;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.3s linear;
}
.qualifications_item_centel:hover{
	opacity: 0.85;
}
.qualifications_itemimg{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	box-sizing: border-box;
}
.qualifications_itembor{
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	padding: 12px;
}
.server_card_row{
	display: flex;
	justify-content: space-between;
	
}
.server_card_item{
	width: 48%;
}
.server_card_text{
	text-align: center;
	font-size: 14px;
	color: #999999;
	
}
.server_card_demo{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	padding:15px 10px;
	
}
.server_card_demo img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.server_card_img .el-upload{
	width: 100%;
	display: block;
}
.qualifications_form_item .server_other_box{
	padding-bottom: 0px;
}
.server_form_sbmit{
	margin: 0 auto;
	display: flex;
	justify-content: center;
	margin-top: 3.2vw;
}
.server_form_sbmit .el-button{
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	width: 34%;
}
.server_form_sbmit .el-button:hover{
	opacity: 0.85;
}
.main-color{
	color: #e62129;
}
.designer_wrap_height{
	width: 100%;
	min-height: calc(100vh - 413px);
	
}
.designer_index_title{
	font-size: 30px;
	color: #333333;
	text-align: center;
}
.designer_index_btnbox{
	width: 300px;
	height: 70px;
	
	background: #e62129;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 4.6vw;
	transition: all 0.3s linear;
}
.designer_index_btnbox:hover{
	opacity: 0.85;
}
.designer_index_btnbox span{
	display: inline-block;
	vertical-align: middle;
}
.designer_index_txt{
	font-size: 22px;
	color: #fff;
	font-family: 'pf_m';
	padding-left: 13px;
}
.designer_index_icon{
	width: 30px;
}
.designer_index_icon img{
	display: block;
	width: 100%;
}
.designer_index_main{
	padding-top: 9.5vw;
	padding-bottom: 17vw;
}
.designer_form_top{
	background: #fff;
	box-sizing: border-box;
	padding: 45px 6.5%;
}
.designer_form_main{
	margin-top: 65px;
	padding-bottom: 138px;
}
.dedsign_form_tibox{
	text-align: center;
	margin-bottom: 35px;
}

.dedsign_form_title{
	font-size: 28px;
	color: #333333;
	font-family: "pf_m";
	
}
.designer_line{
	width: 45px;
	height: 2px;
	background: #ff1200;
	margin: 0 auto;
	margin-top: 10px;
}
.designer_form_top .el-input__inner{
	height: 48px;
	line-height: 48px;
	border-radius: 0px;
	font-size: 14px;
}
.server_from_item_25{
	width: 25%;
}
.designer_form_top .el-textarea__inner{
	resize: none;
	padding: 15px 2%;
	
}
.designer_form_top .server_other_title{
	font-size: 15px;
	color: #333333;
	font-family: "pf_m";
	line-height: 15px;
	margin-bottom: 13px;
	padding-left: 6px;
	
}
.designer_form_top .server_other_item{
	
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.designer_form_top .server_other_goodat .el-checkbox-button{
	margin-bottom: 7px;
}

.designer_form_top .server_other_box .server_other_item:last-child{
	border-bottom: none;
}
.designer_form_top .server_other_box .server_other_item{
	padding-top: 22px;
}
.designer_form_top .server_other_box .server_other_item:nth-of-type(1){
	padding-top: 0px;
}
.designer_form_top .server_form_ly .server_other_box{
	padding: 15px 2.3%;
}
.designer_form_top .qualifications_item{
	width: 12.2%;
	margin-right: 2%;
}
.designer_form_top .qualifications_list .qualifications_item:nth-child(3n){
	margin-right: 2%;
}
.designer_form_top .qualifications_item_centel{
	    width: 25px;
	    height: 25px;
		line-height: 23px;
}
.designer_form_top .server_card_row{
	width: 55%;
}

.designer_form_main .server_form_sbmit .el-button{
	width: 300px;
	height: 56px;
	    line-height: 56px;
		border-radius: 27px;
		font-size: 22px;
}
.designer_step_main{
	padding-top: 65px;
	padding-bottom: 76px;
}
.designer_step_box{
	background: #fff;
	padding: 35px 4% 65px 4%;
	box-sizing: border-box;
}
.designer_step_titlebox{
	text-align: center;
}
.designer_step_title{
	font-size: 27px;
	color: #333333;
	font-family: "pf_m";
	letter-spacing: 1px;
	margin-bottom: 9px;
}
.designer_step_line{
	width: 45px;
	height: 2px;
	background: #ff1200;
	margin: 0 auto;
}

.designer_step_top .el-step__line{
	background: #e8333b;
	top: 8px;
}

.designer_step_top .el-step.is-horizontal .el-step__line{
	top: 8px;
}
.designer_step_top .el-step__icon.is-text{
	border: none;
	position: relative;
	width: 18px;
	height: 18px;
}
.designer_step_top .el-step__icon.is-text::after{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	z-index: 3;
	background: url(../images/quan.png) no-repeat center;
	background-size: 18px 18px;
	
}
.designer_step_top .el-step__icon-inner{
	display: none;
}

.designer_step_top .el-step__head.is-finish .el-step__icon.is-text::after{
	background: url(../images/quan_active.png) no-repeat center;
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	 box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.22);
	border-radius: 100%;

}
.designer_step_top .el-step__title{
	font-size: 16px;
	color: #999999;
	font-family: "pf_m";
	line-height: 30px;
	padding-top: 7px;
}
.designer_step_top .el-step__head.is-finish .el-step__title{
	color: #333;
}
/* .designer_form_top .qualifications_list .qualifications_item:nth-child(5n){
	margin-right: 0%;
} */
.login-mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
}
.login-status{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
	color: #e62129;
	font-weight: bold;
	font-size: 10px;
}
.login-header{
	display: flex;
	flex-flow: row nowrap;
	height: 80px;
	border-bottom: 1px solid #d6d6d6;
}
.login-header-item{
	flex: 1;
	height: 100%;
	line-height: 80px;
	text-align: center;
	cursor: pointer;
	font-size: 22px;
}
.login-dialog-active{
	border-bottom: 2px solid #e62129;
}

.login_dialog .el-dialog{
	width:20%;

}

.el-dialog__header{
	padding: 15px 37px 0 37px;
}
.el-popup-parent--hidden{
	padding-right: 0!important;
}
.btnTwo{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.login-btn,
.scan-btn{
	height: 2.5vw;
	padding: 0 1.5vw;
	border-radius: 1.5vw;
	background-color: #e62129;
	line-height: 2.5vw;
	text-align: center;
	font-size: 1vw;
	color: #fff;
	margin-bottom: 4.25vh;
	cursor: pointer;
}
.scan-btn{
	background-color: #409eff;
}
.user-nickname{
	white-space: nowrap;
	margin-left: 10px;
}
.operation_box{
	display: inline-block;
	text-align: left;
}
.operation_login_out:hover{
	color: #d53331;
}
.el-popover{
	text-align: center;
}
.operation_btn{
	line-height: 30px;
	width: 100%;
	cursor: pointer;
	display: block;
}
.operation_btn:hover{
	color: #ff7e0e;
}
.empty{
	display: flex;
	margin: auto;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	padding: 100px 0;
}
.case_info_text{
	color: #999999;
	font-size: 18px;
	padding: 20px 0;
}
.swiper-slide{
	box-sizing: border-box;
	overflow:hidden;
}
.city-body {
	height: 600px;
	overflow-y: auto;
	margin-left: 20px;
}
.city-province {
	font-size: 18px;
	font-weight: 600;
	margin: 5px 0 10px 0;
}
.city-region{
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #d6d6d6;
	cursor: pointer;
}
.city-header{
	flex: 1;
	height: 100%;
	line-height: 80px;
	text-align: center;
	font-size: 22px;
}
	
.index_banner_item {
	overflow:hidden;
}

.swiperText {
	color: #d10000;
	margin: 10vw;
	font-weight: 600;
}

.swiperTextTitle{
	font-size: 4vw;
}

.swiperTextContent{
	font-size: 1.5vw;
	margin: 2vw 0 ;
}

.swiperBtn{
	display: inline-block;
	padding: 0.5vw 1vw;
	background-color: #d10000;
	color: #fff;
	border-radius: 2vw;
	margin-top: 1vw;
	font-size: 1.5vw;
}

.pageText{
	text-align: left;
	margin-left: 1vw;
}
.pageTextTitle{
	color: #333;
	text-align: center;
	font-weight: 600;
	font-size: 25px;
}

.pageTextContent{
	color: #666;
	font-size: 20px;
}

.page_people_bg {
	background-image: url(../images/bg.png);
	width: 100%;
	height: 100px;
}

.flex_1 {
	display: flex;
	justify-content: space-around;
}

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

.page_people_content {
	font-weight: 600;
	font-size: 1.5vw;
	color: #fff;
	line-height: 100px;
	text-align: center;
}

.page_people_jieshao {
	color: #fff;
	margin: 0 0 2.5vw 2vw;
}

.page_people_jieshaoColor{
	color: #acbbf5;
}
.content_width_1{
	width: 90%;
	margin: auto;
}

.page_new_box {
    display: block;
    /* justify-content: space-between; */
}
.page_new_left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.page_new_right{
	/* width: 20%; */
	display: flex;
	width: 200px;
	flex-shrink: 0;
}

.page_new_left_img,
.page_new_right_img {
	background: #fff;
	padding: 10px;
	margin-right: 10px;
    margin-bottom: 10px;
}


.page_new_left_img video{
	width: 250px;
	height: 160px;
}
.page_new_right_img img{
	width: 100%;
	display: flex;
	height: 150px;
}
.page_new_text{
	width: 250px;
	margin-top: 8px;
}
.title_big_1{
	margin: 40px auto;
}

.swiper-slide_postsize img{
	width: 100%;
	height: 600px;
}

.index_banner_margintop{
	margin:-80px 0 20px 0;
}

.dowload{
	padding: 10px;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	top: 50px;
	left: -192px;
	z-index: 2;
	display: flex;
	border-radius: 20px;
	width: 430px;
	display: none;
}
.dowload img{
	margin: 10px;
}
.sanjiao{
	position: absolute;
	top: -20px;
	right: 230px;
	z-index: 2;
	border-top: 10px solid transparent;
	border-bottom: 10px solid rgba(255, 255, 255, .5);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.productWrap,
.productWrap_1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
}
.gray_bg{
	width: 100%;
	margin: auto;

}
.productWrap{
	width: 100%;
	margin: auto;
}
.productBox{
	
	margin: 9px;
	background: #fff;
	padding: 10px;
}
.productWrap  img,
.productWrap_1 img{
	width: 100%;
	height: 200px;
}

.productName{
	width: 100%;
	margin: 20px 0;
	word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.productBox {
	/* width: 200px; */
	width: 12%;
}
.productcenter{
	width: 100%;
	height: 250px;
	position: relative;
}

.productcenter .goods_item_price{
	position: absolute;
	left: 0;
	bottom: 0;
}
.productcenter {
    width: 100%;
    height: 300px;
    position: relative;
}
.productWrap .productBox img{
	/* width: 120px; */
	width: 100%;

	height: 200px;
}
.padding_30 {
	padding: 30px;
}

.padding_tb_30 {
	padding: 30px 0;
}

.background_f5f5f5 {
	background: #f5f5f5;
}

.margin_10 {
	margin: 10px;
}

.margin_tb_10 {
	margin: 10px 0;
}

.margin_tb_30 {
	margin: 30px 0;
}

.margin_top_30 {
	margin-top: 30px;
}

.margin_top_20 {
	margin-top: 20px;
}

.maegin_left_10 {
	margin-left: 10px;
}

.textFont_18 {
	font-size: 18px;
}

.textFont_16 {
	font-size: 16px;
}

.activeColor {
	color: #E62129;
}

.btn {
	background-color: #e62129;
	width: 100px;
	text-align: center;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 20px;
	cursor: pointer;
}

.textWeight{
	font-weight: 600;
}

.part {
	padding: 30px;
	background-color: #fff;
	border-radius: 20px;
}

.border_radius {
	border-radius: 10px;
}

.border_bottom {
	border-bottom: 1px solid #f1f1f1;
	padding: 20px;
}

.position_relative {
	position: relative;
}

.position_absolute {
	position: absolute;
}

.flex_1 {
	flex: 1;
}

.flex_shrink_0 {
	flex-shrink: 0;
}

.flex_row {
	flex-direction: row;
}

.flex_column {
	flex-direction: column;
}

.justify_center {
	justify-content: center;
}

.justify_end {
	justify-content: flex_end;
}

.aligns_center {
	align-items: center;
}

.align_around {
	align-content: space_around;
}

.justify_between {
	justify-content: space-between;
}

.justify_evenly {
	justify-content: space-evenly;
}

.justify_around {
	justify-content: space-around;
}

.flex_wrap {
	flex-wrap: wrap;
}

.flex_nowrap {
	flex-wrap: nowrap;
}

.text_overflow_1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.margin_21 {
	margin: 21px;
}

.text_center {
	text-align: center;
}
.el-icon-arrow-right:before {
	content: "\e6e0";
	font-size: 15px;
}
.form_main {
    margin-top: 0;
}

.good_detail-wrap{
	padding: 7vh;
}
.good-info-wrap{
	display: flex;
	flex-flow: row nowrap;
}
.good-img-wrap,.good-param-wrap{
	width: 50%;
}
.good-param-wrap{
	padding-left: 5%;
	box-sizing: border-box;
}
.good-name{
	font-size: 28px;
	color: #333333;
	font-weight: bold;
}
.good-spec{
	margin-top: 20px;
	font-size: 18px;
	color: #999999;
	padding-bottom: 20px;
}
.el-form-item__label{
	font-size: 18px;
}
.good-info{
	padding: 20px 0;
	font-size: 18px;
	color: #999999;
}
.el-tabs__nav-scroll{
	background-color: #f7f7f7;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item{
	font-size: 18px;
}
.good-info-item{
	margin-bottom: 20px;
}
.good-img{
	width: 100%;
}
.good-big-img{
	width: 100%;
}
.good-img-big{
	position: relative;
}
.good-img-big span{
	width: 181px;
	height: 181px;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	display: none;
}
.good-img-active{
	/* border: 2px solid #e83037; */
}
.good-img-hover-big{
	position: absolute;
	width: 400px;
	height: 400px;
	overflow: hidden;
	display: none;
	left: 50%;
	top: 200px;
}
.good-img-hover-big img{
	position: absolute;
}

.spec-box{
	display: flex;
	flex-flow: row nowrap;
}

.spec-item{
	width: 100px;
	height: 100px;
	margin-right: 10px;
	box-sizing: border-box;
	cursor: pointer;
	transition: .32s;
}
.spec-item:hover{
	border: 2px solid #d81212;
}
.spec-item-active{
	border: 2px solid #d81212;
}

.el-button--danger{
	border-radius: 0 !important;
	background-color: #d81212;
}

.design-img{
	width: 200px;
	height: 200px;
}

.good-coll{
	position: relative;
	margin-top: 10px;
}

.good-coll-next-btn{
	position: absolute;
	width: 50px;
	height: 50px;
	left:100%;
	border-radius: 50%;
	background-color: #d81212;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	line-height: 50px;
	margin-left: 10px;
	cursor: pointer;
}
.el-dialog .el-dialog__body {
	
	max-height: 500px !important;
	min-height: 100px;
	overflow-y: hidden;
	}
	.el-dialog {
		position: relative;
		margin: 0 auto 50px;
		border-radius: 2px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		box-sizing: border-box;
		width: 25%;
	}
	.operation_box_cart {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.el-footer {
	background-color: #fff;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: auto;
	padding: 42px 0;
}
.el-tab-pane .detail .row {
	display: flex;
	
	height: 50px;
	width: 98%;
	line-height: 20px;
	font-size: -4px;
	text-align: center;
	border: 1px solid #cccccc;
}
.el-tab-pane .detail .table {
	display: table;
	border: 1px solid #cccccc;
	margin: 0.5vw;
	border-collapse: collapse;
	width: 99%;
}
.detail .cell {
	display: table-cell;
	border: 1px solid #cccccc;
	padding: 5px;
	flex: 1;
	text-align: center;
	font-size: 25px;
	width: 50%;
}
/* .chinacss{
  width: 00px;
  height: 400px;
} */
.chinacss{
	width: 1000px;
	height: 800px;
  }
  .meta p{
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
  }
  .el-main {
	display:block;
}
.carts{
	display: none;
}
.eara{
	color: #d81212;
	font-size: 30px;
	margin-left: 5px;
	font-weight: bold
}

.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    text-align: center;
    padding-right: 10px;
}
.pages_margin{
	margin: 60px 0px;
    width: 100%;
}
.searchs{
	width: 60%;
	margin:auto;
	
	height: 500px;
	position: relative;
	/* padding-top: 160px; */
}
.searchss{
	width: 80%;
	margin:auto;
	
	
	position: relative;
	
}
.searchsclass{
	width: 80%;
	margin:auto;
	z-index: 99;
	height: 500px;
	position: relative;
	padding-top: 10px;
}
.header_nav{
	width: 100%;
	height: 45px;
	/* background: #E7442E; */
	background: #409eff;
	position: fixed;
	z-index: 999;
}
.header_relative{
	width: 78%;margin:auto;height: 45px;position: relative;
}
.header_linght{
	color: #fff;
	line-height: 45px;
	cursor: pointer;
}
.header_top_iocon{
	margin:12px 0
}
.header_top{
	margin:8px 2px
}
.nav_right{
	position: absolute;
	top:0;
	right: 0;
	display: flex;
	justify-content: space-between;

}
.nav_left{
	display: flex;
	margin-left: 50px;
}
.searchs_box{
	/* width: 100%; */
    /* z-index: 999; */
    /* height: 110px; */
    /* position: fixed; */
    /* margin-top: 45px; */
    /* top: 0; */
    background-color: #fff;
    /* padding-top: 10px; */
	margin-top: 10px;
  
}
.searchs_boxs{
	width: 100%;
    z-index: 999;
   
    margin-top: 15px;
    top: 0;
    background-color: #fff;
    padding-top: -10px;
}
.searchs_content{
	width: 80%;
	margin:auto;
	align-items: center;
	height: 110px;
	display: flex;
	
}
.searchs_jzy{
font-weight: 400;
font-size: 30px;
/* color: #E7442E; */
color: #409eff;
/* line-height: 42px; */
text-align: left;
font-style: normal;
text-transform: none;
/* line-height: 100px; */
font-family: HuXiaoBo-NanShen, HuXiaoBo-NanShen;
}
.searchs_border{
	width: 1px;
height: 30px;
background-color:#eea89f ;
margin:0 10px

}
.searchs_hot{
	width: 36px;
/* height: 44px; */
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 16px;
/* color: #E7442E; */
color: #409eff;

text-align: left;
font-style: normal;
text-transform: none;
margin:30px 5px

}
.searchs_input{
	/* width: 780px; */
height: 38px;
border-radius: 65px 65px 65px 65px;
border: 2px solid #E7442E;
border: 2px solid #409eff;
margin:30px 0;
position: relative;

}
.searchs_input input{
	border:none;
	width: 90%;
	height:30px;
	box-radius:25%;
	text-align:left;
	text-indent: 25px;
	margin:5px 0;
	margin-left: 15px;
   border: none;
   outline:medium;
   font-size: 18px;
	}
	.searchs_keyword{
		cursor: pointer;
		position: absolute;
		right: 5px;
		top: 2px;
		width: 59px;
height: 32px;
background: linear-gradient( 90deg, #FF8946 0%, #E7442E 100%);
border-radius: 65px 65px 65px 65px;
	}
	.searchs_size{
		text-align: center;
		line-height: 32px;
		color: #fff;
	}
	.searchs_bottomkeword{
		font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 12px;
color: #6D737E;
line-height: 14px;
text-align: left;
font-style: normal;
text-transform: none;
display: flex;
margin:5px 0
	}
	.searchs_bottomkeword_right{
		margin-right: 8px;
		cursor: pointer;
	}
	.hotcakes{
		width: 260px;
		height: 286px;
		background-image: url(../images/bac.png);
		border-radius: 8px 8px 8px 8px;
	}
	.hotcakes_padding{
		
		padding: 15px;
		
		
	}
	.hotcakes_box{
		width: 92px; 
		height: 27px;
		background: #FFFFFF;
		border-radius: 23px 23px 23px 23px;
		display: flex;
		margin-left: 20px;
	}
	.hotcakes_Gou{
		line-height: 27px;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 12px;
		color: #F80F0C;
		text-align: left;
		font-style: normal;
		text-transform: none;
		margin-left: 10px
	}
	.hotcakes_gobox{
		width: 25px;
		height: 25px;
		background: #F80F0C;
		border-radius: 50%;
		text-align: center;
		margin:1px 0;
		margin-left: 10px;
	}
	.hotcakes_gofont{
		font-family: PingFang SC, PingFang SC;
		font-size: 12px;
		color: #F5F5F5;
		line-height: 20px;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.limitedtime{
		width: 476px;
		height: 286px;background: linear-gradient( 180deg, #FFCCB6 0%, #FFF8F3 100%);
		border-radius: 12px 12px 12px 12px;
		margin-left:10px
	}
	.limitedtime_Gou{
		line-height: 20px;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 12px;
		color: #F80F0C;
		text-align: left;
		font-style: normal;
		text-transform: none;
		margin-left: 10px
	}
	.limitedtime_header{
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 16px;
		color: #101119;
		line-height: 19px;
		text-align: left;
	}
	.limitedtime_to{
		font-weight: 400;
		font-size: 16px;
		color: #101119;
		line-height: 19px;
	}
	.limitedtime_dath{
		padding: 0 4px;
		/* margin: 0 5px; */
		font-size: 13px;
		color: #fff;
		background: #FA0B0B;
		border-radius: 4px 4px 4px 4px;
		text-align: center;
	}
	.limitedtime_content{
		width: 32%;
		background-color: #F8F8F8;
		border-radius: 10px;
		margin-top: 12px;
	}
	.New_content{
		width: 49%;
		
		border-radius: 10px;
		margin-top: 15px;
	}
	.limitedtime_img{
		height: 130px;
		background: #FFFFFF;
		border-radius: 10px 10px 0 0;
		width: 100%;
	}
	.limitedtime_miao{
		width: 60px;
		font-size: 12px;
		height: 17px;
		background: #FF4747;
		border-radius: 2px 2px 2px 2px;
		text-align: center;
		color: #fff;
	}
	.limitedtime_conentsize{
		font-weight: bold;
		font-size: 12px;
		color: #262626;
		line-height: 14px;
		text-align: left;
		font-style: normal;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
		margin:2px;
	}
	.limitedtime_sha{
		margin-top: 5px;
		width: 48px;
		height: 19px;
		border: 1px solid #FF9999;
		font-size: 12px;
		color: #FF4747;
		text-align: center;
		margin:3px 0;
		border-radius: 5px;
	}
	.justify-content{
		display: flex;
		justify-content: space-between;
	}
	.limitedtime_price{
		font-weight: 600;
		font-size: 15px;
		color: #FF4747;
		line-height: 13px;
		text-align: left;
		margin:8px 0
	}
	.New{
		width: 260px;
		height: 286px;background: linear-gradient( 180deg, #FFE7CC 0%, #FFF8F3 100%);
		border-radius: 12px 12px 12px 12px;
		margin-left: 10px;
	}
	.New_price{
		text-align: center;
		font-weight: 600;
font-size: 14px;
color: #FF4747;
line-height: 13px;
	}
	.New_size{
		width: 100%;
		margin:auto;
		font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 12px;
color: #3E3F45;
line-height: 14px;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
	}
	.shop{
		width: 261px;
		height: 286px;
		background: linear-gradient( 180deg, #FBC8FF 0%, #FFF9FF 100%);
		border-radius: 12px 12px 12px 12px;
		margin-left: 10px;
	}
	.shop_justify-content{
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
	}
	.users{
		width: 260px;
		height: 286px;
		background: #F4F4F4;
		border-radius: 12px 12px 12px 12px;
		margin-left: 10px;
	}
    .users_size{
		font-weight: 500;
		font-size: 15px;
		color: #000000;
	}
	.users_sum{
		text-align: center;
		font-weight: 500;
		font-size: 16px;
		color: #000000;
	}
	.commont_size{
		overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 14px;
color: #3E3F45;
	}
	.commont_priceicon{
		font-weight: 600;
font-size: 12px;
color: #FF5D29;
	}
	.commont_price{
		font-weight: bold;
font-size: 20px;
color: #FF5D29;
	}
	.commont_see{
		font-weight: 400;
font-size: 12px;
color: #9EA4B2;
margin:8px 0
	}
	.commont_flex{

		width: 100%;
		display: flex;
		border-radius: 10px;
		flex-wrap: wrap;
	}
	.commont_boxs{
		margin:0 5px;
		width: 202px;
		background-color: #f5f5f5;
		margin-top: 10px;
		border: 2px solid #fff;

	}
	.commont_boxs:hover{
		border: 2px solid red;
		border-radius: 10px;
		
	}
	.classify_keyword{
		
		
	}
	.classify_active{
		font-weight: bold;
font-size: 16px;
color: #E7442E;
	}
	.classify_height{
		height: 2px;
		background-color: #E7442E;
		text-align: center;
	}
	.classify_netheight{
		height: 2px;
		background-color: #000;
	}
	.brand{
		background-color: #f5f5f5;
		width: 100%;
		margin-top: 55px;
	}
	.brand_border{
		border: 1px solid #E2E4E5;
		padding: 15px 5px;
	}
	.brand_left{
		width: 5%;
		font-weight: 500;
		font-size: 15px;
		color: #6D737E;
	}
	.brand_right{
		width: 95%;
		font-weight: 500;
		font-size: 15px;
		color: #333333;
		display: flex;
		
	}
	.elpage{
		margin:30px 0;
		margin-bottom: 50px;
	}
	.elpage .el-pager {
		margin: 0 15px;
	}
	.elpage .el-pager {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		padding: 0 10px;
		list-style: none;
		font-size: 0;
	}
	.elpage .el-pager li {
		padding: 0 10px;
		margin: 0 15px;
		font-size: 13px;
		min-width: 35.5px;
		height: 28px;
		line-height: 28px;
		box-sizing: border-box;
		text-align: center;
	}
	.elpage .el-pagination.is-background .el-pager li {
		margin: 0 10px;
		background-color: #f4f4f5;
		color: #606266;
		min-width: 30px;
		border-radius: 2px;
	}
	.el-carousel__item h3 {
		color: #475669;
		font-size: 14px;
		opacity: 0.75;
		line-height: 200px;
		margin: 0;
	  }
	  
	  .el-carousel__item:nth-child(2n) {
		background-color: #99a9bf;
	  }
	  
	  .el-carousel__item:nth-child(2n+1) {
		background-color: #d3dce6;
	  }
	  .main_ab{
		text-align: center;
		font-family: MiSans, MiSans;
		font-weight: 400;
		font-size: 32px;
		color: #FAFAFA;
		position: absolute;
		top: 35%;
		left: 32%;
		padding: 10px 20px;
		background: rgba(9,29,52,0.5);
		border-radius: 0px 0px 0px 0px;
	  }
	  .main_US{
		text-align: center;
		font-family: MiSans, MiSans;
		font-weight: 400;
		font-size: 32px;
		color: #FAFAFA;
		position: absolute;
		top: 55%;
		left: 60%;
		padding: 5px 20px;
		background: rgba(9,29,52,0.5);
		border-radius: 0px 0px 0px 0px;
	  }
	  .main_wo{
		position: absolute;left: 40%;top: 40%;font-family: MiSans, MiSans;font-weight: 600;font-size: 80px;color: #D8131D;
	  }
	  .main{
		position: relative;margin:0;padding: 0
;
	  }
	  .search_icon{
		position: absolute;
		left: 10px;
		top: 10%;
	  }
	  .hotcakes_content{
		display: flex;
		justify-content: space-between;
	  }
	  .hotcakes_ba{
		margin-top: 5px;width: 100%;height: 72px;background: #FFFFFF;border-radius: 8px 8px 8px 8px;display: flex;
	  }
	  .hotcakes_medoie{
		padding:8px 10px;
		display: flex;
	  }
	  .hotcakes_medoie_img{
		width: 60px;background: #D6F1FF;border-radius: 4px 4px 4px 4px;height: 56px;
	  }
	  .hotcakes_medoie_position{
		position: relative;margin-left: 10px;
	  }
	  .hotcakes_medoie_size{
		letter-spacing: 3px;width: 90px;
		font-family: PingFang SC, PingFang SC;font-weight: bold;font-size: 12px;
		color: #3E3F45;line-height: 12px;text-align: left;font-style: normal;
		text-transform: none;overflow:hidden;text-overflow: ellipsis;
		-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;
	  }
	  .limitedtime_img_sizebox{
		padding: 7px;
	  }
	  .assets{
		width:9%;cursor: pointer;display: flex;background-color: #f5f5f5;border-radius: 10px;justify-content: center;padding: 4px 10px;
	  }
	  .searchs_nav{
		z-index: 99;
		cursor: pointer;
		position: absolute;
		top:0;
		right: 20%;
		width: 180px;
		height: 92px;
		background: #FFFFFF;
		box-shadow: -2px 2px 17px 0px rgba(0,0,0,0.05);
		border-radius: 0px 0px 0px 0px;
		border: 1px solid #EBEBEB;
	  }
	  .searchs_navphone{
		z-index: 99;
		cursor: pointer;
		position: absolute;
		top:0;
		right: 3%;
		width: 180px;
		height: 92px;
		background: #FFFFFF;
		box-shadow: -2px 2px 17px 0px rgba(0,0,0,0.05);
		border-radius: 0px 0px 0px 0px;
		border: 1px solid #EBEBEB;
	  }
	  .searchs_nav_flex{
		padding: 5px;display: flex;flex-wrap: wrap;font-size: 15px;
	  }
	  .searchs_nav_flex_size{
		width: 48%;margin-bottom: 8px;text-align: center;
	  }
	 .brand_border_right{
		margin-right: 15px;
		cursor: pointer;
	 }
	 .categorylist_right{
		margin-bottom: 5px;
		margin-right: 35px;text-align: center;cursor:pointer;
	 }
	
@media screen and (max-width: 820px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.nav_left{
	display: flex;
	width: 100rpx;
	margin-left: 15px;
		
}

	.commont_priceicon{
		font-weight: 600;
font-size: 10px;
color: #FF5D29;
	}
	.brand {
		background-color: #f5f5f5;
		width: 100%;
		margin-top: 7.875rem;
	}
	.categorylist_right{
		margin-right: 10px;text-align: center;cursor:pointer;
	 }
	.brand_border_right{
		margin-right: 5px;
		cursor: pointer;
	 }
	.searchsclass{
		width: 90%;
		margin:auto;
		z-index: 99;
		height: 500px;
		position: relative;
		padding-top: 10px;
	}
	.assets{
		width: 32%;;cursor: pointer;display: flex;background-color: #f5f5f5;border-radius: 10px;padding: 2px;
	  }
	  .scroll-container {
		height: 100vh; /* 设置一个固定的高度 */
		overflow-y: auto; /* 开启滚动 */
	  }
	.limitedtime_img_sizebox{
		padding: 2px;
	  }
	.New_size {
		width: 90%;
		margin: auto;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 12px;
		color: #3E3F45;
		line-height: 14px;
		text-align: center;
		display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
	}
	.new_shop{
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
	  }
	.shop {
		width: 49%;
		height: 12.5rem;
		background: linear-gradient(180deg, #FBC8FF 0%, #FFF9FF 100%);
		border-radius: 12px 12px 12px 12px;
		margin-left: 0;
	}
	.New {
		width: 49%;
		height: 12.5rem;
		background: linear-gradient(180deg, #FFE7CC 0%, #FFF8F3 100%);
		border-radius: 12px 12px 12px 12px;
		margin-left: 0;
	}
	.limitedtime_img {
		height: 90px;
		background: #FFFFFF;
		border-radius: 5px 5px 0 0;
		width: 100%;
	}
	.limitedtime {
		width: 100%;
		height: 15.125rem;
		background: linear-gradient(180deg, #FFCCB6 0%, #FFF8F3 100%);
		border-radius: 10px;
		margin-left: 0;
		margin-top: 10px;
		
	}
	.hotcakes_medoie_size{
		margin-top: 5px;letter-spacing: 3px;width: 80px;;position: absolute;top: 0;font-family: PingFang SC, PingFang SC;font-weight: bold;font-size: 12px;color: #3E3F45;line-height: 12px;text-align: left;font-style: normal;text-transform: none;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;
	  }
	  .hotcakes_medoie_size_shop{
		margin-top: 5px;
		letter-spacing: 3px;
		width: 55px;
		position: absolute;
		top: 0;
		font-family: PingFang SC, PingFang SC;font-weight: bold;font-size: 12px;color: #3E3F45;line-height: 12px;text-align: left;font-style: normal;text-transform: none;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
     
	  }
	.hotcakes_medoie_position{
		position: relative;margin-left: 5px;
		top: 12px;
		width: 50px;
	  }
	.hotcakes_medoie_img{
		width: 90%;
		background: #D6F1FF;
		border-radius: 4px 4px 4px 4px;
		height: 6.55rem;
	  }
	  .hotcakes_medoie_shopimg{
		width: 95%;
		background: #D6F1FF;
		border-radius: 4px 4px 4px 4px;
		height: 5.55rem;
	  }
	  .shop_ba{
		margin-top: 5px;
		width: 100%;
		height: 10.5rem;
		/* background: #FFFFFF; */
		border-radius: 5px;
	  }
	 
	.hotcakes_ba{
		margin-top: 5px;
		width: 32%;
		height: 10.5rem;
		background: #FFFFFF;
		border-radius: 5px;
		
	  }
	  .hotcakes_medoie{
		width: 100%;
		padding: 5px;
		display:block;
	  }
	  .hotcakes_medoie_shop{
		width: 100%;
		padding: 5px 0;
		display:block;
	  }
	.hotcakes {
		width: 100%;
		height: 14.375rem;
		background: url(../images/bac.png)0px 0px / 100% no-repeat;
		border-radius: 8px 8px 8px 8px;
		background-repeat: repeat;
	}
	.phone_hotcakes{
		display: flex;
		justify-content: space-between;
	margin-top: 5px;
	}
	.searchs_box{
		width: 100%;
		/* z-index: 999; */
		/* height: 4.375rem; */
		/* position: fixed; */
		margin-top: 10px;
		/* top: 0; */
		background-color: #fff;
		/* padding-top: -10px; */
		/* border: 1px solid #000; */
	  
	}
	.hotcakes_content{
		display: flex;
		flex-wrap: wrap;
	  }
	.nav_right{
		position: absolute;
		top:0;
		right: 0;
		display: flex;
		justify-content: space-between;
	
	}
	.searchs {
		width: 94%;
		margin: auto;
		/* height: 10px; */
		/* position: relative; */
		/* padding-top: 7.5rem; */
	}
	.searchs_jzy {
		font-weight: 400;
		font-size: 20px;
		color: #E7442E;
		/* line-height: 1.25rem; */
		text-align: left;
		font-style: normal;
		text-transform: none;
		/* line-height: 4.5rem; */
		font-family: HuXiaoBo-NanShen, HuXiaoBo-NanShen;
	}
	.searchs_hot {
		width: 36px;
		/* height: 44px; */
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 12px;
		color: #E7442E;
		text-align: left;
		font-style: normal;
		text-transform: none;
		margin: 1.25rem 5px;
	}
	.searchs_content{
		width: 103%;
	align-items: center;

    margin: auto;
    height: 3.75rem;
    display: flex;
	}
	.searchs_input {
		width: 13.25rem;
		height: 1.775rem;
		border-radius: 65px 65px 65px 65px;
		border: 2px solid #E7442E;
		margin: 1.1875rem 0;
		position: relative;
	}
	.searchs_input input {
		border: none;
		width: 90%;
		height: 13px;
		box-radius: 25%;
		text-align: left;
		text-indent: 25px;
		margin: 8px 0;
		margin-left: 15px;
		border: none;
		outline: medium;
		font-size: 13px;
	}
	.searchs_keyword {
		cursor: pointer;
		position: absolute;
		right: 5px;
		top: 2px;
		width: 2.8rem;
		height: 1.5rem;
		background: linear-gradient(90deg, #FF8946 0%, #E7442E 100%);
		border-radius: 20px 20px 20px 20px;
	}
	.searchs_border {
		width: 1px;
		height: 30px;
		background-color: #E7442E;
		margin: 1.25rem 5px;
	}
	.searchs_size {
		text-align: center;
		line-height: 1.5rem;
		font-size: .825rem;
		color: #fff;
	} 
	.search_icon{
		position: absolute;
		left: 8px;
		top: 0%;
	  }
	.searchs_bottomkeword {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 12px;
		color: #6D737E;
		line-height: 14px;
		text-align: left;
		font-style: normal;
		text-transform: none;
		display: flex;
		flex-wrap: wrap;margin-bottom: 10px
	;
		margin: 5px 0;
	}
	.header_nav{
		width: 100%;
		height: 45px;
		background: #409eff;
		position: fixed;
		z-index: 999;
	}
	.header_relative{
		width: 90%;margin:auto;height: 45px;position: relative;
	}
	.main{
		position: relative;
		margin:0;
		padding: 0;
		
		
	  }

	.header_linght{
		color: #fff;
		line-height: 45px;
		cursor: pointer;
		
	}
	.main_ab{
		text-align: center;
		font-family: MiSans, MiSans;
		font-weight: 400;
		font-size: 12px;
		color: #FAFAFA;
		position: absolute;
		top: 15%;
		left: 30%;
		padding: 3px 5px;
		background: rgba(9,29,52,0.5);
		border-radius: 0px 0px 0px 0px;
	  }
	  .main_US{
		text-align: center;
		font-family: MiSans, MiSans;
		font-weight: 400;
		font-size: 12px;
		color: #FAFAFA;
		position: absolute;
		top: 55%;
		left: 62%;
		padding:3px 5px;
		background: rgba(9,29,52,0.5);
		border-radius: 0px 0px 0px 0px;
	  }
	  .main_wo{
		position: absolute;
		left: 40%;
		top: 40%;
		font-family: MiSans, MiSans;
		font-weight: 600;
		font-size: 20px;
		color: #D8131D;
	  }
	.page_system_main_left_title{
		font-size: .875rem;
		/* width: 100%; */
		padding: 15px 7px;
		text-align: center;
	}
	.top_margints{
		width: 50%;
		margin: auto;
	}
	.pages_margin{
		margin: 20px 0px;
		width: 100%;
	}
	.page_number_itemicon_wrap{
		width: 100%;
		/* height: 3.125vw; */
		/* display: flex;
		align-items: center; */
		/* margin-top: 2vw; */
	}
	.pages_next{
		text-indent: 20px;
		font-size: 14px;
	
	}
	.el-table_1_column_1  .el-table-column--selection{
		width: 10px;
	}
	.tgg_goods_list {
		padding-bottom: 25px;
		display: flex;
		flex-wrap: wrap;
	}
	.page_system_main_right_content {
		display: flex;
		flex-direction: column;
		margin-left: 0;
		padding: 10px;
		margin-top: 10px;
	}
	.el-input-number {
		position: relative;
		display: inline-block;
		width: 70px;
		line-height: 38px;
	}
	.el-input-number .el-input__inner {
		-webkit-appearance: none;
		padding: 0;
		text-align: center;
	}
	.eara{
		color: #d81212;
	font-size: 22px;
	margin-left: 5px;
	line-height: 40px;
	font-weight: bold
	}
	.el-table_1_column_2{
		width: 50px;
	}
	.carts{
		display: block;
		width: 100%;
		margin: auto;
	}
	.el-input-number__decrease:hover, .el-input-number__increase:hover {
        color: #409EFF;
        width: 20px;
        height: 25px;
        /* line-height: 30px; */
    }
	.el-input-number__decrease, .el-input-number__increase {
		position: absolute;
        z-index: 1;
        top: 7px;
        width: 20px;
        line-height: 25px;
        height: 25px;
        text-align: center;
        background: #F5F7FA;
        color: #606266;
        cursor: pointer;
        font-size: 13px;
	}
	.el-input-number__increase {
        position: absolute;
        z-index: 1;
        top: 7px;
        width: 20px;
        height: 25px;
        height: auto;
        text-align: center;
        background: #F5F7FA;
        color: #606266;
        cursor: pointer;
        font-size: 13px;
    }
	.el-input-number {
		
	
		width: 65px;
		height: 43px;
	
		line-height: 43px;
	}
	.el-input__inner {
		-webkit-appearance: none;
		background-color: #FFF;
		background-image: none;
		border-radius: 4px;
		border: 1px solid #DCDFE6;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #606266;
		display: inline-block;
		font-size: inherit;
		height: 30px;
		line-height: 40px;
		outline: 0;
		padding: 0 15px;
		-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		width: 100%;
	}
	.margin_top_30 {
		margin-top: 30px;
		width: 100%;
		display: block;
	}
	.btn {
        width: 60px;
        margin: auto;
        line-height: 12px;
        /* height: 30px; */
        background-color: red;
        color: #fff;
        /* text-align: center; */
    }
	.shop-item {
		margin: 10px 0;
	}
	.shop-info {
		padding: 5px;
	}
	.el-main {
		padding: 5px 0;
		display: none;
	}
	.block{
		display: none;
	}
	.productWrap img, .productWrap_1 img {
		width: 100%;
		height: 150px;
	}
	.el-form-item__label {
		font-size: 14px;
	}
	.goods_item_title {
        font-size: 12px;
        font-family: "pf_m";
        color: #333333;
        margin: 5px 0;
    }
	.seach_condition_prorow {
		display: block;
		padding: 22px 0;
	}
	.seach_left_width {
		font-size: 13px;
		color: #333333;
		font-family: "pf_m";
		min-width: 8.54vw;
	}
	.tgg_goods_list li {
		width: 30.8%;
		height: 180px;
		margin-right: 2.2%;
		margin-bottom: 1.5vw;
	}
	.goods_imgbox {
        width: 100%;
        height: 110px;
        overflow: hidden;
    }
	.el-button {
		display: inline-block;
		line-height: 1;
		white-space: nowrap;
		cursor: pointer;
		background: #FFF;
		border: 1px solid #DCDFE6;
		color: #606266;
		-webkit-appearance: none;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		outline: 0;
		/* margin-left: 23px; */
		margin: 0;
		-webkit-transition: .1s;
		transition: .1s;
		font-weight: 500;
		padding: 12px 53px;
		font-size: 14px;
		border-radius: 4px;
	}
	.el-dialog .el-dialog__header {
		padding: 20px;

    }
	.el-dialog__headerbtn {
		position: absolute;
		/* top: 20px; */
		right: 20px;
		padding: 0;
		background: 0 0;
		border: none;
		outline: 0;
		cursor: pointer;
		font-size: 16px;
	}
	.zengshift .el-dialog__header{
        padding: 10px;
	}
	.tgg_server_form {
		width: 100%;
		background: #fff;
		margin: auto;
		border-radius: 15px;
		overflow: hidden;
		position: relative;
		z-index: 5;
		padding: 2.08vw 5%;
		padding-bottom: 3.4vw;
		box-sizing: border-box;;
    }
	.el-button--info {
		color: #FFF;
		background-color: #909399;
		border-color: #909399;
		margin: auto;
		width: 100%;
	}
	.server_title_ch {
		font-size: 15px;
		font-family: "pf_m";
		color: #333333;
		text-align: center;
		letter-spacing: 1px;
	}
	.chinacss{
		width: 390px;
		height: 290px;
	  }
	  .margin_top_20 {
		margin-top: 10px;
		word-break: break-all;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	  .featured-post .post-slide {
		background-size: cover;
		background-position: center center;
		height: 50%;
		min-height: 100px;
		position: relative;
		/* margin-top: 30px; */
	}
	  .meta p{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0px;
		width: 163px;
		height: 0px;
	  }
	  .featured-post .post-slide .text-wrap {
		text-align: center;
		padding: 49px 0;
		background: rgba(255, 255, 255, .5);
		position: absolute;
		/* bottom: 20px; */
		left: 50%;
		top: -40%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width: 500px;
		-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
		box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
	}
	  .iconfont {
		font-family: "iconfont" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  }
	  @font-face {
		font-family: 'iconfont';
		src: url('iconfont.ttf?t=1723617547876') format('truetype');
	  }
	  .icon-shouye:before {
		content: "\e62d";
		width: 18px;
		color: rgb(199, 39, 39);
	}
	.header_main_headerimg {
		margin-left: 2.5vw;
		display: block;
		flex-flow: row nowrap;
		align-items: center;
		cursor: pointer;
	}
	.user-nickname {
		white-space: nowrap;
		margin-left: 10px;
		text-align: center;
	}
	.header_main_userimg {
		width: 52px;
		height: 52px;
		background: #fff;
		border-radius: 100%;
		overflow: hidden;
		display: flex;
		margin: auto;
		justify-content: center;
		align-items: center;
		position: relative;
		flex-shrink: 0;
	}
	.icon-shangcheng1:before {
		content: "\e609";
		color: #a25684;
	}
	.icon-sousuo:before {
		content: "\e62f";
		color: #acbbf5;
	}
	.icon-gouwuche:before {
		content: "\e6da";
		color: rgb(238, 0, 0);
	}
	.icon-xiazai:before {
		content: "\e668";
		color: orange;
	}
	.icon--fabu:before {
		content: "\e608";
		color:darkcyan;

	}
	.icon-shangcheng:before {
		content: "\e60a";
		color: #2c60ea;
	}
	.el-tab-pane .detail .row {
		display: flex;
		
		height: 50px;
		width: 98%;
		line-height: 20px;
		font-size: -4px;
		text-align: center;
		border: 1px solid #cccccc;
	}
	.el-tab-pane .detail .table {
		display: table;
		border: 1px solid #cccccc;
		margin: 0.5vw;
		border-collapse: collapse;
		width: 99%;
	}
	.detail .cell {
		display: table-cell;
		border: 1px solid #cccccc;
		padding: 5px;
		flex: 1;
		text-align: center;
		font-size: 15px;
		/* width: 50%; */
	}
	.gray_bg {
		width: 100%;
		margin: auto;
	}
	.choose_commoditynav .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
		color: #e62129;
		font-size: 14px;
	}
	.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
		margin-left: 0;
		font-size: 18px;
	}
	.swiper-slide_postsize img {
		width: 100%;
		height: 220px;
	}
	.el-dropdown-menu__item {
		list-style: none;
		line-height: 40px;
		padding: 0 1.25rem;
		margin: 0;
		font-size: 17px;
		
		color: #606266;
		cursor: pointer;
		outline: 0;
		text-align: center;
	}
	.designer_form_top {
		background: #fff;
		box-sizing: border-box;
		padding: .5rem 9px;
	}
	.page_number_wrap{
		padding: .625rem 0;

		/* padding-top: 6vw; */
		/* padding-bottom: 4vw; */
	}
	.el-input__inner {
		/* -webkit-appearance: none;
		background-color: #FFF;
		background-image: none;
		border-radius: 4px;
		border: 1px solid #DCDFE6;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #606266;
		display: inline-block;
		font-size: inherit;
		height: 40px;
		line-height: 40px;
		outline: 0;
		padding: 0 3.75rem;
		-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		width: 100%; */
	}
	
	
	.login-btn, .scan-btn {
		height: 1.875rem;
		padding: 0 1.5vw;
		border-radius: 1.5vw;
		background-color: #e62129;
		line-height: 2.5vw;
		text-align: center;
		font-size: 15px;
		color: #fff;
		margin-bottom: 4.25vh;
		cursor: pointer;
	}
	.empty {
		display: flex;
		margin: auto;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		padding: 0;
	}
	.el-button--primary {
		color: #FFF;
		margin: 10px 0;
		background-color: #409EFF;
		border-color: #409EFF;
	}
	.el-footer {
		background-color: #fff;
		display: flex;
		flex-flow: row nowrap;


		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: auto;
		padding: 5rem 0;
	}
	.el-button--danger {
		border-radius: 0 !important;
		background-color: #d81212;
		height: 40px;
		font-size: 13px;
		/* width: 120px; */
	}
	.operation_box_cart{
		display: block
	}
	.city-header {
		flex: 1;
		height: 100%;
		line-height: 60px;
		text-align: center;
		font-size: 22px;
	}
	.el-dialog {
		position: relative;
		margin: 0 auto 50px;
		border-radius: 2px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		box-sizing: border-box;
		width: 80%;
	}
	.page_system_main_title {
        font-size: 13px;
        font-weight: 600;
    }
	.page_system{
		padding-bottom: 0;
	}
	.page_system .system{
		padding-top: 3vw;
		height: 31.25rem;
	/* padding-bottom: 0; */
		
	}
	.page_system_main_box{
		margin-top: 10px
	}
	.pcimg {
        height: 15.75rem;
		background-image: url(../images/banner.png) 100%;

        background-size: cover;
    }
	.title_big_1 {
        margin: 1.25rem auto;
    }
	
		.content_width_1 {
			width: 100%;
			margin: auto;
		}
	
	.page_new_left, .page_new_right {
        
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* justify-content: flex-start; */
    }
	.page_new_left_img, .page_new_right_img {
        background: #fff;
        padding: 5px;
        margin: 0 5px;
        margin-top: 5px;
    }
	.page_system_main_right_content_text {
		margin-left: 20px;
		font-weight: 600;
		line-height: 2;
		font-size: 1rem;
	}
	.el-dialog__header {
		padding: 0px 37px 0 37px;
	}
	.good-info-wrap{
     display: block;
	}
	.good-img-wrap, .good-param-wrap {
		width: 100%;
	}
	.good-param-wrap {
		padding-left: 0;
		box-sizing: border-box;
	}
	.good-name {
		margin: 20px 0;
		font-size: 20px;
	}
	.good_detail-wrap{
		margin: 0;
		padding: 0;
	}
	.good-param-wrap{
		/* width: 100%; */
	}
	.good-big-img {
		width: 85%;
		height: 16.25rem;
	}
	.el-divider--horizontal {
		display: block;
		height: 1px;
		width: 100%;
		margin: 15px 0;
	}
	.good-info-item {
		margin-bottom: .625rem;
	}
	.good-info {
		padding: .625rem 0;
		font-size: 18px;
		color: #999999;
	}
	.good-img-wrap .clearfix{
		width: 0;
       
	}
	.el-tab-pane img{
		width: 100%;
	}
	.el-icon-arrow-right:before {
		content: "\e6e0";
		font-size: 15px;
	}
	.login_dialog .el-dialog{
		width: 75%;
        /* top: 5vh; */
	}
	.city-body {
		height: 350px;
		overflow-y: auto;
		margin-left: 20px;
	}
	/* .el-dialog .el-dialog__header{
		padding: 0;
	} */
	.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item, .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
		margin-left: 3px;
	}
	.el-input__inner {
		
		width: 100%;
	}
	.el-dialog__body {
		padding: 13px 5px;
		color: #606266;
		font-size: 14px;
		word-break: break-all;
	}
	.productName{
		width: 100%;
		margin: 0.5rem 0;
		word-break: break-all;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	
	}
	.content_width {
		width: 90%;
		margin: 0  auto;
	}

	.header_main_right{
		display: none;
	}

	.header_main_rightAdnav {
		width: 100%;
		background: #fff;
		position: absolute;
		z-index: 2;
		text-align: center;
		top: 100%;
		display: none;
	}

	.header_main_adright{
		display: block;
	}

	.header_main_rightAdnav_text {
		padding: 10px 0;
	}

	.header_main_rightAdnav_text:last-child {
		padding: 0 0 10px 0;
	}

	

	.swiperTextTitle{
		font-size: 5vw;
	}
	
	.swiperTextContent{
		font-size: 3vw;
		margin: 2vw 0 ;
	}

	.page_number_main{
		flex-wrap: wrap;
	}

	.page_number_itemicon img{
		display: block;
		max-width: 30%;
		height: auto;
	
	}

	.swiperBtn{
		padding: 1vw 1.5vw;
		border-radius: 2vw;
		font-size: 2vw;
	}

	.pageText{
		text-align: left;
	}
	
	.pageTextTitle{
		text-align: center;
		color: #333;
		font-weight: 600;
		font-size: 18px;
	}
	
	.pageTextContent{
		color: #666;
		font-size: 12px;
	}

	.title_big{
		font-size: 20px;
	}

	.title_Num {
		font-size: 40px;
	}

	.page_system_main{
		margin-top: 0;
		display: block;
		position: relative;
		height: 300px;
	}
	.part .flex .flex_wrap{
        display: flex;

	}
	/* .flex {
        display: flex;
    } */
	.page_system_main img{
		margin-top: 20px;
	}

	.page_system_main_left{
		margin-top: 3.75rem;
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		top: 60%;
	}
	.page_system_main_box {
		/* margin-top: 20px; */
	/* margin-top: 4.0625rem; */
		width: 28%;
		padding: 0 5px;
	}
	.page_system_main img{
		width: 100%;
	}
	.page_system_main_title{
		font-size: 13px;
		font-weight: 600;
	}
	.title_intro{
		/* font-size: 12px; */
		font-size: 9px;

		margin-top: 10px;
	}

	.page_people_jieshao {
		color: #fff;
		margin: 0 20px 20px 0;
	}

	.page_people_bg{
		position: relative;
	}

	.page_people_bg .float{
		margin: -5vw 0 0 0;
		z-index: 1;
	}

	.page_people_bg .float img{
		width: 30%;
		position: absolute;
		top: -50%;
		right: 10px;
	}
	
	.flex_1 {
		/* display: flex;
		justify-content: space-around; */
		display: block;
	}
	

	
	.page_people_jieshao {
		color: #fff;
		/* margin: 0 0 20px 10px; */
		font-size: 10px;
		position: absolute;
		top: 35px;
		right: 105px;
		text-align: end;
	}

	.page_people_jieshaoColor{
		color: #acbbf5;
		font-size: 10px;
	}

	.page_people_bg {
		height: 70px;
		margin-top: 20px;
	}

	.page_people_content {
		font-size: 3vw;
		color: #fff;
		line-height: 70px;
	}

	/* .content_width_1 {
		width: 90%;
		margin: auto;
	} */

	.page_new_box{
		/* display: block; */
		/* justify-content: space-between; */
	}
	.page_new_left,
	.page_new_right{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/* justify-content: flex-start; */
	}

	/* .page_new_right{
		width: 20%;
	
	} */
	
	.page_new_left_img,
	.page_new_right_img {
		background: #fff;
		padding: 5px;
		margin: 0 5px;
		margin-top: 5px;
	}
	
	
	.page_new_left_img video{
		width: 145px;
		height: 100px;
	}
	.page_new_right_img img{
		width: 145px;
		height: 100px;
	}
	.page_new_text{
		width: 145px;
	}
	/* .title_big_1{
		margin: 40px auto;
	} */
	.footer_box_top{
		display: flex;
		flex-direction: column;
		padding: 10px 0;
		margin:0 15px;
		padding-bottom: 45px;
	}
	.footer_box_top_right {
		margin-left: 0;
	}
	.footer_box_top_right_title {
		margin-top: 20px;
	}
	.productBox {
		/* width: 36%; */
		/* width: 41%; */
		width: 38%;
        height: 240px;
        position: relative;
        display: flex;
        justify-content: space-between;
    }
       
	}
	.productcenter{
		width: 100%;
		height: 250px;
		position: relative;
	}
	
	.productcenter .goods_item_price{
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.productWrap .productBox img{
		/* width: 120px; */
		width: 100%;

		height: 160px;
	}
	.goods_imgbox{
		width: 100%;
		/* height: 90px; */
		overflow: hidden;
	}
	.goods_item_data{
		width: 100%;
		box-sizing: border-box;
		padding: 5px 6%;
		padding-bottom: 5px;
	}
	.goods_item_title{
		font-size: 12px;
		font-family: "pf_m";
		color: #333333;
	}
	.goods_item_price{
		font-size: 13px;
		font-family: "pf_m";
		color: #e62129;
	}

	.content_box{
		display: block;
	}

	.page_system_main_left_box {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	

	.page_system_main_right_content {
		/* width: 100%; */
		display: flex;
		/* flex-direction: column; */
		margin-left: 0;
		padding: 10px;
		margin-top: 10px;
	}

	.page_system_main_right_content_text{
		margin-left: 10px;
		margin-top: 10px;
		text-indent: 2.1875rem;
	}

/* ipad横屏*/
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape){
	.page_system_main{
		margin-top: 0;
		display: block;
		position: relative;
		height: 400px;
	}
	.top_margints{
		width: 30%;
		margin: auto;
	}
	.page_system_main img{
		margin-top: 20px;
	}

	.page_system_main_left{
		margin-top: 0;
		display: flex;
		position: absolute;
		top: 74%;
	}
	.pcimg {
        height: 350px;
		background-image: url(../images/banner.png) 100%;

        background-size: cover;
    }
	.productWrap .productBox img {
        /* width: 120px; */
        width: 100%;
        height: 190px;
    }
}

/*ipad竖屏*/
@media only screen and (min-device-width: 768px)and (max-device-width: 1824px)and (orientation: portrait){
	.productWrap .productBox img {
        /* width: 120px; */
        width: 100%;
        height: 180px;
    }
	.top_margints{
		width: 30%;
		margin: auto;
	}
	.page_number_item{
		text-align: center;
		width: 50%;
		margin-top: 10px;
	}
	.page_number_main {
		display: flex
	;
		width: 100%;
		flex-wrap: wrap;
		/* flex-direction: row; */
		justify-content: space-between;
	}
	.productBox {
        /* width: 36%; */
        /* width: 41%; */
        width: 28%;
        height: 260px;
        position: relative;
        display: flex;
        justify-content: space-between;
    }
	.gray_bg{
		width: 100%;
	}
	.chinacss{
		width: 700px;
		height: 500px;
	  }
	
	.page_system_main{
		margin-top: 0;
		display: block;
		position: relative;
		height: 520px;
	}
	.page_system {
		padding: 10px 0;
	}
	.pcimg {
        height: 350px;
        background-image: url(../images/banner.png) 100%;
        background-size: cover;
    }
	
	.page_system_main img{
		margin-top: 20px;
		/* margin-left: -20%; */
        width: 100%;

	}
	.content_width {
		width: 85%;
		margin: 0 auto;
	}
	.content_width_1 {
		width: 100%;
		margin: auto;
	}
	.page_system_main_left{
		margin-top: 0;
		display: flex;
		position: absolute;
		width: 100%;
		top: 70%;
	}
	.el-dropdown-menu__item {
        list-style: none;
        line-height: 40px;
        padding: 0 1.875rem;
        margin: 0;
        font-size: 25px;
        width: 130px;
        color: #606266;
        cursor: pointer;
        outline: 0;
		text-align: center;
    }
	.page_system_main_box{
      width: 35%;
	}
	.el-tabs__content img{
		width: 100%;
	}
	.el-dialog {
		position: relative;
		margin: 0 auto 50px;
		border-radius: 2px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		box-sizing: border-box;
		width: 60%;
	}
	.form_main {
		margin-top: 80px;
	}
	.login-btn, .scan-btn {
		height: 3.5vw;
		padding: 0 1.5vw;
		border-radius: 1.5vw;
		background-color: #e62129;
		line-height: 2.5vw;
		text-align: center;
		font-size: 16px;
		color: #fff;
		margin-bottom: 4.25vh;
		cursor: pointer;
	}
	.login-header-item {
		flex: 1;
		height: 100%;
		line-height: 80px;
		text-align: center;
		cursor: pointer;
		font-size: 25px;
	}
	.gray_bg {
		width: 100%;
		/* margin: auto; */
	}
	.el-dialog__headerbtn {
		position: absolute;
		top: 20px;
		right: 20px;
		padding: 0;
		background: 0 0;
		border: none;
		outline: 0;
		cursor: pointer;
		font-size: 23px;
	}
	.el-dialog__body {
		padding: 30px 20px;
		color: #606266;
		font-size: 20px;
		word-break: break-all;
	}
	.el-tab-pane .detail .row {
		display: flex;
		
		height: 50px;
		width: 98%;
		line-height: 20px;
		font-size: -4px;
		text-align: center;
		border: 1px solid #cccccc;
	}
	.footer_box_top {
		width: 100%;
		display: flex;
		justify-content: center;
		/* margin: auto; */
	}
	.el-tab-pane .detail .table {
		display: table;
		border: 1px solid #cccccc;
		margin: 0.5vw;
		border-collapse: collapse;
		width: 100%;
	}
	.detail .cell {
		display: table-cell;
		border: 1px solid #cccccc;
		padding: 5px;
		flex: 1;
		text-align: center;
		font-size: 25px;
		/* width: 50%; */
	}
	.swiper-slide_postsize img {
        width: 100%;
        height: 300px;
    }
	.meta p{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px;
	  }
	  .tgg_server_form {
        width: 90%;
    }
	.goods_imgbox {
		width: 100%;
		/* height: 100%; */
		height: 165px;
		overflow: hidden;
	}
	.goods_item_data {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 6%;
        padding-bottom: 15px;
    }
	.goods_item_title {
		font-size: 1.04vw;
		font-family: "pf_m";
		color: #333333;
		margin: 5px 0px;
	}
	.goods_item_price {
		font-size: 1.14vw;
		font-family: "pf_m";
		color: #e62129;
		margin-top: 10px;
	}
	.swiper-slide_postsize img {
        width: 100%;
        height: 380px;
    }
	.productWrap .productBox img {
        /* width: 120px; */
        width: 100%;
        height: 150px;
    }
	.goods_imgbox img {
		display: block;
		width: 100%;
		height: 95%;
		transition: all 2s ease;
	}
	.tgg_goods_list li {
		width: 22%;
		height: 250px;
		margin-right: 2.2%;
		margin-bottom: 50px;
	}
	.el-input-number {
		position: relative;
		display: inline-block;
		width: 155px;
		line-height: 38px;
	}
	.productBox {
        /* width: 36%; */
        /* width: 41%; */
        width: 28%;
        /* height: 300px; */
        position: relative;
        display: flex;
        justify-content: space-between;
    }
	.productWrap img, .productWrap_1 img {
		width: 100%;
		height: 180px;
	}
	.productWrap img, .productWrap_1 img {
    width: 100%;
    height: 170px;
}
}