.header_top img {
	width: 100%;
	display: block;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
}

.top {

	height: 36px;
	background: #F7F7F7;
	line-height: 36px;
}

.top .fl {

	font-size: 14px;
	font-family: STXihei;
	font-weight: 400;
	color: #333333;
}

.top .fl span {
	color: #E92828
}

.top .fr a {

	font-size: 14px;
	font-family: STXihei;
	font-weight: 400;
	color: #333333;
}

.top .fr a:nth-of-type(n+4) {
	padding: 0 10px;
	border-left: 1px solid #e5e5e5;
}

.top .fr a:nth-of-type(3) {
	margin-left: 20px;
	padding-right: 10px;
}

.header_search .wrap {
	display: flex;
	align-items: center;
	height: 150px;
}

.header_search .wrap .fl img {
	width: 195px;
	display: block;
}

.header_search .wrap .fl>a {
	display: block;
	margin-top: 17px;
	font-size: 14px;
	font-family: STXihei;
	font-weight: 400;
	color: #333333;
	background: url(../images/collect.png) no-repeat left center;
	padding-left: 18px;
}

.header_search .wrap .center {
	margin: 0 70px 0 120px;
}

.header_search .wrap .center form {
	display: flex;
	width: 500px;
	height: 36px;
	background: #FFFFFF;
	border: 2px solid #F52B2B;
}

.header_search .wrap .center form input {
	width: 406px;
	padding-left: 10px;
	box-sizing: border-box;
}

.header_search .wrap .center form button {
	width: 94px;
	height: 34px;
	background: #F52B2B;


	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 34px;
}

.header_search .wrap .center .hot {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.header_search .wrap .center .hot li {
	float: left;

}

.header_search .wrap .center .hot li a,
.header_search .wrap .center .hot span {

	font-size: 14px;
	font-family: STXihei;
	font-weight: 400;
	color: #333333;
	margin-right: 5px;
}

.header_search .wrap .fr {
	background: url(../images/bg2.png) no-repeat bottom center;
	width: 40%;
	height: 145px;
	text-align: center;
}

.header_search .wrap .fr img {
	width: 90px;
	margin: 20px 15px;
}

.nav .wrap {

	height: 44px;
	background: #A2CA43;
	line-height: 44px;
	position: relative;
}
.nav  li .header_tag{
 position:absolute;
 background: #FFFFFF;
 width: 984px;
 left: 216px;
 top: 0px;
 min-height: 100%;
 padding: 10px 15px;
 display: none; 

 box-sizing: border-box;
}
.nav  li .header_tag .header_tag_list{
display: inline-block;
vertical-align: top;
width: 100%;
border-bottom:1px solid #eee;
margin-bottom: 10px;

}

.nav  li .header_tag .header_tag_list h3{
width: auto;
 color: #666;
 line-height: 30px;
}
.nav  li .header_tag .header_tag_list h3 i{
background: url(../images/rigth.png) no-repeat right center;
padding-right: 5px;
font-style:normal ;
font-size: 16px;
 }

.nav  li .header_tag .header_tag_list a{
 color: #999;
 font-size: 14px;
 display: inline-block;
 padding: 4px 10px;
 height: 14px !important;
 line-height: 14px;
 margin-right: 5px;
 border-right: 1px solid #999;
 background:none;
}
.nav .fl li:hover{
	background: #87A71A;
}
.nav .fl li:hover >a{
	color:#fff;
}
.nav .fl li:hover .header_tag{
	display: block;
}
.nav  li .header_tag .header_tag_list a:hover{
color:#A2CA43
}


.nav  li .header_box .header_list ul li.active .header_tag{
display: block;
} 


.nav .fl {

	position: relative;
	width: 18%;
}

.nav .fl span {
	background: #87A71A;
	display: block;

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.nav .fr {
	width: 82%;

}

.nav .fr li {
	width: 12.5%;
	text-align: center;
	float: left;
}

.nav .fr li a {
	display: block;

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
}

.nav .fl ul {

	background: #F3FDE8;
	display: none;
	position: absolute;
	top: 44px;
	width: 100%;
	z-index: 99;
}

.nav .fl li {
	line-height: 40px;
}


.nav .fl li a {
	display: block;

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #465529;
	padding-left: 20px;
	background: url(../images/xl.png) no-repeat right 13px center;
}

.commonbox,
.nav {
	background: #f7f7f7;
}

.commonbox {
	padding: 20px 0 30px;
}

.commonbox .wrap {
	background: #FFFFFF;
	border-radius: 5px;
	padding: 20px 20px 50px;
}

.commonbox .left {
	width: 17.5%;
}

.commonbox .left .leftmenus h2,
.commonbox .left .hot h2 {
	line-height: 42px;
	height: 42px;
	border: 1px solid #EEEEEE;
	background: linear-gradient(0deg, #CBCBCB 0%, #F7F7F7 100%);
	padding-left: 8px;
}

.commonbox .left .leftmenus h2 span,
.commonbox .left .hot h2 span {

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
	border-left: 4px solid #A2CA43;
}

.commonbox .left .leftmenus ul {
	background: #f7f7f7;
	padding: 14px 0 20px;
}

.commonbox .left .leftmenus li {
	padding: 6px 0;




	border-bottom: 1px solid #E5E5E5;
}

.commonbox .left .leftmenus li:last-child {
	border: none;
}

.commonbox .left .leftmenus li a {
	display: block;
	line-height: 34px;
	height: 34px;

	border-radius: 5px;
	width: 180px;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	padding-left: 24px;
	background: url(../images/xl2.png) no-repeat right 10px center;
	background-color: #EEEEEE;
}

.commonbox .left .leftmenus li a.active,
.commonbox .left .leftmenus li a:hover {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
}

.commonbox .left .contact {
	background: url(../images/bg3.png) no-repeat center center/100%;
	height: 140px;
	padding: 24px 0;
	box-sizing: border-box;
	text-align: center;
}

.commonbox .left .contact h2 img {
	display: block;
	margin: 0 auto;
}

.commonbox .left .contact h2 {

	opacity: 0.5;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
}

.commonbox .left .contact p.font1 {
	margin: 10px 0 5px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}


.commonbox .left .contact p.font2 {
	font-size: 27px;
	font-family: CTBiaoSongSJ;
	font-weight: bold;
	color: #FFFFFF;
}

.commonbox .left .hot {
	margin-top: 20px;
}

.commonbox .left .hot .content {
	background: #f7f7f7;
	padding: 0 10px;
}

.commonbox .left .hot li {
	padding: 10px 0;
	border-bottom: 1px solid #E5E5E5;
}

.commonbox .left .hot li a {
	display: flex;
	align-items: center;
}

.commonbox .left .hot li img {
	width: 74px;
	height: 74px;
	margin-right: 10px;
}

.commonbox .left .hot li p {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	width: 50%;
	height:48px;
	overflow: hidden;
}

.commonbox .right.fr {
	width: 80%;
}
.commonbox .right.fr .submenus{
	padding-left: 18px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #EEEEEE;
	background: linear-gradient(0deg, #CBCBCB 0%, #F7F7F7 100%);
}
.commonbox .right.fr .submenus a,.commonbox .right.fr .submenus span{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.commonbox .right .righttop h2,
.commonbox .right.fr h2.tab {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	padding-left: 18px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #EEEEEE;
	background: linear-gradient(0deg, #CBCBCB 0%, #F7F7F7 100%);
}

.commonbox .right .righttop .content {

	background: #F7F7F7;
}

.commonbox .right .righttop .content .list {
	padding: 15px 20px;

	border-bottom: 1px solid #EEEEEE;
}

.commonbox .right .righttop .content .list p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
	background: url(../images/dot.png) no-repeat left center;
	padding-left: 10px;
}

.commonbox .right .righttop .content .list ul {
	margin-left: 10px;
}

.commonbox .right .righttop .content .list li {
	display: inline-block;
}

.commonbox .right .righttop .content .list li a {
	padding: 0 10px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666;
	display: inline-block;
	height: 22px;
	line-height: 22px;
}

.commonbox .right .righttop .content .list li a.active {

	background: #A2CA43;
	color: #fff;
}

.commonbox .right .productlist {
	margin-top: 15px;
}

.commonbox .right .productlist .item {
	border-top: 1px solid #eee;
	border-bottom: 3px solid #FCAC0D;
	line-height: 35px;
	display: flex;
	height: 40px;
	justify-content: space-between;
	box-sizing: border-box;
}

.commonbox .right .productlist .item .title a {
	line-height: 36px;
	display: inline-block;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding: 0 40px;

}

.commonbox .right .productlist .item .title a.active {

	color: #FCAC0D;
	background: linear-gradient(0deg, #F2E9D9 0%, #FFFFFF 100%);
}

.page {
	text-align: right;
}

.page a,
.page span {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #666666;
}

.page a {
	text-decoration: underline;
	margin-left: 5px;
}

.page button {
	width: 40px;
	height: 26px;
	border: 1px solid #EEEEEE;
	background: linear-gradient(0deg, #CBCBCB 0%, #F7F7F7 100%);
	border-radius: 3px;
}

.page input {
	width: 40px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 3px;
}

.commonbox .right .productlist ul {
	margin-bottom: 12px;
}

.commonbox .right .productlist li {
	padding: 18px 0;
	border-bottom: 1px solid #E5E5E5;
	position: relative;
}

.commonbox .right .productlist li a {
	display: flex;
	align-items: center;

}

.commonbox .right .productlist li .proimg {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #DCDCDC;
	margin-right: 18px;
	float: left;
}

.commonbox .right .productlist li .proimg img {
	max-width: 100%;
	max-height: 100%;
}

.commonbox .right .productlist li .text {
	width: 558px;
	float: left;
}

.commonbox .right .productlist li .text p.font1 {

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;

}

.commonbox .right .productlist li .text p.font1 a {
	width: 80px;
	height: 20px;
	background: url(../images/collect2.png) no-repeat center center;
	display: inline-block;
	margin-left: 20px;
}

.commonbox .right .productlist li .text p.font2 {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin: 15px 0 10px;
}

.commonbox .right .productlist li .text p.num {
	padding: 0 10px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	height: 24px;
	line-height: 24px;
	background: #F5F5F5;
	border-radius: 10px;
	display: inline-block;
}

.commonbox .right .productlist li .text p.num span {
	margin-right: 15px;
}

.commonbox .right .productlist li .right {
	float: right;

	position: absolute;
	right: 30px;
}

.commonbox .right .productlist li .right p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.commonbox .right .productlist li .right p span {
	color: #F52B2B
}

.commonbox .right .productlist li .right a {
	width: 80px;
	line-height: 28px;
	height: 28px;
	background: #FCAC0D;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	display: block;
	margin: 15px auto 0;
}

.footer {
	background: #f7f7f7;
	padding: 45px 0 40px;
}

.footer dl dt {

	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-bottom: 25px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}

.footer dl dt img {
	vertical-align: middle;
	margin-right: 10px;
}

.footer dl dd,
.footer dl dd a {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
}

.footer dl.fl:first-of-type {
	width: 587px;
}

.footer dl.fl.center {
	width: 213px;
	margin: 0 55px 0 128px;

}

.footer dl.fr {
	width: 210px;
}

.footer dd.font {

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	width: 200px;
	margin-bottom: 15px;
}

.copy {
	background: #f7f7f7;
	border-top: 1px solid #e5e5e5;
	padding: 22px 0;
}

.copy p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
}

.page2 {
	text-align: right;
}

.page2 a {
	padding: 8px 14px;
	border: 1px solid rgba(229, 229, 229, 1);
	border-radius: 2px;
}

.page2 input {
	height: 34px;
	line-height: 34px;
	border: 1px solid rgba(229, 229, 229, 1);
	width: 50px;
	border-radius: 2px;
	text-align: center;
}

.page2 a:hover,
.page2 a.active {

	background: #eee;

}

.commonbox .right.fr h2.commontitle {
	padding-left: 15px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	border-left: 3px solid #65C36D;
	margin-bottom: 30px;
}

.commonbox .right.fr .newslist li {
	padding: 18px 0;
	border-bottom: 1px solid #E5E5E5;
}

.commonbox .right.fr .newslist li a {
	display: flex;
}

.commonbox .right.fr .newslist li a img {
	width: 240px;
	height: 160px;
	margin-right: 28px;
}

.commonbox .right.fr .newslist li p.title {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 23px;
	height: 23px;
}

.commonbox .right.fr .newslist li p.font {
	height: 80px;
	overflow: hidden;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin: 15px 0;
}

.commonbox .right.fr .newslist li p.time {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999;
}

.commonbox .right.fr .newslist {
	margin-bottom: 50px;
}

.newdetail .item {
	padding: 15px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #E5E5E5;
}

.newdetail .item p.title {

	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-bottom: 18px;
}

.newdetail .item p.font {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.newdetail .item .xq_time_rigth {
	text-align: right;
}

.newdetail .item .xq_time_rigth a {
	margin-left: 15px;
}

.newdetail .content p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.newdetail .content img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.newdetail .chapter {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #E5E5E5;
	display: flex;
	justify-content: space-between;
}

.newdetail .chapter a {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.shstyle1,.shstyle2{
	display: none;
}
.newdetail .chapter a:last-child {
	text-align: right;
}

.commonbox .right.fr .answer li {
	padding: 15px 0;
	border-bottom: 1px solid #E5E5E5;
}

.commonbox .right.fr .answer li p.qus {

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
}
.commonbox .right.fr .answer img{
	max-width: 100%;
}
.commonbox .right.fr .answer li .ans p {
	font-size: 14px;
	font-family: Microsoft YaHei;

	color: #333333;
}

.commonbox .right.fr .ziliao li {
	line-height: 35px;
	border-bottom: 1px dashed #eee;

}

.commonbox .right.fr .ziliao li .fl {
	width: 80%;
	text-overflow: ellipsis;
	font-size: 12px;
	font-family: SimSun;
	font-weight: 400;
	color: #666666;
	overflow: hidden;
	height: 35px;
}

.commonbox .right.fr .ziliao li a {
	width: 60px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	float: right;
	vertical-align: middle;
	margin-top: 5px;
}

.commonbox .right.fr .ziliao li a:hover {

	background: #0E3D85;
	color: #fff;
}

.commonbox .right.fr .ziliao {
	padding: 10px 0 40px;
}

.commonbox .right.fr .about p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
}

.commonbox .right.fr .about p img {
	width: 48%;
	margin-left: 20px;
}

.commonbox .contactus h2 {

	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	margin-bottom: 80px;
}

.commonbox .contactus {
	padding: 15px 20px 90px;
}

.commonbox .contactus .tab1 {
	background: url(../images/bg4.png) no-repeat right center;
}

.commonbox .contactus .tab1 p {
	font-size: 14px;
	color: #333333;
}

.commonbox .contactus .tab1 p.font1 {

	font-size: 24px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #333333;
}

.commonbox .contactus .tab1 p:nth-of-type(2) {
	margin-bottom: 28px;
}

.commonbox .contactus .tab2 {
	margin: 60px 0 40px;
}

.commonbox .contactus .tab2 .code {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
}

.commonbox .contactus .tab2 .code img {
	width: 160px;
	display: block;
	margin: 0 auto;

}

.commonbox .contactus .tab2 .code p {
	text-align: center;
	font-size: 18px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	color: #333333;
	margin-top: 15px;
}

.commonbox .contactus .tab2 .code p span {
	color: #E60010
}

.commonbox .contactus .tab3 {
	height: 445px;
	margin-bottom: 40px;
}

.commonbox .contactus .tab4 h2 {
	padding-left: 15px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	border-left: 3px solid #65C36D;
	margin-bottom: 25px;
	text-align: left;
}

.commonbox .contactus .tab4 form {
	box-sizing: border-box;
	background: #F7F7F7;
	padding: 15px 20px 30px;
	width: 940px;
}

.commonbox .contactus .tab4 .list span {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #2F3949;
	display: inline-block;
	text-align: justify;
	width: 74px;
	vertical-align: top;
}

.commonbox .contactus .tab4 .list input {
	width: 190px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
}

.commonbox .contactus .tab4 .list textarea {
	width: 820px;
	height: 51px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	resize: none;
	padding-left: 10px;

}

.commonbox .contactus .tab4 button {
	width: 71px;
	height: 24px;
	border: 1px solid #E5E5E5;
	background: linear-gradient(0deg, #C0C0C0 0%, #FFFFFF 100%);
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #2F3949;
	line-height: 24px;
	margin-left: 100px;
}

.commonbox .contactus .tab4 .list {
	margin-bottom: 8px;
}


.join .content {
	margin-top: 50px;
}

.join .content .photo li {
	float: left;
	width: 32.5%;
	margin: 0 1.25% 0 0;
	position: relative;
	margin-bottom: 15px;
}

.join .content .photo li>img {
	width: 100%;
	display: block;
	height: 100%;
}

.join .content .photo li:nth-of-type(1) {
	width: 60%;
	margin-right: 2%;
}

.join .content .photo li:nth-of-type(2) {
	width: 38%;
	margin-right: 0;
}

.join .content .photo li:nth-of-type(5) {
	margin-right: 0;
}

.join .content .photo ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.join .content .photo li .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 60px 50px 0;
	box-sizing: border-box;
	background: rgba(24, 52, 70, 0.6);
	opacity: 0;
	box-sizing: border-box;
	display: block;
}

.join .content .photo li:hover .layer {
	opacity: 1;
}

.join .content .photo li .layer span {
	display: block;
	margin-bottom: 40px;
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	width: 80%;
}

.join .content .photo li .layer img {
	position: absolute;
	right: 20px;
	top: 50px;
}

.join .content .photo li .layer p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.join .content .photo li:nth-of-type(n+3) .layer {

	padding: 30px 20px 0;
}

.join .content .photo li:nth-of-type(n+3) .layer span {
	font-size: 30px;
	margin-bottom: 40px;
}

.join .content .photo li:nth-of-type(n+3) .layer p {
	height: 100px;
	overflow: hidden;
}

.join .list li {

	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 0 10px;
	align-items: flex-start;
}

.join .list li>img {
	width: 49%;
	height:300px;
}

.join .list li>div {
	box-sizing: border-box;
	width: 49%;
	display: inline-block;
	box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.09);
	vertical-align: top;

	padding: 30px;
	background: url(../images/search.png) no-repeat right 5px bottom 5px;
	background-color: #F5F5F5;
	height: 300px;
}
.join .list li .text{
	height: 72px;
	overflow: hidden;
}
.join .list li>div.active,.join .list li .text.active{
	height: auto;
}

.join .list li h2 {

	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #343434;
	margin-bottom: 30px;
	text-align: left;
}

.join .list li span {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #343434;
}

.join .list li .text {
	margin-top: 20px;
}

.join .list li .text p {

	font-size: 14px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #9A9A9A;
	line-height: 33px;
}


.commonbox .join h2 {

	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	margin-bottom: 40px;

}

.commonbox .join .item {
	border-bottom: 2px solid #DCDCDC;
	margin-bottom: 40px;
	height: 40px;
	box-sizing: border-box;
}

.commonbox .join .item span {
	padding: 0 20px;
	cursor: pointer;
	line-height: 38px;
	display: inline-block;
	box-sizing: border-box;
	font-size: 18px;
}

.commonbox .join .item span.active {

	color: #A2CA43;
	border-bottom: 2px solid #A2CA43;
}


.commonbox .join .tab {
	background: url(../images/bg5.png) no-repeat top center;
	padding: 85px 0;
	margin-top: 20px;
}

.commonbox .join .tab ul {
	display: flex;
}

.commonbox .join .tab li {
	flex: 1;
	text-align: center;
}

.commonbox .join .tab li img {
	display: block;
	margin: 0 auto 55px;
}

.commonbox .join .tab li span {

	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.commonbox .join .tab li p {

	font-size: 20px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #FFFFFF;
	width: 80%;
	margin: 30px auto 0;
}

.indexbanner .wrap {
	padding-left: 216px;

}

.indexbanner .wrap .left {
	width: 685px;
	height: 360px;
	float: left;
}

.indexbanner .wrap .left .swiper-slide img {
	width: 100%;
	display: block;
	height: 360px;
}

.indexbanner .wrap .left .swiper-button-prev {
	background: url(../images/prev2.png) no-repeat center center;
	width: 40px;
	height: 40px;
	left: 20px;
}

.indexbanner .wrap .left .swiper-pagination {
	bottom: 10px !important;
	text-align: right;
}

.indexbanner .wrap .left .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background: rgba(0, 0, 0, 0.5);
	line-height: 20px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	margin-left: 5px;
	border-radius: 0;
}

.indexbanner .wrap .left .swiper-pagination-bullet-active {

	background: #E60012;
}

.indexbanner .wrap .left .swiper-button-next {
	background: url(../images/prev2.png) no-repeat center center;
	width: 40px;
	height: 40px;
	right: 20px;
	transform: rotate(180deg);
}

.indexbanner .wrap .right {
	width: 299px;
	height: 360px;
	float: right;

	border: 1px solid #EEEEEE;
}

.indexbanner .wrap .right .rightitems {
	line-height: 40px;
	display: flex;
}


.indexbanner .wrap .right .rightitems span {
	flex: 1;
	text-align: center;

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	cursor: pointer;
}

.indexbanner .wrap .right .rightitems span.active {
	border-bottom: 3px solid #FCAC0D;
	color: #FCAC0D;
	background: linear-gradient(0deg, #F2E9D9 0%, #FFFFFF 100%);
}

.indexbanner .wrap .right .tab .swiper-pagination {
	background: rgba(0, 0, 0, 0.3);
	display: inline-block;
	width: auto;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	height: 16px;
	border-radius: 15px;
	padding: 0 5px;
	line-height: 16px;
}

.indexbanner .wrap .right .tab .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #FFFFFF;
	opacity: 0.4;
	border-radius: 50%;
	margin: 0 5px !important;
}

.indexbanner .wrap .right .tab .swiper-pagination-bullet-active {
	opacity: 1;
}

.indexbanner .wrap .right .tab {
	display: none;
}

.indexbanner .wrap .right .tab.active {
	display: block;
}

.indexbanner .wrap .right .swiper-slide img {
	width: 100%;

	height: 140px;
}

.indexbanner .wrap .right .content {
	padding: 7px;
}

.indexbanner .wrap .right li {
	line-height: 32px;

}


.indexbanner .wrap .right li a {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.indexbanner .wrap .right li a:hover {

	text-decoration: underline;
	color: #FCAC0D;
}

.indexproduct {
	margin-top: 20px;
}


.indexproduct .wrap {
	border: 1px solid #EEEEEE;

	background: #F7F7F7;
}

.indexproduct .wrap .items {
	line-height: 36px;
}

.indexproduct .wrap .items span {
	padding: 0 22px;
	line-height: 40px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display: inline-block;
	cursor: pointer;
}

.indexproduct .wrap .items span.active {
	color: #fff;
	background: linear-gradient(0deg, #EB9500 0%, #FCAC0D 100%);
}

.indexproduct .wrap .content {
	border: 1px solid #FCAC0D;
}

.indexproduct .swiper-container {
	width: 98%;
	margin: 0 auto;
	padding: 10px 0;
	display: none;
}

.indexproduct .swiper-container.active {
	display: block;
}

.indexproduct .swiper-slide .proimg {

	height: 190px;
}

.indexproduct .swiper-slide img {
	max-width: 100%;
	width: 100%;
	max-height: 100%;
}

.indexproduct .swiper-slide p {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 18px;
	margin-top: 10px;
}

.indexproduct .swiper-wrapper {
	margin-left: -100px;
}

.indexproduct .swiper-button-prev {
	background: url(../images/prev.png) no-repeat center center;
	width: 44px;
	height: 88px;
	left: 0;
}

.indexproduct .swiper-button-next {
	background: url(../images/prev.png) no-repeat center center;
	width: 44px;
	height: 88px;
	right: 0;
	transform: rotate(180deg);
}

.indexpartner .wrap {

	background: #F7F7F7;
	margin: 20px auto;
	padding: 15px;
}

.indexpartner .swiper-slide img {
	width: 100%;
	/* max-height: 45px; */
}

.indexbox {

	background: #F7F7F7;
	padding-top: 20px;
}

.indexbox .tab {
	background: #fff;
	float: left;
	vertical-align: top;
	width: 590px;
	margin: 0 20px 20px 0;
}

.indexbox .tab:nth-of-type(2n) {
	margin-right: 0;
}

.indexbox .tab .item {
	height: 55px;
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	align-items: center;
}

.indexbox .tab .item h2 {
	line-height: 22px;
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #9CC11C;
	border-left: 4px solid #9CC11C;
	padding-left: 15px;
}

.indexbox .tab .item a {
	width: 60px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #9CC11C;
	border-radius: 12px;
	line-height: 24px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #9CC11C;
	display: inline-block;
	text-align: center;
}

.indexbox .tab:nth-of-type(2n) .item h2 {

	color: #3E8CD6;
	border-left: 4px solid #3E8CD6;
}

.indexbox .tab:nth-of-type(2n) .item a {
	border: 1px solid #3E8CD6;
	color: #3E8CD6;
}

.indexbox .tab:nth-of-type(3n) .item h2 {

	color: #FCAC0D;
	border-left: 4px solid #FCAC0D;
}

.indexbox .tab:nth-of-type(3n) .item a {
	border: 1px solid #FCAC0D;
	color: #FCAC0D;
}

.indexbox .tab:nth-of-type(4n) .item h2 {

	color: #1CC190;
	border-left: 4px solid #1CC190;
}

.indexbox .tab:nth-of-type(4n) .item a {
	border: 1px solid #1CC190;
	color: #1CC190;
}

.indexbox .tab:nth-of-type(5n) .item h2 {

	color: #621CC1;
	border-left: 4px solid #621CC1;
}

.indexbox .tab:nth-of-type(5n) .item a {
	border: 1px solid #621CC1;
	color: #621CC1;
}

.indexbox .tab:nth-of-type(6n) .item h2 {

	color: #C11CA4;
	border-left: 4px solid #C11CA4;
}

.indexbox .tab:nth-of-type(6n) .item a {
	border: 1px solid #C11CA4;
	color: #C11CA4;
}

.indexbox .tab:nth-of-type(7n) .item h2 {

	color: #E93277;
	border-left: 4px solid #E93277;
}

.indexbox .tab:nth-of-type(7n) .item a {
	border: 1px solid #E93277;
	color: #E93277;
}

.indexbox .tab:nth-of-type(8n) .item h2 {

	color: #C15A1C;
	border-left: 4px solid #C15A1C;
}

.indexbox .tab:nth-of-type(8n) .item a {
	border: 1px solid #C15A1C;
	color: #C15A1C;
}


.indexbox .tab>ul>li {
	float: left;
}

.indexbox .tab>ul {
	padding-left: 15px;
}

.indexbox .tab>ul>li>a {

	font-size: 14px;
	font-family: Microsoft YaHei;
	
	color: #333;
	margin-right: 10px;
}

.indexbox .tab .list {

	border-top: 1px solid #eee;
	margin-top: 15px;
}

.indexbox .tab .list li {
	width: 146px;
	float: left;
	height: 147px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.indexbox .tab .list li img {
	max-width: 100%;
	height: 105px;
	display: block;
	margin: 0 auto;
}

.indexbox .tab .list li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 18px;
	height: 18px;
	text-align: center;
	margin-top: 6px;
}

.indexbox .tab .list li:nth-of-type(1) {
	height: 295px;
	width: 295px;
	border-right: 1px solid #eee;
	border-bottom: none;
}

.indexbox .tab .list li:nth-of-type(1) img {
	max-height: 85%;
	height: auto;
}

.indexbox .tab .list li:nth-of-type(1) p {
	margin-top: 20px;

}

.indexbox .tab .list li:nth-of-type(3),
.indexbox .tab .list li:nth-of-type(5) {
	border-right: none;
}

.indexbox .tab .list li:nth-of-type(4),
.indexbox .tab .list li:nth-of-type(5) {
	border-bottom: none;
}


.layer {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	display: none;
}

.commonpop {

	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	display: none;
}

.commonpop .con {
	width: 350px;
	background: #FFFFFF;
	padding: 25px 20px;
	box-sizing: border-box;
}

.commonpop .con p.item {

	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	margin-bottom: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.commonpop .con p.item a {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #A2CA43;
}

.commonpop .con .list {
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
}

.commonpop p.right {
	text-align: right;
	margin-bottom: 25px;
}

.commonpop p.right a {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.commonpop p.check {
	margin-top: 15px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.commonpop p.check span {
	color: #A2CA43
}

.commonpop p.check input {
	width: 16px;
	height: 16px;
	background: #FFFFFF;
	border: 1px solid #A0A0A0;
	vertical-align: middle;
}

.commonpop .con input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	padding-left: 15px;
	height: 42px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}

.commonpop .con input[type="password"] {
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	padding-left: 15px;
	height: 42px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}
.commonpop .con form>input {
	margin-bottom: 12px;
}

.commonpop .con form>button {
	text-align: center;

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	height: 42px;
	background: #A2CA43;
	border-radius: 3px;
}

.commonpop .con input.short {
	width: 188px;
}

.commonpop .con .list button {
	width: 100px;
	height: 42px;
	background: #A2CA43;
	line-height: 42px;
	text-align: center;
	font-size: 14px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
}
.commonpop .con .list .button {
	width: 100px;
	height: 42px;
	background: #A2CA43;
	line-height: 42px;
	text-align: center;
	font-size: 14px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
}
.commonpop>img {
	display: block;
	margin: 20px auto 0;
}

.commonbox .right.fr .productdetail .tabtitle{
	
border-bottom: 1px solid #D2D2D2;
}
.commonbox .right.fr .productdetail .tabtitle a{
	display: inline-block;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #2F3949;
	padding:0 18px;
	line-height: 30px;
}
.commonbox .right.fr .productdetail  h2.commontitle{
	margin:40px 0 20px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #2F3949;
}
.commonbox .right.fr .productdetail .content div{
	float: none !important;
}
.commonbox .right.fr .productdetail  .tabbox1 h2.commontitle{
	margin:20px 0;
}
.commonbox .right.fr .productdetail .tabbox1 a.link{
	font-size: 18px;
	text-decoration: underline;
	   color: #F52B2B;
}
.commonbox .right.fr .productdetail  .tabbox1 .content p,.commonbox .right.fr .productdetail  .tabbox2 .content p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #2F3949;
	line-height: 30px;
}
.commonbox .right.fr .productdetail  .tabbox2 .content{
	display: flex;
	align-items: center;
	
}
.commonbox .right.fr .productdetail  .tabbox3 .content img,.commonbox .right.fr .productdetail  .tabbox1 .content img{
	max-width: 100%;
}
.commonbox .right.fr .productdetail  .tabbox3 .content{
	border-top:1px dashed #eee;
	border-bottom:1px dashed #eee;
	padding:20px 0;
}

.commonbox .right.fr .productdetail  .tabbox4 .title {

	line-height: 44px;
	height: 44px;
	background: #F5F5F5;
	border: 1px solid #E7EBEE;
}

.commonbox .right.fr .productdetail  .tabbox4 .title ul {
	display: flex;
	padding-left: 40px;
}

.commonbox .right.fr .productdetail  .tabbox4 .title li {
	margin-right: 50px;
}
.commonbox .right.fr .productdetail .tabbox4 .title li a{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}
.commonbox .right.fr .productdetail  .tabbox2 .content img{
	width:360px;
	margin-right:30px;
}
.commonbox .right.fr .productdetail .tabbox4  .list_content li {
	padding: 20px 40px;
	border-bottom: 1px solid #E7EBEE;
	border-top: 1px solid #E7EBEE;

}

.commonbox .right.fr .productdetail .tabbox4  .list_content li .fl p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
}

.commonbox .right.fr .productdetail .tabbox4  .list_content li .fl p:last-of-type {

	color: #333333;
}

.commonbox .right.fr .productdetail .tabbox4  .list_content li .fr {
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.commonbox .right.fr .productdetail .tabbox4  .list_content .star{
	margin-top:10px;
}
.commonbox .right.fr .productdetail .tabbox4  .list_content .star img{
	width: 15px;
	margin-right: 5px;
}
.commonbox .right.fr .productdetail .tabtitle a.active{
	
background: linear-gradient(0deg, #D7D7D7 0%, #FFFFFF 100%);
}

.commonbox .right.fr .productdetail .tabbox5 .content{
padding:15px 15px 25px;	
background: #F7F7F7;
}
.commonbox .right.fr .productdetail .tabbox5 .content p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #2F3949;
	line-height: 30px;
}
.commonbox .right.fr .productdetail .tabbox5 .content .list{
	margin-bottom: 8px;
}
.commonbox .right.fr .productdetail .tabbox5 .content .list span{
  
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2F3949;
  width: 70px;
  display: inline-block;
  vertical-align: top;
}
.commonbox .right.fr .productdetail .tabbox5 .content .list input{
	width: 200px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
}
.commonbox .right.fr .productdetail .tabbox5 .content .list textarea{
	width: 755px;
	height: 51px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
	box-sizing: border-box;
	resize: none;
}
.commonbox .right.fr .productdetail .tabbox5 .content button{
	width: 71px;
	height: 24px;
	border: 1px solid #E5E5E5;
	background: linear-gradient(0deg, #C0C0C0 0%, #FFFFFF 100%);
	border-radius: 3px;
	margin:8px 0 0 70px;
}
.commonbox .right.fr .productdetail .tabbox6 ul{
	display: flex;
	justify-content: space-between;
}
.commonbox .right.fr .productdetail .tabbox6 li{
	float: left;
	width: 24%;
}
.commonbox .right.fr .productdetail .tabbox6 li .proimg{
	
	height: 228px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.commonbox .right.fr .productdetail .tabbox6 li .proimg img{
	max-width: 100%;
}
.commonbox .right.fr .productdetail .tabbox6 li  p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
	width: 90%;
	padding:15px 0 0 12px;
}
.cart {
	background: #f7f7f7;
	padding: 15px 0 100px;
}

.cart .wrap>h2>img {
	width: 100%;
}

.cart .con {
	background: #fff;
	padding: 20px 20px 40px;
}

.cart .con>h2,
.cart .con>form>h2,
.cart .con .pay h2,
.cart .con .other h2 {

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #030D24;
	margin-bottom: 15px;
}

.cart .con .other .bz {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.cart .con .other .bz input {
	width: 800px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
	box-sizing: border-box;
	margin-left: 10px;
}

.cart .con .check {
	margin-top: 30px;
}

.cart .con .check p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}

.cart .con .check p input {
	margin-right: 5px;
}

.cart .con>h2 img,
.cart .con p.title img {
	vertical-align: middle;
	margin-right: 5px;
}

.cart .con .allprice {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #E5E5E5;
}

.cart .con .allprice .tab {
	width: 360px;
	height: 220px;
	background: #FFFFFF;
	border: 1px solid #FA6400;
	float: right;
	padding: 20px;
	box-sizing: border-box;
	text-align: right;
}

.cart .con .allprice .tab h2 {

	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 40px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 10px;
}

.cart .con .allprice .tab p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}

.cart .con .allprice .tab p span {
	color: #EE0909;
	font-size: 18px;
}

.cart .con>p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #666666;
	margin-bottom: 20px;
}

.cart .con .table {
	width: 100%;
	border: 1px solid #EEEEEE;
	border-bottom: none;
}

.cart .con p.blue {
	margin-bottom: 30px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3D50E3;
}

.cart .con .pay {
	margin: 50px 0 20px;
}

.cart .con table td ,.cart .con .table .item{
	line-height: 36px;
	height: 36px;
	background: #F9F9F9;

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
}
.cart .con .table .item{
	display: flex;
}
.cart .con .table .item>span,.cart .con .table .listtab>div{
	width: 10%;
}
.cart .con .table .item>span.name,.cart .con .table .listtab>div.name{
	width: 38%;
}
.cart .con .table .item>span.photo,.cart .con .table .listtab>div.photo{
	width: 14%;
}
.cart .con .table .listtab{
	display: flex;
}
.cart .con p.title {
	margin-top: 45px;
	color: #030D24;
	font-weight: bold;
}

.cart .con .pay p.title {
	margin: 0 0 14px;
}

.cart .con p.red {
	color: #E71616;
	margin-top: 35px;
}

.cart .con p.font1 {
	color: #333;
	margin-bottom: 14px;
}

.cart .con p.last {
	color: #165BE7;
	margin-top: 40px;
}

.cart .con p.font2 {
	color: #030D24;
	margin-bottom: 14px;
}

.cart .con a.buy,
.cart .con .allprice .tab a {
	width: 111px;
	height: 32px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	margin-top: 40px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	line-height: 32px;
	text-align: center;
}
button.buttons{
	width: 111px;
	height: 32px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	margin-top: 40px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	line-height: 32px;
	text-align: center;
            float: right;
    margin-top: 7px;
}
.cart .con .add{
	margin-bottom: 25px;
}
.cart .con .pay select ,.cart .con .add .addinfo .list select,.membercenter .container .fr .personal .list select{
	width: 70px;
	height: 22px;
	background: #FFFFFF;
	border: 1px solid #BFBFBF;
     padding-left: 10px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	background: url(../images/xl3.png) no-repeat right 10px center;
}

.cart .con .add .addinfo {
	width: 700px;
	padding: 10px 15px;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #BFBFBF;
	margin:10px 0 28px;
	display: none;
}

.cart .con .add .addinfo .list>span {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	width: 100px;
	display: inline-block;
}

.cart .con .add .addinfo .list {
	margin-bottom: 8px;
}

.cart .con .add .addinfo button {
	width: 80px;
	height: 24px;
	border: 1px solid #BFBFBF;
	background: linear-gradient(0deg, #E3E3E3 0%, #FFFFFF 100%);
	border-radius: 2px;
	margin-top: 25px;

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.cart .con .add .addinfo label {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right: 20px;
}

.cart .con .add .addinfo label input {
	width: 16px;
	height: 16px;
	border: 1px solid #BFBFBF;
	background: linear-gradient(0deg, #E3E3E3 0%, #FFFFFF 100%);
	border-radius: 2px;
	margin-right: 8px;
}

.cart .con .add .addinfo .list input[type="text"] {
	width: 270px;
	height: 22px;
	background: #FFFFFF;
	padding-left: 10px;
	border: 1px solid #BFBFBF;
	margin-right: 20px;
}

.cart .con .allprice .tab a {
	float: right;
	margin-top: 7px;
}

.cart .con table th,.cart .con .table .listtab>div {
	
   padding:20px 0;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	line-height: 40px;
}
.cart .con .table .listtab>div.flex{
	align-items: center;
}
.cart .con table th.red,
.cart .con table th.red a,.cart .con .table .listtab .red,.cart .con .table .red a{
	color: #E91C1C !important;
}

.cart .con table th.red i{
	
	font-style: normal;
	
}
.cart .con table th img,.cart .con .table .listtab>div.photo img {
	max-width: 50px;
	display: block;
	margin: 0 auto;
}

.cart .con table th:first-child {
	width: 150px;
}

.cart .con table th input,.cart .con  .flex  input {
	width: 38px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #D2D2D2;
	background: linear-gradient(0deg, #DFDFDF 0%, #FFFFFF 100%);
	border-radius: 3px;
	text-align: center;

	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right: 4px;

}

.cart .con table th span.add,.cart .con  .flex span.add {
	background: url(../images/jia.png) no-repeat center center;
	cursor: pointer;
	width: 26px;
	height: 11px;
	display: block;
	margin:0;
}

.cart .con table th span.reduce,.cart .con  .flex span.reduce {
	background: url(../images/jian.png) no-repeat center center;
	cursor: pointer;
	width: 26px;
	height: 11px;
	display: block;
	margin-top: 4px;

}
.cart .con a.next{
	width: 111px;
	height: 32px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	display: block;
	text-align: center;
	float: right;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 32px;
	margin-top:-20px;
}
.cart .con table th .flex,.cart .con  .flex {
	display: flex;
	justify-content: center;
}

.cart .con .price {
	margin: 10px 0 40px;
}

.cart .con .price .fl {
	margin-right: 10px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.cart .con .price .fl input {
	width: 210px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
}

.cart .con .price .fl button {
	width: 44px;
	height: 26px;
	border: 1px solid #D2D2D2;
	background: linear-gradient(0deg, #DCDCDC 0%, #FFFFFF 100%);

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-left: 5px;
}

.cart .con .price .fr {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.cart .con .price .fr span {

	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #E70E0E;
	margin-left: 10px;
}

.cart .con .last a {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right: 20px;
}

.cart .con .last a img {
	vertical-align: middle;
	margin-right: 4px;
}

.cart .con .add>p {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}

.cart .con .add>p input {
	margin-right: 10px;
}

.membercenter {
	background: #f7f7f7;
	padding: 20px 0 100px;
}

.membercenter .titles {
	display: flex;
	justify-content: space-between;
}

.membercenter .titles h2 {

	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	background: url(../images/ico12.png) no-repeat left center;
	padding-left: 35px;
}

.membercenter .titles .right {
	position: relative;
}

.membercenter .titles .right a.hz {
	background: url(../images/ico13.png) no-repeat left center;
	padding-left: 25px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right: 25px;
}

.membercenter .titles .right a.out {
	background: url(../images/ico14.png) no-repeat left 25px center;
	padding-left: 55px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;

	border-left: 1px solid #E5E5E5;
}


.sign_out {
	position: absolute;
	right: 0;
	width: 144px;
	height: 102px;
	background: url(../images/bg6.png) no-repeat top center;
	top: 20px;
	z-index: 99;
	padding: 30px 0 10px;
	display: none;
}

 .sign_out .butn {
	text-align: center;
	margin-top: 20px;
}

.sign_out .butn input.confirm {
	width: 54px;
	height: 23px;

	background: #A2CA43;
	border: none;

	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FEFEFE;
}

.sign_out .butn input.reset {
	border: none;
	margin-left: 20px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	background: none;
}

 .sign_out p {

	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	text-align: center;
	line-height: 20px;
}


.membercenter .container {
	background: #fff;
	margin-top: 30px;
	padding: 28px 22px;
	box-sizing: border-box;
}

.membercenter .container .fl {
	width: 10%;
}



.membercenter .container .fl dl {
	margin-bottom: 20px;
}

.membercenter .container .fl dl:first-child {
	margin-bottom: 30px;
}

.membercenter .container .fl dl dt {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
}

.membercenter .container .fl dl dd a {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}

.membercenter .container .fl dl dd {
	padding-left: 25px;
}

.membercenter .container .fl dl:first-child dd {
	padding-left: 0;
}

.membercenter .container .fl dl:first-child dd a {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #1A499D;
}

.membercenter .container .fl dl:first-child dt a {
	background: url(../images/l1.png) no-repeat left center/16px;
}

.membercenter .container .fl dl:first-child dt a.active {
	background: url(../images/l2.png) no-repeat left center/16px;
}

.membercenter .container .fl dl:nth-of-type(2) dt {
	background: url(../images/l3.png) no-repeat left center/16px;
	padding-left: 25px;
}

.membercenter .container .fl dl:nth-of-type(2) dt.active {
	background: url(../images/l4.png) no-repeat left center/16px;
	color: #A2CA43;
}

.membercenter .container .fl dl:nth-of-type(3) dt {
	background: url(../images/l12.png) no-repeat left center/16px;
	padding-left: 25px;
}

.membercenter .container .fl dl:nth-of-type(3) dt.active {
	background: url(../images/l11.png) no-repeat left center/16px;
	color: #A2CA43;
}

.membercenter .container .fl dl:nth-of-type(4) dt {
	background: url(../images/l5.png) no-repeat left center/16px;

}

.membercenter .container .fl dl:nth-of-type(4) dt.active {
	background: url(../images/l6.png) no-repeat left center/16px;
	color: #A2CA43;
}

.membercenter .container .fl dl:nth-of-type(5) dt {
	background: url(../images/l7.png) no-repeat left center/16px;
	padding-left: 25px;
}

.membercenter .container .fl dl:nth-of-type(5) dt.active {
	background: url(../images/l8.png) no-repeat left center/16px;
	color: #A2CA43;
}

.membercenter .container .fl dl:nth-of-type(6) dt {
	background: url(../images/l9.png) no-repeat left center/16px;
	padding-left: 25px;
}

.membercenter .container .fl dl:nth-of-type(6) dt.active {
	background: url(../images/l10.png) no-repeat left center/16px;
	color: #A2CA43;
}

.membercenter .container .fl dl dt a {
	padding-left: 25px;
}

.membercenter .container .fl dl a.active {


	color: #A2CA43;
}


.membercenter .container .fr {
	width: 88%;
}

.membercenter .container .fr .toggletitle {
	padding-left: 15px;
	line-height: 44px;
	margin: 0px 0 10px;
	background: #F9F9F9;
	display: flex;
	position: relative;
}

.membercenter .container .fr .toggletitle span {

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	margin-right: 40px;
}

.membercenter .container .fr .toggletitle span.active {
	border-bottom: 2px solid #333;
}

.membercenter .container .fr .toggletitle li {
	float: left;
	line-height: 44px;
	margin-right: 30px;
}
.membercenter .container .fr .toggletitle li a{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.membercenter .container .fr .toggletitle li.active{
	    border-bottom: 2px solid  #A2CA43;
	
}
	
.membercenter .container .fr .toggletitle a.fr{
	width: 82px;
	height: 26px;
	line-height: 26px;
	background: linear-gradient(0deg, #F48E21 0%, #FCBD34 100%);
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7C4F00;
	display: inline-block;
	float: right;
	position: absolute;
	right:12px;
	top:10px;
}
.membercenter .container .fr .nameinfo {
	padding: 0 20px;

	line-height: 82px;
	background: linear-gradient(0deg, #E3E3E3 0%, #F9F9F9 100%);
	margin-bottom: 20px;
}

.membercenter .container .fr .nameinfo .fl,
.membercenter .container .fr .nameinfo .fr {
	width: auto;

}

.membercenter .container .fr .nameinfo .fl img {
	vertical-align: middle;
	margin-right: 5px;
}

.membercenter .container .fr .nameinfo .fl span {

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #18191A;
}

.membercenter .container .fr .nameinfo .fl span:first-of-type {
	font-size: 24px;
	margin-right: 10px;
}

.membercenter .container .fr .nameinfo .fr {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #18191A;
}

.membercenter .container .fr .nameinfo .fr span {
	color: #FF8700
}

.membercenter .container .fr .nameinfo a.a1 {
	width: 82px;
	height: 22px;
	background: linear-gradient(0deg, #F48E21 0%, #FCBD34 100%);
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7C4F00;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
	margin: 0 30px 0 15px;
}

.membercenter .container .fr .nameinfo a.a2 {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #18191A;
}

.membercenter .container .fr .nameinfo a.a2 i {
	font-style: normal;
	color: #FF8700;
	text-decoration: underline;
	margin-left: -5px;
}

.membercenter .container .fr .togglecontent li {

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	width: 9%;
	text-align: center;
}

.membercenter .container .fr .togglecontent li.long {
	width: 16%;
	text-align: left;
	padding-left: 34px;
	box-sizing: border-box;
}
.membercenter .container .fr .togglecontent li.long2{
	width: 40%;
}

.membercenter .container .fr .togglecontent li.long:last-of-type {
	text-align: center;
	padding: 0;
}

.membercenter .container .fr .togglecontent li.center {
	width: 14%;
}

.membercenter .container .fr .togglecontent ul {

	line-height: 36px;
	background: #F9F9F9;
	display: flex;
	margin-bottom: 8px;
}

.membercenter .container .fr .togglelist .list {
	margin-bottom: 10px;
	position: relative;
}

.membercenter .container .fr .togglelist .listitem {
	padding: 0 20px 0 34px;
	line-height: 36px;
	background: #F9F9F9;
	border: 1px solid #EEEEEE;
	display: flex;
	justify-content: space-between;
}

.membercenter .container .fr .togglelist .listitem span {

	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}


.membercenter .container .fr .togglelist .listcontent {
	padding: 20px 0;
	border: 1px solid #EEEEEE;
	display: flex;
	border-top: none;
	align-items: center;
}

.membercenter .container .fr .togglelist .listcontent .long {
	width: 16%;
	border-left: 1px solid #eee;
	text-align: center;
}
.membercenter .container .fr .togglelist .listcontent .long2{
	width: 40%;
	border-left: 1px solid #eee;
	text-align: center;
}
.membercenter .container .fr .togglelist .listcontent .center {
	width: 14%;
	border-left: 1px solid #eee;
	text-align: center;
}

.membercenter .container .fr .togglelist .listcontent>span,
.membercenter .container .fr .togglelist .listcontent>p {
	width: 9%;
	text-align: center;
	border-left: 1px solid #eee;

	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
}

.membercenter .container .fr .togglelist .listcontent img {
	max-width: 55px;
}

.membercenter .container .fr .togglelist .listcontent a {
	display: block;
}

.membercenter .container .fr .togglelist .listcontent span.color1 {

	color: #E91C1C;
}

.membercenter .container .fr .togglelist .listcontent span.color2 {


	color: #E98B1C;
}

.membercenter .container .fr .togglelist .listcontent span.color3 {


	color: #1C43E9;
}

.membercenter .container .fr .togglelist .listcontent span.color4 {

color: #E91C1C;
}
.membercenter .container .fr .togglelist .listcontent span.color5 {

color: #E99A1C;
	
}

.membercenter .container .fr .togglelist .listcontent span.color6 {

color: #1CE965;
}

.membercenter .container .fr .password p.title{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 30px;
	padding-left: 18px;
	border-bottom:1px solid #eee;
}

.membercenter .container .fr .password .list{
	line-height: 45px;
	border-bottom:1px dashed #eee;
}

.membercenter .container .fr .password .list span{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	width: 100px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
}

.membercenter .container .fr .password .list input{
	width: 210px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
}

.membercenter .container .fr .password button{
	width: 50px;
	height: 28px;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 28px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	margin:12px 0 0 110px;
}

.membercenter .container .fr .message li{
	
background: #F9F9F9;
margin-bottom: 10px;
padding:10px 20px 20px;
}
.membercenter .container .fr .message li .title{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.membercenter .container .fr .message li .title img{
	vertical-align: middle;
	margin-right:10px;
}
.membercenter .container .fr .message li .title p{
	
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}
.membercenter .container .fr .message li .title span{
	
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.membercenter .container .fr .message li .font{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding-left: 35px;
}

.membercenter .container .fr .jf .jfinfo{
	display: flex;
	justify-content: space-between;
}
.membercenter .container .fr .jf .jfinfo .fl{
	width: 417px;
    margin-right: 18px;
	
	border-radius: 10px;
	background:url(../images/bg7.png) no-repeat left 25px center;
	background-color: #FFF0CC;
}
.membercenter .container .fr .jf .jfinfo .fl .right{
	width: 100%;
	padding:60px 0 0 60%;
	box-sizing: border-box;
}
.membercenter .container .fr .jf .jfinfo .fl .right span.num{
	
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F59223;
	display: block;
	text-align: center;
}
.membercenter .container .fr .jf .jfinfo .fl .right P{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7C4F00;
	margin:0px 0 40px;
	text-align: center;
}
.membercenter .container .fr .jf .jfinfo{
	margin:8px 0 28px;
}
.membercenter .container .fr .jf .jfinfo .fl .right a{
	width: 82px;
	height: 22px;
	background: linear-gradient(0deg, #F48E21 0%, #FCBD34 100%);
	border-radius: 3px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7C4F00;
	display: block;
	margin:0 auto;
}
.membercenter .container .fr .jf .jfinfo .fr{
	padding:20px;
	width: 593px;
box-sizing: border-box;
	background: #FFF0CC;
	border-radius: 3px;
}

.membercenter .container .fr .jf .jfinfo .fr span{
	font-size: 16px;
	color:#030D24;
	font-weight: bold;
	display: block;
	margin-bottom:8px;
	
}
.membercenter .container .fr .jf .jfinfo .fr p{
	font-size: 14px;
	color:#333333;
	margin-bottom: 4px;
}

.membercenter .container .fr .jftable table{
	width: 100%;
	margin-bottom: 10px;
}
.membercenter .container .fr .jftable table td{
	line-height: 34px;
	height: 34px;
	background: #F7F7F7;
	border-radius: 1px;
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
}
.membercenter .container .fr .jftable table th{
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	
border-bottom: 1px solid #EEEEEE;
}
.membercenter .container .fr .jftable table th.color1{
	
color: #24D079;
}

.membercenter .container .fr .jftable table th.color2{
	
color: #999999;
}

.popup4{
	position: fixed;
	width: 340px;
	padding:10px;
	background: #FFFFFF;
	border-radius: 3px;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 999;
		text-align: center;
		display: none;
}
.popup4 img{
	display: block;
	margin:0 auto 14px;
}
.popup4 p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #2C2C2C;
}
.popup4 p span{
	color:#3BCB84
}
.popup4 p.font1{
	
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-top:10px;
}
.popup4 a{
	width: 100px;
	height: 28px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 14px;
	line-height: 28px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	display: block;
	margin:18px auto 0;
}

.membercenter .container .fr .yhq table{
	width: 100%;
	margin-bottom: 60px;
}

.membercenter .container .fr .yhq table td{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	height: 34px;
	background: #F7F7F7;
	
}
.membercenter .container .fr .yhq table td:first-child{
	width: 25%;
	text-align: left;
	padding-left: 50px;
}

.membercenter .container .fr .yhq table th{
	text-align: center;
	
background: #F9F9F9;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding:30px 0;
	border-top:10px solid #fff;
}

.membercenter .container .fr .yhq table th input{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	background:none;
	width: auto;

}
.membercenter .container .fr .yhq table th a.copy{
	width: 46px;
	height: 22px;
	border: 1px solid #D2D2D2;
	background: linear-gradient(0deg, #DADADA 0%, #FFFFFF 100%);
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-left: 10px;
	line-height: 22px;
	display: inline-block;
	padding:0;
}
.membercenter .container .fr .yhq table th.color1{
	
color: #1DC554;
}
.membercenter .container .fr .yhq table th.color2{

color: #999999;
}

.membercenter .container .fr .personal h2{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	padding-left: 15px;
	border-bottom:1px solid #eee;
	line-height: 35px;
}
.membercenter .container .fr .personal  .list{
	line-height: 45px;
	border-bottom: 1px dashed #E5E5E5;
}

.membercenter .container .fr .personal  .list>span:first-child{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	width:100px;
	display: inline-block;
}
.membercenter .container .fr .personal h2:last-of-type{
	margin-top:45px;
}

.membercenter .container .fr .personal  .list input[type="text"]{
	width: 210px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
	box-sizing: border-box;
}
.membercenter .container .fr .personal  .list label{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right:10px;
}

.membercenter .container .fr .personal  .list label input{
	width: 16px;
	height: 16px;
	background: #FFFFFF;
	border: 1px solid #BFBFBF;
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: middle;
}

.membercenter .container .fr .personal  .list span.red{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F52B2B;
	margin-left: 15px;
}
.membercenter .container .fr .personal  .list  i{
	font-style: normal;
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F52B2B;
	margin-left: 10px;
}

.membercenter .container .fr .personal button,.membercenter .container .fr .personal input[type="reset"]{
	width: 50px;
	height: 28px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	line-height: 28px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin:20px 0 0 100px;
	
}
	
.membercenter .container .fr .personal input[type="reset"]{
	margin:20px 0 0 0;
}
.membercenter .container .fr .personal2 .list>span:first-child{
	width: 60px;
}

.membercenter .container .fr .personal textarea{
	width: 220px;
	height: 56px;
	background: #FFFFFF;
	border: 1px solid #BFBFBF;
	padding-left: 10px;
	box-sizing: border-box;
	resize: none;
	overflow-x:hidden;
	margin-top:10px;
}

.membercenter .container .fr .personal2 button{
	    margin: 20px 5px 0 60px;
}

.membercenter .container .fr .yhq.personal table td:first-child{
	width: auto;
	text-align: center;
	padding:0;
}
.membercenter .container .fr .yhq.personal table{
	margin-top:15px;
}
.membercenter .container .fr .yhq.personal table th{
	padding:10px 0;
}
.membercenter .container .fr .yhq.personal table th a{
	margin:0 5px;
}
.membercenter .container .fr .yhq.personal table th a.color1{
	
color: #999999;
}

.membercenter .container .fr .yhq.personal h2 a{
	width: 100px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	display: inline-block;
	margin-left: 20px;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	
}



#starRating .photo span {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
   
    cursor: pointer;
}
#starRating .photo span:last-child {
    margin-right: 0px;
}
#starRating .photo span .nohigh {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    background: url("../images/star1.png") no-repeat center;
}
#starRating .photo span .high {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    background: url("../images/star.png") no-repeat center;
}
#starRating .starNum {
    font-size: 16px;
    color: #de4414;
    margin-left: 20px;
}

.membercenter .container .fr .toggletitle a.return{
	width: 80px;
	height: 24px;
	border: 1px solid #BFBFBF;
	background: linear-gradient(0deg, #E3E3E3 0%, #FFFFFF 100%);
	border-radius: 2px;
	line-height: 24px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display: inline-block;
	text-align: center;
	margin-top:10px;
}

.membercenter .container .fr .evaluate p.font{
	
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
}
.up{
	position: relative;
}
.up a{
	width: 80px;
	height: 24px;
	border: 1px solid #BFBFBF;
	background: linear-gradient(0deg, #E3E3E3 0%, #FFFFFF 100%);
	border-radius: 2px;
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	display: inline-block;
}
.membercenter .container .fr .evaluate label{
	display: block;
	line-height: 30px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.membercenter .container .fr .evaluate label.active{
	
color: #CDA170;
}
input[type="radio"]{
	width: 16px;
	height: 16px;
	background: #FFFFFF;
	border: 1px solid #BFBFBF;
	border-radius: 50%;
	margin-right: 10px;
	vertical-align: middle;
}
.membercenter .container .fr .evaluate .list{
	margin-bottom: 10px;
}
.membercenter .container .fr .evaluate input[type="text"]{
	width: 287px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
}
.membercenter .container .fr .evaluate input.long{
	width: 928px;
}
.up input{
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	width: 100%;
}
.membercenter .container .fr .evaluate .font2{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
	padding-left: 15px;
}

	
.membercenter .container .fr .evaluate div.photo{
	display: flex;
	align-items: center;
	margin:10px 0;
}
.membercenter .container .fr .evaluate div.photo img{
	margin:0 38px 0 33px;
}
.membercenter .container .fr .evaluate .butn a.reset{
	width: 111px;
	height: 32px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 32px;
	margin-top:40px;
	margin:40px 5px 0 15px;
}
.membercenter .container .fr .evaluate button.reset{
	width: 111px;
	height: 32px;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 32px;
	margin-top:40px;
	margin:40px 5px 0 15px;
}
.membercenter .container .fr .evaluate .butn .sign_out{
	left: -25px;
	top:70px;
}
.membercenter .container .fr .evaluate div.photo span{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #E5870D;
}

.membercenter .container .fr .evaluate div.photo p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-top:10px;
}
.membercenter .container .fr .evaluate p.title{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
   padding-left: 15px;
   margin-bottom: 10px;
}
.membercenter .container .fr .evaluate h2{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	border-bottom:1px solid #eee;
	padding:0 0 12px 15px;
	margin:35px 0 15px;
}
.membercenter .container .fr .evaluate .price p.font2 span{
	color:#EE0909;
	font-size: 18px;
}
.membercenter .container .fr .evaluate .fpinfo p.font2 span{
	color:#999;
	width: 70px;
	display: inline-block;
	text-align: right;
}
.membercenter .container .fr .evaluate table{
	width: 100%;
	
border: 1px solid #EEEEEE;
}

.membercenter .container .fr .evaluate table td{
	
	height: 36px;
	background: #F9F9F9;
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
}

.membercenter .container .fr .evaluate table th{
	text-align: center;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.membercenter .container .fr .evaluate table th img{
	max-width: 55px;
}
.membercenter .container .fr .evaluate table th.red{
color: #E91C1C;
}

#starRating{
	display: flex;
	margin-bottom: 10px;
}

.membercenter .container .fr .evaluate form #starRating>span,.membercenter .container .fr .evaluate form .list span{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-right: 15px;
}
.membercenter .container .fr .evaluate form input{
	width: 593px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
}

.membercenter .container .fr .evaluate button{
	width: 111px;
	height: 32px;
	text-align: center;
	border: 1px solid #FA6400;
	background: linear-gradient(0deg, #FE6C00 0%, #FFAD00 100%);
	border-radius: 3px;
	line-height: 32px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin-top:30px;
}

.zysx{
	padding:20px 30px;
	margin-top:25px;
	background: #F9F9F9;
	border: 1px solid #EEEEEE;
}
.membercenter .container .fr .evaluate .zysx h2{
	padding:0;
	margin:0 0 6px 0;
	border:none;
}
.zysx p{
	font-size: 14px;
	color:#333;
	line-height: 25px;
}
.zysx p.font1{
	color:#999;
	font-size: 14px;
	padding-left: 20px;
}
.commonbox .right.fr .productdetail .tab{
	margin:20px 0;
}

.commonbox .right.fr .productdetail .tab .fr{
	width: 65%;
}
.commonbox .right.fr .productdetail .tab .fl{
	width: 33%;
}

.jqzoom{position:relative;padding:0;
border: 1px solid #D2D2D2;height:305px;
display: flex;align-items: center;justify-content: center;}
.jqzoom img{
   max-width:100%;
  max-height: 100%;
}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


.zoomdiv{ left:859px; height:400px; width:400px;}

.list-h li{ float:left;}

#spec-n5{width:100%; height:70px; padding-top:6px; overflow:hidden;}

#spec-left{ width:10px; height:95px; float:left; cursor:pointer; margin-top:25px;background:url(../images/left.gif)}

#spec-right{right:2px; width:10px; height:95px; float:right;cursor:pointer; margin-top:25px;margin-right:4px;background:url(../images/right.gif)}

#spec-list{ width:273px; float:left; overflow:hidden; margin-left:2%; display:inline;height:60px;
}
.list-h{
    height:60px !important;

}
#spec-list ul li{ float:left; width:70px;height:60px;}
#spec-list ul li .bg{
	width:60px !important;height:60px;
	align-items: center;justify-content: center;border: 1px solid rgb(204, 204, 204);
	box-sizing: border-box;margin-right:10px;
	 display:inline-flex; 
}
#spec-list ul li img{max-width:90%;
height:100%;}
#spec-list div {width:100% !important;height:60px !important;}
#spec-list ul li.current{
    
border: 2px solid #A2CA43;
}

/*jqzoom*/

.jqzoom{position:relative;padding:0;}
.jqzoom img{
   max-width:100%;
  
}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-left img,#spec-right img{
    width:15px;
}


.commonbox .right.fr .productdetail .tab .fr .item{
	padding-bottom:20px;
}

.commonbox .right.fr .productdetail .tab .fr .item p.font1{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-bottom:15px;
}
.commonbox .right.fr .productdetail .tab .fr .item a.collect{
	float: right;
	
	font-size: 14px;
	font-family: STXihei;
	font-weight: 400;
	color: #333333;
	background:url(../images/collect.png) no-repeat left center;
	padding-left: 18px;
	margin-top:-25px;
}
.commonbox .right.fr .productdetail .tab .fr .item p.font2{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
}
.commonbox .right.fr .productdetail .tab .fr  .center{
	border-top:1px dashed #eee;
	border-bottom:1px dashed #eee;
	padding:14px 0;
	margin-bottom: 10px;
}
.commonbox .right.fr .productdetail .tab .fr  .center li{
	width: 50%;
	float: left;
}
.commonbox .right.fr .productdetail .tab .fr  .center li{
	font-size: 14px;
	line-height: 28px;
	color:#333;
}
.commonbox .right.fr .productdetail .tab .fr  p.price{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;

	color: #333333;
	line-height: 28px;
}
.commonbox .right.fr .productdetail .tab .fr  p.price span{
	color:#CD0000;
	font-size: 16px;
}
.commonbox .right.fr .productdetail .tab .fr  p.price span.through{
color: #333333;	
font-size: 14px;
text-decoration: line-through;
}

.commonbox .right.fr .productdetail .tab .fr  p.red{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color:#BB0000;
	width: 60%;
	line-height: 28px;
	margin-bottom:15px;
}

.commonbox .right.fr .productdetail .tab .fr .num input{
	width: 50px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #BFBFBF;
	text-align: center;
}
.commonbox .right.fr .productdetail .tab .fr .num button{
	width: 24px;
	height: 26px;
	border: 1px solid #BFBFBF;
	background: linear-gradient(0deg, #BCBCBC 0%, #FFFFFF 100%);
	font-size: 14px;
}
.commonbox .right.fr .productdetail .tab .fr  a.cart{
	background:url(../images/car.png) no-repeat center center;
	width: 140px;
	height: 42px;
	display: block;
	float: right;
	padding:0;
	margin-top:-40px;
}

.cartsuccess{	
border: 1px solid #BADBF2;
position: absolute;
top:20px;
right:0;
width: 302px;
background:#fff;
display: none;
}

.cartsuccess h2{
	padding-left: 15px;
	font-size: 12px;
	line-height: 34px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	height: 34px;
	background: #EDF7FD;
	border-bottom: 1px solid #BADBF2;
}
.cartsuccess h2 img{
	width: 18px;
	margin-right: 5px;
}
.cartsuccess img.del{
	position: absolute;
	top:5px;
	right:8px;
}

.cartsuccess .con{
	padding:18px 0;
}
.cartsuccess .con p{
	
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	text-align: center;
	margin-bottom: 20px;
}
.cartsuccess .con .butn{
	text-align: center;
}
.cartsuccess .con .butn a{
	height: 20px;
	line-height: 20px;
	margin:0 5px;
	background: linear-gradient(0deg, #2087CF 0%, #54A4DA 100%);
	box-shadow: 0px 1px 2px 0px rgba(31, 29, 3, 0.2), 0px 1px 2px 0px #FFFFFF;
	border-radius: 3px;
	padding:0 5px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.rightside{
	position: fixed;
	top:30%;
	right:10px;
	z-index: 99;
}
.rightside li{
	width: 50px;
	height: 50px;
	background: #7D7D7D;
	margin-bottom: 5px;
	position: relative;
}
.rightside li:nth-of-type(2) .left{
	width: 236px;
	left:-240px;
	background:url(../images/bg8.png) no-repeat center center/cover;
	height: 80px;
	    padding: 10px;
	    line-height: 35px;
}
.rightside li:nth-of-type(2):hover .left{
	display: block;
}
.rightside li:nth-of-type(2) .left a{
	    border: 1px solid #fff;
	    color: #fff;
	    background: url(../images/kf.png) no-repeat left 10px center/20px;
	    padding-left: 33px;
	    height: 25px;
	    line-height: 25px;
	    width: 40px;
	    display: inline-block;
	    font-size: 12px;
	    margin: 0 20px 0px 0;
}
.rightside li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
}
.rightside li .left{
	position: absolute;
	left: -140px;
	background:url(../images/bg8.png) no-repeat center center;
	width: 136px;
	height: 50px;
	text-align: left;
	padding-right:10px;
	top:0;
	line-height: 50px;
	display: none;
	box-sizing: border-box;
	
}

.rightside li .left p{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.rightside li:hover .left{
	display:flex;
	align-items: center;
	justify-content: center;
}

.indexbox>.wrap{
	position: relative;
}
.indexbox>.wrap .indexpartner{
	position: absolute;
	width: 100%;
	top:794px;
	
}

.indexbox .indexpartner .wrap{
	background:#fff;
}

.indexbox .tab:nth-of-type(5),.indexbox .tab:nth-of-type(6){
	margin-top:100px;
}

.popup37{
	position: fixed;
	width:400px;
	padding:20px;
	box-shadow: 0 0 6px #ccc;
	top:30%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 999;
	background:#fff;
	border-radius: 10px;
	display: none;
}
.popup37 p{
	font-size: 14px;
	line-height: 20px;
}



.nav .fr>ul>li{
	position: relative;
}
.nav .fr>ul>li:hover .subs{
	display: block;
}
.nav .fr>ul>li .subs{
	position: absolute;
	width: 220px;
	left:50%;
	margin-left: -110px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);
	padding:10px 20px;
	display: none;
}
	
.nav .fr>ul>li .subs li{
	float: none;
	display: block;
	line-height: 40px;
	width: 100%;
	border-bottom:1px solid #eee;
}
.nav .fr>ul>li .subs li a{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: left;
}
.nav .fr>ul>li .subs li a img{
	margin-right: 10px;
	vertical-align: middle;
}
.nav .fr>ul>li .subs li:last-child{
	border:none;
}

.sylist li{
	float: left;
	width: 22%;
	margin:0 3% 20px 0;
}
.sylist li:nth-of-type(4n){
	margin-right: 0;
}
.sylist li .photo{
	
	height: 210px;
	
	border: 1px solid #DCDCDC;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sylist li .photo img{
	max-width: 100%;
	max-height: 100%;
}

.sylist li p.title{
	display:flex;
	align-items:center;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin:15px 0;
}
.sylist li p.title .bt {
	flex:1;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.sylist li  a{
	width: 80px;
	height: 28px;
	background: #FCAC0D;
	display: block;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 28px;
}

.commonbox .right.fr .productdetail .tabbox5 .content .list span{
	width: 110px;
	text-align: right;
	margin-right: 15px;
}
.commonbox .right.fr .productdetail .tabbox5 .content .list span i{
	font-style: normal;
	color:red;
	
}
.commonbox .right.fr .productdetail .tabbox5 .content .list input[type="checkbox"]{
	width: 25px;
	vertical-align: middle;
}
.commonbox .right.fr .productdetail .tabbox5 .content button{
	margin: 8px 0 0 125px;
}

.rightside li .leftside{
	position: absolute;
	    left: -230px;
	    
	    background: #FFFFFF;
	    border: 1px solid #EEEEEE;
	    width: 224px;
	 
	    top: 0;
		display: none;
	    
}
.rightside li:hover .leftside{
	display: block;
}	
.rightside li .leftside>img{
	width: 100%;
	margin-top:-5px;
}


.rightside li .leftside li{
	float: none;
	display: block;
	line-height: 30px;
	width: 100%;
	height: 30px;
	 background: #FFFFFF;
	 padding-left: 25px;
	
}
.rightside li .leftside a{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display:block;
	text-align: left;
	width: 100%;
	height: 100%;
	line-height: 30px;
}
.rightside li .leftside li a img{
	margin-right: 10px;
	vertical-align: middle;
}