@charset "utf-8";
/*html5*/ 
@font-face {
	font-family: 'NotoSansJP';
	src: url('../font/NotoSansJP-Regular.otf');
}
@font-face {
	font-family: 'Inter';
	src: url('../font/Inter-Light-7.otf');
}
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#333;}
input{border:none;  outline:medium;}
*{box-sizing: border-box;font-family: NotoSansJP;}
body{width:100%;background:#fff;color:#333;font-size:14px;}
html{overflow-x:hidden;}
table{border-collapse:collapse}
img{border:none;max-width: 100%;}
ul{list-style: none;}


.top{
	background-color: #5A2940;
	text-align: center;
	line-height: 30px;
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
}
.header{
	padding: 0 60px;
}
.header1{
	zoom: 1;
	padding: 14px 0 20px;
	border-bottom: 2px solid #999999;
}
.header1:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.logo{
	float: left;
	font-size: 0;
}
.logo img{
	height: 72px;
}
.nav{
	float: left;
	margin-top: 10px;
	margin-left: 50px;
	border-right: 1px solid #B8B8B8;
}
.nav ul{
	zoom: 1;
}
.nav ul:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.nav ul li{
	list-style-type: none;
	float: left;
	position: relative;
	width: 360px;
	border-left: 1px solid #B8B8B8;
}
.nav ul li > a{
	display: block;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	line-height: 52px;
	color: #7D7D7D;
	text-align: center;
}
.nav_sub{
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9;
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0px 5.33px 5.33px 0px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 10px 10px;
}
.nav_sub1{
	position: relative;
}
.nav_sub1 > a{
	display: block;
	padding: 0 25px;
	line-height: 54px;
	font-size: 14px;
	color: #333;
}
.nav_sub2{
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 9;
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0px 5.33px 5.33px 0px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 10px 10px;
}
.nav_sub2 > a{
	display: block;
	padding: 0 25px;
	line-height: 54px;
	font-size: 14px;
	color: #333;
}
.nav ul li:hover .nav_sub{
	display: block;
}
.nav_sub1:hover .nav_sub2{
	display: block;
}
.nav_sub1:hover > a{
	background-color: #E8E8E8;
}
.nav_sub2 a:hover{
	background-color: #E8E8E8;
}
.butt{
	float: right;
	font-size: 0;
	height: 72px;
	display: flex;
	align-items: center;
}
.butt > a{
	display: block;
	margin-left: 30px;
}
.search{
	font-size: 0;
	position: relative;
}
.search img{
	width: 30px;
}
.search1{
	display: none;
	position: absolute;
	top: calc(100% + 36px);
	right: 0;
	z-index: 96;
	background-color: #fff;
	padding: 15px;
}
.search2{
	overflow: hidden;
	border: 1px solid #666666;
	width: 520px;
}
.searchi{
	float: left;
	width: calc(100% - 54px);
	height: 50px;
	font-size: 16px;
	color: #333333;
	padding: 0 15px;
}
.searchii{
	float: left;
	width: 54px;
	background: url(../img/search.png) center no-repeat;
	height: 50px;
	background-size: 30px;
}
.butt img{
	width: 32px;
}
.menu{
	margin-left: 30px;
	position: relative;
}
.menutc{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1099;
	background-color: #FFFFFF;
	height: calc(100vh - 98px);
	width: 568px;
	padding: 50px 30px;
	overflow-y: scroll;
}
.menutc1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menutc1a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 68px;
	width: calc((100% - 20px)/2);
	font-weight: 700;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #5A2940;
	border: 1px solid #5A2940;
}
.menutc1b{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 68px;
	width: calc((100% - 20px)/2);
	font-weight: 700;
	font-size: 16px;
	color: #2A2A2A;
	border: 1px solid #5A2940;
}
.menutc2{
	margin-top: 40px;
}
.menutc4{
	margin-top: 6px;
	height: 58px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	font-size: 20px;
	color: #2A2A2A;
}
.menutc4 a{
    flex: 1;
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menutc4 img{
	width: 24px;
}
.arrow1{
	display: none;
}
.menutc5{
	display: none;
}
.menutc6{
	margin-top: 6px;
	height: 58px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px 0 35px;
	font-weight: 700;
	font-size: 16px;
	color: #000000;
}
.menutc6 img{
	width: 24px;
}
.menutc7{
	display: none;
}
.menutc7 a{
	margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px 0 55px;
	height: 58px;
	font-size: 16px;
	color: #333333;
}
.menutc7 a:hover{
	background-color: #F0F0F0;
}
.menutc7 a.on{
	background-color: #F0F0F0;
}
.menutc3.on .menutc4{
	background-color: #5A2940;
}
.menutc3.on .menutc4 a{
	color: #FFFFFF;
}
.menutc3.on .menutc4 .arrow{
	display: none;
}
.menutc3.on .menutc4 .arrow1{
	display: block;
}
.menutc3.on .menutc5{
	display: block;
}
.menutc8.on .menutc6{
	background-color: #D1D1D1;
}
.menutc8.on .menutc7{
	display: block;
}
.menutc9{
	margin-top: 70px;
	font-size: 0;
	text-align: center;
}
.menutc9 a{
	margin: 0 20px;
}
.menutc9 a img{
	width: 40px;
}
.menutc10{
	margin-top: 60px;
	text-align: center;
}
.menutc10 a{
	display: inline-block;
	margin: 0 15px;
	font-size: 14px;
	line-height: 30px;
	text-decoration: underline;
	color: #4A4A4A;
}
.phone_item{
    display: none;
}
.banner{
	font-size: 0;
	position: relative;
}
.banner .swiper{
	padding-bottom: 30px;
}
.banner .swiper-slide {
	position: relative;
	width: 100%;
	mask-image: url('../img/banbg.png');
	mask-size: 300% 600%;
	mask-position: 66.7% 0%;
}
.banner .swiper-slide.is_zoom {
	animation: WZ 2s ease-in-out;
}
.banner .swiper-pagination{
	bottom: 0;
}
.banner .swiper-pagination-bullet{
	opacity: 1;
	background-color: #D9D9D9;
	border-radius: 0;
	width: 51px;
	height: 5px;
}
.banner .swiper-pagination-bullet-active{
	background-color: #5A2940;
}
@keyframes WZ {
	from {
		mask-position: 0% 0%;
	}

	to {
		mask-position: 66.7% 0%;
	}
}
.bleft{
	font-size: 0;
	position: absolute;
	left: 30px;
	top: 50%;
	z-index: 11;
	transform: translateY(-50%);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 5.33px 5.33px 0px rgba(0, 0, 0, 0.25);
}
.bright{
	font-size: 0;
	position: absolute;
	right: 30px;
	top: 50%;
	z-index: 11;
	transform: translateY(-50%);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 5.33px 5.33px 0px rgba(0, 0, 0, 0.25);
}
.news{
	margin-top: 24px;
	padding: 0 56px;
}
.news1{
	border-top: 1px solid #999999;
	padding-top: 40px;
	overflow: hidden;
}
.news2{
	float: left;
	width: 31%;
}
.news3{
	font-weight: 500;
	font-size: 26.54px;
	line-height: 37.16px;
	color: #7D7D7D;
	padding-left: 30px;
}
.news4 ul li{
	list-style-type: none;
	margin-top: 30px;
}
.news4 ul li a{
	font-size: 22px;
	color: #7D7D7D;
}
.news5{
	float: right;
	padding-right: 50px;
	width: 66%;
}
.news6{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
	font-size: 32px;
	line-height: 29.34px;
	color: #7D7D7D;
}
.news6 a{
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	color: #7D7D7D;
	text-decoration: underline;
}
.news7{
	margin-top: 15px;
}
.news7 ul{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.news7 ul li{
	margin-top: 35px;
	width: calc((100% - 88px)/3);
	margin-right: 44px;
	position: relative;
	overflow: hidden;
}
.news7 ul li:nth-child(3n){
	margin-right: 0;
}
.news8{
	font-size: 0;
	position: relative;
}
.news8 span{
	position: absolute;
	right: 16px;
	top: 4px;
	font-size: 20px;
	line-height: 36px;
	color: #DD1717;
}
.news9{
	margin-top: 16px;
	/* font-weight: 700; */
	font-size: 21px;
	line-height: 42px;
	height: 84px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #7D7D7D;
}
.news10{
	font-size: 20px;
	color: #DB2727;
}
.news10 span{
	color: #7D7D7D;
}
.news11{
	font-size: 20px;
	color: #DB2727;
}
.linet{
	text-decoration: line-through;
}
.news12{
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: scale(1.08);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.25, .46, .45, .94);
	width: 100%;
	z-index: 1;
}
.news7 ul li:hover .news12{
	opacity: 1;
	transform: scale(1);
}
.pdpro1 ul li:hover .news12{
	opacity: 1;
	transform: scale(1);
}
.tjpro{
	margin-top: 100px;
	padding: 0 56px;
}
.tjpro1{
	zoom: 1;
}
.tjpro1:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.tjpro1 .news2{
	margin-left: -56px;
}
.tjpro2{
	font-size: 0;
	margin-top: 80px;
}
.cateloy{
	margin-top: 100px;
}
.cateloy1{
	padding: 0 133px;
	font-weight: 700;
	font-size: 32px;
	line-height: 29.34px;
	color: #7D7D7D;
}
.cateloy2{
	margin-top: 50px;
}
.cateloy2 ul{
	overflow: hidden;
}
.cateloy2 ul li{
	list-style-type: none;
	float: left;
	width: 25%;
	position: relative;
	font-size: 0;
}
.cateloy2 ul li{
	display: flex;
	align-items: center;
	justify-content: center;
}
.cateloy3{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-weight: 800;
	font-size: 50px;
	line-height: 111.75px;
	text-align: center;
	color: #FFFFFF;
}
.ins{
	margin-top: 18px;
	padding: 64px 90px 108px;
	background-color: #EDEDED;
}
.ins1{
	padding: 0 43px;
	font-weight: 700;
	font-size: 32px;
	line-height: 29.34px;
	color: #7D7D7D;
}
.ins2{
	margin-top: 60px;
}
.ins2 ul{
	overflow: hidden;
}
.ins2 ul li{
	list-style-type: none;
	float: left;
	font-size: 0;
	width: calc((100% - 45px)/4);
	margin-right: 15px;
}
.ins2 ul li:nth-child(4n){
	margin-right: 0;
}
.footer{
	background-color: #E8E8E8;
}
.footer1{
	padding: 23px 269px 26px 165px;
	border-bottom: 1px solid #B5B5B5;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.footer2{
	font-weight: 350;
	font-size: 21.33px;
	line-height: 30px;
	color: #4A4A4A;
	max-width: 440px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.footer2 a{
	width: 50%;
	color: #7D7D7D;
	margin-bottom: 18px;
}
.footer3{
	text-align: center;
}
.footer4{
	margin-top: 11px;
	font-size: 0;
	text-align: center;
}
.footer4 a{
	margin: 0 20px;
}
.footer4 a img{
	width: 40px;
}
.footer5{
	margin-top: 50px;
}
.footer5 a{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #5A2940;
	border: 1px solid #5A2940;
	border-radius: 8px;
	padding: 0 16px 0 44px;
	height: 60px;
	font-weight: 500;
	font-size: 12.02px;
	line-height: 20.54px;
	color: #FFFFFF;
}
.footer5 a span{
	font-weight: 700;
	font-size: 20.6px;
	margin: 0 8px;
}
.footer5 a img:first-child{
	margin-right: 20px;
}
.footer6{
	margin-top: 14px;
}
.footer6 a{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	border: 1px solid #5A2940;
	border-radius: 8px;
	padding: 0 16px 0 44px;
	height: 60px;
	font-weight: 500;
	font-size: 12.02px;
	line-height: 20.54px;
}
.footer6 a span{
	margin: 0 30px;
	flex: 1;
	font-weight: 500;
	font-size: 12.02px;
	line-height: 20.54px;
	color: #5A2940;
	text-align: left;
}
.footer6 a code{
	display: block;
	font-family: inherit;
	font-weight: 700;
	font-size: 20.6px;
	line-height: 20.54px;
}
.footer7{
	text-align: center;
}
.footer7 a{
	display: inline-block;
	margin: 0 25px;
	font-weight: 350;
	font-size: 21.33px;
	line-height: 60px;
	color: #7D7D7D;
}
.beian{
	background-color: #000000;
	padding: 25px 0;
}
.beian1{
	font-size: 0;
	text-align: center;
}
.beian1 img{
	height: 36px;
}
.beian2{
	margin-top: 9px;
	font-weight: 500;
	font-size: 21.33px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
}
.rnpro{
	padding: 16px 60px 100px;
}
.address{
	padding: 0 30px;
	display: flex;
	align-items: center;
}
.address a{
	font-size: 16px;
	letter-spacing: 1px;
	color: #4A4A4A;
}
.address img{
	width: 18px;
	margin: 0 8px;
}
.nitem{
	margin-top: 100px;
	text-align: right;
	position: relative;
}
.nitem a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 41px;
	background-color: #5B5B5B;
	border-radius: 10px;
	/* padding: 0 24px; */
	font-size: 16px;
	width: 140px;
	color: #FFFFFF;
}
.nitem a img{
	margin-left: 11px;
	width: 16px;
}
.nitem1{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 140px;
	background-color: #5B5B5B;
	border-radius: 10px;
	z-index: 999;
}
.nitem1 a{
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #FFFFFF;
	text-align: center;
}
.rnpro1{
	overflow: hidden;
}
.rnpro2{
	float: left;
	width: 28%;
	margin-top: 44px;
}
.npro3{
	float: right;
	width: 70%;
}
.page{
	margin-top: 60px;
	text-align: center;
}
.page a{
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid #000000;
	font-size: 16px;
	color: #000000;
	margin: 0 2px;
}
.page a img{
	width: 9px;
}
.page a.on{
	background-color: #000000;
	color: #FFFFFF;
}
.tips_tc{
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 999999;
	transform: translate(-50%,-50%);
	overflow: hidden;
	width: 80%;
	max-width: 690px;
	box-shadow: 0px 4px 21.100000381469727px 0px rgba(0, 0, 0, 0.1);
}
.cancle_tc{
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 8px;
	overflow: hidden;
	width: 80%;
	max-width: 690px;
	box-shadow: 0px 4px 21.100000381469727px 0px rgba(0, 0, 0, 0.1);
}
.tips_tc1{
	height: 56px;
	background-color: #5A2940;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	line-height: 56px;
	color: #ffffff;
}
.tips_tc2{
	background-color: #ffffff;
	padding: 26px 25px 23px;
}
.tips_tc3{
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
	text-align: center;
	color: #333333;
	min-height: 58px;
}
.tips_tc4{
	margin-top: 19px;
	text-align: center;
}
.tips_tc4a{
	margin: 0 20px;
	display: inline-block;
	width: 132px;
	height: 30px;
	border-radius: 5px;
	background-color: #3851A6;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
	line-height: 30px;
}
.tips_tc4b{
	margin: 0 20px;
	display: inline-block;
	width: 132px;
	height: 30px;
	border-radius: 5px;
	background-color: #E30043;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
	line-height: 30px;
}
.nprode{
	margin: 100px auto 0;
	width: 100%;
	max-width: 1550px;
	overflow: hidden;
}
.nprode1{
	float: left;
	width: 51%;
}
.pro_left1{
	margin-top: 16px;
}
.proLeft1{
	font-size: 0;
	position: relative;
}
.proLeft1 span{
	position: absolute;
	right: 16px;
	top: 4px;
	font-size: 20px;
	line-height: 36px;
	color: #DD1717;
}
.proLeft2{
	font-size: 0;
}
.evaluate{
	margin-top: 86px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E3E3E3;
	font-size: 20px;
	font-weight: 600;
	line-height: 42px;
	color: #333333;
}
.evaluate a{
	float: right;
	display: inline-block;
	width: 172px;
	height: 42px;
	background-color: #5A2940;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
}
.evaluate1{
	margin-top: 25px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.evaluate2{
	width: 235px;
}
.evaluate2a{
	font-size: 0;
}
.evaluate2a img{
	margin-right: 3px;
}
.evaluate2a span{
	margin-left: 13px;
	font-size: 24px;
	font-weight: 700;
	line-height: 17px;
	color: #6c6c6c;
}
.evaluate2b{
	margin-top: 7px;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	color: #A2A2A2;
}
.evaluate3{
	flex: 1;
	padding: 1px 0 16px 16px;
	border-left: 1px solid #E3E3E3;
}
.evaluate3a{
	font-size: 0;
	text-align: right;
}
.evaluate3a img{
	margin-right: 2px;
}
.evaluate3a span{
	display: inline-block;
	width: 30px;
	margin: 0 3px 0 9px;
	font-size: 12px;
	line-height: 17px;
	color: #3085C7;
}
.evaluate3a code{
	display: inline-block;
	position: relative;
	width: 103px;
	height: 8px;
	background-color: #EDEDED;
}
.evaluate3a i{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #3085C7;
}
.evaluate4{
	margin-top: 36px;
}
.evaluate4 ul li{
	list-style-type: none;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #E3E3E3;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.evaluate5{
	font-size: 0;
	margin-right: 8px;
}
.evaluate6{
	flex: 1;
}
.evaluate6a{
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	color: #000000;
}
.evaluate6a span{
	float: right;
	color: #6A6C77;
	font-weight: normal;
}
.evaluate6b{
	margin-top: 9px;
	font-size: 0;
}
.evaluate6b img{
	margin-right: 3px;
}
.evaluate6c{
	margin-top: 10px;
	font-size: 14px;
	line-height: 25px;
	color: #4F4F4F;
}
.evaluate6d{
	font-size: 0;
}
.evaluate6d img{
	margin-right: 11px;
	width: 130px;
}
.evaluate6e{
	margin-top: 15px;
	font-size: 13px;
	line-height: 17px;
	text-align: right;
	color: #6A6C77;
}
.evaluate6e span{
	margin-left: 12px;
	display: inline-flex;
	align-items: center;
}
.evaluate6e span img{
	margin-right: 6px;
}
.zan1{
	display: none;
}
.evaluate_tc{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.evaluate_tc1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: #ffffff;
	padding: 29px 16px 29px 23px;
	width: 100%;
	max-width: 1133px;
	max-height: 90%;
	overflow-y: scroll;
}
.evaluate_tc1::-webkit-scrollbar {
	width: 11px;
}
.evaluate_tc1::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 11px rgba(216,216,216,0.11);
	background: rgba(216,216,216,0.11);
}
.evaluate_tc1::-webkit-scrollbar-track {
	box-shadow: inset 0 0 11px rgba(216,216,216,0.11);
	border-radius: 10px;
	background: rgba(216,216,216,0.02);
}
.evaluate_tc2{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	color: #000000;
	padding-bottom: 32px;
	border-bottom: 2px solid #7C8790;
}
.evaluate_tc3{
	margin-top: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 72px;
}
.evaluate_tc3a{
	margin-right: 32px;
	font-size: 0;
}
.evaluate_tc3a img{
	width: 142px;
}
.evaluate_tc3c{
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: #2c2c2c;
}
.evaluate_tc3d{
	margin-top: 10px;
	font-size: 12px;
	line-height: 18px;
	color: #757575;
}
.evaluate_tc4{
	margin-top: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}
.evaluate_tc4 span{
	font-weight: 500;
	color: #FF1616;
}
.evaluate_tc5{
	margin-top: 12px;
	font-size: 0;
}
.evaluate_tc5 span{
	margin-right: 3px;
}
.tc_star1{
	display: none;
}
.evaluate_tc5 span.on .tc_star{
	display: none;
}
.evaluate_tc5 span.on .tc_star1{
	display: inline-block;
}
.evaluate_tc6{
	margin-top: 18px;
}
.evaluate_tc6 input{
	width: 100%;
	height: 37px;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
}
.evaluate_tc7{
	margin-top: 12px;
}
.evaluate_tc7 span{
	font-size: 0;
	position: relative;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}
.evaluate_tc7 img{
	border: 1px solid #A0A0A0;
	width: 140px;
	height: 140px;
}
.evaluate_tc7 img.delete{
	border: none;
	width: 20px;
	height: 20px;
}
.delete{
	position: absolute;
	right: -10px;
	top: -10px;
}
.evaluate_tc7 span code{
	margin: 10px auto 0;
	display: block;
	font-family: inherit;
	width: 127px;
	height: 32px;
	background-color: #5A2940;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
}
.evaluate_tc7 span input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 96;
	opacity: 0;
}
.evaluate_tc8{
	margin-top: 18px;
}
.evaluate_tc8 textarea{
	width: 100%;
	resize: none;
	border: 1px solid #CCCCCC;
	padding: 6px 11px;
	height: 178px;
}
.evaluate_tc9{
	margin-top: 27px;
	text-align: right;
}
.evaluate_tc9 input{
	width: 120px;
	height: 40px;
	background-color: #5A2940;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}
/* box */
.box{width:310px;margin:100px auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:310px;width:310px;}
.tb-s310, .tb-s310 img{max-height:310px;max-width:310px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;bottom:0px;width:469px;height:727px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../img/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.bigimg{width: 750px;max-width: 1000%;}

.nprode2{
	float: right;
	width: 44%;
}
.nprode3{
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #000000;
}
.nprode4{
	margin-top: 6px;
	font-weight: 500;
	font-size: 16px;
	line-height: 40px;
	color: #444444;
	text-decoration: line-through;
}
.nprode5{
	font-weight: 500;
	font-size: 16px;
	line-height: 40px;
	color: #000000;
}
.nprode5 span{
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #5A2940;
}
.nprode6{
	margin-top: 14px;
	font-weight: 350;
	font-size: 16px;
	line-height: 25px;
	color: #4A4A4A;
}
.nprode7{
	margin-top: 13px;
	font-weight: 700;
	font-size: 16px;
	line-height: 25px;
	color: #4A4A4A;
}
.nprode8{
	font-size: 16px;
	line-height: 25px;
	color: #4A4A4A;
}
.nprode9{
	margin-top: 6px;
	font-size: 16px;
	line-height: 25px;
	color: #4A4A4A;
}
.nprode9 span{
	display: inline-block;
	box-sizing: border-box;
}
.nprode9 span img{
	display: block;
	border: 3px solid rgba(0, 0, 0, 0);
	width: 110px;
}
.nprode9 span.on img{
	border: 3px solid #5A2940;
}
.nprode10{
	font-size: 0;
}
.nprode10 span{
	display: inline-block;
	width: 110px;
	margin-right: 12px;
	margin-top: 12px;
	height: 45px;
	background-color: #E7E7E7;
	font-weight: 700;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	color: #000000;
}
.nprode10 span:nth-child(3n){
	margin-right: 0;
}
.nprode10 span.on{
	background-color: #5A2940;
	color: #ffffff;
}
.nprode11{
	margin-top: 6px;
	display: flex;
	align-items: center;
}
.nprode11 span{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E7E7E7;
	border: 1px solid #999999;
	width: 30px;
	height: 45px;
}
.nprode11 input{
	width: 50px;
	height: 45px;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.nprode11 input[type="number"]::-webkit-inner-spin-button,
.nprode11 input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.nprode12{
	margin-top: 6px;
}
.nprode12 select{
	width: 100%;
	height: 45px;
	border: 1px solid #B8B8B8;
	outline: none;
}
.nprode13{
	margin-top: 40px;
}
.nprode13 a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #5A2940;
	height: 45px;
	font-weight: 700;
	font-size: 16px;
	color: #5A2940;
}
.nprode14{
	margin-top: 15px;
}
.nprode14 a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #5A2940;
	background-color: #5A2940;
	height: 45px;
	font-weight: 700;
	font-size: 16px;
	color: #FFFFFF;
}
.nprode15{
	margin-top: 15px;
}
.nprode15 a{
	display: block;
	font-size: 16px;
	line-height: 40px;
	text-decoration: underline;
	color: #000000;
}
.nprode16{
	margin-top: 13px;
	border-bottom: 2px solid #999999;
	font-size: 0;
}
.nprode16 span{
	display: inline-block;
	display: inline-block;
	width: calc((100% - 24px)/3);
	margin-right: 12px;
	margin-top: 12px;
	height: 45px;
	background-color: #E7E7E7;
	font-weight: 700;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	color: #000000;
}
.nprode16 span:nth-child(3n){
	margin-right: 0;
}
.nprode16 span.on{
	background-color: #999999;
	color: #ffffff;
}
.nprode17{
	margin-top: 16px;
}
.nprode18{
	display: none;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
.show{
	display: block !important;
}
.pdpro{
	margin-top: 100px;
	font-weight: 700;
	font-size: 32px;
	text-align: center;
	color: #000000;
}
.pdpro1{
	margin-top: 15px;
}
.pdpro1 ul{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.pdpro1 ul li{
	margin-top: 35px;
	width: calc((100% - 132px)/4);
	margin-right: 44px;
	position: relative;
	overflow: hidden;
}
.pdpro1 ul li:nth-child(4n){
	margin-right: 0;
}
.huat{
	width: 100%;
	max-width: 1530px;
	margin: 0 auto;
}
.huat1{
	margin-top: 60px;
	font-weight: 700;
	font-size: 32px;
	text-align: center;
	color: #000000;
}
.huat2{
	margin-top: 60px;
	border-bottom: 2px solid #CDCDCD;
	display: flex;
	align-items: center;
}
.huat2 a{
	width: calc(100% / 3);
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #999999;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.huat2 a.on{
	color: #5A2940;
	border-bottom: 2px solid #5A2940;
}
.huat3{
	margin-top: 15px;
}
.huat3 ul{
	overflow: hidden;
}
.huat3 ul li{
	list-style-type: none;
	float: left;
	width: calc((100% - 120px)/3);
	margin-right: 60px;
	margin-top: 45px;
}
.huat3 ul li:nth-child(3n){
	margin-right: 0;
}
.huat4{
	font-size: 0;
	overflow: hidden;
}
.huat4 img{
	transition: all .5s;
}
.huat5{
	margin-top: 20px;
	font-size: 24px;
	line-height: 57.71px;
	color: #000000;
}
.huat6{
	font-size: 26px;
	line-height: 57.71px;
	color: #000000;
}
.huat3 ul li:hover .huat4 img{
	transform: scale(1.05);
}
.huatDeta{
	margin-top: 60px;
	font-size: 32px;
	line-height: 29.34px;
	color: #000000;
}
.huatDeta1{
	margin-top: 36px;
	font-size: 14px;
	line-height: 40px;
	color: #000000;
}
.huatDeta2{
	margin: 100px auto 0;
	max-width: 440px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.huatDeta2 a{
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	text-decoration: underline;
	color: #060725;
}
.innerBanner{
	font-size: 0;
	text-align: center;
}
.about{
	padding: 140px 0 120px;
}
.about1{
	width: 96%;
	margin: 0 auto;
}
.about2{
	font-weight: 700;
	font-size: 32px;
	text-align: center;
	color: #000000;
}
.about3{
	margin-top: 72px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #000000;
}
.about4{
	margin-top: 140px;
}
.about4{
	font-size: 0;
}
.about5{
	background: url(../img/abbg.png) no-repeat;
	background-size: cover;
	padding: 260px 0 184px;
}
.about6{
	margin: 0 auto;
	width: 96%;
	max-width: 940px;
}
.about7{
	font-weight: 700;
	font-size: 32px;
	text-align: center;
	color: #000000;
}
.about8{
	margin-top: 100px;
}
.about9{
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #272727;
}
.about10{
	padding: 45px 20px;
	width: 200px;
	font-size: 20px;
	line-height: 36px;
	letter-spacing: 1.12px;
	color: #000000;
}
.about11{
	flex: 1;
	padding: 45px 0;
	font-size: 20px;
	line-height: 36px;
	letter-spacing: 1.12px;
	color: #000000;
}
.inGuide{
	padding: 0 70px;
}
.inGuide1{
	margin-top: 60px;
	font-weight: 700;
	font-size: 32px;
	color: #000000;
}
.inGuide2{
	margin-top: 36px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.inGuide3{
	width: calc((100% - 48px)/4);
	position: relative;
}
.inGuide4{
	background-color: #E2E2E2;
	font-size: 18px;
	line-height: 52px;
	text-align: center;
	color: #191919;
}
.inGuide5{
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9;
	width: 100%;
	padding: 30px 20px;
	background-color: #ffffff;
}
.inGuide5 a{
	display: block;
	margin-top: 27px;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 1.5px;
	text-decoration: underline;
	color: #474747;
}
.inGuide5 a:first-child{
	margin-top: 0;
}
.inGuide5 a:hover{
	color: #B09C76;
	opacity: 1;
}
.inGuide6{
	margin-top: 50px;
	background-color: #5A2940;
	padding: 0 16px;
	font-size: 18px;
	line-height: 52px;
	letter-spacing: 1.5px;
	color: #fff;
}
.inGuide7{
	margin-top: 30px;
	background-color: #E2E2E2;
	padding: 0 16px;
	font-size: 17px;
	line-height: 40px;
	letter-spacing: 1.5px;
	color: #000000;
}
.inGuide8{
	margin-top: 24px;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 1.5px;
	color: #000000;
}
.inGuide2.fixed{
	margin-top: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 16;
	background-color: #ffffff;
	padding: 20px 130px;
}
.question{
	margin: 100px auto 0;
	width: 100%;
	max-width: 900px;
}
.question1{
	font-weight: 500;
	font-size: 34.67px;
	line-height: 62.4px;
	letter-spacing: 1.87px;
	text-align: center;
	color: #444444;
}
.question2{
	margin-top: 45px;
}
.question4{
	border: 1px solid #CCCCCC;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	font-size: 16px;
	letter-spacing: 0.56px;
	color: #0D0D0D;
}
.zk{
	display: none;
}
.question6{
	border: 1px solid #CCCCCC;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	font-size: 16px;
	letter-spacing: 0.56px;
	color: #0D0D0D;
}
.question6 span{
	flex: 1;
}
.question7{
	padding: 14px 0 14px 30px;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.56px;
	color: #0D0D0D;
}
.question7{
	display: none;
}
.question8{
	display: none;
	padding: 20px 23px 14px 0;
}
.question3.on .question8{
	display: block;
}
.question3.on .question4 .zk{
	display: block;
}
.question3.on .question4 .sq{
	display: none;
}
.question5.on .question7{
	display: block;
}
.question5.on .question6 .zk{
	display: block;
}
.question5.on .question6 .sq{
	display: none;
}
.question9{
	margin-top: 66px;
	text-align: center;
}
.question9 a{
	display: inline-block;
	width: 100%;
	max-width: 420px;
	background-color: #5A2940;
	font-weight: 700;
	font-size: 20px;
	line-height: 72px;
	text-align: center;
	color: #ffffff;
}
.incontn{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.insear{
	margin-top: 90px;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.96px;
	text-align: center;
	color: #191919;
}
.inContact3{
	margin-top: 36px;
	font-size: 16px;
	line-height: 25px;
	color: #000000;
}
.inContact4{
	width: 100%;
	margin: 0 auto;
}
.inContact8{
	margin-top: 32px;
	display: flex;
	align-items: flex-start;
}
.inContact9{
	width: 300px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.4px;
	text-align: right;
	color: #000000;
}
.inContact9 span{
	color: #999999;
}
.inContact10{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.inContact10 select{
	width: 358px;
	max-width: 100%;
	height: 40px;
	border: 1px solid #D2D2D2;
	outline: none;
	padding: 0 10px;
}
.inContact10 textarea{
	width: 550px;
	max-width: 100%;
	height: 266px;
	border: 1px solid #D2D2D2;
	resize: none;
	padding: 10px;
}
.inContact10 input{
	width: 550px;
	max-width: 100%;
	height: 40px;
	border: 1px solid #D2D2D2;
	padding: 0 10px;
}
.inContact10 input.enail{
	width: 170px;
}
.inContact10 input.file{
	width: auto;
	border: none;
	padding: 0;
}
.inContact10a{
	margin-left: 14px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0.3px;
	color: #666666;
}
.inContact10b{
	width: 100%;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 10px;
	line-height: 18px;
	color: #000000;
}
.inContact11{
	margin-top: 10px;
	text-align: center;
}
.inContact11 input{
	width: 314px;
	height: 53px;
	background-color: #5A2940;
	font-size: 16px;
	line-height: 19.5px;
	letter-spacing: 1px;
	color: #ffffff;
}
.vipMess10 {
	margin-top: 90px;
	font-size: 14px;
	line-height: 21px;
	color: #3c3c3c;
	display: flex;
	align-items: center;
}
.jusc {
	justify-content: center;
}
.vipMess10 a {
	margin-left: 5px;
	font-size: 14px;
	line-height: 21px;
	color: #5A2940;
	text-decoration: underline;
}
.back{
	margin-top: 45px;
}
.back a{
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.27px;
	color: #040404;
}
.back a img{
	margin-right: 10px;
}
.design{
	margin: 86px auto 0;
	width: 100%;
	max-width: 1400px;
	overflow: hidden;
}
.design1{
	width: 50%;
	float: left;
}
.design2{
	font-size: 16px;
	line-height: 45.33px;
	letter-spacing: 2.1px;
	color: #333333;
}
.design3{
	margin-top: 45px;
	font-size: 0;
}
.design4{
	float: right;
	width: 47%;
}
.design5{
	border: 25px solid #D5C5B7;
	background-color: #F5F5F5;
	padding: 30px 50px;
}
.design6{
	margin-top: 30px;
	display: flex;
	align-items: flex-start;
}
.design7{
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.53px;
	text-align: right;
	color: #000000;
	width: 140px;
	padding-right: 10px;
}
.design7 span{
	color: #999999;
}
.design8{
	flex: 1;
}
.design9 input{
	width: 100%;
	height: 26px;
	background-color: #ffffff;
	border: 1px solid #BFBFBF;
	padding: 0 10px;
}
.design9 textarea{
	width: 100%;
	height: 128px;
	background-color: #ffffff;
	border: 1px solid #BFBFBF;
	padding: 10px;
	resize: none;
}
.design10 input{
	width: 134px;
	height: 26px;
	background-color: #ffffff;
	border: 1px solid #BFBFBF;
	padding: 0 10px;
}
.design11{
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.53px;
	color: #000000;
	margin-bottom: 10px;
}
.design11 input{
	width: 134px;
	height: 26px;
	background-color: #ffffff;
	border: 1px solid #BFBFBF;
	padding: 0 10px;
}
.design11 select{
	width: 134px;
	height: 26px;
	background-color: #ffffff;
	border: 1px solid #BFBFBF;
	padding: 0 10px;
	outline: none;
}
.design12 {
	margin-top: 30px;
	font-size: 14px;
	line-height: 21px;
	color: #3c3c3c;
	display: flex;
	align-items: center;
}
.design12 a {
	margin-left: 5px;
	font-size: 14px;
	line-height: 21px;
	color: #5A2940;
	text-decoration: underline;
}
.design13{
	margin-top: 18px;
	text-align: center;
}
.design13 input{
	width: 259px;
	height: 57px;
	background-color: #5A2940;
	font-size: 16px;
	line-height: 19.5px;
	letter-spacing: 1px;
	color: #ffffff;
}
.design14{
	margin-top: 90px;
	font-size: 16px;
	line-height: 45.33px;
	letter-spacing: 2.1px;
	color: #333333;
}
.logre{
	width: 100%;
	max-width: 1330px;
	margin: 36px auto 0;
}
.lTitle{
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	color: #999999;
	padding: 0 0 40px;
	border-bottom: 1px solid #000000;
}
.login1{
	margin-top: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.login2{
	width: calc((100% - 90px)/2);
}
.login3{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	padding-bottom: 10px;
}
.nlog{
	margin-top: 10px;
	background-color: #5A2940;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 45px;
	font-weight: 700;
}
.nlog1{
	display: flex;
	align-items: center;
	border: 1px solid #B8B8B8;
	border-top: 0;
}
.bort{
	border-top: 1px solid #B8B8B8;
}
.nlog2{
	width: 180px;
	background-color: #ECECEC;
	padding: 0 10px;
	font-size: 14px;
	line-height: 42px;
	letter-spacing: 0.7px;
	text-align: right;
	color: #333;
}
.nlog2 img{
	height: 20px;
	vertical-align: middle;
}
.nlog3{
	padding: 4px;
	flex: 1;
	line-height: 34px;
	display: flex;
	align-items: center;
	position: relative;
}
.nlog3 input{
	flex: 1;
	width: 100%;
	height: 34px;
	border: 1px solid #E0E0E0;
	padding: 0 10px;
	font-size: 14px;
}
.nlog3 button{
	margin-left: 4px;
	width: 121px;
	background-color: #5A2940;
	line-height: 32px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	border: none;
}
.nlog3 img{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.nlog4{
	margin-top: 25px;
}
.nlog4 input{
	width: 226px;
	height: 53px;
	background-color: #5A2940;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 700;
}
.nlog5{
	margin-top: 20px;
}
.nlog5 a{
	display: block;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}
.nlog6{
	font-size: 14px;
	font-weight: 500;
	line-height: 22.4px;
	letter-spacing: 0.7px;
	color: #333333;
}
.nlog7{
	margin-top: 30px;
}
.nlog7 a{
	display: inline-block;
	width: 226px;
	height: 53px;
	background-color: #5A2940;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;
	line-height: 53px;
}
.hrll{
	margin-top: 70px;
	padding: 0 70px;
}
.myPage1{
	overflow: hidden;
}
.myLeft{
	float: left;
	width: 222px;
}
.myLeft1{
	padding-bottom: 25px;
	border-bottom: 1px solid #ACACAC;
}
.myLeft2 a{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 19.5px;
	letter-spacing: 0.5px;
	color: #000000;
}
.myLeft2 a img{
	margin-right: 10px;
}
.myLeft3 a{
	display: block;
	margin-top: 25px;
	font-size: 16px;
	font-weight: 500;
	line-height: 19.5px;
	letter-spacing: 0.5px;
	color: #000000;
}
.myLeft3 a.on{
	color: #5A2940;
}
.myLeft4{
	margin-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ACACAC;
}
.myLeft5 a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 53px;
	background-color: #5A2940;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.8px;
	color: #ffffff;
}
.myLeft5 a img{
	margin-right: 19px;
}
.myRight{
	float: right;
	width: calc(100% - 270px);
	border-left: 1px solid #ACACAC;
	padding-left: 50px;
	min-height: 400px;
}
.myRight1{
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #000000;
}
.myRight2{
	margin-top: 39px;
	font-size: 20px;
	font-weight: 500;
	line-height: 19.5px;
	letter-spacing: 0.5px;
	color: #000000;
}
.myRight3{
	margin-top: 32px;
	font-size: 20px;
	font-weight: 500;
	line-height: 19.5px;
	letter-spacing: 0.5px;
	color: #000000;
}
.myRight4{
	margin-top: 70px;
	font-size: 0;
}
.inCollect ul{
	overflow: hidden;
}
.inCollect ul li{
	margin-top: 40px;
	list-style-type: none;
	float: left;
	width: calc((100% - 116px)/3);
	margin-right: 58px;
	background-color: #F9F8F4;
	padding: 16px 20px 10px;
	position: relative;
}
.inCollect ul li:nth-child(3n){
	margin-right: 0;
}
.inHis1{
	margin-top: 32px;
	border: 1px solid #E0E0E0;
}
.inHis2{
	border-bottom: 1px solid #E0E0E0;
}
.myHistory{
	margin-top: 36px;
}
.record5{
	background-color: #F7F7F7;
}
.record5 ul{
	overflow: hidden;
}
.record5 ul li{
	list-style-type: none;
	float: left;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E0E0E0;
	height: 85px;
}
.r_width{
	width: 28%;
}
.r_width1{
	width: 41%;
}
.r_width2{
	width: 11%;
}
.r_width3{
	width: 20%;
}
.record6 ul{
	overflow: hidden;
}
.record6 ul li{
	list-style-type: none;
	float: left;
	font-size: 14px;
	font-weight: 600;
	line-height: 36px;
	letter-spacing: 2.75px;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E0E0E0;
	height: 255px;
	padding: 25px 0;
}
.record6 ul li img{
	width: 205px;
	height: 205px;
}
.record6 ul li.r_width1{
	padding: 0 10px;
}
.record6a1{
	width: 100%;
}
.record6a{
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #000000;
}
.record6b{
	margin-top: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0.1em;
	color: #8A8A8A;
}
.record6b span{
	margin-left: 80px;
}
.record6c{
	margin-top: 20px;
}
.record6c a{
	background-color: #5A2940;
	display: block;
	width: 175px;
	height: 40px;
	font-weight: 700;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
}
.record7{
	border: 1px solid #E0E0E0;
	padding: 15px 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.record8{
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	margin-right: 20px;
}
.record9{
	flex: 1;
	font-size: 16px;
	line-height: 26px;
}
.record10{
	font-size: 14px;
	line-height: 26px;
	text-align: right;
	color: #000000;
}
.record10 span{
	display: block;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
	color: #5A2940;
}
.record11{
	padding: 10px 35px;
	border: 1px solid #E0E0E0;
	background-color: #F7F7F7;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.record12{
	font-size: 14px;
	line-height: 26.4px;
	color: #000000;
}
.record12 span{
	display: block;
}
.record13{
	font-size: 18px;
	line-height: 26.4px;
	text-align: right;
	color: #000000;
}
.recordm{
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #CBCBCB;
}
.recordm1{
	width: 108px;
	background-color: #F0F0F0;
	height: 59px;
	text-align: center;
	line-height: 59px;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	border-right: 1px solid #CBCBCB;
}
.recordm2{
	flex: 1;
	height: 59px;
	text-align: center;
	line-height: 59px;
	font-size: 12px;
	letter-spacing: 0.699999988079071px;
	color: #333333;
}
.recordm3{
	background-color: #F0F0F0;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	border: 1px solid #CBCBCB;
	border-top: 0;
}
.recordm4{
	padding: 13px;
	border: 1px solid #CBCBCB;
	border-top: 0;
	display: flex;
	align-items: center;
}
.recordm4a{
	font-size: 0;
	margin-right: 15px;
}
.recordm4a img{
	width: 86px;
	height: 86px;
}
.recordm4b{
	flex: 1;
}
.recordm4c{
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}
.recordm4d{
	margin-top: 20px;
	font-size: 12px;
	line-height: 26.4px;
	color: #333333;
}
.recordm4d code{
	font-family: inherit;
	font-weight: 600;
}
.recordm5{
	font-size: 12px;
	line-height: 26.4px;
	color: #000000;
}
.recordm6{
	flex: 1;
	font-size: 12px;
	line-height: 26.4px;
	color: #000000;
}
.wap{
	display: none;
}

.myRecord{
	margin-top: 16px;
	font-size: 16px;
	line-height: 19.5px;
	letter-spacing: 0.5px;
	color: #000000;
}
.myRecord span{
	color: #C10000;
}
.myRecord a{
	margin-left: 20px;
	font-family: inherit;
	border: 1px solid #B09C76;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 167px;
	height: 33px;
	font-size: 16px;
	line-height: 19.5px;
	letter-spacing: 0.5px;
	color: #B09C76;
}
.myRecord1{
	margin-top: 20px;
	font-size: 16px;
	line-height: 29px;
	letter-spacing: 0.5px;
	color: #000000;
}
.myRecord2{
	font-size: 12px;
	line-height: 29px;
	letter-spacing: 0.5px;
	color: #000000;
	border-bottom: 1px solid #000000;
	padding-bottom: 30px;
}
.myRecord3{
	margin-top: 39px;
	font-size: 20px;
	line-height: 19.5px;
	letter-spacing: 0.5px;
	color: #000000;
}
.recodData{
	margin-top: 29px;
	width: 412px;
	height: 310px;
	overflow-y: scroll;
	border: 1px solid #E0E0E0;
}
.recodData1 ul{
	overflow: hidden;
	background-color: #F7F7F7;
}
.recodData1 ul li{
	list-style-type: none;
	float: left;
	border-right: 1px solid #E0E0E0;
	font-weight: 600;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #393939;
}
.rewidth{
	width: 34%;
}
.rewidth1{
	width: 37%;
}
.rewidth2{
	width: 29%;
}
.recodData2 ul{
	overflow: hidden;
}
.recodData2 ul li{
	list-style-type: none;
	float: left;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	font-size: 14px;
	line-height: 51px;
	text-align: center;
	color: #393939;
}
.counpData{
	margin-top: 29px;
	width: 100%;
	max-width: 920px;
	height: 310px;
	overflow-y: scroll;
	border: 1px solid #E0E0E0;
}
.counpData1 ul{
	overflow: hidden;
	background-color: #F7F7F7;
}
.counpData1 ul li{
	list-style-type: none;
	float: left;
	border-right: 1px solid #E0E0E0;
	font-weight: 600;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #393939;
}
.cowidth{
	width: 15%;
}
.cowidth1{
	width: 17%;
}
.cowidth2{
	width: 12%;
}
.cowidth3{
	width: 15%;
}
.cowidth4{
	width: 15%;
}
.cowidth5{
	width: 15%;
}
.cowidth6{
	width: 11%;
}
.counpData2 ul{
	overflow: hidden;
}
.counpData2 ul li{
	list-style-type: none;
	float: left;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	font-size: 14px;
	line-height: 51px;
	text-align: center;
	color: #393939;
	display: flex;
	align-items: center;
	justify-content: center;
}
.counpData2 ul li img{
	margin-left: 9px;
}
.login4{
	border: 1px solid #B8B8B8;
	border-top: 0;
	border-bottom: 0;
}
.login5{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #B8B8B8;
}
.login6{
	width: 180px;
	background-color: #E6E6E6;
	font-weight: 600;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.7px;
	text-align: right;
	color: #333333;
	padding: 0 16px;
}
.login7{
	padding: 4px 5px;
	flex: 1;
	display: flex;
	align-items: center;
}
.login7 input{
	flex: 1;
	height: 32px;
	border: 1px solid #E0E0E0;
	padding: 0 16px;
}
.login7 button{
	width: 84px;
	height: 32px;
	background-color: #5A2940;
	margin-left: 4px;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	color: #ffffff;
	border: none;
}
.login8{
	margin-top: 30px;
}
.login8 input{
	width: 170px;
	height: 40px;
	background-color: #5A2940;
	font-size: 14px;
	color: #ffffff;
}
.login8 a{
	margin-top: 16px;
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 22.4px;
	letter-spacing: 0.7px;
	color: #333333;
}
.vmess {
    margin-top: 40px;
    max-width: 520px;
}
.vmess1{
	margin-top: 10px;
	font-weight: 600;
	font-size: 14px;
	background-color: #151515;
	line-height: 32px;
	letter-spacing: 0.7px;
	text-align: center;
	color: #ffffff;
}
.cart{
	margin-top: 70px;
	font-weight: 700;
	font-size: 32px;
	line-height: 26px;
	color: #000000;
	text-align: center;
}
.cartd{
	width: 100%;
	max-width: 1530px;
	margin: 0 auto;
}
.order{
	margin-top: 90px;
	background-color: #151515;
	font-weight: 600;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
}
.order1{
	border: 1px solid #E6E6E6;
	border-top: 0;
}
.order2{
	background-color: #F7F7F7;
}
.order2 ul{
	overflow: hidden;
}
.order2 ul li{
	float: left;
	list-style-type: none;
	font-weight: 600;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #000000;
	border-right: 1px solid #E6E6E6;
}
.order2 ul li:last-child{
	border-right: 0;
}
.orwidth{
	width: 47.6%;
}
.orwidth1{
	width: 16.2%;
}
.orwidth2{
	width: 13.8%;
}
.orwidth3{
	width: 22.4%;
}
.order3 ul{
	display: flex;
	border-top: 1px solid #E6E6E6;
}
.order3 ul li{
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #E6E6E6;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}
.order3 ul li:last-child{
	border-right: 0;
	font-size: 20px;
}
.order3 ul li span{
	font-size: 12px;
}
.incart7{
	width: 100%;
	padding: 10px 8px;
	display: flex;
	align-items: center;
}
.incart8{
	font-size: 0;
	margin-right: 20px;
	line-height: 1;
}
.incart8 img{
	width: 133px;
}
.incart9{
	flex: 1;
}
.incart9a{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.7px;
	color: #333;
}
.incart9b{
	font-size: 12px;
	line-height: 21.6px;
	letter-spacing: 0.42px;
	color: #0D0D0D;
}
.incart9c{
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.7px;
	color: #333;
}
.incart9c span{
	text-decoration: line-through;
}
.incart9c code{
	font-family: inherit;
	margin-left: 90px;
}
.incart9d{
	margin-top: 6px;
	font-size: 12px;
	line-height: 18px;
	color: #757575;
}
.owidth{
	width: 58%;
}
.owidth1{
	width: 13%;
}
.owidth2{
	width: 8%;
}
.owidth3{
	width: 11%;
}
.owidth4{
	width: 10%;
}
.order3 ul{
	position: relative;
}
.chechose{
	position: absolute;
	left: -24px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	appearance: none;
	height: 16px;
}
.chechose:before{
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #acacac;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
}
.chechose:checked:before{
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #5A2940;
	background:#5A2940;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
}
.chechose:checked:after{
	content: '';
	width: 10px;
	height:5px;
	border: 2px solid white;
	border-top: transparent;
	border-right: transparent;
	text-align: center;
	display: block;
	border-radius: 3px;
	position: absolute;
	top: 6px;
	left:3px;
	vertical-align: middle;
	transform: rotate(-45deg);
}
.order3 ul li.owidth2 input{
	border: 1px solid #999999;
	width: 43px;
	height: 45px;
	text-align: center;
	border-left: 0;
	border-right: 0;
}
.order3 ul li span{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E7E7E7;
	border: 1px solid #999999;
	width: 23px;
	height: 45px;
}
.order3 ul li input::-webkit-outer-spin-button,
.order3 ul li input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* 针对 Firefox */
.order3 ul li input[type="number"] {
  -moz-appearance: textfield;
}
.order3 ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #CBCBCB;
	width: 85px;
	height: 34px;
	background-color: #F7F7F7;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.7px;
	color: #333333;
}
.order4{
	margin-top: 25px;
	text-align: right;
}
.order4a{
	display: inline-block;
	border: 1px solid #D9D9D9;
	width: 129px;
	height: 34px;
	font-size: 12px;
	line-height: 32px;
	letter-spacing: 0.7px;
	color: #333333;
	text-align: center;
	line-height: 32px;
	border-radius: 2px;
}
.order4b{
	margin-left: 4px;
	display: inline-block;
	border: 1px solid #5A2940;
	background-color: #5A2940;
	width: 129px;
	height: 34px;
	font-size: 12px;
	line-height: 32px;
	letter-spacing: 0.7px;
	color: #ffffff;
	text-align: center;
	line-height: 32px;
	border-radius: 2px;
}
.order5{
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.order6{
	flex: 1;
	display: flex;
	align-items: flex-end;
}
.order6 img{
	width: 100px;
}
.order6 span{
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.7px;
	color: #B09C76;
}
.order6 span code{
	color: #333;
	font-family: inherit;
}
.order7{
	margin-left: 50px;
	width: 524px;
	border: 1px solid #E0E0E0;
	border-bottom: 0;
}
.order7a{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E0E0E0;
}
.order7b{
	width: 214px;
	text-align: right;
	border-right: 1px solid #E0E0E0;
	padding: 0 10px;
	background-color: #F7F7F7;
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 0.7px;
	color: #333333;
}
.order7c{
	flex: 1;
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 0.7px;
	text-align: right;
	color: #333333;
	padding: 0 10px;
}
.order8{
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.order8 a{
	font-size: 12px;
	line-height: 19.5px;
	letter-spacing: 0.2px;
	color: #040404;
	display: flex;
	align-items: center;
}
.order8 a img{
	margin-right: 10px;
}
.order8 input{
	background-color: #5A2940;
	width: 524px;
	height: 56px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.7px;
	color: #ffffff;
	border-radius: 2px;
}
.incart9d{
	margin-top: 10px;
	width: 100%;
	display: none;
	line-height: 40px;
}
.counpon{
	margin-top: 30px;
	margin-bottom: 60px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.counpon1{
	width: calc((100% - 40px)/2);
}
.counpon2{
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.7px;
	color: #333333;
}
.counpon3{
	margin-top: 10px;
	border: 1px solid #CBCBCB;
	border-bottom: 0;
}
.counpon3 label{
	display: block;
}
.counpon4{
	display: flex;
	border-bottom: 1px solid #CBCBCB;
}
.counpon4a{
	width: 352px;
	text-align: right;
	background-color: #F7F7F7;
	border-right: 1px solid #CBCBCB;
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 0.7px;
	color: #333333;
	padding: 0 10px;
}
.counpon4b{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 5px 5px 20px;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.7px;
	color: #000000;
	box-sizing: border-box;
}
.counpon4b input{
	width: 200px;
	padding: 0 10px;
	height: 100%;
	border: 1px solid #CBCBCB
}
.counpon4b a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #CBCBCB;
	width: 61px;
	height: 34px;
	background-color: #F7F7F7;
	font-family: Noto Serif JP;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.7px;
	color: #333333;
}
.counpon4.on .counpon4b a{
	background-color: #B09C76;
	border: 1px solid #B09C76;
	color: #ffffff;
}
.counpon5{
	margin-top: 16px;
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.7px;
	color: #333333;
}
.counpon6{
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.7px;
	color: #BC261A;
}
.counpon7{
	margin-top: 30px;
	border: 1px solid #CBCBCB;
	border-bottom: 0;
}
.counpon8{
	display: flex;
	border-bottom: 1px solid #CBCBCB;
}
.counpon8a{
	width: 143px;
	text-align: right;
	background-color: #F7F7F7;
	border-right: 1px solid #CBCBCB;
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 0.7px;
	color: #333333;
	padding: 0 10px;
}
.counpon8b{
	flex: 1;
	font-size: 16px;
	line-height: 45px;
	padding: 0 10px;
	letter-spacing: 0.7px;
	text-align: right;
	color: #333333;
}
.norder7{
	margin-top: 20px;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0.7px;
	color: #333333;
}
.norder8{
	margin-top: 12px;
}
.norder8 label{
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.7px;
	color: #333333;
}
.norder8 label input{
	margin-right: 9px;
}
.norder8 label a{
	margin-left: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #CBCBCB;
	width: 52px;
	height: 22px;
	background-color: #FAF8F4;
	font-size: 14px;
	letter-spacing: 0.7px;
	color: #333;
}
.norder9{
	margin-top: 8px;
	margin-bottom: 30px;
	border: 1px solid #CBCBCB;
}
.norder9_d{
	display: flex;
}
.norder9a{
	border-right: 1px solid #CBCBCB;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.7px;
	text-align: right;
	color: #333333;
	width: 262px;
	background-color: #F7F7F7;
}
.norder9a span{
	margin-left: 6px;
	display: inline-block;
	width: 31px;
	height: 17px;
	border-radius: 2px;
	background-color: #BC261A;
	font-weight: 600;
	font-size: 10px;
	line-height: 17px;
	letter-spacing: 0.7px;
	text-align: center;
	color: #ffffff;
}
.norder9b{
	padding: 4px;
	flex: 1;
}
.norder9c{
	border: 1px solid #CBCBCB;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.7px;
	color: #333333;
}
.norder9d input{
	border: 1px solid #CBCBCB;
	height: 34px;
	width: 100%;
	max-width: 431px;
	padding: 0 12px;
	font-size: 14px;
}
.norder9e{
	border-top: 1px solid #CBCBCB;
	display: flex;
}
.norder10{
	border: 1px solid #CBCBCB;
	border-top: 0;
	display: flex;
}
.norder10:first-child{
	margin-top: 8px;
	border-top: 1px solid #CBCBCB;
}
.norder10a{
	border-right: 1px solid #CBCBCB;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.7px;
	text-align: right;
	color: #333333;
	width: 262px;
	background-color: #F7F7F7;
}
.norder10a span{
	margin-left: 6px;
	display: inline-block;
	width: 31px;
	height: 17px;
	border-radius: 2px;
	background-color: #BC261A;
	font-weight: 600;
	font-size: 10px;
	line-height: 17px;
	letter-spacing: 0.7px;
	text-align: center;
	color: #ffffff;
}
.norder10b{
	padding: 10px 16px;
	flex: 1;
}
.norder10c{
	font-size: 0;
}
.norder10c label{
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 21px;
	color: #414141;
}
.norder10c img{
	margin-left: 6px;
}
.norder10d{
	font-size: 14px;
	line-height: 26px;
	color: #414141;
}
.submit{
	margin-top: 40px;
	text-align: center;
}
.submit input{
	width: 170px;
	height: 40px;
	background-color: #5A2940;
	border-radius: 2px;
	font-weight: 600;
	font-size: 16px;
	line-height: 19.5px;
	letter-spacing: 1px;
	color: #ffffff;
}
.xzxz{
	margin-top: 16px;
}
.xzxz a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170px;
	height: 45px;
	background-color: #5A2940;
	font-weight: 700;
	font-size: 14px;
	color: #ffffff;

}
.goTop{
    position: fixed;
    right: 50px;
    bottom: 100px;
    z-index: 99;
}