@charset "utf-8";
/* ================周年庆start============================= */
.personal_anniversary{
	background: url('../jpg/bg.jpg')no-repeat;
	background-size: contain;
	width: 1080px;
	/* height: 2370px; */
	height: auto;
	overflow: hidden;
	font-family: PingFangSC-Medium, PingFang SC;
	position: relative;
	/* background: linear-gradient(201deg, #000000 0%, #400700 100%); */
}
.personal_anniversary .anniversary_prouct1{
	position: absolute;
	top: 75px;
	left: 146px;
	width: 150px;
}
.personal_anniversary .anniversary_prouct2{
	position: absolute;
	position: absolute;
	top: 446px;
	left: 88px;
	width: 130px;
}
.personal_anniversary .anniversary_prouct3{
	position: absolute;
	top: 376px; 
	left: 368px;
	width: 130px;
}
.personal_anniversary .anniversary_pricestyle{
	position: absolute;
	font-weight: bold;
	color: #000000;
}
.personal_anniversary .anniversary_price1{
	top: 242px;
	left: 422px;
	font-size: 20px;
}
.personal_anniversary .anniversary_price2{
	top: 360px;
	left: 126px;
	font-size: 23px;
}
.personal_anniversary .anniversary_discount{
	top: 473px;
	left: 259px;
	font-size: 18px;
}
.personal_anniversary .anniversary_checkin{
	position: absolute;
	top: 159px;
	left: 633px;
	right: 94px;
	color: #FFFFFF;
}
.personal_anniversary .checkin_title{
	font-size: 36px;
	font-weight: 600;
	color: #FFFFFF;
}
.personal_anniversary .checkin_subtitle{
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 22px;
	margin: 15px 0 30px;
}
.personal_anniversary .checkin_btn{
padding: 10px 40px;
/* background: #FF6937; */
border-radius: 21px;
font-size: 16px;
color: #FFFFFF;
display: inline-block;
background-color: #ccc;
}
.personal_anniversary .anniversary_date{
	/* position: absolute; */
	margin-top: 615px;
	padding: 0 20px;
	width: 100%;
	background: #280501;
}
.personal_anniversary .anniversary_date_content{
	height: 637px;
	display: flex;
	border: 1px solid #732512;
	width: 100%;
	border-radius: 20px;
}
.personal_anniversary .anniversary_track{
flex: 1.25;
border-right: 2px solid #732512;;
}
.personal_anniversary .anniversary_calendar{
	flex: 1;
}
.personal_anniversary ._track_title{
	font-size: 24px;
	font-weight: 600;
	color: #FF6937;
	text-align: center;
	padding: 28px;
	padding-bottom: 23px;
}
.personal_anniversary .track_content{
	padding: 0 68px;
}
.personal_anniversary .track_content1{
	display: flex;
	align-items: center;
	justify-content: center;
}
.personal_anniversary .track_content_reverse{
	flex-direction: row-reverse;
}
.personal_anniversary .track_content2{
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	float: right;
}
.personal_anniversary .track_content3{
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	float: left;
}
.personal_anniversary .track_content5{
	flex-direction: row-reverse;
}
.personal_anniversary .track_box1{
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	line-height: 23px;
	border: 3px solid #6e2c00;
	background-color: #4f0000;
	color: #fff;
}
.personal_anniversary .track_box1.active{
	color: #000000;
	background-color: #ec6d1d;
	border: 3px solid #f79653;
}
.personal_anniversary .track_box2{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	line-height: 43px;
	border: 3px solid #6e2c00;
	background-color: #4f0000;
	color: #fff;
}
.personal_anniversary .track_box2.active{
	color: #000000;
	background-color: #ec6d1d;
	border: 3px solid #f79653;
}
.personal_anniversary .track_box3{
	font-size: 11px;
	font-weight: 600;
	color: #000000;
	text-align: center;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	border: 3px solid #6e2c00;
	background-color: #4f0000;
	color: #fff;
}
.personal_anniversary .track_box3.active{
	color: #000000;
	background-color: #ec6d1d;
	border: 3px solid #f79653;
}
.personal_anniversary .track_line{
width: 69px;
height: 3px;
background-color: #702D00;
}
.personal_anniversary .track_line2{
width: 3px;
height: 28px;
background-color: #702D00;
}
.personal_anniversary .track_line3{
width: 13px;
height: 3px;
background-color: #702D00;
}
.personal_anniversary .track_line4{
height: 44px;
}
.track_right_content2{
	height: 104px;
	width: 100%;
}
.track_right_content4{
	height: 136px;
}
.personal_anniversary .track_date6{
	position: relative;
}
.personal_anniversary .trackdate6{
	position: absolute;
	left: -354px;
	transform: translate(0px, -50%);
	top: 50%;
	display: flex;
	width: 334px;
	height: 78px;
	justify-content: center;
	background: #5e280a;
	border-radius: 16px;
	align-items: center;
}
.personal_anniversary .trackdate12{
	justify-content: space-around;
}
.personal_anniversary .trackdate18 img{
	width: 74px;
}
.personal_anniversary .trackdate18 img:first-child{
	margin-right: 12px;
}
.personal_anniversary .trackdate6 .trackdate6_code{
font-size: 12px;
color: #FFFFFF;
}
.personal_anniversary .trackdate6 .trackdate6_copy{
	cursor: pointer;
	background: linear-gradient(360deg, #FF9636 0%, #FF7E15 59%, #FF6937 100%);
	border-radius: 8px;
	border: 3px solid #000000;
	color: #fff;
	backdrop-filter: blur(4px);
	text-align: center;
	margin-left: 12px;
	padding: 4px 10px;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}
.personal_anniversary .trackdate6 .trackdate6_triangle::before{
	content: "";
	position: absolute;
	top: 0;
	transform: translate(0px, -50%);
	top: 50%;
	right: -22px;
	border-left: 12px solid #5e280a;
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-top: 12px solid transparent;
}
.personal_anniversary .trackdate12_getpro{
	width: 380px;
	height: 112px;
	padding: 10px;
	backdrop-filter: blur(4px);
	background: #5e280a;
	border-radius: 16px;
	position: absolute;
	left: 68px;
	transform: translate(0px, -50%);
	top: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: #5e280a;
	border-radius: 16px;
	align-items: center;
}
.personal_anniversary .trackdate12_triangle::before{
	content: "";
	position: absolute;
	top: 0;
	transform: translate(0px, -50%);
	top: 50%;
	left: -22px;
	border-left: 12px solid transparent;
	border-right: 12px solid #5e280a;
	border-bottom: 12px solid transparent;
	border-top: 12px solid transparent;
}
.personal_anniversary .trackdate12_getpro .trackdate12_title{
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	width: 80%;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	word-break: keep-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.personal_anniversary .trackdate12_getpro .trackdate12_img{
display: flex;
align-items: flex-end;
}
.personal_anniversary .trackdate12_getpro .trackdate12_img div{
	margin: 0 4px;
	width: 20%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.personal_anniversary .trackdate12_getpro .trackdate12_img p{
	text-align: center;
	color: #cf8f68;
	display: block;
	width: 100%;
	font-size: 14px;
}
.personal_anniversary .trackdate12_getpro .trackdate12_img img{
	/* width: 100%; */
	margin: 0 auto;
}


/* 打卡日历 */
.calendar_content .table{
	padding:  0 56px;
}
.calendar_content .table .row{
	display: flex;
}
.calendar_content .table .table_rows{
	margin-top: 32px;
}
.calendar_content .table .rows{
	margin-bottom: 16px;
}
.calendar_content .table .row .cell{
	width: 25%;
	font-size: 12px;
	text-align: center;
}
.calendar_content .table .row .cell .row_text{
font-size: 12px;
font-weight: 600;
color: #FF6937;
}
.personal_anniversary .anniversary_info{
	width: 865px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0px auto ;
	height: auto; 
}
.personal_anniversary .anniversary_infotitle{
	font-size: 24px;
	font-weight: 600;
	color: #FF6937;
	line-height: 33px;
}
.personal_anniversary .anniversary_info_content{
color: #D0A6A1;
}
.personal_anniversary .anniversary_info_content ul{
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}
.personal_anniversary .anniversary_info_content ul li{
	font-size: 14px;
	width: 25%;
}
.personal_anniversary .anniversary_info_content ul.second_prize li{
	margin-bottom: 12px;
}
.personal_anniversary .anniversary_info_content ul.second_prize li .email{
	font-size: 16px;
}
.personal_anniversary .size1{
	font-size: 18px;
	margin-top: 48px;
}
.personal_anniversary .size2{
	font-size: 14px;
}
.personal_anniversary .size3{
	margin-top: 24px;
}
.personal_anniversary .space{
	width: 100%;
	height: 1px;
	background: #732512;
	margin: 40px 0;
}
.personal_anniversary .space2{
	padding-top: 20px;
}
.anniversary_share{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}
.anniversary_share_box{
	position: relative;
	padding: 10px 30px;
	margin: 0 auto;
	display: inline-block;
	/* background: #FF6937; */
	color: #FFFFFF;
	border-radius: 21px;
	background-color: #ccc;
}
.anniversary_date .share_add{
	position: absolute;
	right: -20px;
	top: -10px;
	text-align: center;
	font-size: 16px;
	/* color: #FF6937; */
	color: #ccc;
}
.anniversary_date .anniversary_sharetitle{
	font-size: 16px;
	color: #D0A6A1;
	text-align: center;
	width: 80%;
	margin: 10px auto 0;
}
@media screen and (max-width: 1400px){
	.personal_anniversary .trackdate12_getpro{
		width: auto;
	}
}
@media screen and (max-width: 1128px){
	.personal_anniversary .anniversary_info_content ul li{width: 33.3%;}
	.personal_anniversary{
		width: 100%;
		/* height: 2900px; */
		background-image: url(../jpg/mobeli.jpg);
	}
	.personal_anniversary .anniversary_calendar{
		background: #280501;
	}
	.personal_anniversary .anniversary_calendar_box{
		padding-bottom: 20px;
		border: 1px solid #732512;
		margin: 0 16px;
		border-radius: 0 0 20px 20px;
		border-top: none;
		
	}
	.calendar_content .table {
    padding: 0 16px;
	}
	.personal_anniversary .anniversary_prouct1 {
    top: 1.5625rem;
    left: 3.105rem;
    width: 3.35rem;
	}
	.personal_anniversary .anniversary_prouct2 {
    top: 9.6975rem;
    left: 1.916rem;
    width: 2.8125rem;
	}
	.personal_anniversary .anniversary_prouct3 {
    top: 8.2rem;
    left: 7.965rem;
    width: 2.8125rem;
	}
	.personal_anniversary .anniversary_checkin {
    top: 2.4375rem;
		width: 80%;
		left: 50%;
		right: 0;
    transform: translate(-50%, 0px);
    text-align: center;
    color: #FFFFFF;
	}
	.personal_anniversary .checkin_title {
    font-size: 32px;
		line-height: initial;
	}
	.personal_anniversary .checkin_subtitle {	
		font-size: 16px;	
		margin: .3125rem 0 1.1875rem;
	}
	.personal_anniversary .checkin_btn {	
		padding: .25rem .875rem;	
		border-radius: 1rem;	
		font-size: 16px;	
	}
	.personal_anniversary .anniversary_price1 {
    top: 4.75rem;
    left: 9.1875rem;
    font-size: 12px;
	}
	.personal_anniversary .anniversary_price2 {
    top: 7.75rem;
    left: 2.625rem;
    font-size: 12px;
	}
	.personal_anniversary .anniversary_date_content{
		flex-wrap: wrap;
		height: auto;
		border: none;
	}
	.personal_anniversary .anniversary_discount {
    top: 9.875rem;
    left: 5.5625rem;
		font-size: 12px;
	}
	.personal_anniversary .anniversary_date {
		margin-top: 20.55rem;
    width: 100%;
		padding: 0;
	}
	.personal_anniversary .anniversary_track{
		border-right:none;
		border: 1px solid #732512;
    margin: 0 16px;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
	}
	.personal_anniversary .anniversary_info{
		width: 100%;
		background: #280501;
		padding: 1.125rem 40px;
	}
	.personal_anniversary .space{
		margin: 0.5rem 0;
	}
	.personal_anniversary .track_line{
		width: 2.5rem;
	}
	.personal_anniversary .track_content{
		padding: 0 0rem;
		width: 12.96rem;
		margin: 0 auto;
	}
	.personal_anniversary .track_content3{
		margin-left: -10px;
	}
	.personal_anniversary .track_content2{
		margin-right: -10px;
	}
	.personal_anniversary .trackdate6{
		width: auto;
    padding: 0 16px;
    left: -360px;
	}
	.personal_anniversary .trackdate18{
		left: -261px;
    min-width: 240px;
    padding: 0 40px;
    justify-content: space-between;
	}
	.personal_anniversary .trackdate12_getpro{
		width: auto;
    /* height: 5rem; */
		padding: 0 0.5rem;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_img img{
		padding: 0 6px;
		margin: 0;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_title{
		font-size: 14px;
		width: 96%;
	}
	.personal_anniversary .track_line3{
		width: 0.64rem;
	}
	.personal_anniversary .size1{
		margin-top: 24px;
	}
	.personal_anniversary .anniversary_infotitle{font-size: 20px;}
	/* .personal_anniversary .trackdate6{
		width: 13.5rem;
		left: -232px; */
	/* } */
	/* .personal_anniversary .trackdate12_getpro{
		width: 18.75rem;
	} */
}
@media screen and (max-width: 940px){
	.personal_anniversary .anniversary_info_content ul li{width: 50%;}
	.personal_anniversary .checkin_subtitle {
    font-size: 16px;
    margin: 0.3125rem 0 1rem;
	}
	.personal_anniversary .track_line {
    width: 58px;
	}
	.personal_anniversary .track_content{
		width: 9.5rem;
	}
	.personal_anniversary .track_line3{
		width: 10px;
	}
	.personal_anniversary .trackdate6 {
    left: -294px;
	}
	.personal_anniversary .trackdate18{
		left: -250px;
	}
	.personal_anniversary .anniversary_date {
    margin-top: 18.5rem;
    width: 100%;
    padding: 0;
	}
	.personal_anniversary .trackdate12_getpro{
		width: 350px;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_img img{
		width: 100%;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_title{margin-bottom: 0;}
	.personal_anniversary .trackdate12_getpro .trackdate12_img p{
		font-size: 12px;
		margin-top: 8px;
	}
}
/* .bg-black .header-warp{display: none !important;} */
@media screen and (max-width: 768px){
	/* .bg-black .header-warp{display: initial !important;} */
	.personal_anniversary{
		width: 100%;
		background-image: url(../jpg/mobeli.jpg);
	}
	.personal_anniversary .anniversary_calendar{
		background: #280501;
	}
	.personal_anniversary .anniversary_calendar_box{
		padding-bottom: 20px;
		border: 1px solid #732512;
		margin: 0 16px;
		border-radius: 0 0 20px 20px;
		border-top: none;
		
	}
	.calendar_content .table {
    padding: 0 16px;
	}
	.personal_anniversary .anniversary_prouct1 {
    top: 1.5625rem;
    left: 3.105rem;
    width: 3.35rem;
	}
	.personal_anniversary .anniversary_prouct2 {
    top: 9.6975rem;
    left: 1.916rem;
    width: 2.8125rem;
	}
	.personal_anniversary .anniversary_prouct3 {
    top: 8.2rem;
    left: 7.965rem;
    width: 2.8125rem;
	}
	.personal_anniversary .anniversary_checkin {
    top: 2.4375rem;
		width: 80%;
		left: 50%;
		right: 0;
    transform: translate(-50%, 0px);
    text-align: center;
    color: #FFFFFF;
	}
	.personal_anniversary .checkin_title {
    font-size: 24px;
		line-height: initial;
	}
	.personal_anniversary .checkin_subtitle {	
		font-size: 12px;	
		margin: .3125rem 0 1.1875rem;
	}
	.personal_anniversary .checkin_btn {	
		padding: .25rem .875rem;	
		border-radius: 1rem;	
		font-size: 14px;	
	}
	.personal_anniversary .anniversary_price1 {
    top: 4.75rem;
    left: 9.1875rem;
    font-size: 12px;
	}
	.personal_anniversary .anniversary_price2 {
    top: 7.75rem;
    left: 2.625rem;
    font-size: 12px;
	}
	.personal_anniversary .anniversary_date_content{
		flex-wrap: wrap;
		height: auto;
		border: none;
	}
	.personal_anniversary .anniversary_discount {
    top: 9.875rem;
    left: 5.5625rem;
		font-size: 12px;
	}
	.personal_anniversary .anniversary_date {
    margin-top: 30.175rem;
    width: 100%;
		padding: 0;
	}
	.personal_anniversary .anniversary_track{
		border-right:none;
		border: 1px solid #732512;
    margin: 0 16px;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
	}
	.personal_anniversary .anniversary_info{
		width: 100%;
		background: #280501;
		padding: 3.125rem 20px;
	}
	.personal_anniversary .space{
		margin: 1.25rem 0;
	}
	.personal_anniversary .track_line{
		width: 2.5rem;
	}
	.personal_anniversary .track_content{
		padding: 0 0rem;
		width: 14.3rem;
		margin: 0 auto;
	}
	.personal_anniversary .track_content3{
		margin-left: -10px;
	}
	.personal_anniversary .track_content2{
		margin-right: -10px;
	}
	.personal_anniversary .trackdate6{
		width: auto;
		padding: 0 1rem;
		left: -280px;
	}
	.personal_anniversary .trackdate18{
		left: -234px;
	}
	.personal_anniversary .trackdate12_getpro{
		width: auto;
    /* height: 5rem; */
		padding: 0 0.5rem;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_img img{
		padding: 0 6px;
		margin: 0 auto;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_title{
		font-size: 14px;
		width: 96%;
	}
	.personal_anniversary .track_line3{
		width: 0.5rem;
	}
	.personal_anniversary .trackdate12_getpro{
		width: 13rem;
	}
	.personal_anniversary .size1{
		margin-top: 24px;
	}
	.personal_anniversary .anniversary_infotitle{font-size: 20px;}
	/* .personal_anniversary .trackdate6{
		width: 13.5rem;
		left: -232px; */
	/* } */
	/* .personal_anniversary .trackdate12_getpro{
		width: 18.75rem;
	} */
}
@media screen and (max-width: 520px){
	.personal_anniversary .trackdate6 {
    left: -256px;
	}
	.personal_anniversary .track_content{
		width: 16.5rem;
	}
	.personal_anniversary .trackdate12_getpro{
		width: 15rem;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_img img{
		padding: 0;
	}
	.personal_anniversary .track_line3{
		width: 0.38rem;
	}
	.personal_anniversary .trackdate18 {
    left: -210px;
	}
}
@media screen and (max-width: 400px){
	.personal_anniversary .track_content{
		padding: 0 0rem;
		width: 18.4375rem;
		margin: 0 auto;
	}
	.personal_anniversary .track_content3{
		margin-left: -10px;
	}
	.personal_anniversary .track_content2{
		margin-right: -10px;
	}
	.personal_anniversary .trackdate6{
		width: auto;
		padding: 0 1rem;
		left: -15.125rem;
	}
	.personal_anniversary .trackdate18{
		left: -12.6rem;
	}
	.personal_anniversary .trackdate12_getpro{
		width: 15rem;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_img img{
		margin: 0;
	}
	.personal_anniversary .trackdate12_getpro .trackdate12_title{
		font-size: 14px;
		width: 96%;
	}
	.personal_anniversary .anniversary_checkin{
		top: 3.4375rem;
    width: 80%;
	}
	.personal_anniversary .checkin_title{
		font-size: 24px;
	}
	.personal_anniversary .track_line3{
		width: 3px;
	}
}
/* ================周年庆end============================= */


.down_main .titleBox{
	display: flex;
	justify-content: space-between;
	padding: 25px 0;
}
.down_main .titleBox .titleBox_Products{
	font-size: 16px;
	font-family: Gilroy;
	font-weight: bold;
	color: #FF6C00;
	margin-top: 16px;
}
.down_main .titleBox .show_option_box{
	width: 385px;
	height: 51px;
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 0px;
}
.down_main .titleBox .show_option_box .show_options{
	height: 100%;
	position: relative;
	line-height: 47px;
}
.down_main .titleBox .show_option_box .show_options #classify {	
width: 100%;
padding-left: 16px;
color: #000000;
}
.down_main .titleBox .show_option_box .show_options i{
	position: absolute;
	right: 16px;
}
.down_main .new_1400{
	max-width: 1400px !important;
}
.down_main .Top_Questions{
	margin-top: 60px;
	max-width: 1360px !important;
	padding-top: 40px;
  padding-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.Top_Questions .Top_Questions_title{
	font-size: 16px;
	font-family: Gilroy;
	font-weight: bold;
	color: #FF6C00;
	margin-bottom: 40px;
}
.down_main .Questions_war{
display: grid;
grid-template-columns: repeat(4,1fr);
}
.down_main .Questions_war .Questions_box{
padding: 16px;
position: relative;
border: 1px solid rgba(0,0,0,0.102);
border-radius: 4px;
width: 96%;
/* min-height: 113px; */
}
.down_main .Questions_war .Questions_box:last-child{margin-right: 0;}
.down_main .Questions_war .Questions_box .Questions_box_text{
	font-size: 16px;
	font-family: Gilroy;
	font-weight: bold;
	color: #000000;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.down_main .Questions_war .Questions_box .Questions_box_xing{
	font-size: 12px;
	font-family: Gilroy;
	font-weight: 400;
	color: #000000;
	opacity: 0.65;
	/* margin-top: 8px; */
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Search_Results .search_box{
	margin-top: 60px;
	font-family: Gilroy;
}
.Search_Results .search_box{
	max-width: 1360px !important;
	border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.Search_Results .search_box .serch_question_list,.Search_Results .search_box .serch_question_emty{
	display: none;
}
.Search_Results .search_box .serch_question_list.active,.Search_Results .search_box .serch_question_emty.active{
	display: block;
}
.Search_Results .search_box .Search_Results_ttile{
	font-size: 16px;
	font-weight: bold;
	color: #FD4627;
}
.Search_Results .search_box .Search_Results_name{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-top: 40px;
}
.Search_Results .Search_Results_box ul li{
	margin-top: 24px;
	font-weight: 500;
	color: #000000;
	opacity: 0.65;
}
.Search_Results .search_box ul li i{margin-left: 23px;}
.Search_Results .search_box ul li.active{
	opacity: 1;
}
.Search_Results .question_pagination{
	display: flex;
	justify-content: center;
	margin-top: 40px;
}
.Search_Results .question_pagination li{
	margin: 0 8px;
	width: 24px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #000000;
	opacity: 0.5;
	text-align: center;
	color: #000000;
	line-height: 22px;
	font-size: 14px;
	font-family: Gilroy;
}
.Search_Results .question_pagination li.active{
	border: 1px solid #FD4627;
	color: #FD4627;
}
.Search_Results .question_pagination li.active a{color: #FD4627;}
.Search_Results .question_pagination li.disabled,.Search_Results .question_pagination li.disabled a{
	color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.Search_Results .serch_question_emty{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top: 70px;
}
.seek_option .form{position: relative;width: 100%;display: flex;justify-content: center;}
.seek_option .search_tips{
	position: absolute;
	top: 48px;
	z-index: 9999999;
	background: #ffff;
	width: 100%;
	border: 1px solid #000;
	padding-top: 24px;
	display: none;
	border-top: none;
}
.seek_option .search_tips.active{
	display: block;
	width: calc(100% + 2px);
  	margin-left: -1px;
}
.seek_option .search_tips .search_Recommend{
	margin-bottom: 16px;
	padding: 0 16px;
	font-size: 16px;
	font-family: Gilroy;
	font-weight: bold;
	color: #010101;
	opacity: 0.65;
}
.seek_option .search_tips a{
	margin-bottom: 12px;
	font-size: 16px;
	padding: 6px 16px;
	font-family: Gilroy;
	font-weight: 500;
	color: #000000;
	opacity: 0.65;
	display: flex;
	justify-content: space-between;
}
.seek_option .search_tips a:hover{
	background-color: #F7F7F7;
}
/*额外新加*/
.video_list_show p {
	font-size: 18px !important;
}

/*额外新加 end*/

/*免费软件*/
.software_banner {
	max-width: 1400px;
	height: auto;
	overflow: hidden;
	background: #000;
	margin: 0 auto;
	padding-top: 50px;
}

.banner_text {
	width: 80%;
	margin: 100px auto;
	color: #fff;
	text-align: center;
}

.banner_text .title {
	font-size: 50px;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
}

.banner_text .text {
	font-size: 28px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	margin-top: 30px;
}

.software_banner img {
	width: 100%;
	height: auto;
	margin: 60px auto;
}

.software_show {
	max-width: 1400px;
	margin: 0 auto;
}

.software_show_title {
	font-size: 36px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	padding: 80px 0;
	border-bottom: 1px solid #CCCCCC !important;
}

.show_main {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC !important;
}

.show_main_left {
	width: 50%;
	float: left;
	padding: 50px 80px 80px;
	box-sizing: border-box;
}

.show_main_left .title {
	font-size: 36px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 1.6;
}

.show_main_left .text {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 30px;
	margin-top: 30px;
}

.show_main_right {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: 105px;
	box-sizing: border-box;
}

.software_step {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.software_step_title {
	max-width: 1400px;
	text-align: center;
	margin: 60px auto;
	font-size: 36px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 1.6;
}

.step_list {
	max-width: 1400px;
	height: auto;
	overflow: hidden;
	display: flex;
	margin: 0 auto;
}

.list {
	width: 33.33%;
	height: auto;
	overflow: hidden;
	text-align: center;
}

.list .num {
	font-size: 36px;
	line-height: 1;
	font-weight: 400;
	color: rgba(68, 171, 226, 1);
	margin-top: 20px;
}

.list .txt {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 30px;
	margin-top: 30px;
}

.text_a {
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 0 120px 80px;
	box-sizing: border-box;
}

.text_a p {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 30px;
}

.text_a p a {
	color: #44ABE2;
}

@media screen and (max-width: 1200px) {
	.banner_text {
		margin: 60px auto;
	}

	.banner_text .title {
		font-size: 42px;
	}

	.banner_text .text {
		font-size: 20px;
	}

	.software_banner img {
		margin: 40px auto;
	}

	.software_show_title {
		font-size: 28px;
		padding: 60px 0;
	}

	.show_main_left .title {
		font-size: 28px;
	}

	.show_main_left .text {
		font-size: 16px;
	}

	.software_step_title {
		font-size: 28px;
		margin: 40px 0;
	}

	.list .num {
		font-size: 28px;
	}

	.list .txt {
		font-size: 16px;
		margin-top: 20px;
	}

	.text_a p {
		font-size: 16px;
	}
}

@media screen and (max-width: 921px) {
	.show_main_left {
		width: 60%;
		padding: 50px 40px 60px;
	}

	.show_main_right {
		width: 40%;
	}
}

@media screen and (max-width: 767px) {
	.show_main_left {
		width: 70%;
		padding: 50px 30px;
	}
	.down_main .new_1400{
		margin-left: 16px !important;
    margin-right: 16px !important;
	}
	.down_main .titleBox.new_1400{
		padding-left: 16px !important;
    padding-right: 16px !important;
		margin-left: 0 !important;
    margin-right: 0 !important;
	}
	.show_main_right {
		width: 30%;
	}
	.down_main .Top_Questions.new_1400{width: auto !important;}
	.show_main_right img {
		max-width: 165px;
		padding: 0 30px 0 0;
	}

	.list img {
		width: 90%;
	}

	.banner_text {
		margin: 30px auto;
	}

	.banner_text .title {
		font-size: 28px;
	}

	.banner_text .text {
		font-size: 16px;
	}

	.software_banner img {
		margin: 20px auto;
	}

	.software_show_title {
		font-size: 20px;
		padding: 30px 0;
	}

	.show_main_left .title {
		font-size: 20px;
	}

	.show_main_left .text {
		font-size: 14px;
	}

	.step_list {
		padding: 0 20px;
		box-sizing: border-box;
	}

	.software_step_title {
		font-size: 20px;
		margin: 20px 0;
	}

	.list .num {
		font-size: 20px;
	}

	.list .txt {
		font-size: 14px;
		margin-top: 20px;
	}

	.text_a {
		padding: 40px 20px 60px;
	}

	.text_a p {
		font-size: 14px;
	}
}

@media screen and (max-width: 521px) {
	.banner_text {
		margin: 30px auto;
	}

	.banner_text .title {
		font-size: 20px;
	}

	.banner_text .text {
		font-size: 12px;
	}

	.software_banner img {
		margin: 20px auto;
	}

	.software_show_title {
		font-size: 16px;
		padding: 30px 0;
	}

	.show_main_left {
		width: 100%;
		text-align: center;
		padding: 30px 15px;
	}

	.show_main_right {
		width: 100%;
		padding: 0 0 20px;
	}

	.show_main_left .title {
		font-size: 16px;
	}

	.show_main_left .text {
		font-size: 10px;
	}

	.step_list {
		padding: 0 20px;
		box-sizing: border-box;
		display: block;
	}

	.software_step_title {
		font-size: 16px;
		margin: 40px 0 20px;
	}

	.list {
		width: 100%;
		margin-bottom: 20px;
	}

	.list img {
		width: auto;
	}

	.list .num {
		font-size: 20px;
		margin-top: 10px;
	}

	.list .txt {
		font-size: 10px;
		margin-top: 10px;
	}

	.text_a {
		padding: 40px 20px 60px;
	}

	.text_a p {
		font-size: 10px;
	}
}

/*免费软件end*/

/*开始使用*/
.start_banner {
	max-width: 1400px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.start_banner img {
	width: 100%;
	height: auto;
	display: block;
}

.start_text {
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
}

.start_text .title {
	font-size: 50px;
	line-height: 1.2;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.start_text .txt {
	font-size: 36px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	margin-top: 40px;
}

.software_step {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.software_step_title {
	max-width: 1400px;
	text-align: center;
	margin: 60px auto;
	font-size: 36px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 1.6;
}

.step_list {
	max-width: 1400px;
	height: auto;
	overflow: hidden;
	display: flex;
	margin: 0 auto;
}

.list {
	width: 33.33%;
	height: auto;
	overflow: hidden;
	text-align: center;
}

.list .num {
	font-size: 36px;
	line-height: 1.6;
	font-weight: 400;
	color: rgba(68, 171, 226, 1);
}

.list .txt {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 30px;
	margin-top: 20px;
}

.list .txt a {
	color: #44ABE2;
}

.explain {
	max-width: 1400px;
	height: auto;
	overflow: hidden;
	margin: 80px auto 0;
}

.explain .title {
	font-size: 36px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	padding-bottom: 20px;
	padding-left: 80px;
	border-bottom: 1px solid #CCCCCC !important;
}

.explain_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 60px 80px 80px;
	border-bottom: 1px solid #CCCCCC !important;
	box-sizing: border-box;
	margin-bottom: 1px;
}

.explain_list_left {
	width: calc(50% - 20px);
	height: auto;
	float: left;
}

.explain_list_right {
	width: calc(50% - 20px);
	height: auto;
	float: left;
	margin-left: 40px;
}

.explain_list_right img {
	width: 100%;
	height: auto;
}

.explain_title {
	font-size: 36px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 30px
}

.explain_text {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 1.6;
	margin-top: 40px;
}

.explain_list_left img {
	width: 100%;
	height: auto;
}

.video_show {
	max-width: 1400px;
	height: auto;
	overflow: hidden;
	margin: 120px auto 60px;
	padding: 0 70px;
	box-sizing: border-box;
}

.video_show .title {
	font-size: 36px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.video_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}

.video_list_show {
	width: 31%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
}

.video_list_show img {
	width: 100%;
	margin: 40px auto;
}

.video_list_show p {
	font-size: 25px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 1.2;
}

.video_list_show a {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	color: #44ABE2;
	line-height: 1.6;
	margin-top: 20px;
}

.explain_list_left_te {
	margin-top: 80px
}

@media all and (max-width: 1200px) {
	.explain_list_left_te {
		margin-top: 60px
	}

	.start_text .title {
		font-size: 40px;
	}

	.start_text .txt {
		font-size: 30px;
	}

	.software_step_title {
		margin: 40px auto;
		font-size: 30px;
	}

	.list .num {
		font-size: 30px;
	}

	.list .txt {
		font-size: 16px;
	}

	.explain .title {
		font-size: 30px;
	}

	.explain_title {
		font-size: 30px;
	}

	.explain_text {
		font-size: 16px;
	}

	.video_show {
		margin: 80px auto 40px;
	}

	.video_show .title {
		font-size: 30px;
	}

	.video_list_show p {
		font-size: 20px;
	}

	.video_list_show a {
		font-size: 16px;
	}

	.explain_list {
		padding: 30px 40px 40px;
	}

	.video_show {
		padding: 0 40px;
	}
}

@media all and (max-width: 921px) {
	.explain_list_left_te {
		margin-top: 40px
	}

	.start_text .title {
		font-size: 32px;
	}

	.start_text .txt {
		font-size: 22px;
	}

	.software_step_title {
		margin: 30px auto;
		font-size: 22px;
	}

	.list .num {
		font-size: 22px;
	}

	.list .txt {
		font-size: 14px;
	}

	.explain .title {
		font-size: 22px;
	}

	.explain_title {
		font-size: 22px;
	}

	.explain_text {
		font-size: 14px;
	}

	.video_show {
		margin: 60px auto 30px;
	}

	.video_list_show p {
		font-size: 18px;
	}

	.video_list_show a {
		font-size: 14px;
	}

	.explain_list {
		padding: 20px 30px 30px;
	}

	.video_show {
		padding: 0 30px;
	}

	.video_show .title {
		font-size: 22px;
	}
}

@media all and (max-width: 767px) {
	.explain_list_left_te {
		margin-top: 20px
	}

	.start_text {
		top: 50% !important;
	}

	.start_text .title {
		font-size: 24px;
	}

	.start_text .txt {
		font-size: 16px;
		margin-top: 20px !important;
	}

	.software_step_title {
		margin: 20px auto;
		font-size: 16px;
	}

	.list .num {
		font-size: 16px;
	}

	.list .txt {
		font-size: 12px;
	}

	.explain .title {
		font-size: 16px;
	}

	.explain_title {
		font-size: 16px;
	}

	.explain_text {
		font-size: 12px;
	}

	.video_show {
		margin: 40px auto 20px;
	}

	.video_list_show p {
		font-size: 14px;
	}

	.video_list_show a {
		font-size: 12px;
	}

	.explain_list {
		padding: 20px;
	}

	.video_show {
		padding: 0 20px;
	}

	.video_show .title {
		font-size: 16px;
	}

	.list img {
		width: 90%;
	}

	.explain .title {
		padding-left: 20px;
	}
}

@media all and (max-width: 521px) {
	.start_text {
		width: 90%;
	}

	.start_text .title {
		font-size: 22px;
	}

	.explain_list_left {
		width: 100%;
	}

	.explain_list_right {
		width: 100%;
		margin-left: 0;
	}

	.explain_text {
		margin: 20px 0 40px;
	}

	.video_list_show {
		width: 100%;
	}

	.video_list {
		display: block;
	}
}

/*开始使用 end*/

.mar_top6 {

	margin-top: 20px;

}

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	word-wrap: break-word
}

:before,
:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box
}

body {

	min-height: 100%;

	background-color: #fff;

	-webkit-font-26oothing: antialiased;

	-moz-osx-font-26oothing: grayscale;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%
}

body {

	font-family: 'Arial MT Black', Arial, '微软雅黑', "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "simsun", "\5B8B\4F53", "宋体", "\65B0\5B8B\4F53", "新宋体";

	font-size: 14px;

	color: #444
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
hr,
pre,
span,
strong,
form,
iframe,
label,
button,
input,
textarea,
table,
tr,
th,
td,
fieldset,
i {

	margin: 0;

	padding: 0;

	text-align: left
}

dl,
dd,
ol,
ul,
li {

	list-style: none;

	list-style-type: none
}

i {

	display: inline-block;

	font-style: normal;

	font-weight: normal;

	text-align: center;

	vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {

	font-size: 100%;

	font-weight: 300
}

img {

	border: 0;

	vertical-align: middle
}

a img,
img {

	-ms-interpolation-mode: bicubic
}

a,
a:link,
a:visited {

	color: #333;

	cursor: pointer
}

a:hover,
a:active {

	text-decoration: underline
}

a.ie6:hover {

	zoom: 1
}

button::-moz-focus-inner,
input::-moz-focus-inner {

	padding: 0;

	border: 0
}

input,
button,
textarea,
select,
optgroup,
option {

	border: 0;

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit;

	line-height: inherit;

	overflow: visible;

	vertical-align: middle;

	outline: 0;

	border-radius: 0
}

select {

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none
}

select::-ms-expand {

	display: none
}

select[multiple],
select[size] {

	height: auto
}

textarea {

	overflow-y: auto
}

hr {

	height: 0;

	margin: 15px 0;

	border: 0;

	border-top: 1px solid #eee;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box
}

b {

	font-weight: normal
}

strong {

	font-weight: 700
}

sub,
sup {

	position: relative;

	font-size: 75%;

	line-height: 0;

	vertical-align: baseline
}

sup {

	top: -.5em
}

sub {

	bottom: -.25em
}

table {

	border-spacing: 0;

	border-collapse: collapse
}

header,
footer,
section,
aside,
article,
main,
nav,
menu,
details,
summary,
address,
figure,
figcaption,
legend {

	/* display: block; */

	margin: 0;

	padding: 0
}

audio,
canvas,
progress,
video {

	display: inline-block;

	*display: inline;

	*zoom: 1
}

audio:not([controls]) {

	display: none;

	height: 0
}

legend {

	width: 100%;

	margin-bottom: 20px;

	font-size: 21px;

	line-height: 40px;

	border: 0;

	border-bottom: 1px solid #e5e5e5
}

time {

	display: inline
}

svg:not(:root) {

	overflow: hidden
}

fieldset {

	padding: .35em .625em .75em;

	margin: 0 2px;

	border: 1px solid #c0c0c0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {

	font-style: normal;

	font-weight: 400
}

[hidden],
template {

	display: none
}

abbr[title] {

	border-bottom: 1px dotted
}

dfn {

	font-style: italic
}

mark {

	color: #000;

	background: #ff0
}

small {

	font-size: 80%
}

figure {

	margin: 1em 40px
}

pre {

	overflow: auto
}

code,
kbd,
pre,
samp {

	font-family: monospace, monospace;

	font-size: 1em
}

.clearfix {

	*zoom: 1
}

.clearfix:before,
.clearfix:after {

	display: table;

	line-height: 0;

	content: " "

}

.clearfix:after {

	clear: both
}

.fl {

	float: left
}

.fr {

	float: right
}

.flex {

	display: -webkit-box;

	display: -moz-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex
}

.flex-v {

	-webkit-box-orient: vertical;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column
}

.flex-1 {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1
}

.flex-align-center {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center
}

.flex-pack-center {

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center
}

.flex-pack-justify {

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between
}

.tc {

	text-align: center
}

.p0 {

	padding: 0
}

.p5 {

	padding: 5px
}

.p10 {

	padding: 10px
}

.p15 {

	padding: 15px
}

.p20 {

	padding: 20px
}

.p25 {

	padding: 25px
}

.p30 {

	padding: 30px
}

.p35 {

	padding: 35px
}

.p40 {

	padding: 40px
}

.pt0 {

	padding-top: 0
}

.pt5 {

	padding-top: 5px
}

.pt10 {

	padding-top: 10px
}

.pt15 {

	padding-top: 15px
}

.pt20 {

	padding-top: 20px
}

.pt25 {

	padding-top: 25px
}

.pt30 {

	padding-top: 30px
}

.pt35 {

	padding-top: 35px
}

.pt40 {

	padding-top: 40px
}

.pr0 {

	padding-right: 0
}

.pr5 {

	padding-right: 5px
}

.pr10 {

	padding-right: 10px
}

.pr15 {

	padding-right: 15px
}

.pr20 {

	padding-right: 20px
}

.pr25 {

	padding-right: 25px
}

.pr30 {

	padding-right: 30px
}

.pr35 {

	padding-right: 35px
}

.pr40 {

	padding-right: 40px
}

.pb0 {

	padding-bottom: 0
}

.pb5 {

	padding-bottom: 5px
}

.pb10 {

	padding-bottom: 10px
}

.pb15 {

	padding-bottom: 15px
}

.pb20 {

	padding-bottom: 20px
}

.pb25 {

	padding-bottom: 25px
}

.pb30 {

	padding-bottom: 30px
}

.pb35 {

	padding-bottom: 35px
}

.pb40 {

	padding-bottom: 40px
}

.pl0 {

	padding-left: 0
}

.pl5 {

	padding-left: 5px
}

.pl10 {

	padding-left: 10px
}

.pl15 {

	padding-left: 15px
}

.pl20 {

	padding-left: 20px
}

.pl25 {

	padding-left: 25px
}

.pl30 {

	padding-left: 30px
}

.pl35 {

	padding-left: 35px
}

.pl40 {

	padding-left: 40px
}

.mt0 {

	margin-top: 0
}

.mt5 {

	margin-top: 5px
}

.mt10 {

	margin-top: 10px
}

.mt15 {

	/*margin-top:15px*/

	margin-top: 0;

}

.mt20 {

	/*margin-top:20px;*/

	margin-top: 0px;

}

.mt25 {

	margin-top: 25px
}

.mt30 {

	margin-top: 30px
}

.mt35 {

	margin-top: 35px
}

.mt40 {

	margin-top: 40px
}

.mr0 {

	margin-right: 0
}

.mr5 {

	margin-right: 5px
}

.mr10 {

	margin-right: 10px
}

.mr15 {

	margin-right: 15px
}

.mr20 {

	margin-right: 20px
}

.mr25 {

	margin-right: 25px
}

.mr30 {

	margin-right: 30px
}

.mr35 {

	margin-right: 35px
}

.mr40 {

	margin-right: 40px
}

.mb0 {

	margin-bottom: 0
}

.mb5 {

	margin-bottom: 5px
}

.mb10 {

	margin-bottom: 10px
}

.mb15 {

	margin-bottom: 15px
}

.mb20 {

	margin-bottom: 20px
}

.mb25 {

	margin-bottom: 25px
}

.mb30 {

	margin-bottom: 30px
}

.mb35 {

	margin-bottom: 35px
}

.mb40 {

	margin-bottom: 40px
}

.ml0 {

	margin-left: 0
}

.ml5 {

	margin-left: 5px
}

.ml10 {

	margin-left: 10px
}

.ml15 {

	margin-left: 15px
}

.ml20 {

	margin-left: 20px
}

.ml25 {

	margin-left: 25px
}

.ml30 {

	margin-left: 30px
}

.ml35 {

	margin-left: 35px
}

.ml40 {

	margin-left: 40px
}

.icon {

	width: 1em;

	height: 1em;

	vertical-align: -0.15em;

	fill: currentColor;

	overflow: hidden
}

.fill {

	fill: #fff
}

.ad_news {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative
}

.news_text {

	width: 1440px;

	height: 180px;

	margin: 0 auto
}

.new_close {

	width: 50px;

	height: auto;

	font-size: 16px;

	text-align: center;

	position: absolute;

	right: 0;

	top: 20px
}

.xp_main .swiper-container {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xp_main .swiper-container:hover .swiper-button-white {

	display: block
}

.xp_main .swiper-container .swiper-pagination-bullet {

	width: 80px;

	height: 2px;

	border-radius: 0
}

.xp_main .swiper-container .swiper-pagination-bullet-active {

	opacity: 1;

	background: #007aff
}

.xp_main .swiper-container .swiper-button-white {

	display: none;

	opacity: .5
}

.xp_main .swiper-container .swiper-button-prev {

	left: 30px
}

.xp_main .swiper-container .swiper-button-next {

	right: 30px
}

@media screen and (max-width:600px) {

	.ad_news .news_text {

		width: 100%
	}

}

@font-face {

	font-family: 'MyriadPro';

	src: url("../ttf/myriadpro-semicn.ttf"), url("../otf/myriadpro-semicn.otf")
}

.aboutContent {

	width: 1100px;

	margin: 40px auto 0;

	height: auto !important;
	font-size: 16px;

}

.aboutus_box {

	width: 95%;

	height: auto;

	overflow: hidden;

	margin-bottom: 100px;

	position: relative;

	margin-right: 5%;

	font-size: 26px;

	color: #151414
}

.news_box .new_show .new_show_content .aboutus_box {

	margin-bottom: 20px
}

.aboutus_box_img {

	width: 36%;

	height: auto;

	overflow: hidden
}

.aboutus_box_img1 {

	float: left
}

.aboutus_box_img2 {

	float: right
}

.aboutus_box_img3 {

	float: left
}

.aboutus_box_img4 {

	float: right
}

.aboutus_box_img5 {

	float: left
}

.aboutus_box_img6 {

	float: right
}

.aboutus_box_img img {

	width: 100%;

	height: auto
}

.about_de1 {

	overflow: hidden
}

.about_1_text {

	width: 60%;

	height: auto;

	overflow: hidden;

	float: right
}

.about_2_text {
	width: 60%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-right: 4%
}

.about_3_text {
	width: 60%;

	height: auto;

	overflow: hidden;

	float: right
}

.about_4_text {
	width: 60%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-right: 4%
}

.about_5_text {

	width: 60%;

	height: auto;

	overflow: hidden;

	float: right
}

.about_6_text {
	width: 60%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-right: 4%
}

.aboutsize {

	font-size: 16px;

	font-weight: 300;

	color: #666;

	line-height: 1.4
}

.aboutsmsize {

	font-size: 13px;

	font-weight: 300
}

input:-webkit-autofill {

	-webkit-box-shadow: 0 0 0 1000px white inset;

	border: 1px solid #CCC !important
}


p {

	margin: 0
}

a {

	text-decoration: none !important
}

.nav_sub>li>a {

	padding: 0;

	display: inline-block
}

.nav>ul>li>a:hover,
.nav>li>a:focus {

	color: #FD4627
}

a:hover {

	color: #151414
}

a,
a:link,
a:visited {

	color: #151414;

	cursor: pointer
}

.red {

	color: #f00
}

.w_1440 {

	max-width: 1440px !important;

	margin: 0 auto;

	padding-left: 20px !important;

	padding-right: 20px !important
}

.w_1400 {

	max-width: 1400px !important;

	margin: 0 auto
}

.w_1200 {

	max-width: 1200px !important
}

.light_grey {

	background-color: #f5f5f5
}

.tong_line,
.xp_main .xp_appliance .appliance_title .appliance_line,
.xp_main .xp_fans_envelope .xp_fans .fans_title .fans_line,
.xp_main .xp_news_envelope .xp_news .xp_news_title .news_title_line,
.vote_box .vote_bottom_warp .vote_bottom .fans_title .fans_line,
.xfans_home_box .xfans_photo_warp .xfans_photo .fans_title .fans_line,
.xfans_home_box .xfans_fans_warp .xfans_fans .fans_title .fans_line,
.xfans_home_box .xfans_vote_warp .xfans_vote .fans_title .fans_line,
.xfans_home_box .xfans_topics_warp .xfans_topics .fans_title .fans_line,
.xfans_home_box .xfans_question_warp .xfans_question .fans_title .fans_line {

	display: inline-block;

	padding-bottom: 8px;

	border-bottom: 2px solid #ccc
}

.tong_title {

	letter-spacing: .04em
}

.view_more {

	text-align: center;

	margin: 5% auto;

	width: 100%
}

.view_more a {

	background-color: #fff !important;

	color: #151414;

	font-size: 14px;

	padding: 10px 15px;

	border: 1px solid #ccc
}

.view_more a:hover {

	color: #fff;

	background-color: #FD4627 !important;

	border: 1px solid #FD4627 !important
}

.container-fluid {

	padding: 0
}

.row {

	margin: 0
}

.table>tbody>tr>td {

	border-top: 0;

	border-bottom: 1px solid #eee;

	font-size: 14px;

	color: #151414;

	height: 50px;

	line-height: 50px;

	padding: 0 0 0 20px
}

.table>tbody>tr>th {

	border-top: 0;

	background-color: #f5f5f5;

	font-size: 18px;

	color: #666;

	height: 50px;

	line-height: 50px;

	padding: 0 0 0 20px
}

.table>tbody>tr .t1 {

	width: 50%;

	word-wrap: break-word;

	word-break: normal
}

.table>tbody>tr .t1 a:hover {

	color: #FD4627 !important
}

.table>tbody>tr .t2 {

	width: 25%
}

.table>tbody>tr .t3 {

	width: 25%
}

.tong_icon {

	font-size: 24px !important;

	color: #666
}

.tong_icon1 {

	font-size: 20px !important;

	line-height: 48px
}

.new_red,
.xp_header .xp_warp .xp_icon .red,
.phone_xp_header .xp_warp .xp_icon .red {

	width: 8px;

	height: 8px;

	background-color: #eb4a18;

	border-radius: 50%
}

.on_blue {

	background-color: #FD4627 !important;

	color: #fff !important;

	cursor: pointer
}

.xp_header {

	width: 100%;

	height: 74px;

	background-color: #fff;

	margin: 0 auto;

	z-index: 88;

	box-shadow: 0 1px 0 #ccc;

	padding: 0;

	border-color: #ccc;

	border-width: 0;

	top: 30px;

	transition: all .5s
}

.xp_header .xp_warp {

	height: 100%;

	background-color: #fff;

	margin: 0 auto;

	padding: 0 20px
}

.xp_header .xp_warp .logo {

	width: auto;

	height: 100%;

	float: left;

	display: flex;

	align-items: center;

	justify-content: center
}

.xp_header .xp_warp .logo a {

	display: inline-block
}

.xp_header .xp_warp .logo img {

	width: auto;

	height: 100%
}

.xp_header .multiple_options,
.xp_header .phone_nav_close {

	display: none
}

.navBox {

	width: auto;

	height: 100%;

	align-items: center
}

.navMenu {

	display: inline-block;

	float: left;

	margin-left: 25px;

	height: 100%
}

.navMenu li {

	width: auto;

	padding: 0 10px;

	float: left;

	font-size: 16px;

	height: 100%;

	display: flex;

	align-items: center
}

.navMenu li.xp_nav_pro {

	position: inherit
}

.navMenu .nav_home {

	display: none
}

.navbar-inverse .navbar-nav>li>a {

	color: #151414;

	padding-left: 0;

	padding-right: 0
}

.navbar-inverse .navMenu>li:last-child>a {

	padding: 8px 24px;

	background: #FD4627;

	color: #fff
}

.navbar-inverse .navbar-nav>li>a>i {

	display: none
}

.nav>li>a:focus {

	background: transparent
}

.navbar-inverse .navbar-nav>li>a:hover {

	background: 0;

	color: #FD4627
}

.navbar-inverse .navMenu>li:last-child>a:hover {

	background: #2eabe5;

	color: #fff
}

.navbar-collapse.collapse {

	height: 100% !important
}

.navMenu li.dropdown .xp_container {

	width: 100%;

	padding: 0;

	font-size: 0;

}

.navMenu li.dropdown .xp_container li {

	width: 100%;

	overflow: hidden;

	display: inline-block;

	padding: 0
}

.navMenu li.dropdown .xp_container>li>a {

	font-size: 16px;

	color: #151414;

	display: inline-block;

	height: auto;

	overflow: hidden;

	line-height: 1.5;

	padding: 10px 16px;

	width: 100%;

	box-sizing: border-box
}

.navMenu li.dropdown .xp_container li a:hover {

	background: #eee
}

.navMenu li.dropdown .dropdown-menu {

	padding: 0;

	margin-top: 0;

	border-top: 0
}

.navMenu li.dropdown .dropdown-menu .phoneBack {

	display: none
}

.navMenu li.xp_nav_pro .dropdown-menu {

	width: 100%;

	margin-top: 0;

	float: left;

	border-top: 1px #ccc solid;

	border-radius: inherit
}

.navMenu li.xp_nav_pro .xp_container li {

	width: 15%;

	height: auto;

	overflow: hidden;

	margin: 40px 10px 25px 10px;

	float: left;

	line-height: normal;

	display: inline-block;

	float: none;

	vertical-align: top;

	font-size: 0;

}

.navMenu li.xp_nav_pro .xp_container li p {

	width: 100%;

	height: auto
}

.navMenu li.xp_nav_pro .xp_container li .title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.navMenu li.xp_nav_pro .xp_container li .text {

	font-size: 14px;

	color: #666;

	line-height: 1.2;

	padding: 0 16px
}

.navMenu li.xp_nav_pro .xp_container li .show_pro_nav {

	display: inline-block;

	width: 100%
}

.navMenu li.xp_nav_pro .xp_container li .show_pro_nav li {

	width: 100%;

	display: inline-block;

	margin: 0;

	line-height: 1.25em
}

.navMenu li.xp_nav_pro .xp_container li .show_pro_nav li a {

	width: 100%;

	font-size: 14px;

	color: #666;

	padding: 0 12px
}

.navMenu li.xp_nav_pro .xp_container li .show_pro_nav li a:hover {

	color: #151414
}

.navMenu li.xp_nav_pro .xp_container li .show_pro_nav li a.more {

	color: #151414
}

.navMenu li.xp_nav_pro .xp_container li .img {

	width: 200px;

	height: auto;

	margin: 10px 0
}

.navMenu li.xp_nav_pro .xp_container li .img img {

	width: 100%;

	height: auto
}

.navMenu li.xp_nav_pro .xp_container li a {

	display: inline-block;

	line-height: normal;

	height: auto;

	padding: 0 16px
}

.navMenu li.xp_nav_pro .xp_container li a:hover {

	background: 0;

	color: #151414
}

.navMenu>li.open a {

	background: #fff;

	color: #666
}

.navbar-inverse .navMenu>.open>a,
.navbar-inverse .navMenu>.open>a:focus,
.navbar-inverse .navMenu>.open>a:hover {

	background: 0;

	color: #FD4627
}

.navbar-inverse .navMenu>.open .xp_container li a {

	display: inline-block
}

.xp_warp .xp_icon {

	width: auto;

	position: relative;

	height: 100%;

	display: flex;

	align-items: center
}

.xp_warp .xp_icon .iconfont {

	font-size: 30px;

	color: #666;

	margin-right: 15px;

	display: block
}

.xp_warp .xp_icon .search {

	cursor: pointer
}

.xp_warp .xp_icon .account {

	position: relative;

	height: 100%
}

.xp_warp .xp_icon .account .navbar-nav {

	margin: 0;

	padding: 0
}

.account .navbar-nav>.open>a,
.account .navbar-nav>.open>a:focus,
.account .navbar-nav>.open>a:hover {

	background: 0
}

.xp_warp .xp_icon .account .a_box,
.xp_warp .xp_icon .account ul,
.xp_warp .xp_icon .account ul li {

	height: 100%;

	display: flex;

	align-items: center
}

.xp_warp .xp_icon .account .dropdown-menu {

	padding: 0;

	margin-top: 0;

	border-top: 0
}

.xp_warp .xp_icon .account .dropdown-menu-right {

	right: -100%
}

.xp_warp .xp_icon .account .dropdown-menu ul {

	display: inline-block;

	width: 100%
}

.xp_warp .xp_icon .account .dropdown-menu li {

	width: 100%;

	overflow: hidden;

	display: inline-block;

	padding: 0;

	float: left
}

.xp_warp .xp_icon .account .dropdown-menu li a {

	font-size: 16px;

	color: #151414;

	display: inline-block;

	text-align: center;

	height: 44px;

	line-height: 44px;

	padding: 0 16px;

	width: 100%;

	box-sizing: border-box
}

.xp_warp .xp_icon .account .dropdown-menu li a:hover {

	background: #f5f5f5;

	color: #FD4627
}

.xp_warp .xp_icon .account .dropdown-menu li a span {

	color: #f00
}

.xp_warp .xp_icon .account .a_box img {

	width: 30px;

	height: 30px;

	border-radius: 50%
}

.xp_warp .xp_icon .red {

	position: absolute;

	top: 30%;

	right: 10%
}

.xp_warp .xp_icon .navbar-toggle .sr-only {

	position: absolute;

	width: 1px;

	height: 1px;

	margin: -1px;

	padding: 0;

	overflow: hidden;

	clip: rect(0, 0, 0, 0);

	border: 0
}

.xp_warp .xp_icon .navbar-toggle .icon-bar {

	background-color: #151414
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {

	background: 0
}

.navbar-inverse .navbar-toggle {

	border: 0
}

.xp_warp .search_warp {

	width: 700px;

	position: absolute;

	background: #fff;

	height: 100%;

	left: 50%;

	margin-left: -250px;

	display: none
}

.xp_warp .search_warp .searchBox {

	float: left;

	width: 100%;

	display: flex;

	align-items: center;

	height: 100%
}

.xp_warp .search_warp .search_send {

	float: left;

	margin-top: 0;

	cursor: pointer;

	background-color: #fff
}

.xp_warp .search_warp .search_send i,
.xp_warp .search_warp .search_close i {

	font-size: 25px
}

.xp_warp .search_warp .search_close {

	cursor: pointer
}

.xp_warp .search_warp .input {

	width: 80%;

	height: 25px;

	line-height: 25px;

	float: left;

	margin-left: 10px;

	border-left: 1px solid #ccc;

	cursor: pointer;

	padding-left: 16px
}

.xp_warp .search_warp .ui-autocomplete {

	width: calc(100% - 90px);

	height: auto;

	padding: 15px 0;

	background: #fff;

	border: 1px solid #ccc;

	float: left
}

.xp_warp .search_warp .ui-autocomplete li {

	width: 100%;

	font-size: 14px;

	color: #666;

	padding: 0 15px;

	line-height: 2em;

	height: 2em;

	cursor: pointer
}

.xp_warp .search_warp .ui-autocomplete li.ui-state-focus {

	background: #f5f5f5
}

.xp_header .collapsing,
.xp_header .in {

	height: 100%;

	position: fixed;

	background: #fff;

	z-index: 9999999;

	max-height: 100%;

	left: 0;

	top: 0;

	border-top: 0;

	overflow: inherit;

	margin: 0;

	padding: 50px 0 0 0;

	width: 90%
}

.xp_header .collapsing .multiple_options,
.xp_header .in .multiple_options {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	left: 0;

	float: left
}

.xp_header .collapsing .phone_nav_close,
.xp_header .in .phone_nav_close {

	display: flex;

	align-items: center;

	position: absolute;

	top: 0;

	background: #fff;

	height: 50px;

	right: -15%;

	width: 15%;

	color: #151414;

	font-size: 18px
}

.xp_header .collapsing .navMenu,
.xp_header .in .navMenu {

	margin: 0;

	padding-left: 25px;

	box-sizing: border-box;

	overflow: auto;

	width: 100%
}

.xp_header .collapsing .navMenu .nav_home,
.xp_header .in .navMenu .nav_home {

	display: block
}

.xp_header .collapsing .navMenu li,
.xp_header .in .navMenu li {

	height: auto;

	width: 100%;

	border-bottom: 1px solid #ccc;

	display: inline-block;

	padding: 0 0 0 10px;

	box-sizing: border-box
}

.xp_header .collapsing .navMenu li a,
.xp_header .in .navMenu li a {

	width: 100%;

	display: inline-block;

	float: left;

	line-height: 50px;

	height: 50px;

	padding: 0 20px 0 0
}

.xp_header .collapsing .navMenu li a i,
.xp_header .in .navMenu li a i {

	display: block
}

.xp_header .collapsing .navMenu li a .nav_li_icon,
.xp_header .in .navMenu li a .nav_li_icon {

	display: inline-block
}

.xp_header .collapsing .xp_icon .iconfont,
.xp_header .in .xp_icon .iconfont {

	font-size: 20px;

	margin-right: 10px
}

.xp_header .collapsing .xp_icon .search,
.xp_header .in .xp_icon .search {

	margin-right: 0
}

.xp_header .in .navMenu li.xp_nav_pro .xp_container li {

	width: 100%;

	margin: 0
}

.xp_header .in .navMenu li.xp_nav_pro .xp_container li a {

	width: 100%;

	line-height: inherit;

	height: 40px;

	line-height: 40px
}

.xp_header .multiple_options ul {

	width: 100%;

	float: left;

	border-top: 1px solid #ccc
}

.xp_header .multiple_options ul li {

	width: 100%;

	font-size: 16px;

	float: left;

	display: flex;

	align-items: center;

	height: 50px;

	padding: 0 20px;

	justify-content: space-between;

	border-bottom: 1px solid #ccc
}

.xp_header .multiple_options ul li .pull-left a {

	color: #666
}

.xp_header .in .navMenu li .dropdown-menu .phoneBack {

	display: block;

	width: 100%;

	height: 50px;

	line-height: 50px;

	padding-left: 15px;

	background-color: #fff;

	font-size: 20px
}

.xp_header .in .open .dropdown-menu,
.xp_header .in .dropdown-menu {

	position: fixed;

	left: -100%;

	top: 0;

	overflow: auto;

	z-index: 9999;

	border-top: 0;

	background: #fff;

	height: 100% !important;

	overflow: hidden
}

.xp_header .in .open .dropdown-menu .xp_container li {

	border-bottom: 0;

	margin-left: 15px
}

.xp_header .in .open .dropdown-menu .xp_container li a {

	border-bottom: 1px solid #eee
}

.xp_header .in .open .dropdown-menu .xp_container li a.title {

	margin-left: 15px;

	padding: 0;

	height: 50px;

	line-height: 50px
}

.xp_header .in .open .dropdown-menu .xp_container li .show_pro_nav {

	margin: 0 0 0 30px;

	padding: 0
}

.xp_header .in .open .dropdown-menu .xp_container li .show_pro_nav li a {

	padding: 0
}

.countryLanguageSelect {

	width: 100%;

	margin: 3% auto;

	display: inline-block;

	text-align: center
}

@media screen and (max-width:768px) {
	.countryLanguageSelect {



		margin: 10% auto;



	}
	.down_main .Questions_war{grid-template-columns: repeat(2,1fr);}
	.down_main .Questions_war .Questions_box{width: 96% !important;margin-bottom: 16px;}
	.down_main .Questions_war .Questions_box .Questions_box_text{
		font-size: 14px;
	}
	.down_main .titleBox .show_option_box{width: 50%;}
	.down_main .titleBox .titleBox_Products{font-size: 14px;}
}

.countryLanguageSelect .collapsedBox {

	width: 80%;

	margin: 0 auto
}

.countryLanguageSelect .countryTitle {

	font-size: 24px;

	line-height: 1;

	color: #666;

	margin: 0 0 10% 0;

	text-align: center;

	cursor: pointer
}

.countryLanguageSelect .card {

	width: 100%;

	float: left;

	overflow: auto;

	border: 1px #666 solid;

	margin-bottom: 25px
}

.countryLanguageSelect .card .card-header {

	width: 100%;

	padding: 10px 20px;

	font-size: 20px;

	color: #666;

	cursor: pointer;

	float: left
}

.countryLanguageSelect .card .panelBox {

	width: 100%;

	float: left;

	padding: 15px 0;

	cursor: pointer
}

.countryLanguageSelect .card .panelBox .card-body {

	float: left;

	width: 100%
}

.countryLanguageSelect .card .panelBox .card-body ul {

	width: 100%;

	float: left;

	margin: 0;

	padding: 0
}

.countryLanguageSelect .card .panelBox .card-body ul li {

	float: left;

	display: inline-block;

	margin-bottom: 15px;

	overflow: hidden
}

.countryLanguageSelect .card .panelBox .card-body ul li a {

	width: 100%;

	background: #f5f5f5;

	float: left;

	height: auto;

	text-align: left;

	color: #666;

	padding: 10px 16px;

	display: inline-block;

	text-decoration: none
}

.countryLanguageSelect .card .panelBox .card-body ul li a:hover {

	background: #ccc
}

.countryLanguageSelect .card .panelBox .card-body ul li a img {

	width: 25%;

	display: inline-block;

	margin-right: 5%;

	vertical-align: middle
}

.countryLanguageSelect .card .panelBox .card-body ul li a span {

	width: 100%;

	display: inline-block;

	vertical-align: middle
}

.countryLanguageSelect .countryBottom {

	width: 100%;

	float: left;

	text-align: center;

	color: #666;

	font-size: 14px
}

.countryLanguageSelect .countryBottom .tit {

	width: 100%;

	margin: 15px 0
}

.onlineServiceBtn {

	position: fixed;

	right: 15px;

	top: 80%;

	transform: translate(0, -50%);

	border: 1px #ccc solid;

	border-top: 0;

	width: 116px;

	/* overflow: hidden; */

	border-radius: 18px;
	/* box-shadow: 0 2px 6px rgba(0, 0, 0, .2); */

	height: auto;

	z-index: 9999
}

.onlineServiceBtn ul {

	width: 100%;

	display: inline-block;

	float: left;

	margin: 0;

	padding: 0
}

.onlineServiceBtn ul li {

	width: 100%;

	display: inline-block;

	float: left;

	cursor: pointer
}

#backTop {

	display: none
}
.onlineServiceBtn ul li a .icon-een{
	font-weight: bold;
}
.onlineServiceBtn ul li a {

	text-align: center;

	width: 100%;

	display: inline-block;

	/* border-top: 1px #ccc solid; */

	width: 100%;

	float: left;

	height: 36px;

	overflow: hidden;

	line-height: 36px;

	
background: rgba(0,0,0,0.27);
	color: #fff  !important;

}



.onlineServiceBtn ul li a.blue {

	color: #FD4627
}

.onlineServiceBtn ul li a.backTop {

	color: #999;
	border-radius: 18px;
}

.onlineServiceBtn ul li a .icon {

	font-size: 20px;

	margin: 0;

	padding: 0;

	height: auto;

	display: inline-block;

	float: left;

	width: 100%
}

.onlineServiceBox {

	width: 170px;

	max-height: 560px;

	overflow: auto;

	z-index: 99999;

	background: #fff;

	border: 2px #FD4627 solid
}

.onlineServiceBox::-webkit-scrollbar {

	width: 8px
}

.onlineServiceBox::-webkit-scrollbar-track {

	background-color: #f8f8f8
}

.onlineServiceBox::-webkit-scrollbar-thumb {

	background-color: #ccc
}

.onlineServiceBox .closeOnlineService {

	position: absolute;

	right: 13px;

	top: 5px;

	color: #fff;

	cursor: pointer
}

.onlineServiceBox .closeOnlineService .icon {

	font-size: 18px;

	font-weight: bold
}

.onlineServiceBox dl dt {

	background: #FD4627;

	color: #fff;

	width: 100%;

	display: inline-block;

	float: left;

	height: 35px;

	line-height: 35px;

	text-indent: 10px
}

.onlineServiceBox dl .ddBox {

	padding: 15px 10px;

	width: 100%;

	display: inline-block;

	float: left
}

.onlineServiceBox dl dd {

	width: 100%;

	display: flex;

	flex-direction: row;

	float: left;

	margin-bottom: 10px
}

.onlineServiceBox dl dd:last-child {

	margin-bottom: 0
}

.onlineServiceBox dl dd .text {

	margin-right: 5px;

	vertical-align: middle;

	width: 34px
}

.onlineServiceBox dl dd .value {

	display: inline-block;

	vertical-align: middle;

	word-break: break-all
}

.pages {

	width: 100%;

	text-align: center
}

.pages li a,
.pages li span {

	width: auto;

	padding: 0 16px;

	margin-right: 10px;

	line-height: 40px;

	border: 1px solid #ccc;

	cursor: pointer;

	color: #999;

	display: inline-block;

	box-sizing: border-box
}

.pagination>.active>span {

	background-color: #FF6C00;

	border-color: #FF6C00
}

main {

	transition: all .5s
}

footer {

	width: 100%;

	height: auto;

	overflow: hidden;

	/* background-color: #151414 */
}

footer .collapse {

	display: block
}

.footer_main {

	width: 1440px;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.footer_main ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 100px;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between
}

.footer_main ul li {

	max-width: 300px;

	height: auto;

	overflow: hidden
}

.footer_main ul li .footer_title {

	font-size: 16px;

	line-height: 2em;

	letter-spacing: .0625em;

	color: #fff;

	border-bottom: 2px solid #ccc
}

.footer_main ul li .footer_title .footer_search_close {

	display: none
}

.footer_main ul li .footer_text {

	margin-top: 16px
}

.footer_main ul li .footer_text a {

	display: block;

	font-size: 14px;

	line-height: 2;

	color: #ccc;

	letter-spacing: .0625em
}

.footer_main ul li .footer_text a:hover {

	color: #fff
}

.footer_main ul li .footer_mail_title {

	font-size: 14px;

	line-height: 20px;

	color: #ccc;

	margin-top: 16px;

	letter-spacing: .0625em
}

.footer_main ul li .mail_input {

	width: 100%;

	height: 40px;

	margin: 5px 0 20px
}

.footer_main ul li .mail_input input {

	width: 80%;

	height: 100%;

	color: #151414;

	border: 1px solid #ccc;

	float: left;

	padding: 0 10px
}

.footer_main ul li .mail_input input::-webkit-input-placeholder,
.footer_main ul li .mail_input textarea::-webkit-input-placeholder {

	color: #ccc
}

.footer_main ul li .mail_input input:-moz-placeholder,
.footer_main ul li .mail_input textarea:-moz-placeholder {

	color: #ccc
}

.footer_main ul li .mail_input input::-moz-placeholder,
.footer_main ul li .mail_input textarea::-moz-placeholder {

	color: #ccc
}

.footer_main ul li .mail_input input:-ms-input-placeholder,
.footer_main ul li .mail_input textarea:-ms-input-placeholder {

	color: #ccc
}

.footer_main ul li .mail_input .mail_join {

	width: 20%;

	height: 100%;

	background-color: #999;

	cursor: pointer;

	display: flex;

	justify-content: space-around;

	flex-direction: column;

	text-align: center;

	color: #fff;

	float: left
}

.footer_main ul li .mail_input .mail_join i {

	font-size: 18px
}

.footer_main ul li .footer_spread {

	font-size: 14px;

	line-height: 20px;

	color: #ccc;

	letter-spacing: .0625em
}

.footer_main ul li .spread_icon_box {

	margin-top: 5px
}

.footer_main ul li .spread_icon_box i {

	display: inline-block;

	width: 30px;

	line-height: 30px;

	background-color: #ccc;

	font-size: 18px;

	color: #fff;

	margin-right: 5px
}

.footer_main ul li .spread_icon_box .icon-Instagram:hover {

	background-color: #e20c35
}

.footer_main ul li .spread_icon_box .icon-facebook:hover {

	background-color: #385899
}

.footer_main ul li .spread_icon_box .icon-vk:hover {

	background-color: #4c75a3
}

.footer_main ul li .spread_icon_box .icon-twitter1:hover {

	background-color: #00aced
}

.footer_main ul li .spread_icon_box .icon-youtube1:hover {

	background-color: #ff011d
}

.footer_main ul li .spread_icon_box .icon-linkedin:hover {

	background-color: #0a66c2
}

.footer_main ul li .footer_address {

	width: 100%;

	height: 40px;

	background-color: #333;

	padding: 8px;

	font-size: 16px;

	margin: 30px 0 40px;

	cursor: pointer
}

.footer_main ul li .footer_address .footer_address_icon {

	width: 24px;

	height: 24px;

	color: #fff;

	font-size: 18px;

	float: left
}

.footer_main ul li .footer_address .footer_address_text {

	margin: 0 16px;

	float: left;

	color: #fff;

	line-height: 24px
}

.footer_main .copyright {

	font-size: 14px;

	line-height: 1.5em;

	color: #f5f5f5;

	padding: 10px 20px;

	border-top: 1px solid #f5f5f5
}

.xp_main {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	position: relative
}

.bannerBox .swiper-container {

	width: 100%;

	height: auto;

	overflow: hidden
}

.bannerBox .swiper-container:hover .swiper-button-white {

	display: block
}

.bannerBox .swiper-container .swiper-pagination-bullet {

	width: 80px;

	height: 2px;

	border-radius: 0
}

.bannerBox .swiper-container .swiper-pagination-bullet-active {

	opacity: 1;

	background: #fff
}

.bannerBox .swiper-container .swiper-button-white {

	display: none;

	opacity: .5
}

.bannerBox .swiper-container .swiper-button-prev {

	left: 30px
}

.bannerBox .swiper-container .swiper-button-next {

	right: 30px
}

.bannerBox .swiper-container .swiper-slide img {

	width: 100%
}

.xp_main .xp_appliance {

	width: 100%;

	padding: 0;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	margin: 0 auto
}

.xp_main .xp_appliance .appliance_title {

	padding: 57px 10px 0;

	width: 80%;

	height: auto;

	font-size: 24px;

	letter-spacing: .02em;

	color: #151414;

	line-height: 1.2;

	text-align: center;

	margin: 0 auto
}

.xp_main .xp_appliance .appliance_show {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px
}

.xp_main .xp_appliance .appliance_show ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between
}

.xp_main .xp_appliance .appliance_show ul li {

	width: 24%;

	padding: 0;

	margin-bottom: 70px;

	position: relative;

	cursor: pointer;

	height: auto !important;

	overflow: hidden
}

.xp_main .xp_appliance .appliance_show ul li img {

	width: 100%;

	height: auto
}

.xp_main .xp_appliance .appliance_show ul li .show_text {

	position: absolute;

	bottom: -100px;

	left: 0;

	width: 100%;

	height: 100px;

	background: rgba(0, 0, 0, 0.5);

	color: #fff;

	font-size: 16px;

	letter-spacing: .005em;

	line-height: 100px;

	text-align: center;

	transition: all .5s;

	padding: 0 16px
}

.xp_main .xp_appliance .appliance_show ul li:hover .show_text {

	bottom: 0
}

.xp_main .xp_fans_envelope {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5;

	border-bottom: 1px solid #ccc
}

.xp_main .xp_fans_envelope .xp_fans {

	width: 100%;

	padding: 0;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.xp_main .xp_fans_envelope .xp_fans .fans_title {

	padding: 57px 10px 0;

	width: 80%;

	height: auto;

	font-size: 24px;

	color: #151414;

	line-height: 1.2;

	text-align: center;

	margin: 0 auto
}

.xp_main .xp_fans_envelope .xp_fans .fans_title_text {

	width: 80%;

	height: auto;

	text-align: center;

	margin: 16px auto 40px;

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .00625em
}

.xp_main .xp_fans_envelope .xp_fans .fans_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xp_main .xp_fans_envelope .xp_fans .fans_show ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between
}

.xp_main .xp_fans_envelope .xp_fans .fans_show ul li {

	width: 32%;

	height: auto;

	overflow: hidden;

	cursor: pointer
}

.xp_main .xp_fans_envelope .xp_fans .fans_show ul li img {

	width: 100%;

	height: auto
}

.xp_main .xp_fans_envelope .xp_fans .fans_show ul li .fans_text {

	width: auto;

	height: auto;

	overflow: hidden;

	margin-top: 10px
}

.xp_main .xp_fans_envelope .xp_fans .fans_show ul li .fans_text .icon_fans {

	width: 15px;

	height: auto !important;

	margin-left: 15px
}

.xp_main .xp_fans_envelope .xp_fans .fans_show ul li .fans_text .fans_span {

	font-size: 12px;

	line-height: 16px;

	color: #aaa
}

.xp_main .xp_news_envelope {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.xp_main .xp_news_envelope .xp_news {

	width: 100%;

	padding: 0;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.xp_main .xp_news_envelope .xp_news .xp_news_title {

	padding: 57px 10px 0;

	width: 200px;

	height: auto;

	font-size: 24px;

	color: #151414;

	line-height: 1.2;

	text-align: center;

	margin: 0 auto
}

.xp_main .xp_news_envelope .xp_news ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px
}

.xp_main .xp_news_envelope .xp_news ul li {

	width: 23.5%;

	padding: 10px 10px 40px;

	float: left;

	background-color: #fff;

	border: 1px solid #ccc;

	margin-right: 2%
}

.xp_main .xp_news_envelope .xp_news ul li:nth-child(4) {

	margin-right: 0
}

.xp_main .xp_news_envelope .xp_news ul li img {

	width: 100%;

	height: auto
}

.xp_main .xp_news_envelope .xp_news ul li .news_title {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	width: 100%;

	height: 48px;

	margin-top: 20px;

	font-size: 16px;

	line-height: 1.5;

	color: #151414
}

.xp_main .xp_news_envelope .xp_news ul li .news_text {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	width: 100%;

	height: 3.75em;

	margin-top: 10px;

	font-size: 14px;

	line-height: 1.25em;

	color: #666
}

.xp_main .xp_news_envelope .xp_news ul li .news_time {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

	font-size: 14px;

	line-height: 1.2;

	color: #151414
}

.xp_main .xp_news_envelope .xp_news ul li .news_btn {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.2;
	color: #FD4627;
}

.xp_main .xp_about_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	border-bottom: 1px solid #ccc
}

.xp_main .xp_about_box .xp_about {

	width: 100%;

	padding: 0 0 70px 0;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.xp_main .xp_about_box .xp_about .about_title {

	padding: 57px 10px 0;

	width: 80%;

	height: auto;

	font-size: 24px;

	color: #151414;

	line-height: 1.2;

	text-align: center;

	margin: 0 auto
}

.xp_main .xp_about_box .xp_about .xp_about_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xp_main .xp_about_box .xp_about .xp_about_show ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	margin: 50px auto 20px
}

.xp_main .xp_about_box .xp_about .xp_about_show .view_more {

	width: auto;

	text-align: center;

	font-size: 16px;

	padding: 10px 0;

	background-color: #fff;

	margin: 30px auto 60px
}

.product_main {

	width: 100%;

	height: auto;

	overflow: hidden
}

.product_main .product_box_envelope {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.product_main .product_box_envelope .product_box {

	width: 1200px;

	height: auto;

	overflow: hidden;

	padding: 0;

	background-color: #f5f5f5;

	margin: 0 auto
}

.product_main .product_box_envelope .product_box .product_title {

	padding: 70px 0 0;

	height: auto;

	font-size: 24px;

	color: #151414;

	line-height: 1.2;

	text-align: center;

	margin: 0 auto
}

.product_main .product_box_envelope .product_box .product_text {

	width: 100%;

	height: auto;

	padding: 0 15px;

	text-align: center;

	margin: 40px auto 30px;

	color: #666;

	font-size: 14px;

	line-height: 16px;

	letter-spacing: .00625em
}

.product_main .product_box_envelope .product_box .product_text img {

	width: 100% !important;

	height: auto
}

.product_main .product_box_envelope .product_box .product_list {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 120px
}

.product_main .product_box_envelope .product_box .product_list ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap
}

.product_main .product_box_envelope .product_box .product_list ul li {

	width: 380px;

	height: auto;

	overflow: hidden;

	padding: 16px 16px 40px 16px;

	background-color: #fff;

	float: left;

	margin: 30px 0 0;

	box-sizing: border-box;

	border: 1px solid #fff
}

.product_main .product_box_envelope .product_box .product_list ul li:hover {

	border: 1px solid #ccc
}

.product_main .product_box_envelope .product_box .product_list ul li img {

	width: 100%;

	height: auto
}

.product_main .product_box_envelope .product_box .product_list ul li .list_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	padding: 0 10px;

	font-size: 24px;

	line-height: 1;

	color: #151414;

	text-align: center
}

.product_main .product_box_envelope .product_box .product_list ul li .list_text {

	width: 100%;

	height: 32px;

	overflow: hidden;

	margin-top: 10px;

	padding: 0 10px;

	font-size: 14px;

	line-height: 16px;

	color: #666;

	text-align: center
}

.product_main .product_box_envelope .product_box .product_list ul li .list_text::after {

	content: "...";

	position: absolute;

	bottom: 0;

	right: 0;

	padding-left: 40px;

	background: -webkit-linear-gradient(left, transparent, #fff 55%);

	background: -o-linear-gradient(right, transparent, #fff 55%);

	background: -moz-linear-gradient(right, transparent, #fff 55%);

	background: linear-gradient(to right, transparent, #fff 55%)
}

.product_main .product_box_envelope .product_box .product_list ul li .list_btn {

	width: 65%;

	height: auto;

	line-height: 40px;

	font-size: 14px;

	text-align: center;

	color: #151414;

	border: 1px solid #ccc;

	margin: 30px auto 0
}

.product_main .product_box_envelope .product_box .product_list ul li .list_btn:hover {

	border: 1px solid #FD4627;

	background: #FD4627
}

.product_main .product_box_envelope .product_box .product_list ul li .list_btn:hover a {

	color: #fff
}

.product_main .product_box_envelope .product_box .product_list ul li .list_compare {

	width: 100px;

	font-size: 14px;

	line-height: 1.25em;

	color: #FD4627;

	margin: 15px auto 30px;

	text-align: center;

	cursor: pointer
}

.product_main .product_box_envelope .product_box .product_list ul li .list_compare .check {

	display: none;

	width: 20px;

	height: auto
}

.product_main .product_box_envelope .product_box .product_list ul li .list_compare .shBtn {

	display: inline-block
}

.product_main .product_box_envelope .product_box .product_list ul li .on {

	color: #151414
}

.product_main .product_box_envelope .product_box .product_list ul li .on .check {

	display: inline-block
}

.product_main .product_box_envelope .product_box .product_list ul:after {

	content: '';

	width: 380px
}

.compare_box {

	display: block;

	width: 100%;

	height: auto;

	overflow: auto;

	display: none;

	background-color: #fff;

	position: fixed;

	left: 0;

	bottom: 0;

	z-index: 9;

	border-top: 1px solid #eee;

	transition: all .5s
}

.compare_box .compare_1200 {

	height: auto;

	overflow: hidden;

	margin: 16px auto 0;

	position: relative
}

.compare_box .compare_top {

	width: 100%;

	float: left
}

.compare_box .compare_top .compare_btn i {

	transition: all .5s
}

.compare_box .compare_top .compare_title {

	font-size: 20px;

	color: #666;

	line-height: 1.2
}

.compare_box .compare_top span {

	float: left
}

.compare_box .compare_top .clearAllProductCompare {

	font-size: 14px;

	color: #40a0ed;

	line-height: 1.2;

	float: left;

	margin-top: 8px;

	margin-left: 30px;

	cursor: pointer
}

.compare_box .compare_top .compare_btn a {

	width: auto;

	border: 1px solid #ccc;

	background-color: #fff;

	display: inline-block;

	padding: 5px 10px;

	color: #666
}

.compare_box .compare_top .compare_btn a {

	background-color: #FD4627;

	border: 1px solid #FD4627;

	color: #fff
}

.compareProductList {

	width: 100%;

	float: left
}

.compareProductList {

	margin-top: 15px
}

.compareProductList ul li {

	width: 33.33%;

	overflow: hidden;

	border-right: 1px solid #f5f5f5;

	padding: 0 15px 16px;

	text-align: center;

	float: left;

	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center
}

.compareProductList li:last-child {

	border-right: 0
}

.compareProductList li a {

	width: 100%;

	float: left
}

.compareProductList li a:hover {

	color: #40a0ed
}

.compareProductList li .remove {

	color: #666
}

.compareProductList li .remove i {

	font-size: 20px
}

.compareProductList li .empty {

	color: #999
}

.compare_box .compare_bottom {

	display: none
}

.compare_box .compare_bottom ul.compare_name_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.compare_box .compare_bottom ul.fixed {

	position: fixed;

	top: 74px;

	background: #fff;

	border-bottom: 1px #ccc solid;

	background: #f5f5f5
}

.compare_box .compare_bottom ul.compare_name_show li {

	width: 33.33%;

	overflow: hidden;

	border-right: 1px solid #f5f5f5;

	padding: 0 15px 16px;

	text-align: center;

	float: left;

	position: relative
}

.compare_box .compare_bottom ul.compare_name_show li .compare_modular {

	width: 100%;

	height: auto;

	overflow: hidden
}

.compare_box .compare_bottom ul.compare_name_show li .compare_modular img {

	width: 100%;

	max-width: 285px;

	height: auto;

	margin: 0 auto
}

.compare_box .compare_bottom ul.compare_name_show li .compare_modular .compare_remove {

	cursor: pointer;

	margin-top: 20px;

	font-size: 14px;

	line-height: 1.2
}

.compare_box .compare_bottom ul.compare_name_show li .compare_modular .compare_details {

	cursor: pointer;

	margin-top: 20px;

	font-size: 14px;

	line-height: 1.2
}

.compare_box .compare_bottom ul.compare_name_show li .compare_modular .compare_details a {

	color: #FD4627;

	margin: 0 10px;

	display: inline-block
}

.compare_box .compare_bottom ul.compare_name_show li .compare_modular .compare_text {

	margin-top: 10px;

	font-size: 18px;

	line-height: 1.2
}

.compare_box .compare_bottom ul.compare_name_show li .compare_select {

	width: 280px;

	height: 100%;

	line-height: 80px;

	margin: 0 auto
}

.compare_box .compare_bottom ul.compare_name_show li .compare_select select {

	width: 100%;

	height: 30px;

	line-height: 30px;

	padding: 0 16px;

	color: #151414;

	font-size: 16px
}

.compare_box .compare_bottom ul.compare_name_show li:last-child {

	border-right: 0
}

.compare_box .compare_bottom .compare_summary,
.product_main .compare_box .compare_bottom .compare_size {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px
}

.compare_box .compare_bottom .compare_summary .summary_title,
.product_main .compare_box .compare_bottom .compare_summary .size_title,
.product_main .compare_box .compare_bottom .compare_size .summary_title,
.product_main .compare_box .compare_bottom .compare_size .size_title {

	width: 100%;

	font-size: 16px;

	line-height: 1.5;

	color: #151414
}

.compare_box .compare_bottom .compare_summary ul,
.product_main .compare_box .compare_bottom .compare_size ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #ddd;

	padding-bottom: 16px;

	margin-bottom: 16px
}

.compare_box .compare_bottom .compare_summary ul li,
.product_main .compare_box .compare_bottom .compare_size ul li {

	width: 33.33%;

	height: auto;

	overflow: hidden;

	padding: 16px 15px;

	text-align: center;

	float: left;

	border: 0;

	font-size: 16px
}

.compare_box .compare_bottom .compare_summary ul li p {

	text-align: center
}

.authentication_main {

	width: 100%;

	height: auto;

	overflow: hidden
}

.authentication_main .authentication_banner {

	width: 100%;

	height: auto;

	overflow: hidden
}

.authentication_main .authentication_banner img {

	width: 100%;

	height: auto
}

.authentication_main .authentication_title {

	width: 100%;

	height: 61px;

	overflow: auto;

	border-bottom: 1px solid #ccc;

	position: relative
}

.authentication_main .authentication_title ul {

	width: auto;

	height: 40px;

	margin: 20px auto 0;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translate(-50%, 0)
}

.authentication_main .authentication_title ul li {

	width: auto;

	height: 100%;

	line-height: 40px;

	float: left;

	color: #151414;

	text-align: center;

	margin: 0 30px;

	position: relative;

	cursor: pointer
}

.authentication_main .authentication_title ul li.active {

	border-bottom: 2px #FD4627 solid
}

.authentication_main .authentication_title ul li.active a {

	color: #FD4627
}

.authentication_main .authentication_show {

	width: 80%;

	height: auto;

	overflow: hidden;

	margin: 80px auto;

	text-align: center
}

.authentication_main .authentication_show .show_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	font-size: 20px;

	color: #666;

	line-height: 1.2
}

.authentication_main .authentication_show .show_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	font-size: 14px;

	color: #666;

	line-height: 1.4;

	margin: 20px 0
}

.authentication_main .authentication_show .show_select {

	width: 400px;

	height: 50px;

	margin: 20px auto 0
}

.authentication_main .authentication_show .show_select select {

	width: 100%;

	height: 50px;

	line-height: 50px;

	padding: 0 16px;

	color: #151414;

	font-size: 16px;

	border: 1px solid #ccc
}

.authentication_main .authentication_show .show_input {

	width: 400px;

	height: 50px;

	margin: 20px auto 0
}

.authentication_main .authentication_show .show_input input {

	width: 100%;

	height: 50px;

	line-height: 50px;

	padding: 0 16px;

	border: 1px solid #ccc;

	font-size: 16px;

	color: #151414
}

.authentication_main .authentication_show .show_input input::-webkit-input-placeholder,
.authentication_main .authentication_show .show_input textarea::-webkit-input-placeholder {

	color: #999
}

.authentication_main .authentication_show .show_input input:-moz-placeholder,
.authentication_main .authentication_show .show_input textarea:-moz-placeholder {

	color: #999
}

.authentication_main .authentication_show .show_input input::-moz-placeholder,
.authentication_main .authentication_show .show_input textarea::-moz-placeholder {

	color: #999
}

.authentication_main .authentication_show .show_input input:-ms-input-placeholder,
.authentication_main .authentication_show .show_input textarea:-ms-input-placeholder {

	color: #999
}

.authentication_main .authentication_show .show_view {

	width: 400px;

	height: 50px;

	line-height: 50px;

	border: 1px solid #ccc;

	background-color: #f5f5f5;

	font-size: 16px;

	color: #151414;

	margin: 20px auto 0;

	text-align: center;

	cursor: pointer
}

.authentication_main .authentication_show .show_view:hover {

	color: #fff;

	background-color: #FD4627
}

.authentication_main .authentication_show .show_result {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 40px auto 0
}

.authentication_main .authentication_show .show_result p {

	font-size: 14px;

	color: #666;

	line-height: 1.4;

	text-align: center
}

.authentication_main .authentication_show .show_info {

	width: 400px;

	height: 40px;

	margin: 20px auto 0;

	font-size: 14px;

	color: #151414;

	line-height: 1.4
}

.support_home {

	width: 100%;

	height: auto;

	overflow: hidden
}

.support_home .support_home_head {

	width: 100%;

	height: auto;

	overflow: hidden
}

.support_home .support_home_head img {

	width: 100%;

	height: auto
}

.support_home .support_home_box {

	width: 1200px;

	height: auto;

	overflow: hidden;

	margin: 60px auto;

	padding: 0 16px
}

.support_home .support_home_box .title {

	font-size: 24px;

	color: #151414;

	margin-bottom: 20px;

	text-align: center
}

.support_home .support_home_box .text {

	font-size: 14px;

	color: #666;

	margin-bottom: 20px;

	text-align: center
}

.support_home .support_home_box ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap
}

.support_home .support_home_box ul li {

	width: 154px;

	height: auto;

	overflow: hidden;

	padding: 0 10px;

	margin: 20px 10px 0;

	border: 1px solid #666;

	text-align: center;

	color: #666
}

.support_home .support_home_box ul li i {

	width: 60px;

	line-height: 60px;

	font-size: 55px;

	margin: 20px auto
}

.support_home .support_home_box ul li p {

	width: 100%;

	height: 50px;

	text-align: center;

	line-height: 1.2
}

.support_home .support_home_box ul li:hover {

	background-color: #f5f5f5;

	color: #151414 !important
}

.down_main {

	width: 100%;

	height: auto;

	overflow: hidden
}

.down_main .seek_option {

	width: 840px;

	height: auto;

	/* overflow: hidden; */

	margin: 60px auto 0
}

.down_main .seek_option .show_option_box {

	width: auto;

	height: auto;

	overflow: hidden;

	float: left
}

.down_main .seek_option .show_option_box .show_options {

	width: 380px;

	height: 40px;

	position: relative;

	margin-left: 16px;

	float: left
}
/* 标记 */
.down_main .seek_option .show_option_box .show_options select {

	background: #f5f5f5;

	width: 100%;

	height: 100%;

	line-height: 38px;

	border: 1px solid #ccc;

	padding: 0 32px 0 16px
}

.down_main .seek_option .show_option_box .show_options i {

	position: absolute;

	top: 10px;

	right: 16px;

	font-size: 16px;

	color: #999
}

.down_main .seek_option .down_search {

	width: auto;

	height: auto;

	position: relative;

	float: left;

	border: 1px solid transparent;
}

.down_main .seek_option .down_search.active{
	border-color: #000;
}
.down_main .seek_option .down_search input {

	width: 200px;

	height: 40px;

	margin-left: 16px;

	float: left;

	line-height: 38px;

	border: 1px solid #ccc;

	background: #FFFFFF;
	padding: 0 16px
}
.down_main .seek_option .down_search.active .search_input{
	border: none;
	border-bottom: 1px solid #ccc;
} 
.down_main .seek_option input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #C0C0C0;
}
.down_main .seek_option input:-ms-input-placeholder { /* IE 10+ */
	  color: #C0C0C0;
}
.down_main .seek_option input:-moz-placeholder { /* Firefox 18- */
	  color: #C0C0C0;
}
.down_main .seek_option input::-moz-placeholder { /* Firefox 19+ */
    color: #C0C0C0;
}

.down_main .seek_option .down_search .down_search_btn {

	width: 200px;

	height: 40px;

	margin-left: 16px;

	float: left;

	line-height: 40px;

	background: #FF6C00 !important;

	font-size: 16px;

	color: #fff;

	text-align: center;

	cursor: pointer
}

.down_main .show_title {

	font-size: 24px;

	color: #151414;

	line-height: 1.2;

	text-align: center;

	margin-top: 60px
}

.down_main .show_hint {

	font-size: 14px;

	color: #666;

	line-height: 1.2;

	text-align: center;

	margin: 40px auto
}

.down_box_envelope {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.down_box_envelope .down_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 50px 32px
}

.down_box_envelope .down_box .down_title {

	font-size: 36px;

	color: #FD4627;

	line-height: 1.2;

	margin-bottom: 5px
}

.down_box_envelope .down_box .route_title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.down_box_envelope .down_box .route_title a {

	color: #151414
}

.show_select_product {

	width: 1200px !important;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	padding-bottom: 5%;

	padding-top: 48px
}

.show_select_product .show_left {

	width: 25%;

	box-sizing: border-box;

	padding-right: 50px;

	padding-bottom: 20px;

	float: left
}

.show_select_product .show_left .tab-holder {

	position: relative;

	display: none;

	margin-bottom: 30px;

	vertical-align: middle;

	color: #707473;

	font-size: 14px;

	border: solid 1px rgba(151, 151, 151, 0.26);

	border-radius: 2px;

	padding: 0 16px
}

.show_select_product .show_left .tab-holder .text {

	width: 80%;

	font-size: 12px;

	font-weight: 400;

	float: left
}

.show_select_product .show_left .tab-holder i {

	float: right;

	margin: 5px 0
}

.show_select_product .show_left ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.show_select_product .show_left ul li {

	padding: 0 0 20px;

	font-size: 16px;

	color: #151414;

	line-height: 1.2;

	cursor: pointer
}

.show_select_product .show_left ul li span {

	padding-bottom: 4px;

	border-bottom: 2px solid transparent;

	text-decoration: none;

	line-height: 1.5
}

.show_select_product .show_left ul li:hover {

	color: #FD4627
}

.show_select_product .show_left ul li:hover .line {

	background-color: #fff
}

.show_select_product .show_left ul li .on {

	border-color: #FD4627;

	color: #FD4627
}

.show_select_product .show_right {

	width: 100%;

	height: auto;

	float: left;

	overflow: hidden
}

.show_select_product .show_right ul {

	display: none;

	width: 100%;

	height: auto;

	overflow: hidden
}

.show_select_product .show_right ul li {

	height: auto;

	overflow: hidden;

	padding: 0 24px;

	float: left
}

.show_select_product .show_right ul li a {

	text-decoration: none
}

.show_select_product .show_right ul li img {

	width: 100%;

	height: auto
}

.show_select_product .show_right ul li .select_product {

	width: 100%;

	height: 40px;

	font-size: 14px;

	line-height: 1.2;

	color: #151414;

	text-align: center;

	margin: 20px auto 30px
}

.down_show_detail {

	padding: 0 32px 10% 32px
}

.down_show_detail .product_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #ccc
}

.down_show_detail .product_box .detail_product {

	margin: 30px auto;

	width: 500px;

	height: auto;

	overflow: hidden
}

.down_show_detail .product_box .detail_product img {

	width: 200px;

	height: 150px;

	float: left
}

.down_show_detail .detail_product .detail_product_text {

	float: right;

	line-height: 150px;

	font-size: 16px;

	width: 300px;

	text-align: center
}

.detail_info {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-top: 60px
}

.detail_info .info_left {

	width: 40%;

	float: left
}

.detail_info .info_left .info_left_title {

	font-size: 20px;

	color: #666;

	line-height: 1.2;

	margin-bottom: 10px
}

.info_left_main {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px
}

.info_left_main p {

	margin: 0
}

.info_left_main .info_left_name {

	float: left;

	width: 60%
}

.info_left_main .info_left_name .name_text {

	font-size: 14px;

	line-height: 1.4;

	color: #FF6C00;

	margin-bottom: 5px
}

.info_left_main .info_left_name .name_text a {

	color: #FF6C00
}

.info_left_main .info_left_name .name_time {

	font-size: 12px;

	color: #666;

	line-height: 1.4
}

.info_left_main .info_left_format {

	width: 40%;

	height: auto;

	float: left
}

.info_left_main .info_left_format .format_btn {

	font-size: 12px;

	color: #666;

	line-height: 1.4;

	padding: 2px 10px;

	background-color: #f5f5f5;

	border: 1px solid #ccc;

	float: left;

	cursor: pointer
}

.info_left_main .info_left_format .pdf {

	float: right;

	margin-right: 90px
}

.detail_info .info_right {

	width: 60%;

	float: right;

	padding-left: 30px
}

.detail_info .info_right .info_right_title {

	font-size: 20px;

	color: #666;

	line-height: 1.2;

	margin-bottom: 10px
}

.detail_info .info_right .info_right_main {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 24px
}

.detail_info .info_right .info_right_main .system {

	font-size: 16px;

	margin-top: 5px
}

.info_right_main .right_main_logo {

	margin-top: 30px
}

.info_right_main .right_main_logo1 {

	margin-top: 40px
}

.info_right_main .right_main_logo,
.info_right_main .right_main_logo1 {

	width: 30px;

	height: 30px
}

.info_right_main .right_main_logo i,
.info_right_main .right_main_logo1 i {

	width: 30px;

	font-size: 24px;

	color: #666;

	line-height: 30px
}

.info_right_main .right_main_show {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	margin-left: 5px
}

.info_right_main .right_main_show p {

	margin: 0
}

.info_right_main .right_main_show .info_right_name {

	width: 60%;

	height: auto;

	float: left
}

.info_right_main .right_main_show .info_right_name .name_text {

	font-size: 14px;

	line-height: 1.4;

	color: #FD4627;

	margin-bottom: 5px
}

.info_right_main .right_main_show .info_right_name .name_text a {

	color: #FD4627
}

.info_right_main .right_main_show .info_right_name .name_time {

	font-size: 12px;

	color: #666;

	line-height: 1.4
}

.download_name_desc {

	font-size: 14px;

	color: #999;

	line-height: 1.4;

	margin-bottom: 10px !important;

}

.info_right_main .right_main_show .info_right_format {

	width: 40%;

	height: auto;

	float: left;

	padding-left: 20px
}

.info_right_main .right_main_show .info_right_format .format_btn a {

	font-size: 14px;

	color: #666;

	line-height: 1.4;

	padding: 2px 10px;

	background-color: #f5f5f5;

	border: 1px solid #ccc;

	float: left;

	cursor: pointer
}

.info_right_main .right_main_show .info_right_format a:hover {

	background-color: #FD4627;

	color: #fff;

	border: 0
}

.info_right_main .right_main_show .info_right_format .pdf {

	float: right;

	margin-right: 90px
}

.info_right_main .right_main_show .info_right_format .videolLink {

	margin-left: 5px
}

.down_main .faq_show_detail {

	padding: 0 32px
}

.faq_show_detail .product_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #ccc
}

.faq_show_detail .product_box .detail_product {

	margin: 30px auto;

	min-width: 400px;

	height: auto;

	overflow: hidden;

	text-align: center;

}

.faq_show_detail .product_box .detail_product a {

	display: inline-block;

	vertical-align: top;

}

.faq_show_detail .product_box .detail_product img {

	width: 200px;

	height: 150px;

	float: left
}

.faq_show_detail .product_box .detail_product .detail_product_text {

	line-height: 150px;

	font-size: 16px;

	margin-left: 40px;

	display: inline-block;

}

.faq_show_detail .detail_info {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 3% 0 10% 0
}

.faq_show_detail .detail_info .info_faq {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 5% 3%;

	background-color: #f5f5f5
}

.faq_show_detail .detail_info .info_faq .title {
	
	text-align: center;
	
	font-size: 20px;

	font-weight: bold;

	color: #000000;

	font-family: Gilroy;
	
	text-align: left;
	
}
.faq_show_detail .detail_info .info_faq .info_faq_model{
	font-size: 12px;
	font-family: Gilroy;
	color: #000000;
	opacity: 0.65;
	margin: 8px 0 24px;
}

.faq_show_detail .detail_info .info_faq ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.faq_show_detail .detail_info .info_faq ul li {

	font-size: 16px;

	color: #151414;

	line-height: 1.2;

	padding: 30px 0 5px;

	border-bottom: 1px solid #fff;

	cursor: pointer
}

.faq_show_detail .detail_info .info_faq ul li a:hover {

	color: #FD4627
}

.faq_show_detail .detail_info .info_faq ul li:hover {

	color: #FD4627
}

.faq_show_detail .detail_info .info_faq .faq_text_info {

	display: none;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	font-size: 14px;

	line-height: 1.5;

	color: #666
}

.faq_show_detail .detail_info .info_faq .faq_text_info p img {
	max-width: 100%;
}

.mail_info {

	width: 80%;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.mail_info .mail_info_title {

	font-size: 20px;

	line-height: 1.2;

	color: #151414;

	text-align: center;

	margin-top: 5%
}

.mail_info .mail_info_text {

	font-size: 14px;

	line-height: 1.4;

	color: #666;

	text-align: center;

	margin-top: 2%
}

.mail_info .mail_info_show {

	max-width: 500px;

	height: auto;

	overflow: hidden;

	margin: 60px auto 0
}

.mail_info .mail_info_show textarea {

	width: 100%;

	height: 200px;

	padding: 10px 16px;

	border: 1px solid #ccc
}

.mail_info .mail_info_show .mail_show_title {

	color: #666
}

.mail_info .mail_info_show .mail_info_tips {

	color: #999
}

.mail_info .mail_info_show .mail_upload {

	width: 200px;

	height: 200px;

	padding: 20px;

	background-color: #f5f5f5;

	display: inline-block
}

.mail_info .mail_info_show .mail_upload .mail_upload_icon {

	width: 25px;

	height: 25px;

	border-radius: 50%;

	background-color: #FD4627;

	margin: 20px auto 0;

	font-size: 20px;

	line-height: 25px;

	color: #fff;

	text-align: center;

	position: relative;

	cursor: pointer
}

.mail_info .mail_info_show .mail_upload .mail_upload_title {

	text-align: center;

	margin-top: 5px;

	color: #151414
}

.mail_info .mail_info_show .mail_upload .mail_upload_text {

	text-align: center;

	margin-top: 10px;

	font-size: 12px;

	color: #999
}

.mail_info .mail_info_show .mail_btn {

	display: inline-block;

	width: auto;

	padding: 11px 30px 13px;

	font-size: 16px;

	line-height: 1.2;

	background-color: #FD4627;

	color: #fff;

	margin-top: 20px;

	margin-bottom: 60px
}

.mail_info .mail_info_show .thumbs {

	width: 100%;

	display: inline-block;

	margin-top: 10px
}

.mail_info .mail_info_show .thumbs a {

	display: inline-block;

	color: #FD4627
}

.mail_info .mail_info_show .thumbs span {

	cursor: pointer
}

.mail_info .mail_info_show .thumbs ul {

	margin: 0;

	padding: 0
}

.mail_info .mail_info_show .thumbs ul li {

	margin: 0;

	padding: 0;

	width: 100%;

	float: left
}

.mail_info .mail_info_show .thumbs ul li i {

	position: relative
}

.mail_info .mail_info_show .thumbs ul li .file {

	float: left
}

.mail_info .mail_info_show .thumbs ul li .delete {

	float: right
}

.preview_show {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 30px;

	float: left
}

.preview_show .control_p {

	display: inline-block;

	width: 100%;

	margin: 0;

	overflow: hidden;

	color: #666;

	float: left;

	font-weight: 400
}

.preview_show .preview_control_text {

	width: 100%;

	color: #000
}

.preview_show a {

	color: #FD4627
}

.preview_show .preview_control_main {

	width: 100%;

	line-height: 1.2;

	color: #151414
}

.preview_show .mail_upload_img {

	width: 100px;

	height: 100px;

	margin-top: 5px;

	margin-bottom: 10px
}

.preview_show .mail_upload_img img {

	width: 100%;

	height: 100%
}

.preview_show .mail_submit {

	display: inline-block;

	width: auto;

	padding: 11px 30px 13px;

	vertical-align: middle;

	font-size: 16px;

	line-height: 1.2;

	background-color: #FD4627;

	color: #fff;

	float: left
}

.preview_show .mail_cancel {

	display: inline-block;

	width: auto;

	color: #ccc;

	float: left;

	vertical-align: middle;

	margin: 15px 0 0 15px
}

.mail_complete_img {

	text-align: center
}

.mail_complete_img img {

	max-width: 100%;

	height: auto
}

.mail_info_show .complete_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 14px;

	margin-top: 20px;

	text-align: center;

	line-height: 25px
}

.mail_info_show .complete_text p {

	text-align: center;

	margin-top: 20px
}

.mail_info_show .complete_btn {

	margin-top: 40px;

	font-size: 16px;

	padding-bottom: 60px
}

.mail_info_show .complete_btn .span_left {

	display: inline-block;

	width: 50%;

	text-align: right;

	float: left;

	color: #FD4627
}

.mail_info_show .complete_btn .span_right {

	display: inline-block;

	width: 50%;

	text-align: left;

	padding-left: 40px;

	float: left;

	color: #FD4627
}

.repair_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 5% auto
}

.repair_box .repair_left {

	width: 25%;

	box-sizing: border-box;

	float: left
}

.repair_box .repair_left .tab-holder {

	position: relative;

	display: none;

	margin-bottom: 30px;

	vertical-align: middle;

	color: #707473;

	font-size: 14px;

	border: solid 1px rgba(151, 151, 151, 0.26);

	border-radius: 2px;

	padding: 0 16px
}

.repair_box .repair_left .tab-holder .text {

	width: 80%;

	font-size: 12px;

	font-weight: 400;

	float: left
}

.repair_box .repair_left .tab-holder i {

	float: right;

	margin: 5px 0
}

.repair_box .repair_left ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.repair_box .repair_left ul li {

	padding: 24px 0 0;

	font-size: 16px;

	color: #151414;

	line-height: 1.2;

	cursor: pointer
}

.repair_box .repair_left ul li span {

	padding-bottom: 4px;

	border-bottom: 2px solid transparent;

	text-decoration: none;

	line-height: 1.5
}

.repair_box .repair_left ul li:hover {

	color: #FD4627
}

.repair_box .repair_left ul li:hover .line {

	background-color: #fff
}

.repair_box .repair_left ul li .on {

	border-color: #FD4627;

	color: #FD4627
}

.repair_box .repair_right {

	width: 75%;

	box-sizing: border-box;

	float: left;

	padding: 30px 30px 60px 50px
}

.repair_box .repair_right .repair_right_main {

	width: 100%;

	height: auto;

	overflow: hidden
}

.repair_box .repair_right .repair_right_main p {

	letter-spacing: .025em;

}

/*新加*/

.repair_right_main_p {

	line-height: 2;
	margin-top: 15px;
	font-size: 18px;

}



@media screen and (max-width: 1400px) {

	.repair_right_main_p {
		font-size: 14px;
	}
	.down_main .Top_Questions,.down_main .Search_Results .search_box{
		width: calc(100vw - 40px) !important;
	}
}

@media screen and (max-width: 992px) {

	.repair_right_main_p {
		font-size: 12px;
	}

}

@media screen and (max-width: 768px) {

	.repair_right_main_p {
		font-size: 14px;
	}

}

@media screen and (max-width: 520px) {

	.repair_right_main_p {
		font-size: 12px;
	}

	.aboutsize {
		font-size: 12px;
	}

	.down_main .seek_option{
		display: initial;
	}

	.down_main .titleBox .show_option_box{width: 66%;}
}

@media screen and (max-height: 700px) {

	.navMenu li.dropdown .xp_container>li>a {
		padding: 5px 16px
	}

}

.sign_box {

	max-width: 1200px;

	height: auto;

	margin: 0 auto
}

.sign_box .sign_left,
.sign_box .sign_right {

	width: 50%;

	height: auto;

	float: left;

	display: inline-block;

	margin: 80px auto
}

.sign_title {

	font-size: 24px;

	line-height: 1.2;

	color: #151414;

	text-align: center
}

.sign_box .sign_left .myForm {

	display: inline-block;

	width: 100%
}

.sign_warp {

	width: 100%;

	height: auto;

	padding-bottom: 20px
}

.sign_left .sign_warp {

	border-right: 1px solid #ccc
}

.sign_warp .sign_main {

	width: 400px;

	height: auto;

	margin: 10px auto 0
}

.sign_warp .sign_main .sign_main_title {

	width: 100%;

	font-size: 14px;

	line-height: 1.2;

	color: #151414;

	padding: 30px 0;

	text-align: center
}

.sign_warp .sign_main .sign_main_text {

	width: 100%;

	min-height: 50px;

	overflow: hidden;

	margin: 10px 0;

	float: left
}

.sign_warp .sign_main .sign_main_text .iconfont {

	margin: 6px 20px 9px 0;

	width: 32px;

	height: 32px;

	font-size: 30px;

	float: left
}

.sign_left .signPop {

	border-right: 0
}

.sign_main .sign_main_text .text_span {

	padding: 0;

	width: 348px;

	min-height: 50px;

	font-size: 16px;

	line-height: 1.2;

	display: flex;

	justify-content: space-around;

	flex-direction: column;

	float: left
}

.register_show {

	width: 100%;

	margin: 0;

	position: relative;

	float: left
}

.mail_info .mail_info_show .register_show {

	margin-top: 24px
}

.register_show .control_p {

	position: absolute;

	left: 16px;

	top: 25%;

	width: auto;

	z-index: 0;

	height: auto;

	margin: 0;

	overflow: hidden;

	display: none;

	align-items: center;

	font-weight: normal
}

.register_show .control_p .name {

	display: inline-block
}

.register_show .control_p .star {

	margin: 5px 0 0 2px;

	color: #FF6C00
}

.register_show .control_input {

	width: 100%;

	z-index: 999999;

	padding: 14px 16px;

	border: 1px solid #ccc;

	float: left;

	display: inline-block;

	font-weight: normal;

	color: #333
}

.register_show i {

	position: absolute;

	top: 20%;

	right: 16px;

	font-size: 16px;

	font-weight: bold;

	color: #999
}

.errorShow {

	border: 1px solid #F00
}

.errorShow .control_p .name {

	color: #f00
}

.registerShowActive .control_p {

	top: 5px !important;

	color: #999;

	font-size: 12px;
	line-height: 1;
	display: flex
}

.registerShowActive .control_input {

	padding-top: 23px;

	padding-bottom: 5px;

	resize: vertical
}

.register_show .verifyBox {

	float: left;

	width: 75%;

	border-right: 0
}

.register_show .verifyBox .control_input {

	border-right: 0
}

.controlDateBox {

	border: 1px solid #ccc
}

.controlDateBox .control_p {

	display: flex;

	top: 2px !important;

	color: #999;

	font-size: 12px;

	left: 0
}

.controlDateBox .control_time {

	padding: 28px 0 0 0;

	width: 100%;

	overflow: hidden;

	display: inline-block
}

.controlDateBox .time_text {

	display: block;

	width: 100%;

	padding: 2px 16px 0 16px;

	line-height: 20px;

	margin: 0;

	overflow: hidden
}

.controlDateBox select {

	width: 100%;

	padding: 0 16px;

	background: #fff
}

.controlDateBox .date_box {

	width: 30%;

	margin-right: 3.33%;

	float: left;

	position: relative
}

.controlDateBox .date_box i {

	width: 12px;

	font-size: 12px;

	position: absolute;

	right: 0;

	top: 0;

	color: #999
}

.h20 {

	width: 100%;

	display: inline-block;

	height: 25px;

	line-height: 25px;

	font-size: 12px;

	float: left
}

.h20 em {

	display: none;

	width: 15px;

	height: 15px;

	border-radius: 50%;

	border: 1px #eb4e1b solid;

	line-height: 15px;

	text-align: center;

	margin-right: 5px
}

.h20 span {

	display: none
}

.h20 .iconfont {

	font-size: 14px
}

.errorMsg {

	color: #eb4e1b
}

.errorMsg em,
.errorMsg span {

	display: inline-block;

	vertical-align: middle
}

.sign_warp .sign_main .sign_main_pass {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden
}

.sign_warp .sign_main .sign_main_forgot {

	margin-top: 10px;

	font-size: 14px;

	line-height: 1.2;

	color: #151414;

	padding: 16px 0;

	text-align: left
}

.sign_warp .sign_main .sign_main_forgot a {

	color: #FD4627;

	margin-left: 5px
}

.submitFormBtn {

	margin-top: 40px;

	width: 100%;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	text-align: center;

	background-color: #FD4627;

	color: #fff;

	cursor: pointer
}

.submitFormBtn[disabled] {

	background: #eee;

	cursor: not-allowed;

	color: #999
}

.sign_warp .sign_main .sign_main_btn1 {

	margin-top: 20px;

	width: 100%;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	text-align: center;

	border: 1px solid #151414;

	color: #151414;

	float: left
}

.sign_warp .sign_main .sign_main_btn1 a {

	width: 100%;

	display: inline-block;

	float: left
}

.emailist {

	border: 1px solid #bdbdbd;

	border-radius: 0;

	width: 100%;

	background-color: #fff;

	color: #666;

	font-size: 14px;

	list-style-type: none;

	padding: 0;

	margin: 0;

	overflow: hidden
}

.emailist li {

	cursor: pointer;

	margin-bottom: 0 !important;

	width: 100% !important;

	padding: 0 10px 0 10px !important
}

.emailist .on,
.emailist li:hover {

	background-color: #eee
}

.forgot_box {

	max-width: 50%;

	height: auto;

	margin: 5% auto 5% auto
}

.forgot_box .sign_title {

	font-size: 24px;

	line-height: 1.2;

	color: #151414;

	text-align: center
}

.forgot_box .sign_warp {

	width: 100%;

	height: auto;

	padding-bottom: 20px
}

.forgot_box .sign_warp .sign_main {

	width: 60%;

	margin: 10px auto 0
}

.forgot_box .sign_warp .sign_main ul {

	width: 100%;

	height: auto
}

.forgot_box .sign_warp .sign_main ul li {

	width: 100%;

	float: left
}

.forgot_box .sign_warp .sign_main ul li .email_input {

	border: 0;

	float: left;

	padding: 0
}

.forgot_box ul li .verifyBox {

	float: left;

	width: 75%;

	border-right: 0
}

.dynamic {

	width: 25%;

	height: 50px;

	background-color: #FD4627;

	float: left;

	color: #fff;

	text-align: center;

	font-size: 14px
}

.dynamic[disabled] {

	background-color: #eee;

	cursor: not-allowed;

	color: #999
}

.register_box {

	max-width: 1000px;

	height: auto;

	overflow: hidden;

	margin: 80px auto 0
}

.register_box .register_title {

	font-size: 24px;

	line-height: 1.2;

	color: #151414;

	text-align: center
}

.register_box .register_text {

	width: 80%;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.register_box .register_text .register_text_title {

	font-size: 14px;

	line-height: 1.2;

	color: #151414;

	text-align: center;

	margin: 20px auto
}

.register_box .register_text ul {

	padding: 0 2%;

	width: 100% !important;

	height: auto !important;

	overflow: hidden
}

.register_box .register_text ul li {

	width: 33.33%;

	padding: 0 2%;

	float: left;

	text-align: center
}

.register_box .register_text ul li p {

	text-align: center;

	margin-top: 10px
}

.register_box .register_main {

	width: 90%;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.register_box .register_main ul {

	width: 100%;

	height: auto;

	margin-top: 5%
}

.register_box .register_main ul li {

	width: 50%;

	float: left;

	padding: 0 10px 0 10px
}

.register_box .submitFormBtn {

	width: 300px;

	margin: 40px auto;

	display: inherit
}

.register_explain {

	margin: 20px 0;

	font-size: 14px;

	line-height: 1.4;

	color: #666;

	padding: 0 10px;

	display: none
}

.register_explain p {

	margin: 0
}

.register_box .register_main .register_know {

	width: 100%;

	height: auto;

	margin: 0 auto 0;

	padding: 0 10px
}

.register_box .register_main .register_know .register_check {

	display: none;

	width: 25px;

	height: 25px;

	margin: 0
}

.register_box .register_main .register_know .checkboxClass {

	background: #fff;

	border: #d8d8d8 solid 1px;

	border-radius: 4px;

	position: relative;

	float: left;

	margin-right: 8px;

	width: 20px;

	height: 20px
}

.register_box .register_main .register_know .register_check:checked+.b {

	background: #FD4627;

	color: #FD4627;

	border: #FD4627 solid 1px
}

.register_box .register_main .register_know .b:before {

	content: '';

	position: absolute;

	top: 2px;

	left: 6px;

	width: 7px;

	height: 12px;

	border: 2px solid white;

	border-width: 0 2px 2px 0;

	transform: rotate(45deg)
}

.register_box .register_main .register_know .register_know_text {

	display: inline-block;

	line-height: 20px;

	margin: 0
}

.register_box .register_main .register_know label {

	font-weight: normal;

	cursor: pointer;

	margin-bottom: 10px
}

.register_box .register_main .register_know a {

	color: #FD4627
}

.personal {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	padding-bottom: 5%
}

.personal .userBg {

	width: 100%;

	position: relative;

	overflow: hidden;

	height: 200px
}

.personal .userBg .img {

	width: 100%;

	height: 200px;

	position: absolute;

	left: 50%;

	margin-left: -50%
}

.personal .userBg .img img {

	width: 100%;

	height: auto
}

.personal .userBg .editUserBg {

	position: absolute;

	top: 15px;

	right: 20px;

	color: #fff;

	background: rgba(0, 0, 0, 0.3);

	width: 200px;

	height: 35px;

	text-align: center;

	line-height: 35px
}

.personal_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.personal_box .personal_left {

	width: 300px;

	height: auto;

	background-color: #fff;

	float: left
}

.personal_box .personal_left .personal_header {

	width: 100%;

	height: auto
}

.personal_header .personal_header_img {

	position: absolute;

	top: 137px;

	left: 7%;

	width: 126px;

	height: 126px;

	border-radius: 50%;

	overflow: hidden
}

.personal_header .personal_header_img img {

	width: 126px;

	height: 126px
}

.personal_header .personal_header_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	padding-bottom: 30px;

	padding-top: 68px;

	word-break: break-all
}

.distinguish {

	padding-top: 16px;

	border-top: 1px solid #f5f5f5
}

.personal_header .personal_header_text .pet_name {

	width: 100%;

	font-size: 18px;

	font-weight: bold
}

.personal_header .personal_header_text .name_synopsis {

	width: 80%;

	margin: 10px auto 0 auto;

	font-size: 12px;

	text-align: left
}

.personal_header .personal_header_text .num_follow {

	margin-top: 10px;

	display: inline-block;

	font-weight: bold
}

.personal_header .personal_header_text .follow {

	display: inline-block;

	width: auto;

	font-size: 14px;

	background-color: #FD4627;

	color: #fff;

	padding: 5px 15px;

	margin-top: 5px;

	cursor: pointer
}

.personal_header .personal_header_text .on {

	background-color: #f5f5f5;

	border: 1px solid #eee;

	color: #151414
}

.personal_header .personal_header_text .signature {

	margin: 10px auto 0;

	display: none
}

.personal_header .personal_header_text .signature a {

	display: inline-block;

	background-color: #FD4627;

	color: #fff;

	text-align: center;

	border-radius: inherit
}

.personal_header .personal_header_text .signature a.active {

	background: #999
}

.wrapper1 {

	width: 100%;

	height: auto;

	overflow: hidden
}

.wrapper1 .personal_model {

	width: 100%;

	height: auto;

	overflow: hidden
}

.wrapper1 .personal_model ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 16px 0;

	border-top: 1px solid #f5f5f5;

	margin-bottom: 0
}

.wrapper1 .personal_model ul li {

	display: inline-block;

	float: left;

	width: 100%
}

.wrapper1 .personal_model ul li a {

	width: 100%;

	overflow: hidden;

	margin-top: 0;

	position: relative;

	display: inline-block;

	font-size: 16px;

	height: 40px;

	line-height: 40px;

	padding: 0 15px 0 30px;

	border-left: 2px solid #fff;

	position: relative;

	display: inline-block
}

.wrapper1 .personal_model ul li a:hover {

	background-color: #FD4627;

	color: #fff !important
}

.wrapper1 .personal_model ul li a.on {

	border-left: 2px solid #FD4627;

	color: #FD4627
}

.wrapper1 .personal_model ul li .bot {

	width: 8px;

	height: 8px;

	background-color: #eb4a18;

	border-radius: 50%;

	z-index: 9999;

	display: inline-block
}

.personal_right {

	width: calc(100% - 320px);

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 20px
}

.personal_right .personal_right_title {

	width: 100%;

	background-color: #fff;

	display: inline-block
}

.personal_right .personal_right_title ul {

	width: auto;

	height: 100%;

	display: inline-block;

	float: left;

	margin-left: 20px
}

.personal_right .personal_right_title ul li {

	float: left;

	margin: 0 20px;

	position: relative;

	height: 100%
}

.personal_right .personal_right_title ul li a {

	display: inline-block;

	border-bottom: 2px solid #fff;

	color: #ccc;

	height: 50px;

	line-height: 50px
}

.personal_right .personal_right_title ul li a:hover {

	color: #FD4627
}

.personal_right .personal_right_title ul li a.on {

	border-bottom: 2px solid #151414;

	color: #151414
}

.personal_right .personal_right_title ul li .bot {

	width: 8px;

	height: 8px;

	background-color: #eb4a18;

	border-radius: 50%;

	z-index: 9999;

	position: absolute;

	top: 30%;

	right: -8px
}

.personal_right .personal_right_title .upload {

	border: 1px #666 solid;

	display: inline-block;

	height: 30px;

	line-height: 30px;

	margin: 10px 30px 0 0;

	color: #666;

	padding: 0 20px
}

.personal_right_main {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px
}

.personal_right_main .personal_right_box {

	width: 100%;

	height: auto;

	overflow: hidden
}

.personal_cover {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-left: 20px;

	background: #fff
}

.personal_cover .personalForm {

	width: 50%;

	margin: 0 auto;

	float: left
}

.personal_cover .right_main_pics {

	width: 100%;

	margin: 30px auto;

	text-align: left
}

.personal_cover .right_main_pics .headerPic {

	overflow: hidden;

	margin-top: 30px;

	position: relative;

	display: inline-block;

	width: 120px;

	height: 120px;

	border-radius: 50%
}

.personal_cover .right_main_pics .headerPic .user_pic {

	width: 120px;

	height: 120px;

	border-radius: 50%;

	display: inline-block
}

.personal_cover .right_main_pics .headerPic span {

	width: 100%;

	display: inline-block;

	text-align: center;

	height: 46px;

	z-index: 0;

	line-height: 46px;

	background: rgba(0, 0, 0, 0.5);

	position: absolute;

	left: 0;

	bottom: 0;

	color: #fff
}

.personal_cover ul {

	height: auto;

	overflow: hidden;

	width: 100%;

	margin: 0 auto
}

.personal_cover ul li {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	float: left;

	display: inline-block
}

.personal_cover ul li .label_l {

	float: left;

	width: 20%;

	text-align: left;

	margin-bottom: 20px
}

.personal_cover ul li .label_r {

	float: left;

	padding-left: 10%
}

.personal_cover ul li .label_r .editMail {

	color: #FD4627;

	margin-left: 15px
}

.personal_cover ul li .label_r label {

	float: left;

	margin-right: 30px;

	vertical-align: middle;

	display: inline-block;

	font-weight: normal;

	cursor: pointer
}

.personal_cover ul li .label_r label input {

	float: left
}

.personal_cover ul li .main_pics_text {

	margin-top: 5px;

	font-size: 16px
}

.personal_cover .right_main_btn {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 16px;

	color: #ccc;

	margin: 10px auto 30px auto;

	text-align: center
}

.personal_cover .right_main_btn .btn {

	background-color: #FD4627;

	border-radius: 0;

	border: 1px #FD4627 solid;

	padding: 10px 10%
}

.personal_cover .right_main_title {

	margin-top: 30px;

	font-size: 18px
}

.dynamic_cover {

	width: 100%;

	height: auto;

	overflow: hidden
}

.dynamic_cover .dynamic_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: block;

	margin-top: 0;

	margin-bottom: 20px
}

.dynamic_cover .dynamic_box li {

	width: 23.5%;

	height: auto;

	overflow: hidden;

	margin: 0 2% 25px 0;

	float: left
}

.dynamic_cover .dynamic_box li .dynamic_img {

	width: 100%;

	height: 198px
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0 16px;

	background: #fff
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_name {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 16px 0
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_name img {

	width: 24px;

	height: 24px;

	border-radius: 50%;

	float: left
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_name p {

	font-size: 12px;

	line-height: 24px;

	color: #151414;

	margin-left: 10px;

	float: left
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_text {

	font-size: 14px;

	color: #666;

	line-height: 1.2;

	height: 16px;

	overflow: hidden;

	margin-bottom: 16px
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter {

	padding: 16px 0;

	height: auto;

	overflow: hidden
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter p {

	float: left;

	margin-right: 16px
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter p i {

	width: 16px;

	height: 16px;

	font-size: 14px;

	line-height: 1.2
}

.dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter p span {

	font-size: 12px;

	line-height: 1.2;

	color: #aaa
}

.dynamic_cover .dynamic_box li:nth-child(4n) {

	margin-right: 0
}

.dynamic_cover ul {

	display: inline-block;

	width: 100%
}

.dynamic_cover ul li {

	height: auto;

	overflow: hidden;

	width: 180px;

	display: inline-block;

	vertical-align: top;

	padding: 15px 10px;

	box-sizing: border-box;

	margin: 10px;

	background: #fff
}

.dynamic_cover ul li .head_portrait {

	width: 80px;

	height: auto;

	border-radius: 50%;

	overflow: hidden;

	margin: 0 auto
}

.dynamic_cover ul li .head_portrait img {

	width: 100%;

	height: auto;

	border-radius: 50%;

	display: block;

	margin: 0 auto
}

.dynamic_cover ul li .text_introduce {

	height: auto;

	overflow: hidden;

	width: 120px;

	margin: 0 auto;

	text-align: center
}

.dynamic_cover ul li .text_introduce p {

	margin: 0;

	font-size: 14px;

	color: #666
}

.dynamic_cover ul li .text_introduce .pet_name {

	font-size: 16px;

	color: #151414;

	margin-top: 5px;

}

.dynamic_cover ul li .text_introduce .name_synopsis {

	width: 100%;

	height: 40px;

	line-height: 20px;

	font-size: 12px;

	overflow: hidden;

	display: inline-block;

	text-align: center
}

.dynamic_cover ul li .text_introduce .num_follow {

	margin-right: 5px;

	font-size: 12px;

	width: 100%;

	display: block;

	text-align: center
}

.dynamic_cover ul li .text_introduce .num_follow p {

	margin-right: 5px;

	font-size: 12px;

	margin-top: 8px;

	text-align: center
}

.dynamic_cover ul li .text_introduce .num_follow .follow_num {

	color: #151414;

	display: inline-block;

	font-weight: bold
}

.dynamic_cover ul li .text_introduce .num_follow .num_follow_btn {

	display: block;

	padding: 8px 15px;

	font-size: 12px;

	background-color: #FD4627;

	color: #fff;

	text-align: center
}

.dynamic_cover ul li .text_introduce .num_follow .on {

	border: 1px solid #eee;

	background-color: #f5f5f5;

	color: #151414
}

.dynamic_cover ul li .work_map {

	width: calc(100% - 400px);

	padding-left: 50px;

	float: left
}

.dynamic_cover ul li .work_map img {

	display: block;

	float: left;

	width: 31%;

	height: 150px;

	margin-right: 10px
}

.post_cover {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0 20px;

	background: #fff
}

.post_cover .post_main {

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 50%;

	display: inline-block
}

.post_cover .post_main ul {

	width: 100%;

	display: inline-block
}

.post_cover .post_main ul li {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 25px 0 20px 0;

	border-bottom: 1px solid #f5f5f5
}

.post_cover .post_main ul li .topic_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-bottom: 10px
}

.post_cover .post_main ul li a {

	color: #333
}

.post_cover .post_main ul li a:hover {

	color: #FD4627
}

.post_cover .post_main ul li .info {

	width: 100%;

	float: left;

	font-size: 12px
}

.post_cover .post_main ul li .info .ul {

	float: left;

	width: auto
}

.post_cover .post_main ul li .info .li {

	width: auto;

	padding: 0 20px 0 0;

	display: flex;

	color: #999;

	align-items: center;

	justify-content: center;

	float: left
}

.post_cover .post_main ul li .info .li i {

	font-size: 16px;

	margin-right: 2px
}

.post_cover .post_main ul li .info .li span {

	font-size: 12px;

	color: #999
}

.post_cover .post_main ul li .info .li a {

	color: #999
}

.post_cover .post_main ul li .post_btn {

	color: #999;

	float: right
}

.post_cover .post_main ul li .post_btn a {

	float: left;

	margin-right: 20px;

	color: #999
}

.news_cover {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0 20px 50px;

	background: #fff
}

.news_cover .message_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 30px 0;

	border-bottom: 1px solid #f5f5f5
}

.news_cover .message_box .left {

	width: 50px;

	height: 50px;

	float: left
}

.news_cover .message_box .left img {

	width: 100%;

	height: 100%;

	border-radius: 50%
}

.news_cover .message_box .right {

	width: calc(100% - 70px);

	height: auto;

	overflow: hidden;

	margin-left: 20px;

	float: left
}

.news_cover .message_box .right .top_title {

	width: 100%;

	height: auto;

	overflow: hidden
}

.news_cover .message_box .right .top_title .message_name {

	font-size: 16px;

	line-height: 1.5;

	color: #151414;

	float: left
}

.news_cover .message_box .right .top_title .message_time {

	font-size: 12px;

	line-height: 24px;

	color: #999;

	float: left;

	margin-left: 30px
}

.news_cover .message_box .right .top_title .singleDelete {

	font-size: 12px;

	color: #999
}

.news_cover .message_box .right .explain_title {

	font-size: 14px;

	line-height: 1.2;

	color: #151414;

	margin-top: 5px
}

.news_cover .message_box .right .explain_title a {

	color: #ed4b1b !important
}

.news_cover .message_box .right .explain_text {

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	margin-top: 5px
}

.news_cover .message_box .right .explain_text p {

	margin-top: 5px
}

.news_cover .message_box .right .explain_reply {

	width: 100%;

	height: auto;

	overflow: hidden;

	color: #666
}

.news_cover .message_box .right .explain_reply .triangle {

	width: 0;

	height: 0;

	border-width: 0 10px 10px;

	border-style: solid;

	border-color: transparent transparent #f5f5f5;

	margin-left: 20px;

	position: relative
}

.news_cover .message_box .right .explain_reply .reply_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5;

	padding: 20px
}

.personal_right_box .works_cover {

	width: 100%;

	height: auto;

	overflow: hidden
}

.personal_right_box .works_cover .works_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: block;

	margin-top: 0;

	margin-bottom: 20px
}

.personal_right_box .works_cover .works_box li {

	width: 200px;

	height: auto;

	overflow: hidden;

	margin: 0 15px 20px 0;

	float: left;

	background: #fff
}

.personal_right_box .works_cover .works_box li .works_img {

	width: 100%;

	height: 150px
}

.personal_right_box .works_cover .works_box li .works_li_bottom {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_text {

	height: 18px;

	overflow: hidden;

	margin-top: 16px;

	padding: 0 16px
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_text a {

	font-size: 14px;

	color: #999;

	line-height: 1.4
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter {

	height: auto;

	overflow: hidden;

	padding: 16px 0;

	border-bottom: 1px solid #f5f5f5;

	display: flex;

	justify-content: space-around
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter p i {

	width: 16px;

	font-size: 16px;

	line-height: 1.2
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter p span {

	font-size: 14px;

	line-height: 1.2;

	color: #aaa
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_btns {

	width: 100%;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	padding: 0 16px
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_btns a {

	display: inline-block;

	float: left;

	margin-right: 30px;

	cursor: pointer;

	color: #999
}

.personal_right_box .works_cover .works_box li .works_li_bottom .works_btns a:hover {

	color: #FD4627
}

.avatarUpload {

	background: #fff;

	width: 400px;

	border: 1px #ccc solid;

	float: left;

	position: fixed;

	z-index: 10001
}

.avatarUpload .avatar-title {

	width: 100%;

	display: inline-block;

	font-size: 18px;

	padding: 15px 20px
}

.avatarUpload .avatar-title i {

	font-size: 18px
}

.avatarUpload .avatar-btn {

	width: 100%;

	display: inline-block;

	padding: 10px 15px 20px 15px
}

.avatarUpload .avatar-btn .btn {

	border: 1px #eee solid;

	border-radius: inherit;

	padding: 2px 6px;

	font-size: 12px;

	display: inline-block
}

.avatarUpload .avatar-btn .btn-save {

	background-color: #FD4627;

	color: #fff;

	padding: 6px 20px
}

.avatarUpload .avatar-btn .btn-cancel {

	color: #999;

	margin-left: 10px;

	font-size: 12px
}

.avatarUpload .avatar-body {

	display: inline-block;

	float: left;

	width: 100%
}

.avatarUpload .cover_cropper {

	width: 100%;

	height: auto;

	overflow: hidden;

	float: left;

	padding: 0 20px;

	max-height: 1000px
}

.avatarUpload .cover_cropper img {

	width: 100%;

	height: auto
}

.avatarUpload .cover_cropper .img_zoom {

	height: auto;

	overflow: hidden;

	margin: 20px auto 0 auto;

	padding: 0;

	display: inline-block;

	width: 100%
}

.avatarUpload .cover_cropper .img_zoom i {

	width: 25px;

	line-height: 25px;

	font-size: 20px;

	float: left;

	margin-right: 10px;

	color: #999
}

.avatarUpload .cover_cropper .img_zoom .zoom_line {

	display: inline-block;

	width: 60%;

	height: 1px;

	background-color: #ccc;

	margin-top: 12px;

	margin-right: 10px;

	float: left;

	position: relative
}

.avatarUpload .cover_cropper .img_zoom .zoom_line .zoom_line_block {

	position: absolute;

	left: 50%;

	top: -5px;

	width: 20px;

	height: 10px;

	margin-left: -10px;

	background-color: #999
}

.avatarUpload .cover_cropper .img_zoom .reUpload {

	float: left;

	width: 30%;

	cursor: pointer;

	color: #f00
}

.avatarUpload .cover_cropper .img_zoom .ration {

	float: left;

	width: 70%;

	text-align: right
}

.bgOpacity {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	background: rgba(0, 0, 0, 0.5);

	z-index: 1000
}

.photos_cover {

	width: 100%;

	height: auto;

	overflow: hidden
}

.photos_cover .waterfall {

	margin: auto;

	position: relative;

	height: 0;

	overflow: hidden
}

.photos_cover .waterfall .waterfall_box {

	float: left;

	width: 260px
}

.photos_cover .waterfall .waterfall_box img {

	width: 100%
}

.photos_cover .waterfall .waterfall_box .waterfall_text {

	width: 100%;

	background-color: #fff;

	padding: 0 15px 10px 15px;

	display: inline-block
}

.photos_cover .waterfall .waterfall_box .waterfall_remove {

	font-size: 14px;

	color: #999
}

.photos_cover .waterfall .waterfall_box .waterfall_remove a {

	color: #999
}

.photos_cover .waterfall .waterfall_box .waterfall_time {

	font-size: 12px;

	color: #999
}

.photos_cover .waterfall .waterfall_box .waterfall_text .tit {

	margin: 15px 0 10px 0;

	font-size: 14px;

	width: 100%;

	height: 64px;

	overflow: hidden
}

.about_main {

	width: 1440px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	padding: 0 20px
}

.aboutContent img {

	width: 100%;

	height: auto
}

.about_main .about_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 50px 32px;

	background-color: #f5f5f5
}

.about_main .about_title .down_title {

	font-size: 36px;

	color: #FD4627;

	line-height: 1.2;

	margin-bottom: 5px
}

.about_main .about_title .route_title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.about_main .about_title .route_title a {

	color: #151414
}

.about_main .about_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px
}

.about_main .about_box .about_left {

	width: 25%;

	box-sizing: border-box;

	padding-right: 50px;

	float: left
}

.about_main .about_box .about_left ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.about_main .about_box .about_left ul li {

	padding: 30px 32px 0;

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.about_main .about_box .about_left ul li span {

	padding-bottom: 8px;

	border-bottom: 2px solid transparent;

	text-decoration: none;

	display: inline-block
}

.about_main .about_box .about_left ul li:hover {

	color: #FD4627
}

.about_main .about_box .about_left ul li:hover .line {

	background-color: #fff
}

.about_main .about_box .about_left ul li .on {

	border-color: #FD4627
}

.about_main .about_box .about_right {

	width: 75%;

	height: auto;

	float: left;

	overflow: hidden
}

.about_main .about_box .about_right .contact {

	padding: 40px 0 20px 50px;

	color: #151414
}

.about_main .about_box .about_right .contact .contact_title {

	width: 100%;

	height: auto;

	overflow: hidden
}

.about_main .about_box .about_right .contact .contact_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px
}

.about_main .about_box .about_right .contact .contact_text p {

	float: left;

	margin-right: 100px
}

.about_main .about_box .about_right .contact .contact_text p span {

	display: block
}

.about_main .about_banner {

	height: 400px
}

.about_main .about_recruit_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	padding: 40px 30px;

	background-color: #fff
}

.about_main .about_recruit_box .about_recruit_title {

	font-size: 24px;

	line-height: 1.5;

	color: #151414
}

.about_main .about_recruit_box .about_recruit_label {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 16px;

	color: #666;

	margin: 20px 0
}

.about_main .about_recruit_box .about_recruit_label p {

	width: 95px;

	float: left;

	margin-top: 10px
}

.about_main .about_recruit_box .about_recruit_label ul {

	width: calc(100% - 95px);

	height: auto;

	overflow: hidden;

	float: left;

	padding: 0 20px
}

.about_main .about_recruit_box .about_recruit_label ul li {

	padding: 0 20px;

	margin-top: 10px;

	float: left;

	cursor: pointer;

	color: #999
}

.about_main .about_recruit_box .about_recruit_label ul .on {

	color: #FF6C00 !important;
}

.about_main .about_recruit_box .about_recruit_legend .legend {

	display: none;

	width: 100%
}

.about_main .about_recruit_box .about_recruit_legend .legend .table {

	margin-top: 40px;

	width: 100%
}

.about_main .about_recruit_box .about_recruit_legend .legend .table tbody {

	width: 100%
}

.about_main .about_recruit_box .about_recruit_legend .legend .table tbody .tr {

	width: 100%
}

.about_main .about_recruit_box .recruit_text_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	cursor: pointer
}

.about_main .about_recruit_box .recruit_text_box .recruit_text_title {

	font-size: 24px;

	line-height: 1.5;

	color: #151414
}

.about_main .about_recruit_box .recruit_text_box .recruit_text_other {

	width: 100%;

	padding: 10px 0 20px;

	border-bottom: 1px solid #eee
}

.about_main .about_recruit_box .recruit_text_box .recruit_text_other p {

	display: inline-block;

	margin-right: 40px
}

.agent_main {

	width: 100%;

	height: auto;

	overflow: hidden
}

.agent_title_envelope {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.agent_title_envelope .agent_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 50px 32px;

	background-color: #f5f5f5
}

.agent_title_envelope .agent_title .down_title {

	font-size: 36px;

	color: #FD4627;

	line-height: 1.2;

	margin-bottom: 5px
}

.agent_title_envelope .agent_title .route_title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.agent_title_envelope .agent_title .route_title a {

	color: #151414
}

.agent_box_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.agent_box_show .agent_top {

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 60px;

	box-shadow: 0 2px 0 #ccc
}

.agent_box_show .agent_top .agent_nav {

	display: inline-block;

	width: 95%;

	height: 40px;

	overflow: hidden;

	position: absolute;

	top: 20px;

	left: 50%;

	transform: translate(-50%, 0);
	text-align: center;

}

.agent_box_show .agent_top .agent_nav p {
	display: inline-block;

	font-size: 16px;

	line-height: 38px;

	color: #151414;

	padding: 0 25px
}

.agent_box_show .agent_top .agent_nav p a {

	display: inline-block;

	border-bottom: 2px solid transparent
}

.agent_box_show .agent_top .agent_nav p .on {

	color: #FD4627;

	border-bottom: 2px solid #FD4627
}

.agent_box_show .agent_centre {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px
}

.agent_box_show .agent_centre ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	padding: 0 15px
}

.agent_box_show .agent_centre ul li {

	width: 400px;

	height: auto;

	overflow: hidden;

	padding: 0 20px 30px;

	background-color: #f5f5f5;

	margin: 40px 0;

	float: left
}

.agent_box_show .agent_centre ul li .agent_centre_title {

	font-size: 24px;

	line-height: 1.2;

	color: #151414;

	padding: 16px 0;

	text-align: center
}

.agent_box_show .agent_centre ul li img {

	width: 100%;

	height: auto
}

.agent_box_show .agent_centre ul li .agent_centre_head {

	font-size: 16px;

	line-height: 1.2;

	color: #151414;

	margin-top: 20px
}

.agent_box_show .agent_centre ul li .agent_centre_text {

	font-size: 14px;

	height: 48px;

	overflow: hidden;

	line-height: 1.2;

	color: #666;

	margin-top: 10px;

}

.agent_box_show .agent_centre ul li .agent_centre_phone,
.agent_box_show .agent_centre ul li .agent_centre_web {

	font-size: 14px;

	line-height: 1.2;

	color: #666;

}

.agent_box_show .agent_centre ul:after {

	content: "";

	width: 400px
}

.agent_box_show .agent_map_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	position: relative
}

.agent_box_show .agent_map_box .agent_map {

	width: 100%;

	height: auto;

	overflow: hidden
}

.agent_box_show .agent_map_box .agent_map img {

	width: 100%;

	height: 900px
}

.agent_box_show .agent_map_box .agent_search_box {

	position: absolute;

	top: 10px;

	left: 10px;

	width: 400px;

	height: auto;

	overflow: hidden;

}

.agent_box_show .agent_map_box .agent_search_box .agent_search {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 1.125em;

	background-color: #fff
}

.agent_box_show .agent_map_box .agent_search_box .agent_search p {

	font-size: 14px;

	color: #151414;

	line-height: 1.2
}

.agent_box_show .agent_map_box .agent_search_box .agent_search input {

	width: 100%;

	height: 50px;

	font-size: 14px;

	color: #151414;

	line-height: 48px;

	overflow: hidden;

	border: 1px solid #ccc;

	padding: 0 20px;

	margin-top: 10px
}

.agent_box_show .agent_map_box .agent_search_box .agent_search .agent_search_submit {

	width: 100%;

	height: 50px;

	font-size: 16px;

	color: #fff;

	line-height: 50px;

	background-color: #FF6C00;

	text-align: center;

	margin-top: 10px;

	cursor: pointer
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result {

	display: none;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

	background-color: #fff
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_top {

	width: 100%;

	height: 50px;

	line-height: 50px;

	padding: 0 18px;

	border-bottom: 1px solid #ccc;

	color: #151414
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_top .search_result_close {

	display: inline-block
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_top .search_result_close i {

	font-size: 24px
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0 18px;

	color: #151414
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul {

	width: 100%;

	height: 620px;

	overflow-x: hidden;

	overflow-y: scroll
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 0;

	border-bottom: 1px solid #ccc
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_left {

	float: left;

	width: 30px
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right {

	width: calc(100% - 30px);

	float: left;

	font-size: 16px;

	line-height: 1.2;

	color: #151414;

	padding-right: 30px
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_text {

	margin-top: 5px;

	font-size: 14px;

	line-height: 1.2;

	color: #666
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_parameter {

	margin-top: 16px;

	font-size: 14px;

	line-height: 1.2;

	color: #666
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_parameter a {

	float: left
}

.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_parameter span {

	float: right
}

.xfans_photo {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_photo .xfans_photo_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 60px 0;

	background-color: #e8e8e8;

	color: #151414
}

.xfans_photo .xfans_photo_title .title_top {

	font-size: 36px;

	font-weight: bold;

	line-height: 1.2;

	text-align: center
}

.xfans_photo .xfans_photo_title .title_bottom {

	font-size: 24px;

	line-height: 1.2;

	text-align: center;

	font-style: italic;

	margin-top: 10px
}

.xfans_photo .xfans_photo_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_photo .xfans_photo_show .xfans_photo_up {

	text-align: center;

	margin: 40px auto
}

.xfans_photo .xfans_photo_show .xfans_photo_up .uploadPhoto {

	color: #fff;

	background-color: #151414;

	font-size: 16px;

	border-radius: inherit;

	width: 150px;

	padding: 13px 0 14px
}

.xfans_photo .xfans_photo_show .xfans_photo_content {

	height: auto;

	font-size: 16px;

	margin: 0 auto;

	position: relative
}

.xfans_photo .xfans_photo_show .waterfall {

	position: relative;

	display: inline-block;

	height: auto;

	float: left;

	width: 100%
}

.xfans_photo .xfans_photo_show .waterfall_box {

	float: left;

	overflow: hidden
}

.xfans_photo .xfans_photo_show .waterfall_box img {

	cursor: pointer
}

.xfans_photo .xfans_photo_show .waterfall_box .waterfall_text {

	position: absolute;

	left: 0;

	bottom: -33px;

	display: none;

	width: 100%;

	color: #fff;

	background-color: rgba(0, 0, 0, 0.8);

	padding: 8px;

	font-size: 12px;

	max-height: 33px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap
}

.xfans_photo .xfans_photo_show .waterfall_box:hover .waterfall_text {

	bottom: 0;

	display: block
}

.xfans_photo .xfans_photo_show .noMoreData {

	width: 100%;

	display: inline-block;

	float: left;

	margin: 5% auto
}

.noLoginPhoto {

	position: fixed;

	top: 30%;

	left: 30%;

	width: 100%;

	text-align: center;

	display: inline-block;

	max-width: 400px;

	background: #fff;

	height: 220px;

	border: 1px #f5f5f5;

	border-radius: 4px;

	z-index: 99999;

	padding: 2%
}

.noLoginPhoto .title {

	margin-bottom: 25%;

	font-size: 16px;

	color: #333
}

.noLoginPhoto .jumpUrl {

	width: 100%;

	display: inline-block
}

.noLoginPhoto .jumpUrl .pull-left {

	margin-top: 10px
}

.noLoginPhoto .jumpUrl .pull-right {

	border: 1px #FD4627 solid;

	padding: 10px 15px
}

.noLoginPhoto .closeModel {

	position: absolute;

	right: 10px;

	top: 5px
}

.noLoginPhoto .closeModel .iconfont {

	font-size: 20px
}

.uploadPhoto {

	background-color: #fff
}

.processingContent {

	width: 100%;

	position: relative;

	vertical-align: top
}

.progressbar {

	margin: 0 15px 30px 15px;

	padding: 30px 0 0 0;

	text-align: center;

	overflow: hidden;

	counter-reset: step;

	z-index: 99
}

.progressbar li {

	list-style-type: none;

	font-size: 14px;

	float: left;

	position: relative;

	text-align: center
}

.progressbar li:before {

	content: counter(step);

	counter-increment: step;

	width: 10px;

	height: 10px;

	line-height: 10px;

	display: block;

	font-size: 0;

	color: #333;

	border-radius: 50%;

	margin: 0 auto 5px;

	border: 1px #ccc solid
}

.progressbar li:after {

	content: '';

	width: calc(100% - 10px);

	height: 1px;

	background: #ccc;

	position: absolute;

	left: calc(-50% + 5px);

	top: 5px
}

.progressbar li:before,
.progressbar li:after {

	-webkit-transition: all .3s .2s linear;

	-moz-transition: all .3s .2s linear;

	-ms-transition: all .3s .2s linear;

	-o-transition: all .3s .2s linear;

	transition: all .3s .2s linear
}

.progressbar li:first-child:after {

	content: none
}

.progressbar li.active {

	color: #FF6C00
}

.progressbar li.active:before,
.progressbar li.active:after {

	background: #FF6C00;

	border: 1px #FF6C00 solid;

	-webkit-transition: all .3s .2s linear;

	-moz-transition: all .3s .2s linear;

	-ms-transition: all .3s .2s linear;

	-o-transition: all .3s .2s linear;

	transition: all .3s .2s linear
}

.uploadPhoto .up_photo_text,
.processingContent .uploadContent {

	width: 100%
}

.uploadPhoto .up_photo_text img {

	width: 100%
}

.uploadPhoto .uploadBox {

	position: relative
}

.uploadPhoto .uploadContent .li,
.uploadPhoto .uploadBtn .li {

	display: none
}

.uploadPhoto .uploadContent .active,
.uploadPhoto .uploadBtn .active {

	display: block;

	text-align: center
}

.uploadPhoto .uploadContent .li .photo_show_text {

	text-align: center;

	margin: 20px auto
}

.uploadPhoto .uploadContent .li .photo_show_text .photo_show_file {

	margin: 20px auto 0 auto
}

.uploadPhoto .uploadContent .li .photo_show_text .photo_show_file .btn {

	width: 20%
}

.uploadPhoto .imgBox {

	position: absolute;

	top: 0;

	left: 10%;

	display: none
}

.uploadPhoto .imgBox img {

	max-width: 160px;

	border: 1px #f5f5f5 solid
}

.uploadPhoto .photo_show_describe {

	width: 30%;

	height: auto;

	max-height: 100px;

	margin: 30px auto 0 auto
}

.uploadPhoto .photo_show_describe textarea {

	width: 100%;

	height: 100px;

	border: 1px #f5f5f5 solid;

	margin-left: 10px;

	font-size: 16px;

	color: #666;

	padding: 10px;

	resize: vertical
}

.uploadPhoto .uploadBtn {

	margin: 3% auto 5%;

	display: inline-block;

	text-align: center;

	width: 100%
}

.uploadPhoto .uploadBtn .li .photo_show_next {

	width: 20%;

	height: 40px;

	line-height: 40px;

	background-color: #FD4627;

	color: #fff;

	text-align: center;

	display: inline-block
}

.uploadPhoto .uploadBtn .li .photo_show_next[disabled] {

	background: #eee
}

.uploadPhoto .uploadBtn .photo_show_last {

	line-height: 40px;

	width: auto;

	padding: 0 15px;

	box-sizing: border-box;

	display: inline-block
}

.up_photo_preview {

	width: 1200px;

	height: auto;

	overflow: hidden;

	padding: 20px 20px;

	background-color: #fff;

	margin: 0 auto
}

.up_photo_preview .photo_preview_left {

	width: 65%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-right: 5%;

	min-height: 200px;

	display: flex;

	align-items: center;

	justify-content: center
}

.up_photo_preview .photo_preview_left .img {

	max-width: 100%;

	margin: 0 auto;

	text-align: center
}

.up_photo_preview .photo_preview_right {

	width: 30%;

	height: auto;

	overflow: hidden;

	float: right
}

.up_photo_preview .photo_preview_right .preview_right_title {

	width: 100%;

	height: auto;

	overflow: hidden
}

.up_photo_preview .photo_preview_right .preview_right_title img {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	float: left
}

.up_photo_preview .photo_preview_right .preview_right_title span {

	display: inline-block;

	float: left;

	height: 50px;

	line-height: 50px;

	margin-left: 15px
}

.up_photo_preview .photo_preview_right .preview_right_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 20px 0;

	display: inline-block
}

.up_photo_preview .photo_preview_right .preview_right_link {

	width: auto;

	height: auto;

	overflow: hidden;

	float: right;

	padding: 0 20px
}

.up_photo_preview .photo_preview_right .preview_right_link span {

	display: inline-block;

	float: left;

	font-size: 16px;

	line-height: 28px
}

.up_photo_preview .photo_preview_right .preview_right_link a {

	display: inline-block;

	float: left;

	width: auto;

	height: auto;

	overflow: hidden;

	margin-left: 5px
}

.up_photo_preview .photo_preview_right .preview_right_link a i {

	float: left;

	width: 20px;

	line-height: 28px;

	color: #FD4627
}

.photoPreviewFixed {

	width: auto
}

.xfans_topic {

	width: 100%;

	height: auto;

	overflow: hidden
}

.topic_box {

	height: auto;

	overflow: hidden;

	padding: 20px 0 50px 0
}

.topic_box .topic_left {

	width: 72%;

	height: auto;

	overflow: hidden;

	float: left
}

.topic_box .topic_right {

	width: 28%;

	height: auto;

	overflow: hidden;

	float: left;

	padding-left: 20px
}

.topic_box .topic_left .topic_top,
.topic_box .topic_left .topic_top ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #fff
}

.topic_box .topic_left .topic_top ul li {

	width: auto;

	float: left
}

.topic_box .topic_left .topic_top ul li a {

	height: 50px;

	line-height: 50px;

	padding: 0 20px;

	font-size: 16px;

	color: #151414;

	display: inline-block
}

.topic_box .topic_left .topic_top ul li a.on,
.topic_box .topic_left .topic_top ul li a:hover {

	background-color: #FD4627;

	color: #fff
}

.topic_box .topic_left .topic_bottom {

	width: 100%;

	min-height: 550px;

	overflow: hidden;

	background-color: #fff;

	margin-top: 20px;

	position: relative
}

.topic_box .topic_left .topic_bottom ul {

	width: auto;

	height: auto;

	overflow: hidden;

	padding: 0 30px
}

.topic_box .topic_left .topic_bottom ul li {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 0 10px 0;

	border-bottom: 1px #f5f5f5 solid
}

.topic_box .topic_left .topic_bottom ul li .userInfo {

	float: left;

	min-width: 50px;

	text-align: center;

	position: relative
}

.topic_box .topic_left .topic_bottom ul li .userInfo img {

	width: 100%;

	border-radius: 50%;

	float: left;

	width: 50px;

	height: 50px
}

.topic_box .topic_left .topic_bottom ul li .topic_info {

	height: auto;

	overflow: hidden;

	float: left;

	width: 94%;

	padding-left: 15px;

	box-sizing: border-box
}

.topic_box .topic_left .topic_bottom ul li .topic_info .topic_text,
.topic_info .info {

	display: inline-block;

	width: 100%
}

.topic_box .topic_left .topic_bottom ul li .topic_info .topic_text a {

	color: #151414;

	font-size: 16px;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	letter-spacing: .05em;

	display: inline-block
}

.topic_box .topic_left .topic_bottom ul li .topic_info .topic_text a:hover {

	color: #FD4627
}

.topic_box .topic_left .topic_bottom ul li .topic_info .info {

	margin-top: 5px
}

.topic_box .topic_left .topic_bottom ul li .topic_info .info .ul {

	float: left;

	width: auto
}

.topic_box .topic_left .topic_bottom ul li .topic_info .info .li {

	width: auto;

	padding: 0 20px 0 0;

	display: flex;

	color: #999;

	align-items: center;

	justify-content: center;

	float: left
}

.topic_box .topic_left .topic_bottom ul li .topic_info .info .li i {

	font-size: 16px;

	margin-right: 2px
}

.topic_box .topic_left .topic_bottom ul li .topic_info .info .li span {

	font-size: 12px;

	color: #999
}

.topic_box .topic_left .topic_bottom ul li .topic_info .info .li a {

	color: #999;

	font-size: 14px
}

.topic_box .topic_left .topic_bottom ul li .topic_info .info .li a:hover {

	color: #FD4627
}

.topic_box .topic_left .topic_bottom ul li .topic_info .topic_time {

	float: right;

	font-size: 14px;

	color: #999
}

.topic_box .topic_right .topic_release {

	width: 100%;

	height: 50px;

	line-height: 50px;

	background-color: #FD4627;

	font-size: 16px;

	text-align: center
}

.topic_box .topic_right .topic_release a {

	color: #fff;

	display: inline-block;

	width: 100%
}

.topic_box .topic_right .topic_rule {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 16px;

	background-color: #fff;

	margin-top: 20px
}

.topic_box .topic_right .topic_rule .topic_rule_box {

	width: 100%;

	height: auto;

	overflow: hidden
}

.topic_box .topic_right .topic_rule .topic_rule_box .topic_rule_title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.topic_box .topic_right .topic_rule .topic_rule_box .topic_rule_text {

	margin-top: 16px;

	height: 85px;

	overflow: hidden
}

.topic_box .topic_right .topic_rule .topic_rule_box .topic_rule_text p {

	font-size: 14px;

	color: #666;

	line-height: 1.5
}

.topic_box .topic_right .topic_rule .topic_rule_btn {

	margin-top: 20px;

	color: #FD4627;

	font-size: 16px;

	cursor: pointer
}

.topic_box .topic_right .beta_driver {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 16px;

	background-color: #fff;

	margin-top: 20px
}

.topic_box .topic_right .beta_driver .beta_driver_title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2;

	margin-bottom: 10px
}

.topic_box .topic_right .beta_driver .beta_driver_box {

	font-size: 14px;

	color: #666;

	line-height: 1.2;

	overflow: hidden
}

.topic_box .topic_right .beta_driver .beta_driver_box .beta_driver_text {

	margin: 20px 0 16px
}

.topic_box .topic_right .beta_driver .beta_driver_box .beta_driver_btn {

	width: 100%;

	text-align: center;

	margin-bottom: 20px
}

.topic_box .topic_right .beta_driver .beta_driver_box .beta_driver_btn a {

	height: 40px;

	line-height: 40px;

	background-color: #eb4d1d;

	color: #fff;

	width: 100%;

	display: inline-block
}

.topicRelease {

	width: 900px;

	margin: 0 auto;

	z-index: 0;

	padding-top: 80px;

	position: relative
}

.topicRelease .submitForm {

	padding: 5% 0 10% 0;

	display: inline-block;

	width: 100%
}

.topicRelease .submitForm .title,
.topicRelease .submitForm .category,
.submitForm .submitBtn,
.submitForm .contentBox {

	width: 100%;

	position: relative;

	margin-bottom: 25px;

	display: inline-block
}

.topicRelease .submitForm .title .form-control {

	padding: 15px 120px 15px 12px;

	height: auto;

	border: 0;

	border-radius: inherit
}

.topicRelease .submitForm .title .label {

	position: absolute;

	right: 0;

	top: 40%;

	z-index: 9999;

	font-size: 14px;

	color: #8c8c8c;

	font-weight: 100
}

.topicRelease .submitForm .category .form-control {

	border-radius: inherit;

	border: 0;

	background: #fff;

	padding: 15px 12px;

	height: auto
}

.topicRelease .submitForm .submitBtn .btn {

	border-radius: inherit;

	width: 20%;

	padding: 15px 0;

	background: #FD4627;

	color: #fff;

	font-size: 16px
}

.topicRelease .submitForm .submitBtn .disabled {

	background: #aaa
}

.reply_left_top {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	padding: 40px 30px
}

.reply_left_top .main_topic_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 20px;

	color: #151414;

	line-height: 1.2;

	letter-spacing: .03em
}

.reply_left_top .reply_topic_show {

	margin-top: 15px;

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #f5f5f5;

	padding-bottom: 5px
}

.reply_left_top .reply_topic_show .topic_num {

	float: left;

	margin-right: 16px
}

.reply_left_top .reply_topic_show .topic_num i {

	width: 18px;

	font-size: 16px;

	line-height: 1.2
}

.reply_left_top .reply_topic_show .topic_num span {

	font-size: 12px;

	line-height: 1.2;

	color: #999
}

.reply_left_top .reply_topic_show .topic_time {

	float: left;

	margin-right: 30px
}

.reply_left_top .reply_topic_show .topic_time span {

	font-size: 12px;

	color: #999
}

.reply_left_top .main_topic_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 14px;

	color: #4f4f4f;

	line-height: 30px;

	margin: 20px 0 40px 0;

	padding-bottom: 40px;

	border-bottom: 1px solid #f5f5f5
}

.reply_left_top .main_topic_text p {

	margin-top: 10px
}

.reply_left_top .main_topic_text img {

	max-width: 100%
}

.reply_left_top .reply_content {

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 0
}

.reply_left_top .reply_content .prompt_login {

	height: 120px;

	border: 1px #eee solid;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #f5f5f5
}

.reply_left_top .reply_content .prompt_login a {

	color: #FD4627
}

.forumMessageBox .reply_Statistics {

	margin-top: 20px
}

.personal_info_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	margin-top: 20px
}

.personal_info_box .personal_info_top {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 16px;

	border-bottom: 1px solid #eee
}

.personal_info_box .personal_info_top .img {

	width: 50px;

	height: 50px;

	float: left
}

.personal_info_box .personal_info_top .img img {

	border-radius: 50%;

	width: 100%;

	width: 50px;

	height: 50px
}

.personal_info_box .personal_info_top .personal_info {

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 10px
}

.personal_info_box .personal_info_top .personal_info .name {

	font-size: 16px;

	color: #151414;

	width: 100%;

	display: inline-block
}

.personal_info_box .personal_info_top .personal_info .follow {

	display: inline-block;

	width: auto;

	font-size: 14px;

	background-color: #FD4627;

	color: #fff;

	padding: 5px 15px;

	margin-top: 5px;

	cursor: pointer
}

.personal_info_box .personal_info_top .personal_info .num_follow_btn {

	display: inline-block;

	width: auto;

	font-size: 14px;

	color: #fff;

	padding: 5px 15px;

	margin-top: 5px;

	cursor: pointer
}

.personal_info_box .personal_info_top .personal_info .on {

	background-color: #f5f5f5;

	border: 1px solid #eee;

	color: #151414
}

.personal_info_box .personal_info_bottom {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 30px 16px
}

.personal_info_box .personal_info_bottom .info_bottom_title {

	font-size: 16px;

	color: #151414
}

.personal_info_box .personal_info_bottom ul {

	margin-top: 16px;

	padding: 0
}

.personal_info_box .personal_info_bottom ul li {

	line-height: 25px;

	list-style: inside;

	padding: 0;

	margin: 0;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden
}

.personal_info_box .personal_info_bottom ul li a {

	width: 100%;

	display: inline-block;

	color: #333
}

.personal_info_box .personal_info_bottom ul li a:hover {

	color: #FD4627
}

.xfans_work {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_work .work_subnav {

	width: 100%;

	height: 60px;

	background-color: #fff;

	text-align: center;

	position: relative
}

.xfans_work .work_subnav .screen {

	width: auto;

	height: auto;

	text-align: center;

	display: inline-block
}

.xfans_work .work_subnav .screen a {

	display: inline-block;

	margin: 20px 20px 0 20px;

	font-size: 18px;

	line-height: 40px;

	border-bottom: 2px solid transparent;

	cursor: pointer
}

.xfans_work .work_subnav .screen a.on {

	color: #FD4627;

	border-bottom: 2px solid #FD4627
}

.xfans_work .work_subnav .creative {

	float: right;

	display: inline-block;

	margin: 10px 15px 0 0
}

.xfans_work .work_subnav .creative a {

	color: #fff;

	display: inline-block;

	font-size: 16px;

	padding: 10px 25px;

	text-align: center;

	background-color: #FD4627
}

.xfans_work .works_cover {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 5%;

	padding-right: 0 !important;

}

.xfans_work .works_cover .works_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	margin-bottom: 40px;

	text-align: center;

	font-size: 0;

}

.xfans_work .works_cover .works_box li {

	width: 263.5px;

	height: auto;

	overflow: hidden;

	margin: 0 20px 25px 0;

	display: inline-block;

}

.xfans_work .works_cover .works_box li .works_img {

	width: 100%;

	height: 198px
}

.xfans_work .works_cover .works_box li .works_li_bottom {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff
}

.xfans_work .works_cover .works_box li .works_li_bottom .works_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 16px;

	padding: 0 16px
}

.xfans_work .works_cover .works_box li .works_li_bottom .works_title img {

	width: 24px;

	height: 24px;

	border-radius: 50%;

	float: left
}

.xfans_work .works_cover .works_box li .works_li_bottom .works_title .works_name {

	width: calc(100% - 30px);

	height: 24px;

	line-height: 24px;

	margin-left: 30px;

	font-size: 14px;

}

.xfans_work .works_cover .works_box li .works_li_bottom .works_text {

	font-size: 14px;

	color: #666;

	line-height: 1.4;

	height: 18px;

	overflow: hidden;

	padding: 0 16px;

	margin: 16px 0
}

.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter {

	height: auto;

	overflow: hidden;

	padding: 16px 0;

	border-top: 1px solid #f5f5f5;

	display: flex;

	justify-content: space-around
}

.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter p {

	float: left;

	font-size: 14px;

	display: inline-block
}

.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter p i {

	width: 16px;

	display: inline-block
}

.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter p span {

	color: #aaa;

	display: inline-block;

	vertical-align: middle
}

/*.xfans_work .works_cover .works_box li:nth-child(5n) {*/

/*margin-right:0*/

/*}*/

.work_details_bg {

	height: 100%;

	z-index: 990;

	margin: 0 auto
}

.work_details_bg .work_details {

	height: auto;

	overflow: auto;

	margin: 3% auto 5% auto;

	background-color: #fff;

	z-index: 999
}

.worksFixed {

	position: fixed;

	top: 0;

	left: 0
}

.work_details_left {

	width: 69%;

	height: auto;

	overflow: hidden;

	float: left
}

.work_details_left .work_details_img {

	height: auto;

	overflow: hidden;

	margin: 20px;

	padding: 20px;

	text-align: center;

	border: 1px #f5f5f5 solid;

	box-sizing: border-box
}

.work_details_left .work_details_img img {

	max-width: 100%;

	height: auto
}

.preview_right_link .share_box {

	display: inline-block
}

.preview_right_link .share_box .share_left {

	float: left;

	margin-top: 5px
}

.preview_right_link .share_box .share_right {

	float: left
}

.reply_left_bottom {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	padding: 20px 30px 40px;

	margin-top: 20px
}

.reply_left_bottom .reply_Statistics {

	font-size: 16px;

	color: #151414;

	line-height: 1.2;

	font-weight: bold;

	margin-left: 0
}

.reply_content {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 10px 0 40px 0;

	border-bottom: 1px solid #f5f5f5
}

.reply_content .reply_content_box {

	width: 100%;

	height: auto;

	overflow: hidden
}

.reply_content .reply_content_box .avatar {

	display: inline-block;

	float: left;

	margin-right: 16px;

	width: 50px
}

.reply_content .reply_content_box .avatar img {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	float: left
}

.reply_content .reply_content_box .inputBox {

	float: left;

	width: calc(100% - 66px)
}

.reply_content .reply_content_box .form-control {

	width: 100%;

	height: 120px;

	border: 1px solid #eee;

	padding: 10px 16px;

	font-size: 14px;

	color: #151414
}

.reply_content .replyMainBtn {

	margin-top: 10px
}

.reply_content .reply_content_btn {

	width: auto;

	height: 40px;

	line-height: 40px;

	padding: 0 30px;

	background-color: #FD4627;

	color: #fff
}

.reply_content .disabled {

	background-color: #aaa
}

.reply_left_bottom .messageContent,
.reply_left_bottom .messageList {

	width: 100%;

	float: left;

	margin-top: 10px
}

.reply_left_bottom .message_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 20px 0
}

.reply_left_bottom .message_box .message_box_left {

	margin-right: 16px;

	width: 50px;

	float: left
}

.reply_left_bottom .message_box .message_box_left img {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	float: left
}

.reply_left_bottom .message_box .message_box_right {

	width: calc(100% - 66px);

	height: auto;

	overflow: hidden;

	float: left
}

.message_box_right .top_title {

	width: 100%;

	height: auto;

	overflow: hidden
}

.message_box_right .top_title .message_name {

	font-size: 16px;

	line-height: 1.5;

	color: #151414;

	float: left;

	font-weight: bold
}

.message_box_right .top_title .message_time {

	font-size: 12px;

	line-height: 24px;

	color: #999;

	float: left;

	margin-left: 30px
}

.message_box_right .explain_text {

	color: #666;

	font-size: 14px;

	line-height: 1.4;

	margin-top: 5px
}

.message_box_right .explain_reply {

	width: 100%;

	height: auto;

	overflow: hidden;

	color: #666;

	margin-top: 15px
}

.message_box_right .explain_reply .triangle {

	width: 0;

	height: 0;

	border-width: 0 10px 10px;

	border-style: solid;

	border-color: transparent transparent #f5f5f5;

	margin-left: 20px;

	position: relative
}

.message_box_right .explain_reply .others_reply {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5;

	padding: 10px 20px
}

.message_box_right .explain_reply .others_reply .top_title {

	width: 100%;

	height: auto;

	overflow: hidden
}

.message_box_right .explain_reply .others_reply .top_title .message_name {

	font-size: 14px;

	line-height: 1.5;

	color: #151414;

	float: left
}

.message_box_right .explain_reply .others_reply .top_title .message_time {

	font-size: 12px;

	line-height: 24px;

	color: #999;

	float: left;

	margin-left: 30px
}

.message_box_right .explain_reply .others_reply .explain_reply_box {

	width: 100%;

	height: auto;

	overflow: hidden
}

.message_box_right .message_reply {

	display: none;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px
}

.message_box_right .message_reply_on {

	color: #999
}

.message_box_right .replyBtn {

	width: 100%;

	display: inline-block;

	text-align: right
}

.message_box_right .replyBtn .openReplyBtn {

	color: #999;

	background: 0;

	font-size: 12px
}

.message_reply_on .replyInputBox {

	display: none;

	width: 100%
}

.message_reply_on .replyInputBox .message_reply_input {

	border: #ccc solid 1px;

	display: inline-block;

	margin: 10px 0;

	border-radius: inherit;

	height: 60px
}

.message_reply_on .replyInputBox .message_reply_btn .replyContentBtn {

	background: #FD4627;

	color: #fff;

	border-radius: inherit;

	padding: 2px 12px;

	box-shadow: none
}

.message_reply_on .replyInputBox .message_reply_btn .disabled {

	background-color: #aaa
}

.reply_left_bottom .left_bottom_btn {

	width: 100%;

	text-align: center;

	display: inline-block;

	font-size: 14px;

	color: #151414;

	line-height: 1.2;

	margin-top: 20px;

	cursor: pointer
}

.work_details .work_details_right {

	width: 31%;

	height: auto;

	overflow: hidden;

	float: left;

	padding: 0 20px;

	box-sizing: border-box
}

.work_details_introduce {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: inline-block
}

.work_details_introduce .details_introduce_header {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 15px 0;

	border-bottom: 1px solid #eee
}

.work_details_introduce .details_introduce_header img {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	float: left
}

.work_details_introduce .details_introduce_header .personal_info {

	width: calc(100% - 60px);

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 10px
}

.work_details_introduce .details_introduce_header .personal_info .name {

	font-size: 16px;

	color: #151414
}

.work_details_introduce .details_introduce_header .personal_info .follow {

	display: inline-block;

	width: auto;

	font-size: 14px;

	background-color: #FD4627;

	color: #fff;

	padding: 5px 15px;

	margin-top: 5px;

	cursor: pointer
}

.work_details_introduce .details_introduce_header .personal_info .num_follow_btn {

	display: inline-block;

	width: auto;

	font-size: 14px;

	color: #fff;

	padding: 5px 15px;

	margin-top: 5px;

	cursor: pointer
}

.work_details_introduce .details_introduce_header .personal_info .on {

	background-color: #f5f5f5;

	border: 1px solid #eee;

	color: #151414
}

.work_details_introduce .details_introduce_content {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	padding-bottom: 20px;

	border-bottom: 1px solid #eee
}

.work_details_introduce .details_introduce_content .introduce_content_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 14px;

	color: #151414;

	display: inline-block;

	margin-bottom: 10px
}

.work_details_introduce .details_introduce_content .introduce_content_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	color: #666
}

.work_details_introduce .details_introduce_content .works_parameter {

	height: auto;

	overflow: hidden;

	padding: 10px 0
}

.work_details_introduce .details_introduce_content .works_parameter p {

	float: left;

	margin-right: 16px;

	line-height: 16px;

	font-size: 16px
}

.work_details_introduce .details_introduce_content .works_parameter p i {

	display: inline-block;

	float: left;

	margin-right: 2px
}

.work_details_introduce .details_introduce_content .works_parameter p span {

	color: #999;

	display: inline-block;

	vertical-align: middle
}

.work_details_introduce .details_introduce_content .introduce_content_time {

	font-size: 14px;

	color: #999;

	margin: 10px 0
}

.work_details_introduce .details_introduce_btn {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 30px 0
}

.work_details_introduce .details_introduce_btn .btn {

	width: 100%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background-color: #FD4627;

	color: #fff;

	font-size: 16px;

	cursor: pointer;

	display: inline-block;

	padding: 0
}

.work_details_introduce .details_introduce_btn .btn i {

	margin-right: 5px;

	font-size: 20px
}

.work_details_introduce .details_introduce_btn .on {

	background-color: #ccc;

	color: #151414
}

.closeIframe {

	position: fixed;

	top: 0;

	right: 15px;

	color: #999;

	z-index: 999999
}

.pin-view-arrows a {

	width: 60px;

	height: 150px;

	display: flex;

	align-items: center;

	justify-content: center;

	top: 40%;

	position: fixed;

	color: #999;

	z-index: 999999
}

.pin-view-arrows a:hover {

	background: #000;

	background-color: rgba(0, 0, 0, 0.5);

	color: #fff
}

.pin-view-arrows a.prev {

	left: 0
}

.pin-view-arrows a.next {

	right: 0
}

.pin-view-arrows .layer-view i,
.closeIframe i {

	font-size: 50px;

	font-weight: 100;

	color: #fff
}

.openPopWorksIframe {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999
}

.slide_worksSlide .swiper-slide,
.slide_forumSlide .swiper-slide,
.slide_videoSlide .swiper-slide {

	max-height: 200px
}

.video {

	width: 100%;

	height: auto;

	overflow: hidden
}

.video .video_left {

	width: 68%;

	height: auto;

	overflow: hidden;

	float: left;

	position: relative;

	padding-bottom: 100px
}

.video .video_left .video_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	padding-bottom: 30px;

	border-bottom: 1px solid #f5f5f5
}

.video .video_left .video_box img {

	width: 280px;

	height: auto;

	float: left
}

.video .video_left .video_box .video_introduce {

	width: calc(100% - 300px);

	height: auto;

	overflow: hidden;

	float: right
}

.video .video_left .video_box .video_introduce .title {

	font-size: 16px;

	color: #151414;

	height: 44px;

	overflow: hidden
}

.video .video_left .video_box .video_introduce .title a:hover {

	color: #FD4627
}

.video .video_left .video_box .video_introduce .video_type {

	width: 100%;

	height: 30px;

	line-height: 30px;

	background-color: #f5f5f5;

	font-size: 12px;

	padding: 0 16px;

	margin-top: 20px
}

.video .video_left .video_box .video_introduce .video_type p {

	float: left;

	margin-right: 30px
}

.video .video_left .video_box .video_introduce .video_type p i {

	width: 14px;

	margin-right: 5px;

	float: left
}

.video .video_left .video_box .video_introduce .video_type p span {

	display: inline-block;

	float: left
}

.video .video_left .video_box .video_introduce .text {

	color: #666;

	margin-top: 10px
}

.video .video_play {

	width: 100%;

	height: auto;

	overflow: hidden
}

.play_introduce {

	width: 100%;

	height: auto;

	overflow: hidden
}

.play_introduce .title {

	font-size: 16px;

	color: #151414;

	height: 44px;

	overflow: hidden;

	margin-top: 50px
}

.play_introduce .video_show {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 10%
}

.play_introduce .video_show .video_show_left {

	width: 75%;

	height: auto;

	overflow: hidden;

	float: left
}

.play_introduce .video_show .video_show_left iframe {

	display: none;

	width: 100%;

	height: 650px
}

.play_introduce .video_show .video_show_left .video_type {

	width: 100%;

	height: 70px;

	line-height: 70px;

	background-color: #f5f5f5;

	font-size: 12px;

	padding: 0 16px
}

.play_introduce .video_show .video_show_left .video_type p {

	float: left;

	margin-right: 30px
}

.play_introduce .video_show .video_show_left .video_type p i {

	width: 14px;

	margin-right: 5px;

	float: left
}

.play_introduce .video_show .video_show_left .video_type p span {

	display: inline-block;

	float: left
}

.play_introduce .video_show .video_show_left .text {

	color: #666;

	margin-top: 40px
}

.play_introduce .video_show .video_show_right {

	width: 23%;

	height: auto;

	overflow: hidden;

	float: right;

	padding-left: 20px
}

.play_introduce .video_show .video_show_right .recommend {

	width: 100%;

	height: auto;

	overflow: hidden
}

.play_introduce .video_show .video_show_right .recommend .recommend_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 16px;

	color: #151414;

	font-weight: bold;

	padding: 0 10px 10px
}

.play_introduce .video_show .video_show_right .recommend .recommend_video {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px
}

.play_introduce .video_show .video_show_right .recommend .recommend_video img {

	width: 140px;

	height: auto;

	float: left;

	margin: 0 10px
}

.recommend_video .recommend_video_introduce {

	width: calc(100% - 170px);

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 10px
}

.recommend_video .recommend_video_introduce .title {

	height: 44px;

	overflow: hidden;

	font-size: 16px;

	color: #151414;

	margin-top: 0
}

.recommend_video .recommend_video_introduce p {

	color: #999;

	margin-top: 10px
}

.recommend_video .recommend_video_introduce p i {

	float: left;

	display: inline-block;

	margin-right: 5px
}

.video .video_right {

	width: 32%;

	height: auto;

	overflow: hidden;

	float: right;

	padding-left: 20px
}

.video .video_right .recommend {

	width: 100%;

	height: auto;

	overflow: hidden
}

.video .video_right .recommend .recommend_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 16px;

	color: #151414;

	font-weight: bold;

	padding: 30px 10px 10px
}

.recommend_video {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px
}

.recommend_video img {

	width: 140px;

	height: auto;

	float: left;

	margin: 0 10px
}

.recommend_video .recommend_video_introduce {

	width: calc(100% - 170px);

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 10px
}

.recommend_video .recommend_video_introduce .title {

	height: 44px;

	overflow: hidden;

	font-size: 16px;

	color: #151414
}

.recommend_video .recommend_video_introduce p {

	color: #999;

	margin-top: 10px
}

.video_up_content {

	width: 1000px;

	height: auto;

	overflow: hidden;

	margin: 120px auto 0
}

.video_up_content .video_up_top {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff
}

.video_up_content .video_up_top .video_up_title {

	width: 100%;

	line-height: 60px;

	overflow: hidden;

	border-bottom: 1px solid #ccc;

	padding: 0 35px;

	font-size: 16px;

	color: #151414
}

.video_up_content .video_up_top .up_text_title {

	margin: 30px 35px;

	height: auto;

	overflow: hidden
}

.video_up_content .video_up_top .up_text_title .title {

	font-size: 14px;

	color: #666;

	margin-bottom: 5px
}

.video_up_content .video_up_top .up_text_title .title .red {

	color: #f00
}

.video_up_content .video_up_top .up_text_title .input {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative
}

.video_up_content .video_up_top .up_text_title .input input {

	width: 100%;

	height: 44px;

	background: whitesmoke;

	border: 1px solid #ccc;

	padding: 0 50px 0 16px
}

.video_up_content .video_up_top .up_text_title .input .textarea {

	width: 100%;

	background: whitesmoke;

	border: 1px solid #ccc;

	padding: 6px 50px 6px 16px;

	min-height: 44px;

	max-height: 300px;

	margin-left: auto;

	margin-right: auto;

	outline: 0;

	line-height: 30px;

	word-wrap: break-word;

	overflow-x: hidden;

	overflow-y: auto
}

.video_up_content .video_up_top .up_text_title .input #textarea {

	display: block;

	width: 100%;

	margin: 0 auto;

	background: whitesmoke;

	border: 1px solid #ccc;

	padding: 6px 50px 6px 16px;

	height: 44px;

	line-height: 30px;

	max-height: 300px;

	overflow-x: hidden;

	overflow-y: auto !important
}

.video_up_content .video_up_top .up_text_title .input span {

	position: absolute;

	top: 10px;

	line-height: 24px;

	right: 16px;

	font-size: 14px;

	color: #999
}

.video_up_content .video_up_bottom {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #fff;

	margin-top: 25px
}

.video_up_content .video_up_bottom .video_up_title {

	width: 100%;

	line-height: 60px;

	overflow: hidden;

	border-bottom: 1px solid #ccc;

	padding: 0 35px;

	font-size: 16px;

	color: #151414
}

.video_up_content .video_up_bottom .up_text_title {

	width: 535px;

	margin: 30px 35px;

	height: auto;

	overflow: hidden
}

.video_up_content .video_up_bottom .up_text_title .title {

	font-size: 14px;

	color: #666;

	margin-bottom: 5px
}

.video_up_content .video_up_bottom .up_text_title .title .red {

	color: #f00
}

.video_up_content .video_up_bottom .up_text_title .input {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative
}

.video_up_content .video_up_bottom .up_text_title .input input {

	width: 100%;

	height: 44px;

	background: whitesmoke;

	border: 1px solid #ccc;

	padding: 0 50px 0 16px
}

.video_up_content .video_up_bottom .up_text_title .input span {

	position: absolute;

	top: 10px;

	line-height: 24px;

	right: 16px;

	font-size: 14px;

	color: #999
}

.video_up_content .video_up_bottom .upload {

	width: 280px;

	margin: 30px 35px;

	height: auto;

	overflow: hidden
}

.video_up_content .video_up_bottom .upload .title {

	font-size: 14px;

	color: #666;

	margin-bottom: 5px
}

.video_up_content .video_up_bottom .upload .title .red {

	color: #f00
}

.video_up_content .video_up_bottom .upload .upload_file {

	width: 100%;

	height: 210px;

	background: whitesmoke;

	border: 1px solid #ccc;

	position: relative
}

.video_up_content .video_up_bottom .upload .upload_file .upload_imgInput {

	display: none;

	width: 100%;

	height: 100%
}

.video_up_content .video_up_bottom .upload .upload_file .upload_imgInput img {

	width: 100%;

	height: auto
}

.video_up_content .video_up_bottom .upload .upload_file .tips_icon {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -25px 0 0 -25px;

	border: 2px solid #FD4627;

	border-radius: 50%;

	text-align: center
}

.video_up_content .video_up_bottom .upload .upload_file .tips_icon i {

	font-size: 18px;

	color: #FD4627;

	line-height: 46px
}

.video_up_content .video_up_bottom .upload .upload_file input.file {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	cursor: pointer
}

.video_up_content .video_up_btn {

	display: inline-block;

	width: auto;

	padding: 0 28px;

	line-height: 38px;

	background: #eee;

	border: 1px solid #ccc;

	font-size: 16px;

	color: #aaa;

	margin: 25px 0 40px
}

.video_up_content .btn_on {

	background: #FD4627;

	color: #fff
}

* {

	margin: 0;

	padding: 0
}

.l-btn {

	display: inline-block;

	outline: 0;

	resize: none;

	border: 0;

	padding: 5px 10px;

	background: #8c85e6;

	color: #fff;

	border: solid 1px #8c85e6;

	border-radius: 2px;

	font-size: 14px
}

.l-btn:hover {

	background: #8078e3;

	animation: anniu 1s infinite
}

.l-btn:active {

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset
}

.hidden {

	display: none
}

.tailoring-container,
.tailoring-container div,
.tailoring-container p {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box
}

.tailoring-container {

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 1000;

	top: 0;

	left: 0
}

.tailoring-container .black-cloth {

	position: fixed;

	width: 100%;

	height: 100%;

	background: #111;

	opacity: .9;

	z-index: 1001
}

.tailoring-container .tailoring-content {

	position: absolute;

	width: 768px;

	height: 560px;

	background: #fff;

	z-index: 1002;

	left: 0;

	top: 0;

	border-radius: 10px;

	box-shadow: 0 0 10px #000;

	padding: 10px
}

.tailoring-content-one {

	height: 40px;

	width: 100%;

	border-bottom: 1px solid #ddd
}

.tailoring-content .choose-btn {

	float: left
}

.tailoring-content .close-tailoring {

	display: inline-block;

	height: 30px;

	width: 30px;

	border-radius: 100%;

	background: #eee;

	color: #fff;

	font-size: 22px;

	text-align: center;

	line-height: 30px;

	float: right;

	cursor: pointer
}

.tailoring-content .close-tailoring:hover {

	background: #ccc
}

.tailoring-content .tailoring-content-two {

	width: 100%;

	height: 460px;

	position: relative;

	padding: 5px 0
}

.tailoring-content .tailoring-box-parcel {

	width: 520px;

	height: 450px;

	position: absolute;

	left: 0;

	border: solid 1px #ddd
}

.tailoring-content .preview-box-parcel {

	display: inline-block;

	width: 228px;

	height: 450px;

	position: absolute;

	right: 0;

	padding: 4px 14px
}

.preview-box-parcel p {

	color: #555
}

.previewImg {

	width: 200px;

	height: 200px;

	overflow: hidden
}

.preview-box-parcel .square {

	margin-top: 10px;

	border: solid 1px #ddd
}

.preview-box-parcel .circular {

	border-radius: 100%;

	margin-top: 10px;

	border: solid 1px #ddd
}

.tailoring-content .tailoring-content-three {

	width: 100%;

	height: 40px;

	border-top: 1px solid #ddd;

	padding-top: 10px
}

.sureCut {

	float: right
}

@media all and (max-width:1024px) {

	.video_up_content {

		width: 100%;

		padding: 0 16px
	}

}

@media all and (max-width:768px) {

	.video_up_content .video_up_bottom .up_text_title {

		width: calc(100% - 32px);

		margin: 24px 16px
	}

	.video_up_content .video_up_top .video_up_title {

		padding: 0 16px
	}

	.video_up_content .video_up_top .up_text_title {

		margin: 24px 16px
	}

	.video_up_content .video_up_bottom .video_up_title {

		padding: 0 16px
	}

	.video_up_content .video_up_bottom .upload {

		width: 260px;

		margin: 24px 16px
	}

	.video_up_content .video_up_bottom .upload .upload_file {

		height: 195px
	}

	.tailoring-container .tailoring-content {

		width: 100%;

		min-width: 320px;

		height: 460px
	}

	.tailoring-content .tailoring-content-two {

		height: 360px
	}

	.tailoring-content .tailoring-box-parcel {

		height: 350px
	}

	.tailoring-container .tailoring-box-parcel {

		width: 100%
	}

	.tailoring-container .preview-box-parcel {

		display: none
	}

}

.vote_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 5% 0 0
}

.vote_box .vote_top_warp {

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #ccc
}

.vote_box .vote_top_warp .vote_top {

	width: 1200px;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.vote_top .vote_top_left {

	width: 60%;

	height: auto;

	overflow: hidden;

	float: left
}

.vote_top .vote_top_left img {

	width: 100%;

	height: 545px
}

.vote_top .vote_top_right {

	width: 40%;

	height: auto;

	overflow: hidden;

	float: left;

	padding-left: 60px;

	color: #151414
}

.vote_top .vote_top_right .vote_right_title {

	width: 100%;

	line-height: 1.2;

	font-size: 20px
}

.vote_top .vote_top_right .vote_love {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 16px 0;

	color: #eb4d1d
}

.vote_top .vote_top_right .vote_love i {

	width: 14px;

	height: 16px;

	font-size: 14px;

	float: left
}

.vote_top .vote_top_right .vote_love span {

	display: inline-block;

	float: left;

	font-size: 14px;

	line-height: 1.2;

	margin-top: 2px;

	margin-left: 6px
}

.vote_top .vote_top_right .discount_title {

	display: inline-block;

	width: auto;

	height: auto;

	overflow: hidden;

	margin: 8px 16px 10px;

	border-bottom: 1px solid #151414
}

.vote_top .vote_top_right .discount_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 16px;

	background-color: #f5f5f5
}

.vote_top .vote_top_right .vote_btn {

	width: 100%;

	margin-top: 16px;

	display: inline-block
}

.vote_top .vote_top_right .vote_btn a {

	width: 100%;

	height: 50px;

	line-height: 50px;

	background-color: #FD4627;

	color: #fff;

	text-align: center;

	display: inline-block
}

.vote_top .vote_top_right .vote_count_down {

	margin-top: 10px
}

.vote_top .vote_top_right .vote_count_down span {

	color: #eb4d1d
}

.vote_top .vote_top_right .topic_rule {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 16px;

	background-color: #f5f5f5;

	margin-top: 20px
}

.vote_top .vote_top_right .topic_rule .topic_rule_box {

	width: 100%;

	height: auto;

	overflow: hidden
}

.vote_top .vote_top_right .topic_rule .topic_rule_box .topic_rule_title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.vote_top .vote_top_right .topic_rule .topic_rule_box .topic_rule_text {

	margin-top: 16px;

	height: 110px;

	overflow: hidden
}

.vote_top .vote_top_right .topic_rule .topic_rule_box .topic_rule_text p {

	font-size: 14px;

	color: #666;

	line-height: 1.5
}

.vote_top .vote_top_right .topic_rule .topic_rule_btn {

	margin-top: 20px;

	color: #FD4627;

	font-size: 16px
}

.vote_bottom_warp {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.vote_bottom {

	height: auto;

	overflow: hidden;

	padding: 0 20px 0 20px
}

.vote_bottom .fans_title {

	padding: 5% 0 5% 0;

	width: 80%;

	height: auto;

	font-size: 24px;

	color: #151414;

	line-height: 1.2;

	text-align: center;

	margin: 0 auto
}

.vote_bottom .vote_bottom_text {

	width: 100%;

	height: auto;

	text-align: center;

	margin: 16px auto 10px;

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .00625em
}

.vote_bottom .vote_page {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 5%
}

.vote_bottom .vote_page ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: inline-block
}

.vote_bottom .vote_page ul li {

	width: 24%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	margin: 0 1.33% 2% 0;

	float: left
}

.vote_bottom .vote_page ul li img {

	width: 100%;

	height: auto
}

.vote_bottom .vote_page ul li .vote_page_title {

	width: 100%;

	overflow: hidden;

	margin: 20px 0 15px 0;

	padding: 0 15px;

	display: flex;

	align-items: center;

	justify-content: center;

	float: left;

	text-overflow: ellipsis;

	white-space: nowrap
}

.vote_bottom .vote_page ul li .vote_page_title a {

	text-align: center;

	font-size: 14px;

	color: #151414;

	overflow: hidden;

	width: 100%
}

.vote_page ul li .vote_page_love {

	width: 50%;

	height: auto;

	overflow: hidden;

	margin: 16px auto 30px auto
}

.vote_page ul li .vote_page_love a {

	line-height: 30px;

	background-color: #eb4d1d;

	text-align: center;

	color: #fff;

	width: 100%;

	display: inline-block
}

.vote_page ul li .vote_page_love a.active {

	background: #999
}

.vote_page ul li .vote_page_love .i {

	width: 14px;

	font-size: 14px;

	display: inline-block
}

.vote_page ul li .vote_page_love .num {

	display: inline-block;

	font-size: 14px;

	line-height: 1.2;

	margin-top: 2px;

	margin-left: 2px;

	display: inline-block;

	vertical-align: middle
}

.vote_page ul li:nth-child(4n) {

	margin-right: 0
}

.slide_xFansSlide .swiper-slide {

	max-height: 400px
}

.layui-layer-dialog .layui-layer-padding {

	word-break: break-word
}

.cert_box {

	width: 100%;

	height: auto;

	overflow: auto;

	margin: 60px auto 0;

	padding: 0 20px;

	color: #333;

	word-break: keep-all
}

.cert_box .cert_left {

	width: 300px;

	height: auto;

	background: white;

	float: left;

	margin-right: 50px
}

.cert_box .cert_left ul {

	width: 100%;

	height: auto;

	overflow: auto
}

.cert_box .cert_left ul li {

	padding: 0 34px;

	font-size: 16px;

	line-height: 30px;

	margin-top: 25px
}

.cert_box .cert_left ul li span {

	display: inline-block;

	border-bottom: 2px solid transparent;

	text-decoration: none
}

.cert_box .cert_left ul li .on {

	border-bottom: 2px solid #FD4627
}

.cert_box .cert_right {

	float: left;

	width: calc(100% - 350px);

	height: auto;

	overflow: hidden
}

.cert_box .cert_right .cert_main {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 45px
}

.cert_box .cert_right .cert_main .introduce {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 50px
}

.cert_box .cert_right .cert_main .introduce .introduce_title {

	font-size: 24px;

	font-weight: 400;

	color: #151414
}

.cert_box .cert_right .cert_main .introduce .introduce_text {

	font-size: 16px;

	font-weight: 400;

	color: #666;

	margin-top: 10px
}

.cert_box .cert_right .cert_main .cert_info {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 80px;

	margin-left: 16px
}

.cert_box .cert_right .cert_main .cert_info .info_title {

	font-size: 26px;

	font-weight: 400;

	color: #151414
}

.cert_box .cert_right .cert_main .cert_info .info_Tips {

	font-size: 14px;

	font-weight: 400;

	color: #FF6C00;

	margin-top: 10px;

	font-style: italic
}

.cert_box .cert_right .cert_main .cert_info .log_in {

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	background: #FF6C00;

	cursor: pointer;

	display: inline-block;

	padding: 10px 20px;

	min-width: 120px;

	margin-top: 20px;

	text-align: center
}

.cert_box .cert_right .cert_main .cert_info .log_in a {

	color: #fff
}

.cert_box .cert_right .cert_main .cert_info .info_input {

	max-width: 400px;

	height: auto;

	overflow: hidden;

	margin: 20px 0 0
}

.cert_box .cert_right .cert_main .cert_info .info_input input {

	width: 100%;

	height: 50px;

	background: white;

	border: 1px solid #ccc;

	padding: 0 16px;

	line-height: 48px
}

.cert_box .cert_right .cert_main .cert_info .info_input .info_input_btn {

	width: 100%;

	height: 50px;

	line-height: 48px;

	background: whitesmoke;

	border: 1px solid #ccc;

	margin-top: 8px;

	color: #999;

	font-size: 16px;

	text-align: center;

	cursor: pointer
}

.cert_box .cert_right .cert_main .cert_info .info_input .info_input_btn:hover {

	background: #FD4627;

	border: 1px solid #FD4627;

	color: #fff
}

.cert_box .cert_right .cert_main .cert_info .parameter {

	display: none;

	width: 470px;

	height: auto;

	overflow: hidden;

	margin-top: 20px
}

.cert_box .cert_right .cert_main .cert_info .parameter .parameter_info {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px
}

.cert_box .cert_right .cert_main .cert_info .parameter .parameter_extra {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px
}

.cert_box .cert_right .cert_main .cert_info .parameter .parameter_extra .extra_title {

	font-size: 16px;

	font-weight: bold;

	color: #151414;

	margin-bottom: 2px
}

.cert_box .cert_right .cert_main .cert_info .parameter .parameter_info .parameter_title {

	font-size: 16px;

	font-weight: 400;

	color: #666;

	margin-bottom: 2px
}

.cert_box .cert_right .cert_main .cert_info .parameter .parameter_info .parameter_text {

	font-size: 16px;

	font-weight: 400;

	color: #151414
}

.cert_box .cert_right .cert_main .cert_info .parameter .parameter_btn {

	width: 100%;

	line-height: 30px;

	font-size: 16px;

	color: #FD4627;

	cursor: pointer;

	margin-top: 10px
}

.cert_box .cert_right .cert_main .cert_info .parameter .introduce {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 50px
}

.cert_box .cert_right .secret_key {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 25px
}

.cert_box .cert_right .secret_key .introduce {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 40px;

	padding-bottom: 5px
}

.cert_box .cert_right .secret_key .introduce .introduce_title {

	font-size: 24px;

	font-weight: 400;

	color: #151414
}

.cert_box .cert_right .secret_key .introduce .introduce_text {

	font-size: 16px;

	font-weight: 400;

	color: #666;

	margin-top: 10px
}

.cert_box .cert_right .secret_key .software {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 40px
}

.cert_box .cert_right .secret_key .software .software_img {

	width: 220px;

	height: auto;

	float: left;

	margin-right: 24px
}

.cert_box .cert_right .secret_key .software .software_info {

	width: calc(100% - 250px);

	height: auto;

	overflow: hidden
}

.cert_box .cert_right .secret_key .software .software_info .software_title {

	font-size: 18px;

	font-weight: 400;

	color: #151414
}

.cert_box .cert_right .secret_key .software .software_info .software_text {

	font-size: 14px;

	font-weight: 400;

	color: #666;

	margin: 8px 0 16px
}

.cert_box .cert_right .secret_key .software .software_info .software_btn,
.cert_box .cert_right .secret_key .software .software_info .software_a {

	display: inline-block;

	width: auto;

	background: whitesmoke;

	border: 1px solid #FD4627;

	border-radius: 14px;

	color: #FD4627;

	line-height: 28px;

	text-align: center;

	padding: 0 24px;

	cursor: pointer;

	margin-right: 10px
}

.cert_box .cert_right .secret_key .software .software_info .software_btn:hover,
.cert_box .cert_right .secret_key .software .software_info .software_a:hover {

	background: #FD4627;

	border: 1px solid #FD4627;

	color: #fff
}

.cert_box .cert_right .secret_key .software .software_info .codeHtml {

	font-size: 14px;

	font-weight: bold;

	color: #151414;

	margin-top: 15px
}

.cert_box .cert_right .secret_key .software .software_info .codeHtml span {

	font-weight: 400
}

.key_box {

	width: auto;

	height: auto;

	overflow: hidden;

	padding: 20px 26px
}

.key_box .key_product,
.key_box .key_code {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px
}

.key_box .key_product .title,
.key_box .key_code .title {

	font-size: 16px;

	font-weight: 400;

	color: #999;

	margin-bottom: 5px
}

.key_box .key_product .text,
.key_box .key_code .text {

	font-size: 16px;

	font-weight: 400;

	color: #151414
}

.key_box .key_product .text .key_code_text,
.key_box .key_code .text .key_code_text {

	display: inline-block;

	width: 220px;

	margin-right: 10px
}

.key_box .key_product .text .copy_btn,
.key_box .key_code .text .copy_btn {

	display: inline-block;

	width: 70px;

	color: #FD4627;

	cursor: pointer;

	text-align: center
}

.xfans_home_box {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_photo_warp {

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #ccc
}

.xfans_photo_warp .xfans_photo {

	padding: 0 20px 70px 20px;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.xfans_photo_warp .xfans_photo .fans_title {

	padding: 60px 10px 0;

	width: 80%;

	height: auto;

	text-align: center;

	margin: 0 auto
}

.xfans_photo_warp .xfans_photo .fans_title .fans_line {

	font-size: 24px;

	color: #151414;

	line-height: 1.2
}

.xfans_photo_warp .xfans_photo .fans_title_text {

	text-align: center;

	margin: 16px auto 40px;

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .00625em
}

.xfans_photo_warp .xfans_photo .fans_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_photo_warp .xfans_photo .fans_show ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap
}

.xfans_photo_warp .xfans_photo .fans_show ul li {

	flex-grow: 1;

	margin: 5px
}

.xfans_photo_warp .xfans_photo .fans_show ul li img {

	width: auto;

	height: 150px;

	object-fit: cover;

	min-width: 100%
}

.xfans_photo_warp .xfans_photo .fans_show .ul:after {

	content: '';

	flex-grow: 99999
}

.xfans_photo_warp .xfans_photo .fans_show .view_more {

	width: auto;

	text-align: center;

	font-size: 16px;

	padding: 10px 0;

	margin: 30px auto 0
}

.xfans_photo_warp .xfans_photo .fans_show .view_more a {

	background-color: #fff !important;

	color: #151414;

	font-size: 14px;

	padding: 10px 15px;

	border: 1px solid #ccc
}

.xfans_photo_warp .xfans_photo .fans_show .view_more a:hover {

	color: #fff;

	background-color: #FD4627 !important;

	border: 1px solid #FD4627 !important
}

.xfans_home_box .xfans_fans_warp {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5;

	border-bottom: 1px solid #ccc
}

.xfans_home_box .xfans_fans_warp .xfans_fans {

	width: 1440px;

	padding: 0 20px 70px;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_title {

	padding: 57px 10px 0;

	width: 80%;

	height: auto;

	text-align: center;

	margin: 0 auto
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_title .fans_line {

	font-size: 24px;

	color: #151414;

	line-height: 1.2
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_title_text {

	width: 80%;

	height: auto;

	text-align: center;

	margin: 16px auto 40px;

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .00625em
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li {

	width: 32%;

	height: auto;

	overflow: hidden;

	cursor: pointer
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li img {

	width: 100%;

	height: auto
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li .fans_text {

	width: auto;

	height: auto;

	overflow: hidden;

	margin-top: 10px
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li .fans_text .icon_fans {

	width: 15px;

	height: auto !important;

	margin-left: 15px
}

.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li .fans_text .fans_span {

	font-size: 12px;

	line-height: 20px;

	color: #aaa
}

.xfans_home_box .xfans_vote_warp {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5;

	border-bottom: 1px solid #ccc
}

.xfans_home_box .xfans_vote_warp .xfans_vote {

	width: 1440px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	padding: 0 20px 60px
}

.xfans_home_box .xfans_vote_warp .xfans_vote .fans_title {

	padding: 60px 10px 0;

	width: 80%;

	height: auto;

	text-align: center;

	margin: 0 auto
}

.xfans_home_box .xfans_vote_warp .xfans_vote .fans_title .fans_line {

	font-size: 24px;

	color: #151414;

	line-height: 1.2
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_bottom_text {

	width: 80%;

	height: auto;

	text-align: center;

	margin: 16px auto 10px;

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .00625em
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li {

	width: 24%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	margin: 30px 1.33% 2% 0;

	float: left
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li:nth-child(4n) {

	margin-right: 0
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li img {

	width: 100%;

	height: auto
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	font-size: 16px;

	color: #151414;

	margin-top: 20px;

	text-overflow: ellipsis;

	white-space: nowrap
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_love {

	width: 115px;

	height: auto;

	overflow: hidden;

	color: #fff;

	margin: 16px auto;

	line-height: 30px;

	background-color: #eb4d1d;

	text-align: center
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_love .i {

	width: 14px;

	font-size: 14px
}

.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_love .num {

	display: inline-block;

	font-size: 14px;

	line-height: 1.2;

	margin-top: 2px;

	margin-left: 6px
}

.xfans_home_box .xfans_topics_warp {

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #ccc
}

.xfans_home_box .xfans_topics_warp .xfans_topics {

	width: 1440px;

	padding: 0 20px 70px;

	margin: 0 auto;

	height: auto;

	overflow: hidden
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_title {

	padding: 57px 10px 0;

	width: 80%;

	height: auto;

	text-align: center;

	margin: 0 auto
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_title .fans_line {

	font-size: 24px;

	color: #151414;

	line-height: 1.2
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_title_text {

	width: 80%;

	height: auto;

	text-align: center;

	margin: 16px auto 40px;

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .00625em
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li {

	width: 32%;

	height: auto;

	overflow: hidden;

	cursor: pointer;

	background-color: #f5f5f5
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li img {

	width: 100%;

	height: auto
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li .xfans_topics_name {

	width: 100%;

	height: 20px;

	font-size: 16px;

	color: #eb4d1d;

	line-height: 20px;

	padding: 0 16px;

	margin: 20px 0 16px
}

.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li .xfans_topics_text {

	width: 100%;

	height: 80px;

	font-size: 14px;

	color: #666;

	line-height: 1.2;

	padding: 0 16px 40px
}

.xfans_home_box .xfans_question_warp {

	width: 100%;

	height: auto;

	overflow: hidden
}

.xfans_home_box .xfans_question_warp .xfans_question {

	width: 1440px;

	padding: 0 20px 70px;

	margin: 0 auto;

	height: auto;

	overflow: hidden
}

.xfans_home_box .xfans_question_warp .xfans_question .fans_title {

	padding: 57px 10px 0;

	width: 80%;

	height: auto;

	text-align: center;

	margin: 0 auto
}

.xfans_home_box .xfans_question_warp .xfans_question .fans_title .fans_line {

	font-size: 24px;

	color: #151414;

	line-height: 1.2
}

.xfans_home_box .xfans_question_warp .xfans_question .fans_title_text {

	width: 80%;

	height: auto;

	text-align: center;

	margin: 16px auto 40px;

	color: #666;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .00625em
}

.xfans_home_box .xfans_question_warp .xfans_question .question_btn {

	text-align: center;

	margin: 30px auto 0
}

.xfans_home_box .xfans_question_warp .xfans_question .question_btn a {

	width: 120px;

	font-size: 16px;

	padding: 10px 0;

	display: inline-block;

	background-color: #eb4d1d;

	color: #fff
}

.work_creative_warp {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 80px 0;

	position: relative;

	z-index: 0
}

.work_creative {

	width: 100%;

	height: 80px;

	background-color: #fff;

	position: fixed;

	z-index: 9;

	margin-top: 1px;

	border: 1px #f5f5f5 solid
}

.work_creative .creative_subnav {

	height: 100%;

	position: relative;

	margin: 0 auto;

	padding: 0 16px;

	display: flex;

	align-items: center;

	justify-content: space-between
}

.work_creative .creative_subnav .worksStep {

	display: inline-block;

	float: left
}

.work_creative .creative_subnav .worksStep span {

	display: inline-block;

	font-size: 24px;

	color: #999
}

.work_creative .creative_subnav .worksStep i {

	font-size: 20px;

	color: #999;

	margin: -10px 25px 0
}

.work_creative .creative_subnav .worksStep .on {

	color: #FD4627
}

.work_creative .creative_subnav .creative {

	width: 160px;

	text-align: center;

	float: right
}

.work_creative .creative_subnav .creative button {

	width: 100%;

	background-color: #FD4627;

	color: #fff;

	text-align: center;

	font-size: 16px;

	height: 40px;

	display: inline-block;

	line-height: 40px
}

.work_creative .creative_subnav .creative button.disabled {

	background-color: #bbb;

	color: #fff;

	cursor: not-allowed
}

.work_creative_box {

	width: 60%;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.work_creative_box .creative_box_upload {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 50px;

	background-color: #fff;

	margin-top: 40px;

	text-align: center;

	position: relative
}

.work_creative_box .creative_box_upload .upload_total {

	width: 100%;

	height: auto;

	overflow: hidden
}

.work_creative_box .creative_box_upload .upload_total .creative_upload_title {

	font-size: 18px;

	margin-top: 50px
}

.work_creative_box .creative_box_upload .upload_total .creative_upload_icon {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	border: 2px solid #FD4627;

	display: inline-block;

	margin: 20px auto 16px;

	position: relative
}

.work_creative_box .creative_box_upload .upload_total .creative_upload_icon i {

	line-height: 76px;

	font-size: 18px;

	color: #FD4627;

	text-align: center
}

.work_creative_box .creative_box_upload .upload_total .creative_upload_text {

	margin-bottom: 50px
}

.work_creative_box .creative_box_upload .upload_total .creative_upload_text p {

	font-size: 16px;

	text-align: center;

	margin-bottom: 10px;

	color: #151414
}

.work_creative_box .creative_box_upload .upload_total .creative_upload_text span {

	display: block;

	font-size: 12px;

	text-align: center
}

.work_creative_box .creative_box_upload .upload_imgInput {

	display: none;

	width: 100%;

	height: auto;

	position: relative;

	text-align: center
}

.work_creative_box .creative_box_upload .upload_imgInput img {

	max-width: 100%;

	height: auto;

	border: 1px #f5f5f5 solid
}

.work_creative_box .creative_box_upload .upload_imgInput .deleteIcon {

	position: absolute;

	top: -10px;

	right: -10px;

	cursor: pointer;

	background-color: #FD4627;

	color: #fff;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center
}

.work_creative_box .creative_box_upload .upload_imgInput .deleteIcon i {

	font-size: 20px
}

.work_creative_warp .work_creative_box .creative_box_upload .imgInput {

	display: none
}

.works_cover_box {

	width: 1200px;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	margin: 40px auto;

	padding: 50px
}

.works_cover_box .cover_img_box {

	width: 40%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 5%
}

.works_cover_box .cover_img_box .cover_img_title {

	font-size: 18px;

	color: #666;

	line-height: 1.2;

	margin-bottom: 10px
}

.works_cover_box .cover_img_box .cover_img {

	width: 100%;

	overflow: hidden;

	border: 1px #f5f5f5 solid;

	display: inline-block;

	height: 300px
}

.works_cover_box .cover_img_box .cover_img img {

	width: 100%;

	height: auto
}

.works_cover_box .cover_img_box .creative_box_text {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

	margin-top: 15px
}

.works_cover_box .cover_img_box .creative_box_text textarea {

	width: 100%;

	padding: 10px 16px;

	height: 200px;

	resize: vertical
}

.works_cover_box .cover_img_box .creative_box_text .form-control {

	border: 1px solid #ccc
}

.works_cover_box .cover_img_box .creative_box_text label {

	font-weight: 500;

	margin-bottom: 5px
}

.works_cover_box .cover_img_box .creative_box_text .number {

	float: right;

	line-height: 20px;

	margin-top: 5px;

	font-size: 12px
}

.works_cover_box .cover_cropper {

	width: 55%;

	height: auto;

	overflow: hidden;

	float: left;

	min-height: 430px
}

.works_cover_box .cover_cropper .cropperBox {

	max-height: 500px;

	display: inline-block;

	width: 100%;

	overflow: hidden
}

.works_cover_box .cover_cropper img {

	width: 100%;

	height: auto
}

.works_cover_box .cover_cropper .js-covers-limit-covers {

	margin-bottom: 10px
}

.works_cover_box .cover_cropper .img_zoom {

	height: auto;

	overflow: hidden;

	margin: 20px auto 0;

	display: inline-block;

	width: 100%
}

.works_cover_box .cover_cropper .img_zoom i {

	width: 25px;

	line-height: 25px;

	font-size: 20px;

	float: left;

	margin-right: 10px
}

.works_cover_box .cover_cropper .img_zoom .zoom_line {

	display: inline-block;

	width: 60%;

	height: 1px;

	background-color: #ccc;

	margin-top: 12px;

	margin-right: 10px;

	float: left;

	position: relative
}

.works_cover_box .cover_cropper .img_zoom .zoom_line .zoom_line_block {

	position: absolute;

	left: 50%;

	top: -5px;

	width: 20px;

	height: 10px;

	margin-left: -10px;

	background-color: #999
}

.works_cover_box .cover_cropper .img_zoom .reUpload {

	float: left;

	width: 30%;

	cursor: pointer;

	color: #f00
}

.works_cover_box .cover_cropper .img_zoom .ration {

	float: left;

	width: 70%;

	text-align: right
}

.works_cover_box .cropper-dashed {

	border: 0 dashed #39f
}

.works_cover_box .cover_img_box .cover_cropper_btn {

	float: right;

	margin-top: 40px
}

.works_cover_box .cover_img_box .cover_cropper_btn .backBtn {

	background: 0;

	display: inline-block;

	margin-right: 15px
}

.works_cover_box .cover_img_box .cover_cropper_btn .publish_creative {

	background: #FD4627;

	color: #fff;

	width: 110px;

	height: 40px;

	text-align: center
}

.works_cover_box .cover_img_box .cover_cropper_btn .disabled {

	background: #eee;

	cursor: not-allowed;

	color: #999
}

.news_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #f5f5f5
}

.news_box .currency_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.news_box .currency_box .down_box {

	width: 1440px;

	height: auto;

	overflow: hidden;

	padding: 50px 32px;

	margin: 0 auto
}

.news_box .currency_box .down_box .down_title {

	font-size: 36px;

	color: #FD4627;

	line-height: 1.2;

	margin-bottom: 5px
}

.news_box .currency_box .down_box .route_title {

	font-size: 16px;

	color: #151414;

	line-height: 1.2
}

.news_box .currency_box .down_box .route_title a {

	color: #151414
}

.news_box .xp_news {

	width: 1440px;

	padding: 0 0 70px 0;

	height: auto;

	overflow: hidden;

	margin: 0 auto
}

.news_box .xp_news>ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.news_box .xp_news>ul>li {

	width: 23.5%;

	padding: 10px 10px 30px;

	float: left;

	background-color: #fff;

	margin-top: 40px;

	margin-left: 1.5%;

	border: 1px solid #ccc
}

.news_box .xp_news ul li img {

	width: 100%;

	height: auto
}

.news_box .xp_news ul li .news_title {

	width: 100%;

	height: 48px;

	overflow: hidden;

	margin-top: 20px;

	font-size: 16px;

	line-height: 1.5;

	color: #151414
}

.news_box .xp_news ul li .news_text {

	width: 100%;

	height: 51px;

	overflow: hidden;

	margin-top: 10px;

	font-size: 14px;

	line-height: 1.25em;

	color: #666
}

.news_box .xp_news ul li .news_time {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

	font-size: 14px;

	line-height: 1.2;

	color: #151414
}

.news_box .xp_news ul li .news_btn {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	font-size: 16px;

	line-height: 1.2;

	color: #FF6C00
}

.news_box .new_show {

	width: 1440px;

	height: auto;

	overflow: hidden;

	margin: 40px auto;

	padding: 0 16px
}

.news_box .new_show .new_show_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	font-size: 24px;

	line-height: 1.2;

	color: #151414;

	cursor: pointer;

	text-align: center
}

.news_box .new_show .new_show_time {

	font-size: 14px;

	color: #666;

	margin-top: 20px;

	line-height: 1.2;

	text-align: center
}

.news_box .new_show .new_show_content {

	max-width: 1000px;

	margin: 30px auto 0
}

.news_box .new_show .new_show_content .aboutus_box {

	margin-bottom: 20px
}

.news_box .new_show .new_show_content img {

	width: 100%;

	height: auto
}

.new_show .new_show_content .newstext {

	font-family: "Microsoft YaHei", Arial;

	width: 100%;

	margin: 30px auto
}

.new_show .new_show_content .newstext .newsspan {

	display: block;

	font-size: 18px;

	color: #333
}

.new_show .new_show_content .newsimg {

	width: 100%;

	height: auto;

	margin-bottom: 20px
}

.new_show .new_show_content .newsimg img {

	width: 100%;

	height: auto
}

.product_details {

	width: 100%;

	height: auto;

	overflow: hidden
}

.product_details .subnav_box {

	position: fixed;

	top: 60px;

	left: 0;

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5;

	z-index: 8;

	transition: all .5s
}

.product_details .subnav_box .subnav {

	/* width: 1440px; */

	height: 50px;

	overflow: hidden;

	/* padding: 0 48px 0 20px; */

	margin: 0 auto
}

.product_details .subnav_box .subnav .phoneTitle {

	display: none
}

.product_details .subnav_box .subnav .subnav_ul {

	width: calc(100% - 150px);

	height: 100%;

	float: left
}

.product_details .subnav_box .subnav .subnav_ul ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.product_details .subnav_box .subnav .subnav_ul ul li {

	font-size: 16px;

	line-height: 50px;

	color: #aaa;

	float: left;

	margin-right: 30px;

	cursor: pointer
}

.product_details .subnav_box .subnav .subnav_ul ul li a {

	color: #aaa
}

.product_details .subnav_box .subnav .subnav_ul ul .on a {

	color: #FF6C00
}

.product_details .subnav_box .subnav .now_buy {

	width: 150px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	float: right;

	font-size: 16px;

	color: #fff;

	background-color: #FF6C00
}


@media screen and (max-width:768px) {
	.productContent {

		margin: 50px 0 !important;
	}

}

.product_details .product_details_img {

	height: auto;

	overflow: hidden
}

.product_details .product_details_img img {

	width: 100%;

	height: auto
}

.competition {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #f5f5f5
}

.competition .competition_content {

	width: 100%;

	height: auto;

	overflow: hidden
}

.competition .competition_content .competition_label {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px
}

.competition .competition_content .competition_label li {

	padding: 10px 24px;

	font-size: 14px;

	line-height: 20px;

	letter-spacing: .1px;

	color: #151414;

	float: left
}

.competition .competition_content .competition_label li:hover {

	color: #FD4627
}

.competition .competition_content .competition_label li.active {

	border-radius: 20px;

	border: solid 1px #ccc
}

.competition .competition_content .competition_activity {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px
}

.competition .competition_content .competition_activity .activity_ul {

	overflow: hidden;

	margin-right: -16px
}

.competition .competition_content .competition_activity .activity_ul .activity_list {

	width: calc(100%/3 - 16px);

	height: auto;

	overflow: hidden;

	float: left;

	margin-bottom: 30px;

	margin-right: 16px
}

.competition .competition_content .competition_activity .activity_ul .activity_list .title {

	display: block;

	font-size: 20px;

	letter-spacing: .1px;

	color: #151414;

	height: 24px;

	line-height: 1.2;

	overflow: hidden
}

.competition .competition_content .competition_activity .activity_ul .activity_list .time_text {

	font-size: 14px;

	line-height: 24px;

	letter-spacing: .1px;

	color: #666;

	margin: 4px 0
}

.competition .competition_content .competition_activity .activity_ul .activity_list .time {

	display: inline-block;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: .1px;

	color: #FD4627;

	margin-left: 8px
}

.competition .competition_content .competition_activity .activity_ul .activity_list .state {

	display: inline-block;

	padding: 0 13px;

	line-height: 20px;

	border-radius: 10px;

	font-size: 12px;

	letter-spacing: .1px;

	color: #fff
}

.competition .competition_content .competition_activity .activity_ul .activity_list .conduct {

	background-color: #eb4d1d
}

.competition .competition_content .competition_activity .activity_ul .activity_list .end {

	background-color: #aaa
}

.competition .competition_content .competition_activity .activity_ul .activity_list .activity_img {

	width: 100%;

	height: auto;

	margin-top: 30px
}

.competition .competition_content .competition_activity .activity_ul .activity_list .activity_text {

	font-size: 14px;

	margin-top: 20px;

	height: 60px;

	overflow: hidden;

	line-height: 1.4;

	letter-spacing: .1px;

	color: #151414
}

.search_box {

	width: 100%;

	height: auto;

	overflow: hidden
}

.search_box .search_head {

	height: auto;

	background-color: #f5f5f5;

	display: inline-block;

	float: left;

	width: 100%
}

.search_box .search_head .search_head_input {

	margin: 50px auto 0 auto;

	text-align: center;

	width: 100%;

	float: left;

	display: inline-block
}

.search_box .search_head .search_head_input form {

	width: 50%;

	margin: 0 auto;

	display: inline-block;

	position: relative
}

.search_box .search_head .search_head_input input {

	float: left;

	border: 1px solid #ccc;

	width: 90%;

	padding-left: 10px;

	box-sizing: border-box;

	height: 50px
}

.search_box .search_head .search_head_input button {

	width: 10%;

	float: left;

	background-color: #FD4627;

	color: #fff;

	text-align: center;

	height: 50px
}

.search_box .search_head .search_head_input button i {

	font-size: 20px
}

.search_head_input .ui-autocomplete {

	width: 100%;

	height: auto;

	padding: 15px 0;

	background: #fff;

	border: 1px solid #ccc;

	float: left
}

.search_head_input .ui-autocomplete li {

	width: 100%;

	font-size: 14px;

	color: #666;

	padding: 0 15px;

	line-height: 2em;

	height: 2em;

	cursor: pointer
}

.search_head_input .ui-autocomplete li.ui-state-focus {

	background: #f5f5f5
}

.search_box .search_head .search_head_nav {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 20px auto;

	display: inline-block
}

.search_box .search_head .search_head_nav ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	margin: 0
}

.search_box .search_head .search_head_nav ul li {

	display: inline-block;

	padding: 0 20px;

	color: #666;

	cursor: pointer
}

.search_box .search_head .search_head_nav ul li a {

	position: relative;

	font-size: 16px;

	color: #666
}

.search_box .search_head .search_head_nav ul li a.on {

	color: #FF6C00
}

.search_box .search_content {

	height: auto;

	margin: 10px auto
}

.search_box .search_content .search_page {

	width: 100%;

	height: auto;

	overflow: hidden
}

.search_box .search_content .search_page .search_product {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 30px auto
}

.search_box .search_content .search_page .search_product img {

	width: 200px;

	height: 150px;
	object-fit: contain;
	float: left
}

.search_box .search_content .search_page .search_product .search_product_content {

	width: calc(100% - 260px);

	height: auto;

	overflow: hidden;

	float: right
}

.search_box .search_content .search_page .search_product .search_product_content .title {

	font-size: 24px;

	color: #151414;

	margin-top: 10px
}

.search_box .search_content a:hover {

	color: #FD4627
}

.search_box .search_content .search_page .search_product .search_product_content .text {

	font-size: 16px;

	color: #666;

	height: 44px;

	overflow: hidden;

	margin-top: 10px
}

.search_box .search_content .search_page .search_product .search_product_content .product_content_btn {

	font-size: 16px;

	margin-top: 16px
}

.search_box .search_content .search_page .search_product .search_product_content .product_content_btn span {

	display: inline-block;

	color: #FF6C00;

	margin-right: 30px
}

.search_box .search_content .search_page .search_faq {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 30px 0
}

.search_box .search_content .search_page .search_faq .question {

	font-size: 16px;

	color: #151414
}

.search_box .search_content .search_page .search_faq .question:hover a {

	color: #FD4627
}

.search_box .search_content .search_page .search_faq .answer {

	font-size: 14px;

	color: #666
}

.search_box .search_content .search_page .video_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	padding-bottom: 30px;

	border-bottom: 1px solid #f5f5f5
}

.search_box .search_content .search_page .video_box img {

	width: 280px;

	height: auto;

	float: left
}

.search_box .search_content .search_page .video_box .video_introduce {

	width: calc(100% - 300px);

	height: auto;

	overflow: hidden;

	float: right
}

.search_box .search_content .search_page .video_box .video_introduce .title {

	font-size: 16px;

	color: #151414;

	height: 44px;

	overflow: hidden
}

.search_box .search_content .search_page .video_box .video_introduce .video_type {

	width: 100%;

	height: 30px;

	line-height: 30px;

	background-color: #f5f5f5;

	font-size: 12px;

	padding: 0 16px;

	margin-top: 20px
}

.search_box .search_content .search_page .video_box .video_introduce .video_type p {

	float: left;

	margin-right: 30px
}

.search_box .search_content .search_page .video_box .video_introduce .video_type p i {

	width: 14px;

	margin-right: 5px;

	float: left
}

.search_box .search_content .search_page .video_box .video_introduce .video_type p span {

	display: inline-block;

	float: left
}

.search_box .search_content .search_page .video_box .video_introduce .text {

	color: #666;

	margin-top: 10px
}

.search_box .search_content .search_page .not_found {

	width: 50%;

	height: auto;

	overflow: hidden;

	margin: 30px auto;

	text-align: center
}

.search_box .search_content .search_page .not_found img {

	width: 80%;

	height: auto
}

.search_box .search_content .search_page .not_found .title {

	font-size: 18px;

	font-weight: bold;

	color: #151414;

	margin-top: 30px
}

.search_box .search_content .search_page .not_found .nfound_box {

	font-size: 16px;

	color: #666;

	margin-top: 20px
}

.search_box .search_content .search_page .not_found .nfound_box p {

	text-align: center;

	margin-bottom: 20px
}

.search_box .search_content .search_page .not_found .nfound_box ul {

	width: 100%;

	height: auto;

	overflow: hidden
}

.search_box .search_content .search_page .not_found .nfound_box ul li {

	list-style-type: disc;

	text-align: center
}

.search_box .search_content .search_page .not_found .nfound_box ul li a {

	color: #666;

	font-size: 14px
}

.search_box .search_content .search_page .not_found .nfound_box ul li a:hover {

	color: #FD4627
}

.search_box .search_content .search_page .not_found .nfound_box .nfound_return {

	margin-top: 20px
}

.search_box .search_content .search_page .not_found .nfound_box .nfound_return a {

	color: #FD4627
}

.country_warp {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5)
}

.country_warp .country_select {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 960px;

	height: auto;

	overflow: hidden;

	background-color: #fff
}

.country_warp .country_select .country_close {

	position: absolute;

	top: 10px;

	right: 20px;

	width: 30px;

	height: 30px;

	font-size: 30px
}

.country_warp .country_select .country_main {

	width: 830px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	padding-bottom: 60px
}

.country_warp .country_select .country_main .country_title {

	font-size: 24px;

	line-height: 1;

	color: #666;

	margin-top: 60px;

	text-align: center
}

.country_warp .country_select .country_main .select_continent {

	margin-top: 30px
}

.country_warp .country_select .country_main .select_continent .select2 {

	width: 830px;

	height: 40px;

	line-height: 40px;

	font-size: 24px !important;

	color: #666;

	border: 1px solid #666;

	padding: 0 25px
}

.country_warp .country_select .country_main .select_country {

	width: 830px;

	height: 40px;

	overflow: hidden;

	border: 1px solid #666;

	margin-top: 40px
}

.country_warp .country_select .country_main .select_country .select_country_show {

	width: 830px;

	height: 40px;

	padding: 0 20px;

	font-size: 24px;

	line-height: 40PX;

	color: #666
}

.country_warp .country_select .country_main .select_country .select_country_warp {

	width: 830px;

	height: auto;

	overflow: hidden;

	padding: 0 10px
}

.country_warp .country_select .country_main .select_country .select_country_warp ul {

	width: 830px;

	height: auto;

	overflow: hidden
}

.country_warp .country_select .country_main .select_country .select_country_warp ul li {

	width: 170px;

	height: 50px;

	font-size: 16px;

	line-height: 50px;

	text-align: center;

	color: #666;

	background-color: #f5f5f5;

	float: left;

	margin: 15px 10px 0
}

.country_warp .country_select .country_main .select_country .select_country_warp ul li:hover {

	background-color: #ccc
}

.country_warp .country_select .country_main .site_text {

	width: 270px;

	height: auto;

	margin: 40px auto 0;

	font-size: 14px;

	line-height: 1.25em;

	color: #666
}

.country_warp .country_select .country_main .site_text .site_icon {

	float: left;

	margin: 0 5px
}

.country_warp .country_select .country_main .site_text .site_line {

	display: block;

	width: 0;

	height: 1px;

	background-color: #666;

	transition: all 1s
}

.country_warp .country_select .country_main .site_text:hover .site_line {

	width: 100%
}

.country_warp .country_select .country_main .annotation {

	width: 100%;

	text-align: center;

	margin-top: 20px;

	font-size: 14px;

	line-height: 1.4;

	color: #666
}

.questionnaireBox {

	margin: 0 auto
}

.questionnaireBox .questionnaireBoxContent {

	background: #fff;

	margin: 20px auto 5% auto;

	padding: 4% 4% 4% 4%;

	box-sizing: border-box;

	display: inline-block;

	width: 100%
}

.questionnaireBox .titleBox {

	text-align: center;

	width: 100%;

	display: inline-block
}

.questionnaireBox .titleBox .tit {

	font-size: 24px;

	color: #151414;

	width: 100%;

	display: inline-block;

	line-height: 20px
}

.questionnaireBox .titleBox .tit .t {

	width: 100%;

	display: inline-block;

	text-align: center
}

.questionnaireBox .titleBox .tit .line {

	width: 50px;

	height: 2px;

	background: #666;

	display: inline-block
}

.questionnaireBox .titleBox .desc {

	text-align: center;

	display: inline-block;

	font-size: 14px;

	color: #666;

	margin-top: 20px
}

.questionnaireBox .titleBox .desc p {

	text-align: center
}

.itemContent {

	margin-top: 3%
}

.itemContent .list {

	margin: 20px 0;

	display: inline-block;

	width: 100%
}

.itemContent .list dl {

	width: 100%;

	display: inline-block;

	margin-bottom: 2%
}

.itemContent .list dl dt {

	font-weight: normal;

	width: 100%;

	display: inline-block;

	margin-bottom: 10px
}

.itemContent .list dl dt .t {

	color: #151414;

	font-size: 16px
}

.itemContent .list dl dt .t span {

	color: #999;

	font-size: 14px
}

.itemContent .list dl dt .t span.red {

	color: #f00;

	padding: 2px 0 0 2px
}

.itemContent .list dl dt .desc {

	font-size: 12px;

	color: #999
}

.itemContent .list dl dd {

	margin-bottom: 10px;

	width: 100%;

	display: inline-block;

	float: left
}

.itemContent .list dl dd label {

	font-weight: normal;

	cursor: pointer;

	float: left;

	position: relative
}

.itemContent .list dl dd .selectInput {

	display: none
}

.itemContent .list dl dd .b {

	float: left;

	display: inline-block;

	margin-right: 5px;

	font-weight: normal;

	vertical-align: middle;

	height: 18px;

	width: 18px
}

.itemContent .list dl dd .checkboxClass {

	background: #fff;

	border: #d8d8d8 solid 1px;

	border-radius: 4px
}

.itemContent .list dl dd .b:before {

	content: '';

	position: absolute;

	top: 2px;

	left: 6px;

	width: 6px;

	height: 10px;

	border: 2px solid white;

	border-width: 0 1px 1px 0;

	transform: rotate(45deg)
}

.itemContent .list dl dd .selectInput:checked+.b {

	background: #FD4627;

	color: #FD4627;

	border: #FD4627 solid 1px
}

.itemContent .list dl dd .radioClass {

	border-radius: 50%;

	border: #d8d8d8 solid 1px
}

.itemContent .list dl dd .text {

	float: left;

	display: inline-block;

	vertical-align: middle;

	color: #666
}

.itemContent .list dl dd .otherInput {

	border: 0;

	border-bottom: 1px #ccc solid;

	margin-left: 5px;

	float: left;

	display: inline-block;

	width: 30%
}

.itemContent .list dl dd textarea {

	border-radius: inherit
}

.submitBtn {

	width: 100%;

	display: inline-block;

	float: left;

	text-align: center
}

.submitBtn .btn {

	border-radius: inherit;

	background-color: #FD4627;

	color: #fff;

	padding: 1.5% 10%
}

.contactBox {

	width: 100%;

	display: inline-block;

	float: left;

	margin-bottom: 5%
}

.contactBox .tit {

	color: #151414;

	font-size: 16px;

	width: 100%;

	display: inline-block;

	margin-bottom: 15px
}

.contactBox .contactInput {

	width: 100%;

	display: inline-block
}

.contactBox .contactInput input {

	border-radius: inherit
}

.contactBox .contactInput label {

	font-weight: inherit;

	margin-right: 5px
}

.contactBox .contactInput .form-group {

	margin-right: 15px
}

.top_nav {

	position: fixed;

	z-index: 9;

	top: 0;

	width: 100%;

	background-color: #222
}

.top_nav .nav-gblnav {

	max-width: 1328px;

	padding: 0 20px;

	height: auto;

	line-height: 30px;

	margin: 0 auto
}

.top_nav .nav-gblnav .nav-fr {

	float: right
}

.top_nav .nav-gblnav .nav-fr a {

	color: #fff;

	text-decoration: none;

	font-size: 12px;

	display: inline-block;

	vertical-align: top
}

.top_nav .nav-gblnav .nav-fr a i {

	font-size: 16px !important;

	vertical-align: middle;

	display: inline-block;

	overflow: hidden;

	height: auto;

	margin: 0 10px;

	color: #fff
}

b {

	font-weight: normal
}

@media(min-width:992px) and (max-width:1199px) {

	.countryLanguageSelect .card .panelBox .card-body ul li a {

		height: auto
	}

	.countryLanguageSelect .countryTitle {

		font-size: 16px
	}

	.countryLanguageSelect .collapsedBox {

		width: 95%
	}

	.countryLanguageSelect .card .panelBox .card-body ul li a {

		padding: 10px
	}

	.countryLanguageSelect .card .card-header {

		font-size: 16px
	}

	.countryLanguageSelect .card .panelBox .card-body ul li a span {

		font-size: 14px
	}

	.xp_main .swiper-container .swiper-pagination-bullet {

		width: 30px
	}

	.xp_main {

		margin: 0 auto
	}

	.xp_main .xp_appliance .appliance_title {

		font-size: 24px;

		line-height: 1.2;

		padding: 30px 10px 0
	}

	.xp_main .xp_appliance .appliance_show {

		margin-top: 20px
	}

	.xp_main .xp_appliance .appliance_show ul li {

		width: calc(25% - 10px) !important;

		height: auto;

		overflow: hidden;

		float: left;

		display: block
	}

	.xp_main .xp_appliance .appliance_show ul li .show_text {

		width: 100%;

		height: 40px;

		overflow: hidden;

		position: relative;

		left: auto;

		bottom: auto;

		color: #151414;

		line-height: 1.2;

		background-color: #fff;

		margin: 10px auto 0
	}

	.xp_main .xp_fans {

		width: 100%;

		padding: 0 0 30px 0;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5;

		border-bottom: 1px solid #ccc
	}

	.xp_main .xp_fans .fans_title {

		padding: 30px 10px 0
	}

	.xp_main .xp_fans .fans_title_text {

		margin: 16px auto 20px
	}

	.xp_main .xp_fans .fans_show {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xp_main .xp_fans .fans_show ul {

		width: auto;

		height: auto;

		overflow: hidden;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between
	}

	.xp_main .xp_fans .fans_show ul li {

		width: 32%;

		height: auto;

		overflow: hidden;

		cursor: pointer
	}

	.xp_main .xp_fans .fans_show ul li img {

		width: 100%;

		height: auto
	}

	.xp_main .xp_fans .fans_show ul li .fans_text {

		width: auto;

		height: auto;

		overflow: hidden;

		margin-top: 10px
	}

	.xp_main .xp_fans .fans_show ul li .fans_text .icon_fans {

		width: 15px;

		height: 15px;

		margin-left: 15px
	}

	.xp_main .xp_fans .fans_show ul li .fans_text .fans_span {

		font-size: 12px;

		line-height: 1em;

		color: #aaa
	}

	.xp_main .xp_news {

		padding-bottom: 50px
	}

	.xp_main .xp_news .xp_news_title {

		padding: 30px 10px 0
	}

	.xp_main .xp_news ul {

		padding: 0 5px;

		margin-top: 20px
	}

	.xp_main .xp_news ul li {

		width: calc(50% - 10px);

		margin: 0 0 10px;

		padding: 10px
	}

	.xp_main .xp_news ul li .news_title {

		line-height: 1.2;

		height: 40px;

		margin-top: 10px
	}

	.xp_main .xp_news ul li .news_text {

		height: 50px;

		line-height: 1.2;

		margin-top: 10px
	}

	.xp_main .xp_news ul li .news_time {

		font-size: 14px
	}

	.xp_main .xp_news ul li .news_btn {

		font-size: 16px;

		margin-top: 10px
	}

	.xp_main .xp_news .view_more {

		width: 120px;

		text-align: center;

		font-size: 16px;

		padding: 10px 0;

		margin: 10px auto 20px
	}

	.about_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.about_main .about_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 10px
	}

	.about_main .about_box .about_left {

		width: 100%;

		box-sizing: border-box;

		padding-right: 0;

		float: left;

		border-bottom: 1px solid #ccc
	}

	.about_main .about_box .about_left ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0
	}

	.about_main .about_box .about_left ul li {

		padding: 16px 32px 0;

		font-size: 16px;

		color: #151414;

		line-height: 1.5;

		float: left
	}

	.about_main .about_box .about_left ul li span {

		padding-bottom: 8px;

		border-bottom: 2px solid transparent;

		text-decoration: none;

		display: inline-block
	}

	.about_main .about_box .about_left ul li:hover {

		color: #FD4627
	}

	.about_main .about_box .about_left ul li:hover .line {

		background-color: #fff
	}

	.about_main .about_box .about_left ul li .on {

		border-color: #FD4627
	}

	.about_main .about_banner {

		height: 400px
	}

	.about_main .about_recruit_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 40px;

		padding: 40px 50px;

		background-color: #fff
	}

	.about_main .about_recruit_box .about_recruit_title {

		font-size: 24px;

		line-height: 1.5;

		color: #151414
	}

	.about_main .about_recruit_box .about_recruit_label {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 16px;

		color: #666;

		margin-top: 20px
	}

	.about_main .about_recruit_box .about_recruit_label p {

		width: 95px;

		float: left;

		margin-top: 10px
	}

	.about_main .about_recruit_box .about_recruit_label ul {

		width: calc(100% - 95px);

		height: auto;

		overflow: hidden;

		float: left;

		padding: 0 20px
	}

	.about_main .about_recruit_box .about_recruit_label ul li {

		padding: 0 20px;

		margin-top: 10px;

		float: left
	}

	.about_main .about_recruit_box .about_recruit_legend .legend {

		display: none;

		width: 100%
	}

	.about_main .about_recruit_box .about_recruit_legend .legend .table {

		margin-top: 40px;

		width: 100%
	}

	.about_main .about_recruit_box .about_recruit_legend .legend .table tbody {

		width: 100%
	}

	.about_main .about_recruit_box .about_recruit_legend .legend .table tbody .tr {

		width: 100%
	}

	.about_main .about_recruit_box .recruit_text_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.about_main .about_recruit_box .recruit_text_box .recruit_text_title {

		font-size: 24px;

		line-height: 1.5;

		color: #151414
	}

	.about_main .about_recruit_box .recruit_text_box .recruit_text_other {

		width: 100%;

		padding: 10px 0 20px;

		border-bottom: 1px solid #eee
	}

	.about_main .about_recruit_box .recruit_text_box .recruit_text_other p {

		display: inline-block;

		margin-right: 40px
	}

	.xfans_topic {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.xfans_topic .topic_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 20px auto 0;

		padding: 0
	}

	.xfans_topic .topic_box .topic_left {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left
	}

	.xfans_topic .topic_box .topic_left .topic_top {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #fff
	}

	.xfans_topic .topic_box .topic_left .topic_top ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0
	}

	.xfans_topic .topic_box .topic_left .topic_top ul li {

		width: auto;

		height: 50px;

		line-height: 50px;

		padding: 0 20px;

		float: left;

		font-size: 16px;

		color: #151414
	}

	.xfans_topic .topic_box .topic_left .topic_top ul .on {

		background-color: #FD4627;

		color: #fff
	}

	.xfans_topic .topic_box .topic_left .topic_bottom {

		width: 100%;

		min-height: 550px;

		overflow: hidden;

		background-color: #fff;

		margin-top: 20px
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 30px
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 20px 0
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li img {

		width: 50px;

		height: 50px;

		border-radius: 50%;

		float: left
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info {

		width: calc(100% - 70px);

		height: auto;

		overflow: hidden;

		float: right
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_text {

		display: block;

		height: auto;

		max-height: 60px;

		line-height: 1.2;

		color: #151414;

		font-size: 16px;

		width: 100%;

		overflow: hidden;

		white-space: normal;

		letter-spacing: .05em;

		cursor: pointer
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_text:hover {

		color: #FD4627
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_name {

		margin-top: 10px;

		float: left;

		margin-right: 16px
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_num {

		margin-top: 10px;

		float: left;

		margin-right: 16px
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_num i {

		width: 18px;

		height: 18px;

		font-size: 16px;

		line-height: 1.2
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_num span {

		font-size: 12px;

		line-height: 1.2;

		color: #999
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_time {

		float: right;

		margin-top: 10px
	}

	.xfans_topic .topic_box .topic_left .topic_bottom ul li .topic_info .topic_time span {

		font-size: 12px;

		color: #999
	}

	.xfans_topic .topic_box .topic_right {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		padding-left: 0
	}

	.xfans_topic .topic_box .topic_right .topic_release {

		width: 92%;

		height: 50px;

		line-height: 50px;

		background-color: #FD4627;

		color: #fff;

		font-size: 16px;

		text-align: center;

		margin: 20px auto
	}

	.xfans_topic .topic_box .topic_right .topic_rule {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 20px 16px;

		background-color: #fff;

		margin-top: 20px
	}

	.xfans_topic .topic_box .topic_right .topic_rule .topic_rule_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_topic .topic_box .topic_right .topic_rule .topic_rule_box .topic_rule_title {

		font-size: 16px;

		color: #151414;

		line-height: 1.2
	}

	.xfans_topic .topic_box .topic_right .topic_rule .topic_rule_box .topic_rule_text {

		margin-top: 16px;

		height: 85px;

		overflow: hidden
	}

	.xfans_topic .topic_box .topic_right .topic_rule .topic_rule_box .topic_rule_text p {

		font-size: 14px;

		color: #666;

		line-height: 1.5
	}

	.xfans_topic .topic_box .topic_right .topic_rule .topic_rule_btn {

		margin-top: 20px;

		color: #FD4627;

		font-size: 16px
	}

	.xfans_topic .topic_box .topic_right .beta_driver {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 20px 16px;

		background-color: #fff;

		margin-top: 20px
	}

	.xfans_topic .topic_box .topic_right .beta_driver .beta_driver_title {

		font-size: 16px;

		color: #151414;

		line-height: 1.2;

		margin-bottom: 10px
	}

	.xfans_topic .topic_box .topic_right .beta_driver .beta_driver_box {

		font-size: 14px;

		color: #666;

		line-height: 1.2;

		overflow: hidden
	}

	.xfans_topic .topic_box .topic_right .beta_driver .beta_driver_box .beta_driver_text {

		margin: 20px 0 16px
	}

	.xfans_topic .topic_box .topic_right .beta_driver .beta_driver_box .beta_driver_btn {

		width: 100%;

		height: 30px;

		line-height: 30px;

		text-align: center;

		background-color: #eb4d1d;

		color: #fff;

		margin-bottom: 20px
	}

	.reply_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		padding: 0;

		position: relative
	}

	.down_main {

		margin: 0 auto
	}

	.down_main .down_box {

		padding: 30px 15px
	}

	.down_main .down_box .down_title {

		font-size: 24px
	}

	.down_main .down_box .route_title {

		font-size: 16px
	}

	.down_main .show_title {

		margin-top: 30px
	}

	.down_main .show_hint {

		margin-top: 15px
	}

	.down_main .show_select_product {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.down_main .show_select_product .show_left ul li {

		padding: 30px 15px 0
	}

	.down_main .show_select_product .show_right ul {

		padding: 0 15px
	}
	.down_main .titleBox{
		padding: 0 35px !important;
	}
	.down_main .Top_Questions, .down_main .Search_Results .search_box{
    width: calc(100vw - 70px) !important;
	}
	.down_main .down_show_detail {

		padding: 0 32px 40px
	}

	.down_main .down_show_detail .product_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #ccc
	}

	.down_main .down_show_detail .product_box .detail_product {

		margin: 30px auto;

		width: 500px;

		height: auto;

		overflow: hidden
	}

	.down_main .down_show_detail .product_box .detail_product img {

		width: 200px;

		height: 150px;

		float: left
	}

	.down_main .down_show_detail .product_box .detail_product .detail_product_text {

		float: right;

		line-height: 150px;

		font-size: 16px
	}

	.down_main .down_show_detail .detail_info {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding-top: 60px
	}

	.down_main .down_show_detail .detail_info .info_left {

		width: 40%;

		float: left
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_title {

		font-size: 20px;

		color: #666;

		line-height: 1.2;

		margin-bottom: 10px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main p {

		margin: 0
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_name {

		width: 100%;

		height: auto;

		float: left
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_name .name_text {

		font-size: 14px;

		color: #FD4627;

		line-height: 1.4
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_name .name_time {

		font-size: 12px;

		color: #666;

		line-height: 1.4
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_format {

		width: 100%;

		height: auto;

		float: left;

		margin-top: 10px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_format .format_btn {

		font-size: 12px;

		color: #666;

		line-height: 1.4;

		padding: 2px 10px;

		background-color: #f5f5f5;

		border: 1px solid #ccc;

		float: left;

		cursor: pointer;

		margin-right: 60px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_format .pdf {

		float: left
	}

	.down_main .down_show_detail .detail_info .info_right {

		width: 60%;

		float: right;

		padding-left: 30px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_title {

		font-size: 20px;

		color: #666;

		line-height: 1.2;

		margin-bottom: 10px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-bottom: 24px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_logo {

		width: 35px;

		height: 35px;

		margin-top: 30px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_logo img {

		width: 100%;

		height: auto
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show p {

		margin: 0
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_name {

		width: 60%;

		height: auto;

		float: left
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_name .name_text {

		font-size: 14px;

		color: #FD4627;

		line-height: 1.4;

		margin-bottom: 5px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_name .name_time {

		font-size: 12px;

		color: #666;

		line-height: 1.4
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format {

		width: 40%;

		height: auto;

		float: left;

		padding-left: 20px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format .format_btn {

		font-size: 12px;

		color: #666;

		line-height: 1.4;

		float: left;

		cursor: pointer
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format .format_btn:hover {

		background-color: #FD4627;

		color: #fff
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format .pdf {

		float: right;

		margin-right: 90px
	}



	.support_home {

		margin: 0 auto
	}

	.support_home .support_home_box {

		width: 600px
	}

	.support_home .support_home_box .title {

		font-size: 24px;

		color: #151414;

		margin-bottom: 20px;

		text-align: center
	}

	.support_home .support_home_box .text {

		font-size: 14px;

		color: #666;

		margin-bottom: 20px;

		text-align: center
	}

	.video {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.video .video_left {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left
	}

	.video .video_play {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.video .video_play .play_introduce {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.video .video_play .play_introduce .title {

		font-size: 16px;

		color: #151414;

		height: 44px;

		overflow: hidden;

		margin-top: 50px
	}

	.video .video_play .play_introduce .video_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 40px;

		padding-bottom: 60px
	}

	.video .video_play .play_introduce .video_show .video_show_left {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_show_img {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_show_img img {

		width: 100%;

		height: 650px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_show_img i {

		position: absolute;

		left: 50%;

		top: 50%;

		width: 50px;

		line-height: 50px;

		transform: translate(-50%, -50%);

		font-size: 35px;

		color: #fff
	}

	.video .video_play .play_introduce .video_show .video_show_left iframe {

		display: none;

		width: 100%;

		height: 650px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type {

		width: 100%;

		height: 70px;

		line-height: 70px;

		background-color: #f5f5f5;

		font-size: 12px;

		padding: 0 16px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type p {

		float: left;

		margin-right: 30px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type p i {

		width: 14px;

		margin-right: 5px;

		float: left
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type p span {

		display: inline-block;

		float: left
	}

	.video .video_play .play_introduce .video_show .video_show_left .text {

		color: #666;

		margin-top: 40px
	}

	.video .video_play .play_introduce .video_show .video_show_right {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		padding-left: 0;

		margin-top: 30px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 16px;

		color: #151414;

		font-weight: bold;

		padding: 0 10px 10px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video img {

		width: 140px;

		height: auto;

		float: left;

		margin: 0 10px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video .recommend_video_introduce {

		width: calc(100% - 170px);

		height: auto;

		overflow: hidden;

		float: left;

		margin-left: 10px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video .recommend_video_introduce .title {

		height: 44px;

		overflow: hidden;

		font-size: 16px;

		color: #151414;

		margin-top: 0
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video .recommend_video_introduce p {

		color: #999;

		margin-top: 10px
	}

	.video .video_right {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		padding-left: 0;

		margin-bottom: 30px
	}

	.video .video_right .recommend {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.video .video_right .recommend .recommend_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 16px;

		color: #151414;

		font-weight: bold;

		padding: 30px 10px 10px
	}

	.video .video_right .recommend .recommend_video {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px
	}

	.video .video_right .recommend .recommend_video img {

		width: 140px;

		height: auto;

		float: left;

		margin: 0 10px
	}

	.video .video_right .recommend .recommend_video .recommend_video_introduce {

		width: calc(100% - 170px);

		height: auto;

		overflow: hidden;

		float: left;

		margin-left: 10px
	}

	.video .video_right .recommend .recommend_video .recommend_video_introduce .title {

		height: 44px;

		overflow: hidden;

		font-size: 16px;

		color: #151414
	}

	.video .video_right .recommend .recommend_video .recommend_video_introduce p {

		color: #999;

		margin-top: 10px
	}

	.product_main {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.product_main .product_box_envelope {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5
	}

	.product_main .product_box_envelope .product_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0;

		background-color: #f5f5f5;

		margin: 0 auto
	}

	.product_main .product_box_envelope .product_box .product_title {

		padding: 70px 0 0;

		width: 250px;

		height: auto;

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		text-align: center;

		margin: 0 auto
	}

	.product_main .product_box_envelope .product_box .product_text {

		width: 100%;

		height: auto;

		padding: 0 15px;

		text-align: center;

		margin: 40px auto 30px;

		color: #666;

		font-size: 14px;

		line-height: 1em;

		letter-spacing: .00625em
	}

	.product_main .product_box_envelope .product_box .product_list {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.product_main .product_box_envelope .product_box .product_list ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap
	}

	.product_main .product_box_envelope .product_box .product_list ul li {

		width: 30%;

		height: auto;

		overflow: hidden;

		padding: 10px;

		background-color: #fff;

		float: left;

		margin: 30px 0 0;

		box-sizing: border-box;

		border: 1px solid #fff
	}

	.product_main .product_box_envelope .product_box .product_list ul li:hover {

		border: 1px solid #ccc
	}

	.product_main .product_box_envelope .product_box .product_list ul li img {

		width: 100%;

		height: auto
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px;

		padding: 0 10px;

		font-size: 24px;

		line-height: 1;

		color: #151414;

		text-align: center
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_text {

		width: 100%;

		height: 30px;

		overflow: hidden;

		margin-top: 10px;

		padding: 0 10px;

		font-size: 14px;

		line-height: 1em;

		color: #666;

		text-align: center
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_text::after {

		content: "...";

		position: absolute;

		bottom: 0;

		right: 0;

		padding-left: 40px;

		background: -webkit-linear-gradient(left, transparent, #fff 55%);

		background: -o-linear-gradient(right, transparent, #fff 55%);

		background: -moz-linear-gradient(right, transparent, #fff 55%);

		background: linear-gradient(to right, transparent, #fff 55%)
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_btn {

		width: 70%;

		height: auto;

		line-height: 40px;

		font-size: 14px;

		text-align: center;

		color: #151414;

		border: 1px solid #ccc;

		margin: 30px auto 0
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_compare {

		width: 100px;

		font-size: 14px;

		line-height: 1.25em;

		color: #FD4627;

		margin: 15px auto 30px
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_compare .check {

		display: none;

		width: 20px;

		height: 20px
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_compare .shBtn {

		display: inline-block
	}

	.product_main .product_box_envelope .product_box .product_list ul li .on {

		color: #151414
	}

	.product_main .product_box_envelope .product_box .product_list ul:after {

		content: '';

		width: 380px
	}

	.works_cover_box {

		width: 85%
	}

	footer .footer_main {

		width: 100%
	}

	footer .footer_main .copyright {

		padding: 15px 10px
	}

	.country_warp {

		display: none;

		position: fixed;

		bottom: 0;

		top: auto;

		left: 0;

		z-index: 90;

		width: 100%;

		height: 1200px;

		background: rgba(0, 0, 0, 0.5)
	}

	.country_warp .country_select {

		position: absolute;

		width: 100%;

		top: 20%;

		left: 0;

		transform: translate(0, 0);

		height: 80%;

		overflow: auto;

		background-color: #fff
	}

	.country_warp .country_select .country_close {

		position: absolute;

		top: 10px;

		right: 20px;

		width: 30px;

		height: 30px;

		font-size: 30px
	}

	.country_warp .country_select .country_main {

		width: 80%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		padding-bottom: 60px
	}

	.country_warp .country_select .country_main .country_title {

		font-size: 24px;

		line-height: 1;

		color: #666;

		margin-top: 60px;

		text-align: center
	}

	.country_warp .country_select .country_main .select_continent {

		margin-top: 30px;

		width: 100%
	}

	.country_warp .country_select .country_main .select_continent .select2 {

		width: 100% !important;

		height: 40px;

		font-size: 24px !important;

		line-height: 40px;

		color: #666
	}

	.country_warp .country_select .country_main .select_country {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 1.5%;

		border: 1px solid #151414;

		margin-top: 40px
	}

	.country_warp .country_select .country_main .select_country .select_country_show {

		width: 100%;

		height: 40px;

		padding: 0 1.5%;

		font-size: 24px;

		line-height: 40PX;

		color: #151414
	}

	.country_warp .country_select .country_main .select_country .select_country_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 1.5%
	}

	.country_warp .country_select .country_main .select_country .select_country_warp ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between
	}

	.country_warp .country_select .country_main .select_country .select_country_warp ul li {

		width: 40%;

		height: 50px;

		font-size: 16px;

		line-height: 45px;

		text-align: center;

		color: #666;

		background-color: #f5f5f5;

		margin-top: 15px
	}

	.country_warp .country_select .country_main .select_country .select_country_warp ul li:hover {

		background-color: #ccc
	}

	.country_warp .country_select .country_main .site_text {

		width: 270px;

		height: auto;

		margin: 40px auto 0;

		font-size: 14px;

		line-height: 1.25em;

		color: #666
	}

	.country_warp .country_select .country_main .site_text .site_icon {

		float: left;

		margin: 0 5px
	}

	.country_warp .country_select .country_main .site_text .site_line {

		display: block;

		width: 0;

		height: 1px;

		background-color: #666;

		transition: all 1s
	}

	.country_warp .country_select .country_main .site_text:hover .site_line {

		width: 100%
	}

	.w_1400 {

		width: 100% !important;

		margin: 0 auto
	}

	.navBox {

		left: -90%
	}

}

@media screen and (max-width:1025px) {

	.competition .competition_content .competition_activity .activity_ul {

		margin-right: -20px
	}

	.competition .competition_content .competition_activity .activity_ul .activity_list {

		width: calc(50% - 20px);

		height: auto;

		overflow: hidden;

		float: left;

		margin-bottom: 30px;

		margin-right: 20px
	}

}

@media screen and (max-width:1440px) {

	/*活动时间展示*/
	.competition .competition_content .competition_activity .activity_ul .activity_list .time {
		display: block;
		margin-left: 0;
	}

	/*活动时间展示 end*/
	.navMenu li.xp_nav_pro .xp_container li {

		margin: 40px 1.5% 10px 0
	}

	.navMenu li.xp_nav_pro .xp_container li:nth-child(6) {

		margin-right: 0
	}

	.navMenu li {

		font-size: 13px;

		padding: 0 10px
	}

	.footer_main {

		width: 100%
	}

	.news_box .new_show {

		width: 100%
	}

	.news_box .xp_news {

		width: 100%
	}

	.news_box .currency_box .down_box {

		width: 100%
	}

	.product_details .subnav_box .subnav {

		width: 100%
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans {

		width: 100%
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote {

		width: 100%
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics {

		width: 100%
	}

	.xfans_home_box .xfans_question_warp .xfans_question {

		width: 100%
	}

}

@media screen and (max-width:1200px) {

	/*活动时间展示*/
	.competition .competition_content .competition_activity .activity_ul .activity_list .time {
		font-size: 12px;
		display: block;
		margin-left: 0;
	}

	/*活动时间展示 end*/
	.navMenu li {

		font-size: 13px;

		padding: 0 12px
	}

	.product_main .product_box_envelope .product_box {

		width: 100%
	}

	.aboutsize {

		font-size: 14px
	}

	.aboutus_box {

		font-size: 22px
	}

	/*!* * 下载驱动*!*/
	.down_main .show_select_product {

		width: 100% !important
	}

	/*!* * 下载驱动*!*/
}

@media screen and (max-width:1100px) {

	.layui-layer-iframe {

		overflow-y: inherit;

		-webkit-overflow-scrolling: touch
	}

}

@media(min-width:768px) and (max-width:991px) {

	.cert_box .cert_left {

		display: none
	}

	.cert_box .cert_right {

		width: 100%;

		margin-left: 0
	}

	.support_home .support_home_box {

		width: 600px
	}

	.aboutsize {

		font-size: 12px
	}

	.aboutus_box {

		font-size: 20px
	}

	.new_show .new_show_content .newstext .newsspan {

		font-size: 14px
	}

	.countryLanguageSelect .card .panelBox .card-body ul li a {

		height: auto
	}

	.navMenu li {

		font-size: 14px
	}

	.navbar-inverse .navMenu>li:last-child>a {

		padding: 0 20px 0 0;

		background: #fff;

		color: #151414
	}

	.navbar-inverse .navMenu>li:last-child>a:hover {

		padding: 0 20px 0 0;

		background: 0;

		color: #FD4627
	}

	.navBox {

		left: -90%;

		height: 100%;

		max-height: 100%
	}

	.xp_warp .search_warp {

		width: 500px;

		position: absolute;

		background: #fff;

		height: 100%;

		left: 50%;

		margin-left: -200px
	}

	.xfans_work .works_cover .works_box li {

		width: 260px;

		margin: 0 24px 25px 0;

		overflow: hidden
	}

	/*.xfans_work .works_cover .works_box li:nth-child(3n) {*/

	/*margin-right:0*/

	/*}*/

	/*.xfans_work .works_cover .works_box li:nth-child(5n) {*/

	/*margin-right:2%*/

	/*}*/

	.xp_warp .xp_icon .account .navbar-nav {

		margin: 0
	}

	.xfans_work .work_subnav .screen a {

		margin: 0 20px 0 20px;

		line-height: 60px
	}

	.uploadPhoto .imgBox {

		left: 6%;

		top: 5px
	}

	.uploadPhoto .imgBox img {

		max-width: 160px
	}

	.footer_main ul li {

		width: 50%;

		max-width: 50%
	}

}

@media screen and (max-width:860px) {

	.down_main .seek_option {

		width: 100%
	}

	.down_main .seek_option .show_option_box {

		width: 100%;

		margin: 0 auto;

		float: none
	}

	.down_main .seek_option .show_option_box .show_options {

		width: 300px;

		margin: 20px auto 0;

		float: none
	}

	.down_main .seek_option .down_search {

		width: 100%;

		margin: 0 auto 20px;

		float: none
	}

	.down_main .seek_option .down_search input {

		display: block;

		width: 300px;

		margin: 20px auto 0;

		float: none
	}

	.down_main .seek_option .down_search .down_search_btn {

		width: 300px;

		margin: 20px auto 0;

		float: none;

		display: block;
	}

	.down_main .show_select_product {

		width: 100% !important
	}

}

@media screen and (max-width:767px) {

	.cert_box .cert_left {

		display: none
	}

	.cert_box .cert_right {

		width: 100%;

		padding: 0 16px
	}

	.cert_box .cert_right .secret_key .software .software_img {

		display: block;

		float: none;

		margin: 0 auto
	}

	.cert_box .cert_right .secret_key .software .software_info {

		float: none;

		width: 100%
	}

	.cert_box .cert_right .secret_key .software .software_info .software_title {

		text-align: center;

		margin-top: 20px
	}

	.cert_box .cert_right .cert_main .cert_info .parameter .introduce {

		max-width: 100%
	}

	.cert_box .cert_right .secret_key .introduce {

		max-width: 100%
	}

	.layui-layer-iframe {

		overflow-x: hidden
	}

	.xp_header .in .open .dropdown-menu,
	.xp_header .in .dropdown-menu {

		overflow-x: hidden;

		overflow-y: auto
	}

	.navMenu li.dropdown .xp_container {

		height: auto;

		overflow-x: hidden;

		overflow-y: auto
	}

	.countryLanguageSelect .card .panelBox .card-body ul li a img {

		width: 100%;

		margin-right: 0
	}

	.countryLanguageSelect .card .panelBox .card-body ul li a span {

		width: 100%;

		text-align: left
	}

	.xp_main .xp_about_box .xp_about {

		padding: 0 0 10px 0
	}

	.aboutContent {

		width: 100%;

		padding: 0 16px;

		margin: 40px auto 0;

	}

	.aboutus_box {

		width: 100%;

		margin-right: 0
	}

	.aboutus_box_img {

		width: 100%
	}

	.about_1_text {

		width: 100%;

		margin-top: 20px
	}

	.about_2_text {

		position: static;

		left: 0;

		top: 0;

		transform: translate(0, 0);

		width: 100%;

		margin-bottom: 20px
	}

	.about_3_text {

		position: static;

		left: 0;

		top: 0;

		transform: translate(0, 0);

		width: 100%;

		margin-bottom: 20px
	}

	.about_4_text {

		position: static;

		left: 0;

		top: 0;

		transform: translate(0, 0);

		width: 100%;

		margin-bottom: 20px
	}

	.about_5_text {

		position: static;

		left: 0;

		top: 0;

		transform: translate(0, 0);

		width: 100%;

		margin-bottom: 20px
	}

	.about_6_text {

		position: static;

		left: 0;

		top: 0;

		transform: translate(0, 0);

		width: 100%;

		margin-bottom: 20px
	}

	.aboutsize {

		font-size: 14px
	}

	.aboutus_box {

		font-size: 20px;

		margin-bottom: 30px
	}

	.xp_header .in .menuHide,
	.navbar-inverse .navMenu>.open .xp_container li a.menuHide,
	.xp_header .in li.xp_nav_pro .xp_container li .show_pro_nav li.menuHide {

		display: none
	}

	.new_show .new_show_content .newstext .newsspan {

		font-size: 14px
	}

	.countryLanguageSelect .card .panelBox .card-body ul li a {

		height: auto
	}

	.layui-layer-setwin .layui-layer-close2 {

		right: -20px;

		top: -20px
	}

	.navbar-inverse .navMenu>li:last-child>a {

		padding: 0 20px 0 0;

		background: #fff;

		color: #151414
	}

	.navbar-inverse .navMenu>li:last-child>a:hover {

		padding: 0 20px 0 0;

		background: 0;

		color: #FD4627
	}

	.xp_warp .xp_icon .account .a_box img {

		width: 24px;

		height: 24px
	}

	.xp_warp .xp_icon .navbar-toggle .icon-bar {

		height: 1px;

		margin-top: 6px
	}

	.navbar-inverse .navbar-toggle {

		margin-right: 6px;

		margin-top: 4px
	}

	.navbar-inverse .navbar-nav>li>a {

		margin-right: 11px
	}

	.navbar-nav {

		margin: 0 -6px
	}

	.dynamic_cover ul li {

		width: calc(50% - 20px)
	}

	.reply_left_bottom {

		padding: 20px 16px 40px
	}

	.reply_content .reply_content_box .avatar {

		width: 30px
	}

	.reply_content .reply_content_box .avatar img {

		width: 30px;

		height: 30px
	}

	.reply_content .reply_content_box .inputBox {

		width: calc(100% - 46px)
	}

	.reply_left_bottom .message_box .message_box_left {

		width: 30px
	}

	.reply_left_bottom .message_box .message_box_left img {

		width: 30px;

		height: 30px
	}

	.reply_left_bottom .message_box .message_box_right {

		width: calc(100% - 46px)
	}

	.work_details_left {

		width: 100%
	}

	.work_details_right {

		width: 100%
	}

	.work_details_introduce .details_introduce_header img {

		width: 30px;

		height: 30px
	}

	.work_details_introduce .details_introduce_header .personal_info .name {

		float: left;

		line-height: 30px
	}

	.work_details_introduce .details_introduce_header .personal_info .follow {

		margin-top: 0;

		margin-left: 10px;

		line-height: 30px;

		padding: 0 10px
	}

	.table>tbody>tr>th {

		font-size: 14px;

		height: 30px;

		line-height: 30px;

		padding: 0 0 0 5px
	}

	.table>tbody>tr .t1 {

		width: 40%;

		word-wrap: break-word;

		word-break: normal;

		text-align: center
	}

	.table>tbody>tr .t1 a:hover {

		color: #FD4627 !important
	}

	.table>tbody>tr .t2 {

		width: 30%
	}

	.table>tbody>tr .t3 {

		width: 30%
	}

	.tong_line {

		display: inline-block;

		padding-bottom: 8px;

		border-bottom: 2px solid #ccc
	}

	body {

		min-width: 300px
	}

	header {

		min-width: 300px
	}

	.xp_header {

		position: fixed;

		height: 50px;

		background-color: #fff;

		min-width: 300px;

		top: 0
	}

	.top_nav {

		display: none
	}

	.xp_header .xp_warp {

		height: 50px
	}

	.xp_header .xp_warp .logo {

		margin-left: 10px
	}

	.xp_header .xp_warp .logo img {

		height: 30px
	}

	.xp_header .xp_warp .xp_icon {

		height: auto
	}

	.xp_header .xp_warp .xp_icon .search i,
	.xp_header .xp_warp .xp_icon .account i,
	.xp_header .xp_warp .xp_icon .search_close i {

		font-size: 25px
	}

	.xp_header .xp_warp .xp_icon .red {

		position: absolute;

		top: 5px;

		right: 8px
	}

	.navBox {

		left: -90%;

		height: 100%;

		max-height: 100%
	}

	.xp_header .xp_warp .phone_nav_close {

		display: flex
	}

	.xp_header .xp_warp .search {

		margin-right: 5px
	}

	.xp_header .xp_warp .search_warp {

		position: absolute;

		top: 50px;

		left: 0;

		width: 100%;

		height: 50px;

		background-color: #fff;

		margin: 0;

		border-bottom: 1px solid #ccc
	}

	.xp_header .xp_warp .search_warp .search_send {

		height: 30px;

		line-height: 30px;

		margin-top: 10px;

		margin-left: 15px;

		margin-right: 0;

		background: #fff
	}

	.xp_header .xp_warp .search_warp .input {

		width: calc(100% - 90px);

		height: 30px;

		line-height: 30px;

		margin-top: 10px;

		border-left: none;

		margin-left: 0
	}

	.xp_header .xp_warp .search_warp .search_close {

		height: 30px;

		line-height: 30px;

		margin-top: 10px;

		margin-right: 15px;

		margin-left: 0
	}

	.xp_header .xp_warp .search_warp .hot_search {

		width: 100% !important;

		top: 40px !important
	}

	.xp_header .nav_show {

		display: none
	}

	.xp_header .nav_show_phone {

		display: block;

		width: 100%;

		position: absolute;

		top: 0;

		left: -999px
	}

	.xp_header .nav_show_phone .phone_back {

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding-left: 15px;

		background-color: #fff;

		font-size: 16px
	}

	.xp_header .nav_show_phone .phone_back .back_arrow {

		width: 20px;

		height: 20px;

		font-size: 14px
	}

	.xp_header .nav_show_phone ul {

		width: 100%;

		height: 620px;

		overflow: hidden;

		background-color: #fff;

		padding-left: 15px
	}

	.xp_header .nav_show_phone ul .phone_title {

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding-left: 8px;

		border-bottom: 1px solid #eee
	}

	.xp_header .nav_show_phone ul li {

		width: 100%;

		height: 50px;

		line-height: 50px;

		margin-left: 30px;

		border-bottom: 1px solid #eee
	}

	.xp_warp .xp_icon .account .a_box,
	.xp_warp .xp_icon .account ul,
	.xp_warp .xp_icon .account ul li {

		display: inline-block
	}

	.xp_main .swiper-container .swiper-pagination-bullet {

		width: 30px
	}

	.xp_main {

		margin: 0 auto
	}

	.xp_main .xp_appliance .appliance_title {

		font-size: 24px;

		line-height: 1.2;

		padding: 30px 10px 0
	}

	.xp_main .xp_appliance .appliance_show {

		margin-top: 20px
	}

	.xp_main .xp_appliance .appliance_show ul {

		padding: 0 5px;

		display: block
	}

	.xp_main .xp_appliance .appliance_show ul li {

		width: calc(50% - 10px) !important;

		height: auto;

		overflow: hidden;

		float: left;

		display: block;

		margin: 10px 5px
	}

	.xp_main .xp_appliance .appliance_show ul li .show_text {

		width: 100%;

		height: 40px;

		overflow: hidden;

		position: relative;

		left: auto;

		bottom: auto;

		color: #151414;

		line-height: 1.2;

		background-color: #fff;

		margin: 10px auto 0
	}

	.xp_main .xp_fans_envelope .xp_fans {

		width: 100%;

		padding: 0 0 30px 0;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5;

		border-bottom: 1px solid #ccc
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_title {

		padding: 30px 10px 0
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_title_text {

		margin: 16px auto 20px
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_show {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_show ul {

		width: auto;

		height: auto;

		overflow: hidden;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_show ul li {

		width: 50%;

		height: auto;

		overflow: hidden;

		cursor: pointer
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_show ul li img {

		width: 100%;

		height: auto
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_show ul li .fans_text {

		width: auto;

		height: auto;

		overflow: hidden;

		margin-top: 10px
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_show ul li .fans_text .icon_fans {

		width: 15px;

		height: 15px;

		margin-left: 15px
	}

	.xp_main .xp_fans_envelope .xp_fans .fans_show ul li .fans_text .fans_span {

		font-size: 12px;

		line-height: 1em;

		color: #aaa
	}

	.xp_main .xp_news_envelope .xp_news {

		padding-bottom: 50px
	}

	.xp_main .xp_news_envelope .xp_news .xp_news_title {

		padding: 30px 10px 0
	}

	.xp_main .xp_news_envelope .xp_news ul {

		padding: 0 5px;

		margin-top: 20px
	}

	.xp_main .xp_news_envelope .xp_news ul li {

		width: calc(50% - 10px);

		margin: 0 5px 10px;

		padding: 10px
	}

	.xp_main .xp_news_envelope .xp_news ul li .news_title {

		line-height: 1.2;

		height: 40px;

		margin-top: 10px
	}

	.xp_main .xp_news_envelope .xp_news ul li .news_text {

		height: 50px;

		line-height: 1.2;

		margin-top: 10px
	}

	.xp_main .xp_news_envelope .xp_news ul li .news_time {

		font-size: 14px
	}

	.xp_main .xp_news_envelope .xp_news ul li .news_btn {

		font-size: 16px;

		margin-top: 10px
	}

	.product_main {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.product_main .product_box_envelope {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5
	}

	.product_main .product_box_envelope .product_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5;

		margin: 0 auto;

		padding: 0 16px
	}

	.product_main .product_box_envelope .product_box .product_title {

		padding: 50px 0 0;

		width: 100%;

		height: auto;

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		text-align: center;

		margin: 0 auto
	}

	.product_main .product_box_envelope .product_box .product_text {

		width: 100%;

		height: auto;

		padding: 0;

		text-align: center;

		margin: 40px auto 30px;

		color: #666;

		font-size: 14px;

		line-height: 1em;

		letter-spacing: .00625em
	}

	.product_main .product_box_envelope .product_box .product_text p span {

		font-size: 16px !important
	}

	.product_main .product_box_envelope .product_box .product_list {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.product_main .product_box_envelope .product_box .product_list ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap
	}

	.product_main .product_box_envelope .product_box .product_list ul li {

		width: calc(50% - 8px);

		height: auto;

		overflow: hidden;

		padding: 10px;

		background-color: #fff;

		float: left;

		margin: 30px 0 0;

		box-sizing: border-box;

		border: 1px solid #fff
	}

	.product_main .product_box_envelope .product_box .product_list ul li:hover {

		border: 1px solid #ccc
	}

	.product_main .product_box_envelope .product_box .product_list ul li img {

		width: 100%;

		height: auto
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_title {

		width: 100%;

		height: 40px;

		overflow: hidden;

		margin-top: 20px;

		padding: 0 10px;

		font-size: 16px;

		line-height: 20px;

		color: #151414;

		text-align: center
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_text {

		display: none;

		width: 100%;

		height: 30px;

		overflow: hidden;

		margin-top: 10px;

		padding: 0 10px;

		font-size: 14px;

		line-height: 1em;

		color: #666;

		text-align: center
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_text::after {

		content: "...";

		position: absolute;

		bottom: 0;

		right: 0;

		padding-left: 40px;

		background: -webkit-linear-gradient(left, transparent, #fff 55%);

		background: -o-linear-gradient(right, transparent, #fff 55%);

		background: -moz-linear-gradient(right, transparent, #fff 55%);

		background: linear-gradient(to right, transparent, #fff 55%)
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_btn {

		width: 85%;

		height: auto;

		line-height: 40px;

		font-size: 14px;

		text-align: center;

		color: #151414;

		border: 1px solid #ccc;

		margin: 30px auto 0
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_compare {

		width: 100px;

		font-size: 14px;

		line-height: 1.25em;

		color: #FD4627;

		margin: 15px auto 30px
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_compare .check {

		display: none;

		width: 20px;

		height: 20px
	}

	.product_main .product_box_envelope .product_box .product_list ul li .list_compare .shBtn {

		display: inline-block
	}

	.product_main .product_box_envelope .product_box .product_list ul li .on {

		color: #151414
	}

	.product_main .product_box_envelope .product_box .product_list ul:after {

		content: '';

		width: 380px
	}

	.product_main .compare_box {

		width: 100%;

		height: auto;

		overflow: auto;

		background-color: #fff;

		position: fixed;

		left: 0;

		bottom: 0;

		border-top: 1px solid #eee;

		transition: all .5s;

		padding: 0 16px
	}

	.product_main .compare_box .compare_1200 {

		width: 100%;

		height: auto;

		overflow: inherit;

		margin: 0 auto 0;

		padding: 16px 10px 0;

		position: relative
	}

	.product_main .compare_box .compare_top {

		width: 100%;

		height: auto;

		overflow: auto;

		padding: 30px 0 10px
	}

	.product_main .compare_box .compare_top .compare_title {

		font-size: 18px;

		color: #666;

		line-height: 1.2;

		float: left
	}

	.product_main .compare_box .compare_top .compare_clear {

		font-size: 14px;

		color: #40a0ed;

		line-height: 1.2;

		float: left;

		margin-top: 4px;

		margin-left: 30px;

		cursor: pointer
	}

	.product_main .compare_box .compare_top .compare_btn {

		position: absolute;

		left: 50%;

		top: -15px;

		margin-left: -15px;

		width: 30px;

		height: 30px;

		border-radius: 50%;

		border: 1px solid #ccc;

		background-color: #fff;

		float: right
	}

	.product_main .compare_box .compare_top .compare_btn i {

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 20px;

		color: #ccc
	}

	.support_home {

		margin: 0 auto
	}

	.support_home .support_home_box {

		width: 100%;

		padding: 0 10px;

		margin-top: 30px
	}

	.support_home .support_home_box .title {

		font-size: 24px;

		color: #151414;

		margin-bottom: 20px;

		text-align: center
	}

	.support_home .support_home_box .text {

		font-size: 14px;

		color: #666;

		margin-bottom: 20px;

		text-align: center
	}

	.support_home .support_home_box ul {

		width: 300px;

		height: auto;

		overflow: hidden;

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap;

		margin: 0 auto
	}

	.support_home .support_home_box ul li {

		width: 130px;

		height: auto;

		overflow: hidden;

		padding: 0 10px;

		margin: 20px 10px 0;

		border: 1px solid #666;

		text-align: center
	}

	.support_home .support_home_box ul li i {

		width: 60px;

		line-height: 60px;

		font-size: 55px;

		margin: 20px auto
	}

	.support_home .support_home_box ul li p {

		width: 100%;

		height: 50px;

		text-align: center;

		color: #666;

		line-height: 1.2
	}

	.about_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		padding: 0
	}

	.about_main .about_title {

		padding: 30px 15px
	}

	.about_main .about_title .down_title {

		font-size: 24px
	}

	.about_main .about_title .route_title {

		font-size: 16px
	}

	.about_main .about_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 10px
	}

	.about_main .about_box .about_right {

		width: 100%;

		height: auto;

		float: left;

		overflow: hidden
	}

	.about_main .about_box .about_right .contact {

		padding: 40px 20px 20px;

		color: #151414
	}

	.about_main .about_box .about_right .contact .contact_title {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.about_main .about_box .about_right .contact .contact_text {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 30px
	}

	.about_main .about_box .about_right .contact .contact_text p {

		float: left;

		margin-right: 20px
	}

	.about_main .about_box .about_right .contact .contact_text p span {

		display: block
	}

	.about_main .about_banner {

		height: 400px
	}

	.about_main .about_recruit_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px;

		padding: 20px 16px;

		background-color: #fff
	}

	.about_main .about_recruit_box .about_recruit_title {

		font-size: 24px;

		line-height: 1.5;

		color: #151414
	}

	.about_main .about_recruit_box .about_recruit_label {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 16px;

		color: #666;

		margin-top: 10px
	}

	.about_main .about_recruit_box .about_recruit_label p {

		width: 100%;

		float: left;

		margin-top: 10px
	}

	.about_main .about_recruit_box .about_recruit_label ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		font-size: 12px;

		padding: 0
	}

	.about_main .about_recruit_box .about_recruit_label ul li {

		padding: 0 8px;

		margin-top: 5px;

		float: left
	}

	.about_main .about_recruit_box .about_recruit_legend .legend {

		display: none;

		width: 100%
	}

	.about_main .about_recruit_box .about_recruit_legend .legend .table {

		margin-top: 20px;

		width: 100%
	}

	.about_main .about_recruit_box .about_recruit_legend .legend .table tbody {

		width: 100%
	}

	.about_main .about_recruit_box .about_recruit_legend .legend .table tbody .tr {

		width: 100%
	}

	.about_main .about_recruit_box .recruit_text_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.about_main .about_recruit_box .recruit_text_box .recruit_text_title {

		font-size: 24px;

		line-height: 1.5;

		color: #151414
	}

	.about_main .about_recruit_box .recruit_text_box .recruit_text_other {

		width: 100%;

		padding: 10px 0 20px;

		border-bottom: 1px solid #eee
	}

	.about_main .about_recruit_box .recruit_text_box .recruit_text_other p {

		display: inline-block;

		margin-right: 40px
	}

	.down_main .down_box {

		padding: 30px 20px !important
	}

	.down_main .down_box .down_title {

		font-size: 24px
	}

	.down_main .down_box .route_title {

		font-size: 15px
	}

	.down_main .show_title {

		display: none
	}

	.down_main .show_hint {

		display: none
	}

	.down_main .show_select_product {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px;

		padding-top: 0
	}

	.down_main .show_select_product .show_left {

		width: 100%;

		padding: 0 8px 20px;

		float: left;

		overflow: hidden
	}

	.down_main .show_select_product .show_left ul {

		width: 100%
	}

	.down_main .show_select_product .show_left ul li {

		width: auto;

		padding: 15px 8px 0;

		font-size: 16px;

		color: #151414;

		line-height: 1.2;

		float: left
	}

	.down_main .show_select_product .show_left ul li a {

		padding-bottom: 8px;

		line-height: 36px;

		border-bottom: 2px solid transparent
	}

	.down_main .show_select_product .show_left ul li:hover {

		color: #FD4627
	}

	.down_main .show_select_product .show_left ul li:hover .line {

		background-color: #fff
	}

	.down_main .show_select_product .show_left ul li .on {

		border-color: #FD4627
	}

	.down_main .show_select_product .show_right {

		width: 100%;

		height: auto;

		float: left;

		overflow: hidden;

		min-height: 300px
	}

	.down_main .show_select_product .show_right ul {

		display: none;

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 8px
	}

	.down_main .show_select_product .show_right ul li {

		height: auto;

		overflow: hidden;

		padding: 0 8px;

		float: left
	}

	.down_main .show_select_product .show_right ul li a {

		text-decoration: none
	}

	.down_main .show_select_product .show_right ul li img {

		width: 100%;

		height: auto
	}

	.down_main .show_select_product .show_right ul li .select_product {

		width: 100%;

		height: 40px;

		font-size: 14px;

		line-height: 1.2;

		color: #151414;

		text-align: center;

		margin: 20px auto 30px
	}

	.down_main .down_show_detail {

		padding: 0 15px
	}

	.down_main .down_show_detail .product_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #ccc
	}

	.down_main .down_show_detail .product_box .detail_product {

		margin: 30px auto;

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 72px;

		text-align: center
	}

	.down_main .down_show_detail .product_box .detail_product img {

		width: auto;

		height: 150px;

		float: none
	}

	.down_main .down_show_detail .product_box .detail_product .detail_product_text {

		float: right;

		width: 100%;

		line-height: 1.2;

		text-align: center;

		font-size: 16px;

		margin-top: 15px
	}

	.down_main .down_show_detail .detail_info {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding-top: 20px
	}

	.down_main .down_show_detail .detail_info .info_left {

		width: 100%;

		float: left;

		padding: 0 16px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_title {

		font-size: 20px;

		color: #666;

		line-height: 1.2;

		margin: 20px 0
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main p {

		margin: 0
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_name {

		width: 100%;

		height: auto;

		float: left
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_name .name_text {

		font-size: 14px;

		color: #FD4627;

		line-height: 1.4;

		margin-bottom: 5px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_name .name_time {

		font-size: 12px;

		color: #666;

		line-height: 1.4;

		margin-bottom: 5px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_format {

		width: 100%;

		height: auto;

		float: left
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_format .format_btn {

		font-size: 12px;

		color: #666;

		line-height: 1.4;

		padding: 2px 10px;

		background-color: #f5f5f5;

		border: 1px solid #ccc;

		float: left;

		cursor: pointer;

		margin-right: 30px
	}

	.down_main .down_show_detail .detail_info .info_left .info_left_main .info_left_format .pdf {

		float: left;

	}

	.down_main .down_show_detail .detail_info .info_right {

		width: 100%;

		float: right;

		margin: 40px 0 20px;

		padding: 0 16px;

	}

	.down_main .down_show_detail .detail_info .info_right .info_right_title {

		font-size: 20px;

		color: #666;

		line-height: 1.2;

		margin-bottom: 0
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_logo {

		width: 35px;

		height: 35px;

		margin-top: 20px;

	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_logo img {

		width: 100%;

		height: auto
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 0;

		margin-bottom: 15px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show p {

		margin: 0
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_name {

		width: 100%;

		height: auto;

		float: left
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_name .name_text {

		font-size: 14px;

		color: #FD4627;

		line-height: 1.4;

		margin-bottom: 5px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_name .name_time {

		font-size: 12px;

		color: #666;

		line-height: 1.4;

		margin-bottom: 5px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format {

		width: 100%;

		height: auto;

		float: left;

		padding-left: 0;

		margin-top: 8px
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format .format_btn {

		font-size: 12px;

		color: #666;

		line-height: 1.4;

		padding: 2px 0;

		float: left;

		cursor: pointer
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format .format_btn:hover {

		background-color: #FD4627;

		color: #fff
	}

	.down_main .down_show_detail .detail_info .info_right .info_right_main .right_main_show .info_right_format .pdf {

		float: right;

		margin-right: 90px
	}

	.down_main .faq_show_detail {

		padding: 0 32px
	}

	.down_main .faq_show_detail .product_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #ccc
	}

	.down_main .faq_show_detail .product_box .detail_product {

		margin: 30px auto;

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 72px;

		text-align: center
	}

	.down_main .faq_show_detail .product_box .detail_product img {

		width: auto;

		height: 150px;

		float: none
	}

	.down_main .faq_show_detail .product_box .detail_product .detail_product_text {

		float: right;

		width: 100%;

		line-height: 1.2;

		text-align: center;

		font-size: 16px;

		margin-top: 15px
	}

	.down_main .mail_info {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 40px auto 0;

		padding: 0 15px !important
	}

	.down_main .mail_info .mail_info_title {

		font-size: 20px;

		line-height: 1.2;

		color: #151414;

		text-align: center
	}

	.down_main .mail_info .mail_info_text {

		font-size: 14px;

		line-height: 1.4;

		color: #666;

		text-align: center;

		margin-top: 20px
	}

	.down_main .mail_info .mail_info_box {

		display: none;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 20px auto 0
	}

	.down_main .mail_info .mail_info_box .mail_info_schedule {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.down_main .mail_info .mail_info_box .mail_info_schedule .spot {

		margin-left: 10px
	}

	.down_main .mail_info .mail_info_box .mail_info_schedule p {

		width: 8px;

		height: 8px;

		border-radius: 50%;

		float: left;

		border: 1px solid #ccc
	}

	.down_main .mail_info .mail_info_box .mail_info_schedule .on1 {

		background-color: #FD4627;

		border: 0
	}

	.down_main .mail_info .mail_info_box .mail_info_schedule .line {

		width: 47%;

		height: 2px;

		background-color: #ccc;

		margin-top: 2px;

		float: left
	}

	.down_main .mail_info .mail_info_box .spot_text {

		font-size: 14px;

		color: #666
	}

	.down_main .mail_info .mail_info_box .spot_text p {

		float: left
	}

	.down_main .mail_info .mail_info_box .spot_text .stageon1 {

		color: #151414
	}

	.down_main .mail_info .mail_info_box .spot_text .stage2 {

		margin-left: 44%
	}

	.down_main .mail_info .mail_info_box .spot_text .stage3 {

		float: right
	}

	.down_main .mail_info .mail_info_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 20px auto 0
	}

	.down_main .mail_info .mail_info_show .register_select {

		width: 100%;

		height: 50px;

		overflow: hidden;

		border: 1px solid #ccc;

		margin-bottom: 20px
	}

	.down_main .mail_info .mail_info_show .register_select .control_p {

		display: inline-block;

		width: 100%;

		height: 50px;

		line-height: 50px;

		margin: 0;

		overflow: hidden
	}

	.down_main .mail_info .mail_info_show .register_select .control_input {

		width: 100%;

		height: 0;

		line-height: 25px
	}

	.down_main .mail_info .mail_info_show .register_select select {

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding: 0 16px
	}

	.down_main .mail_info .mail_info_show textarea {

		width: 100%;

		height: 200px;

		padding: 10px 16px;

		border: 1px solid #ccc
	}

	.down_main .mail_info .mail_info_show .mail_show_title {

		margin-top: 20px;

		color: #666
	}

	.down_main .mail_info .mail_info_show .mail_info_tips {

		color: #999
	}

	.down_main .mail_info .mail_info_show .mail_upload {

		width: 100%;

		height: 200px;

		padding: 20px;

		background-color: #f5f5f5
	}

	.down_main .mail_info .mail_info_show .mail_upload .mail_upload_icon {

		width: 25px;

		height: 25px;

		border-radius: 50%;

		background-color: #FF6C00;

		margin: 20px auto 0;

		font-size: 20px;

		line-height: 25px;

		color: #fff;

		text-align: center;

		position: relative
	}

	.down_main .mail_info .mail_info_show .mail_upload .mail_upload_icon input {

		position: absolute;

		font-size: 25px;

		right: 0;

		top: 0;

		opacity: 0
	}

	.down_main .mail_info .mail_info_show .mail_upload .mail_upload_title {

		text-align: center;

		margin-top: 5px;

		color: #151414
	}

	.down_main .mail_info .mail_info_show .mail_upload .mail_upload_text {

		text-align: center;

		margin-top: 10px;

		font-size: 12px;

		color: #999
	}

	.down_main .mail_info .mail_info_show .mail_btn {

		display: inline-block;

		width: 100%;

		padding: 11px 30px 13px;

		text-align: center;

		font-size: 16px;

		line-height: 1.2;

		background-color: #FF6C00;

		color: #fff;

		margin-top: 20px;

		margin-bottom: 60px
	}

	.down_main .mail_info .mail_info_show .preview_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-bottom: 20px
	}

	.down_main .mail_info .mail_info_show .preview_show .control_p {

		display: inline-block;

		width: 100%;

		height: 20px;

		margin: 0;

		overflow: hidden;

		color: #666
	}

	.down_main .mail_info .mail_info_show .preview_show .preview_control_text {

		width: 100%;

		height: auto;

		line-height: 1.4;

		color: #151414
	}

	.down_main .mail_info .mail_info_show .preview_show .preview_control_main {

		width: 100%;

		line-height: 1.2;

		color: #151414
	}

	.down_main .mail_info .mail_info_show .mail_upload_img {

		width: 100px;

		height: 100px;

		margin-top: 5px;

		margin-bottom: 10px
	}

	.down_main .mail_info .mail_info_show .mail_upload_img img {

		width: 100%;

		height: 100%
	}

	.down_main .mail_info .mail_info_show .mail_submit {

		display: inline-block;

		width: auto;

		padding: 11px 30px 13px;

		font-size: 16px;

		line-height: 1.2;

		background-color: #FD4627;

		color: #fff;

		margin-top: 20px;

		margin-bottom: 60px;

		float: left
	}

	.down_main .mail_info .mail_info_show .mail_cancel {

		display: inline-block;

		width: auto;

		padding: 11px 30px 13px;

		font-size: 16px;

		line-height: 1.2;

		background-color: #ccc;

		color: #fff;

		margin: 20px 0 60px 20px;

		float: left
	}

	.down_main .mail_info .mail_info_show .mail_complete_img {

		width: 100%;

		height: 180px
	}

	.down_main .mail_info .mail_info_show .mail_complete_img img {

		width: 120px;

		height: auto
	}

	.down_main .mail_info .mail_info_show .complete_text {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 16px;

		line-height: 1.2;

		margin-top: 20px;

		text-align: center
	}

	.down_main .mail_info .mail_info_show .complete_text p {

		text-align: center;

		margin-top: 20px
	}

	.down_main .mail_info .mail_info_show .complete_btn {

		margin-top: 40px;

		font-size: 16px
	}

	.down_main .mail_info .mail_info_show .complete_btn .span_left {

		display: inline-block;

		width: 50%;

		text-align: right;

		float: left;

		color: #FD4627
	}

	.down_main .mail_info .mail_info_show .complete_btn .span_right {

		display: inline-block;

		width: 50%;

		text-align: left;

		padding-left: 40px;

		float: left;

		color: #FD4627
	}

	.down_main .repair_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 30px
	}

	.down_main .repair_box .repair_left {

		width: 100%;

		padding: 0 0 20px;

		float: left;

		overflow: hidden
	}

	.down_main .repair_box .repair_left ul {

		width: 100%
	}

	.down_main .repair_box .repair_left ul li {

		width: auto;

		padding: 15px 16px 0;

		font-size: 16px;

		color: #151414;

		line-height: 1.2;

		float: left
	}

	.down_main .repair_box .repair_left ul li a {

		padding-bottom: 8px;

		line-height: 36px;

		border-bottom: 2px solid transparent
	}

	.down_main .repair_box .repair_left ul li:hover {

		color: #FD4627
	}

	.down_main .repair_box .repair_left ul li:hover .line {

		background-color: #fff
	}

	.down_main .repair_box .repair_left ul li .on {

		border-color: #FD4627
	}

	.down_main .repair_box .repair_right {

		width: 100%;

		height: auto;

		float: left;

		overflow: hidden;

		padding: 0;

		border-left: none;

		min-height: 300px
	}

	.down_main .repair_box .repair_right .repair_right_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 10px 16px
	}

	.down_main .repair_box .repair_right .repair_right_main p {

		color: #666;

		letter-spacing: .025em;

		margin-top: 5px
	}

	.sign_box {

		max-width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0;

		padding: 0 16px 0
	}

	.sign_box .sign_left,
	.sign_box .sign_right {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		margin-top: 0
	}

	.sign_box .sign_left .sign_title,
	.sign_box .sign_right .sign_title {

		font-size: 24px;

		line-height: 1.2;

		color: #151414;

		text-align: center;

		margin-top: 50px
	}

	.sign_box .sign_left .sign_warp,
	.sign_box .sign_right .sign_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding-bottom: 20px
	}

	.sign_box .sign_left .sign_warp .sign_main,
	.sign_box .sign_right .sign_warp .sign_main {

		width: 100%;

		margin: 10px auto 0
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_title,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_title {

		width: 100%;

		font-size: 14px;

		line-height: 1.2;

		color: #151414;

		margin: 0 auto;

		text-align: center;

		float: left;

		padding: 10px 0
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_text,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_text {

		width: 100%;

		height: 50px;

		overflow: hidden;

		margin: 10px 0;

		float: left
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_text i,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_text i {

		margin: 6px 20px 9px 0;

		width: 32px;

		height: auto;

		font-size: 30px;

		float: left
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_text .text_span,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_text .text_span {

		padding: 0;

		width: 80%;

		height: 50px;

		font-size: 16px;

		line-height: 1.2;

		display: flex;

		justify-content: space-around;

		flex-direction: column;

		float: left
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_pass,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_pass {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_pass i,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_pass i {

		position: absolute;

		top: 22.5px;

		right: 16px;

		width: 25px;

		height: 25px;

		font-size: 20px;

		font-weight: bold
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_forgot,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_forgot {

		margin-top: 10px;

		font-size: 14px;

		line-height: 1.2;

		color: #151414;

		padding: 16px 0;

		text-align: left
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_btn,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_btn {

		margin: 20px 0;

		width: 100%;

		height: 50px;

		line-height: 50px;

		font-size: 16px;

		text-align: center;

		background-color: #FD4627;

		color: #fff
	}

	.sign_box .sign_left .sign_warp .sign_main .sign_main_btn1,
	.sign_box .sign_right .sign_warp .sign_main .sign_main_btn1 {

		margin: 20px 0;

		width: 100%;

		height: 50px;

		line-height: 50px;

		font-size: 16px;

		text-align: center;

		border: 1px solid #151414;

		color: #151414;

		float: left
	}

	.sign_box .sign_left {

		border-bottom: 1px solid #ccc
	}

	.sign_box .sign_left .sign_warp {

		border-right: 0
	}

	.register_box {

		margin: 80px auto 0;

		padding: 0 16px
	}

	.register_box .register_text {

		width: 100%
	}

	.register_box .register_text .register_text_title {

		width: 100%
	}

	.register_box .register_text ul {

		width: 100%;

		margin: 0 auto
	}

	.register_box .register_main {

		width: 100%
	}

	.register_box .register_main ul li {

		width: 100%;

		padding: 0;

		display: inline-block
	}

	.register_box .register_main ul li .dynamic {

		font-size: 14px
	}

	.register_box .register_main .register_know {

		overflow: hidden;

		padding: 0
	}

	.register_box .register_main .register_know input {

		float: left
	}

	.register_box .register_main .register_know .register_know_text {

		width: calc(100% - 45px);

		float: left;

		margin-top: 0
	}

	.register_box .register_main .register_btn {

		width: 100%;

		margin: 20px 0 40px 0
	}

	.register_box .register_main .register_explain {

		padding: 0
	}

	.register_box .register_main .register_know .register_check {

		width: 15px;

		height: 15px;

		margin-right: 5px
	}

	.agent_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.agent_title_envelope {

		padding: 30px 15px
	}

	.agent_main .agent_title {

		width: 100% !important;

		height: auto;

		overflow: hidden;

		padding: 0;

		background-color: #f5f5f5
	}

	.agent_main .agent_title .down_title {

		font-size: 36px;

		color: #FD4627;

		line-height: 1.2;

		margin-bottom: 5px
	}

	.agent_main .agent_title .route_title {

		font-size: 16px;

		color: #151414;

		line-height: 1.2
	}

	.agent_main .agent_title .route_title a {

		color: #151414
	}

	.agent_box_show .agent_top {

		width: 100%;

		overflow: hidden;

		position: relative;

		height: 50px;

		box-shadow: 0 2px 0 #ccc
	}

	.agent_box_show .agent_top .agent_nav {

		display: inline-block;

		width: 100%;

		height: 40px;

		overflow: hidden;

		position: absolute;

		top: 10px;

		left: 50%;

		transform: translate(-50%, 0);

		text-align: center
	}

	.agent_box_show .agent_top .agent_nav p {

		display: inline-block;

		font-size: 16px;

		line-height: 38px;

		color: #151414;

		padding: 0 25px;

		float: none
	}

	.agent_box_show .agent_top .agent_nav p a {

		display: inline-block;

		border-bottom: 2px solid transparent
	}

	.agent_box_show .agent_top .agent_nav p .on {

		color: #FF6C00;

		border-bottom: 2px solid #FF6C00
	}

	.agent_box_show .agent_centre {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 40px
	}

	.agent_box_show .agent_centre ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: block;

		padding: 0 16px
	}

	.agent_box_show .agent_centre ul li {

		/*width:45%!important;*/

		/*height:330px;*/

		/*background-color:#fff;*/

		margin: 20px 2.5% 0;

		/*padding:0;*/

		/*float:left*/

	}

	.agent_box_show .agent_centre ul li .agent_centre_title {

		font-size: 16px;

		font-weight: bold;

		line-height: 1.2;

		color: #151414;

		padding: 16px 0;

		text-align: center
	}

	.agent_box_show .agent_centre ul li .agent_centre_head {

		font-size: 16px;

		line-height: 1.2;

		color: #151414;

		margin-top: 20px
	}

	.agent_box_show .agent_centre ul li .agent_centre_text {

		font-size: 14px;

		height: auto;

		max-height: 96px;

		overflow: hidden;

		line-height: 1.2;

		color: #666;

		margin-top: 10px
	}

	.agent_box_show .agent_centre ul li .agent_centre_phone,
	.agent_box_show .agent_centre ul li .agent_centre_web {

		font-size: 14px;

		line-height: 1.2;

		color: #666
	}

	.agent_box_show .agent_map_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 0;

		position: relative
	}

	.agent_box_show .agent_map_box .agent_map {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 40px
	}

	.agent_box_show .agent_map_box .agent_map img {

		width: 100%;

		height: 400px
	}

	.agent_box_show .agent_map_box .agent_search_box {

		position: absolute;

		top: 1px;

		left: 0;

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 1.125em;

		background-color: #fff
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search p {

		display: none;

		font-size: 14px;

		color: #151414;

		line-height: 1.2
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search input {

		width: 70%;

		height: 50px;

		font-size: 14px;

		color: #151414;

		line-height: 48px;

		overflow: hidden;

		border: 1px solid #ccc;

		padding: 0 20px;

		margin-top: 0;

		float: left
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search .agent_search_submit {

		width: 30%;

		height: 50px;

		font-size: 16px;

		color: #fff;

		line-height: 50px;

		background-color: #FD4627;

		text-align: center;

		margin-top: 0;

		float: left
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result {

		display: none;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 10px;

		background-color: #fff
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_top {

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding: 0 18px;

		border-bottom: 1px solid #ccc;

		color: #151414
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 18px;

		color: #151414
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul {

		width: 100%;

		height: 420px;

		overflow-x: hidden;

		overflow-y: scroll
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 20px 0;

		border-bottom: 1px solid #ccc
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_left {

		float: left;

		width: 30px
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right {

		width: calc(100% - 30px);

		float: left;

		font-size: 16px;

		line-height: 1.2;

		color: #151414;

		padding-right: 30px
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_text {

		margin-top: 5px;

		font-size: 14px;

		line-height: 1.2;

		color: #666
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_parameter {

		margin-top: 16px;

		font-size: 14px;

		line-height: 1.2;

		color: #666
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_parameter a {

		float: left
	}

	.agent_box_show .agent_map_box .agent_search_box .agent_search_result .search_result_bottom ul li .result_bottom_right .result_bottom_parameter span {

		float: right
	}

	.authentication_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.authentication_main .authentication_banner {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.authentication_main .authentication_banner img {

		width: 100%;

		height: auto
	}

	.authentication_main .authentication_title {

		width: 100%;

		height: 61px;

		overflow: hidden;

		border-bottom: 1px solid #ccc
	}

	.authentication_main .authentication_title ul {

		width: 100%;

		height: 40px;

		margin: 20px auto 0
	}

	.authentication_main .authentication_title ul li {

		width: calc(50% - 32px);

		height: 100%;

		line-height: 20px;

		float: left;

		color: #151414;

		text-align: center;

		margin: 0 16px;

		position: relative
	}

	.authentication_main .authentication_title ul li .line {

		display: none;

		position: absolute;

		bottom: 0;

		left: 30px;

		width: 60px;

		height: 2px;

		background-color: #FD4627
	}

	.authentication_main .authentication_title ul .on {

		color: #FD4627
	}

	.authentication_main .authentication_show {

		display: block;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 40px auto;

		padding: 0 15px
	}

	.authentication_main .authentication_show .show_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		text-align: center;

		font-size: 20px;

		color: #666;

		line-height: 1.2
	}

	.authentication_main .authentication_show .show_text {

		width: 100%;

		height: auto;

		overflow: hidden;

		text-align: center;

		font-size: 14px;

		color: #666;

		line-height: 1.4;

		margin: 20px 0
	}

	.authentication_main .authentication_show .show_select {

		width: 100%;

		height: 50px;

		margin: 20px auto 0
	}

	.authentication_main .authentication_show .show_select select {

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding: 0 16px;

		color: #151414;

		font-size: 16px
	}

	.authentication_main .authentication_show .show_input {

		width: 100%;

		height: 50px;

		margin: 20px auto 0
	}

	.authentication_main .authentication_show .show_input input {

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding: 0 16px;

		border: 1px solid #ccc;

		font-size: 16px;

		color: #151414
	}

	.authentication_main .authentication_show .show_input input::-webkit-input-placeholder,
	.authentication_main .authentication_show .show_input textarea::-webkit-input-placeholder {

		color: #999
	}

	.authentication_main .authentication_show .show_input input:-moz-placeholder,
	.authentication_main .authentication_show .show_input textarea:-moz-placeholder {

		color: #999
	}

	.authentication_main .authentication_show .show_input input::-moz-placeholder,
	.authentication_main .authentication_show .show_input textarea::-moz-placeholder {

		color: #999
	}

	.authentication_main .authentication_show .show_input input:-ms-input-placeholder,
	.authentication_main .authentication_show .show_input textarea:-ms-input-placeholder {

		color: #999
	}

	.authentication_main .authentication_show .show_view {

		width: 100%;

		height: 50px;

		line-height: 50px;

		border: 1px solid #ccc;

		background-color: #f5f5f5;

		font-size: 16px;

		color: #151414;

		margin: 20px auto;

		text-align: center
	}

	.authentication_main .authentication_show .show_view:hover {

		color: #fff;

		background-color: #FD4627
	}

	.authentication_main .authentication_show .show_result {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		text-align: left
	}

	.authentication_main .authentication_show .show_result p {

		font-size: 14px;

		color: #666;

		line-height: 1.4;

		text-align: left
	}

	.authentication_main .authentication_show .show_info {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 14px;

		color: #151414;

		line-height: 1.4;

		margin: 0
	}

	.authentication_main .authentication_show .show_info p {

		margin: 0
	}

	.personal {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		margin: 0 auto
	}

	.personal .img {

		width: 100%;

		height: 150px
	}

	.personal .personal_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5
	}

	.personal .personal_box .personal_left {

		width: 100%;

		height: auto;

		background-color: #fff;

		float: left
	}

	.personal .personal_box .personal_left .personal_header {

		width: 100%;

		height: auto
	}

	.personal .personal_box .personal_left .personal_header .personal_header_img {

		position: absolute;

		top: 120px;

		left: 16px;

		width: 86px;

		height: 86px;

		border-radius: 50%
	}

	.personal .userBg {

		height: 150px
	}

	.personal .userBg .img {

		width: 100%;

		height: 100%
	}

	.personal .userBg .img img {

		width: 100%;

		height: 100%
	}

	.personal .personal_box .personal_left .personal_header .personal_header_text {

		width: 100%;

		height: auto;

		overflow: hidden;

		text-align: center;

		border-bottom: 1px solid #f5f5f5;

		padding: 0 16px 15px
	}

	.personal .personal_box .personal_left .personal_header .personal_header_text .pet_name {

		width: 100%;

		font-size: 18px;

		font-weight: bold;

		text-indent: 104px;

		text-align: left
	}

	.personal .personal_box .personal_left .personal_header .personal_header_text .num_follow {

		width: auto;

		font-weight: bold;

		text-align: left;

		margin-top: 0
	}

	.personal .personal_box .personal_left .personal_header .personal_header_text .name_synopsis {

		width: 100%;

		text-align: left
	}

	.personal .personal_box .personal_left .personal_header .personal_header_text .signature {

		display: none;

		width: 100%;

		height: 30px;

		line-height: 30px;

		background-color: #FD4627;

		color: #fff;

		text-align: center;

		margin: 10px auto 0
	}

	.personal .personal_box .personal_left .personal_header #wrapper1 {

		position: relative;

		background-color: #fff;

		border-bottom: 1px solid #f5f5f5
	}

	.personal .personal_box .personal_left .personal_header .personal_model {

		width: 100%
	}

	.personal .personal_box .personal_left .personal_header .personal_model ul {

		width: 100%;

		height: 100%;

		overflow: hidden;

		padding: 0;

		box-shadow: 0 1px 0 #ccc;

		float: left
	}

	.personal .personal_box .personal_left .personal_header .personal_model ul a {

		width: auto;

		overflow: hidden;

		display: inline-block
	}

	.personal .personal_box .personal_left .personal_header .personal_model ul li {

		width: auto;

		padding: 0 16px;

		overflow: hidden;

		margin-top: 10px;

		display: inline-block;

		font-size: 16px;

		height: 40px;

		line-height: 40px;

		border-left: none;

		float: left
	}

	.distinguish {

		display: none !important
	}

	.wrapper1 .personal_model ul li a {

		padding: 0
	}

	.personal .personal_box .personal_left .personal_header .personal_model ul .on {

		border-left: none;

		border-bottom: 2px solid #FD4627;

		color: #FD4627
	}

	.personal .personal_box .personal_right {

		width: 100% !important;

		height: auto;

		overflow: hidden;

		float: left;

		margin-left: 0 !important;

		margin-top: 20px
	}

	.personal .personal_box .personal_right .personal_right_title {

		width: 100%;

		height: auto;

		background-color: #fff;

		position: relative;

		z-index: 1
	}

	.personal .personal_box .personal_right .personal_right_title ul {

		width: 100%;

		height: 100%
	}

	.personal_right .personal_right_title .upload {

		margin: 10px 0 10px 20px;

		float: left !important
	}

	.personal .personal_box .personal_right .personal_right_title ul li {

		float: left;

		margin: 0 16px
	}

	.personal .personal_box .personal_right .personal_right_title ul li span {

		display: inline-block;

		line-height: 38px;

		border-bottom: 2px solid #fff;

		color: #ccc
	}

	.personal .personal_box .personal_right .personal_right_title ul li .on {

		border-bottom: 2px solid #151414;

		color: #151414
	}

	.personal .personal_box .personal_right .personal_right_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 15px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 16px
	}

	.personal_cover .personalForm {

		width: 100%;

		margin: 0 auto
	}

	.personal_cover .right_main_pics .headerPic {

		margin-top: 0
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover .right_main_pics {

		width: 120px;

		height: 120px;

		border-radius: 50%;

		margin: 30px auto 60px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 10px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 10px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .email_input {

		width: 75%;

		height: 50px;

		line-height: 50px;

		border: 1px solid #ccc;

		padding: 0 16px;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .dynamic {

		width: 25%;

		height: 50px;

		line-height: 50px;

		background-color: #FD4627;

		float: left;

		color: #fff;

		text-align: center;

		font-size: 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .register_show {

		width: 100%
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .register_show input[readonly] {

		background-color: #f5f5f5
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .register_show .control_p {

		width: 100%;

		margin: 0;

		overflow: hidden
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .register_show .control_input {

		width: 100%
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .register_show .control_time {

		width: 100%;

		height: 30px;

		line-height: 30px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .register_show .time_text {

		width: 100%;

		height: 20px;

		line-height: 20px;

		margin: 0;

		overflow: hidden
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .register_show select {

		width: 100%;

		height: 30px;

		line-height: 30px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover ul li .main_pics_text {

		margin-top: 5px;

		font-size: 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover .right_main_btn {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 16px;

		color: #ccc;

		margin: 20px 0
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover .right_main_btn p {

		line-height: 30px;

		text-align: center
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover .right_main_btn .btn1 {

		width: 120px;

		height: 30px;

		float: left;

		background-color: #eee
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover .right_main_btn .btn2 {

		width: 95px;

		height: 30px;

		float: left;

		background-color: #fff
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .personal_cover .right_main_title {

		margin-top: 30px;

		font-size: 18px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		display: -webkit-flex;

		justify-content: space-between;

		align-content: space-between;

		flex-wrap: wrap;

		margin-top: 0;

		margin-bottom: 20px;

		padding: 0 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li {

		width: 47%;

		height: auto;

		overflow: hidden;

		margin: 0 0 10px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_img {

		width: 100%;

		height: auto
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 16px;

		background: #fff
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_name {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 16px 0
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_name img {

		width: 24px;

		height: 24px;

		border-radius: 50%;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_name p {

		font-size: 12px;

		line-height: 24px;

		color: #151414;

		margin-left: 10px;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_text {

		font-size: 14px;

		color: #666;

		line-height: 1.2;

		height: 16px;

		overflow: hidden;

		margin-bottom: 20px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter {

		padding: 0;

		height: auto;

		overflow: hidden;

		padding-bottom: 20px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter p {

		float: left;

		margin-right: 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter p i {

		width: 16px;

		height: 16px;

		font-size: 14px;

		line-height: 1.2
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box li .dynamic_li_bottom .dynamic_parameter p span {

		font-size: 12px;

		line-height: 1.2;

		color: #aaa
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .dynamic_box:after {

		content: "";

		width: 49%
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp {

		padding: 30px 16px;

		width: 100%;

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #f5f5f5
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .head_portrait {

		width: 60px;

		height: 60px;

		border-radius: 50%;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce {

		width: calc(100% - 60px);

		height: auto;

		overflow: hidden;

		padding-left: 20px;

		float: left;

		position: relative
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce p {

		margin: 0;

		font-size: 14px;

		color: #666;

		line-height: 1.2
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce .pet_name {

		font-size: 16px;

		color: #151414;

		line-height: 1.2
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce .name_synopsis {

		width: 100%;

		height: 55px;

		overflow: hidden
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce .num_follow {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce .num_follow p {

		float: left;

		margin-right: 5px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce .num_follow .follow_num {

		color: #151414;

		display: block;

		font-weight: bold
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce .num_follow .num_follow_btn {

		display: block;

		float: left;

		margin-right: 5px;

		padding: 8px 15px;

		font-size: 12px;

		background-color: #FD4627;

		color: #fff
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .text_introduce .num_follow .on {

		border: 1px solid #ccc;

		background-color: #fff;

		color: #151414
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .work_map {

		display: none;

		width: 680px;

		padding-left: 50px;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .work_map img {

		display: block;

		float: left;

		width: 200px;

		height: 150px;

		margin-right: 10px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .more_look {

		display: none;

		margin-left: 10px;

		width: 25px;

		height: 150px;

		float: left;

		padding-top: 55px;

		padding-left: 10px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp .more_look .spot {

		width: 5px;

		height: 5px;

		border-radius: 50%;

		background-color: #ccc;

		margin-bottom: 8px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .dynamic_cover .personal_right_warp:nth-child(3) {

		border-bottom: 0;

		padding-bottom: 60px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 20px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main {

		width: 100%;

		height: auto;

		overflow: hidden;

		min-height: 420px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 30px 0 16px 0;

		border-bottom: 1px solid #f5f5f5
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_info {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_info .post_text {

		line-height: 1.2;

		color: #151414;

		font-size: 14px;

		width: 100%;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_info .post_num {

		margin-top: 5px;

		float: left;

		margin-right: 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_info .post_num i {

		width: 18px;

		height: 18px;

		font-size: 16px;

		line-height: 1.2
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_info .post_num span {

		font-size: 12px;

		line-height: 1.2;

		color: #999
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_info .post_time {

		margin-left: 16px;

		margin-top: 5px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_info .post_time span {

		font-size: 12px;

		color: #999
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_btn {

		width: auto;

		height: auto;

		overflow: hidden;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_btn .post_edit,
	.personal .personal_box .personal_right .personal_right_main .personal_right_box .post_cover .post_main .post_show .post_btn .post_remove {

		font-size: 14px;

		color: #999;

		float: right;

		margin: 10px 20px 0 0
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 16px 50px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 30px 0;

		border-bottom: 1px solid #f5f5f5
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .left {

		width: 50px;

		height: 50px;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .left img {

		width: 100%;

		height: 100%;

		border-radius: 50%
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right {

		width: calc(100% - 70px);

		height: auto;

		overflow: hidden;

		margin-left: 10px;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .top_title {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .top_title .message_name {

		font-size: 16px;

		line-height: 1.5;

		color: #151414;

		float: left
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .top_title .message_time {

		font-size: 12px;

		line-height: 24px;

		color: #999;

		float: left;

		margin-left: 30px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .explain_title {

		font-size: 14px;

		line-height: 1.2;

		color: #151414;

		margin-top: 5px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .explain_title a {

		color: #ed4b1b !important
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .explain_text {

		color: #666;

		font-size: 14px;

		line-height: 1.2;

		margin-top: 5px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .explain_text p {

		margin-top: 5px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .explain_reply {

		width: 100%;

		height: auto;

		overflow: hidden;

		color: #666
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .explain_reply .triangle {

		width: 0;

		height: 0;

		border-width: 0 10px 10px;

		border-style: solid;

		border-color: transparent transparent #f5f5f5;

		margin-left: 20px;

		position: relative
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .news_cover .message_box .right .explain_reply .reply_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5;

		padding: 20px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		justify-content: space-between;

		display: -webkit-flex;

		align-content: space-between;

		flex-wrap: wrap;

		margin-top: 0;

		margin-bottom: 20px;

		padding: 0 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li {

		width: 48%;

		height: auto;

		overflow: hidden;

		margin: 0 0 20px 0
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_img {

		width: 100%;

		height: auto
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom {

		width: 100%;

		height: auto;

		overflow: hidden;

		background: #fff
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_text {

		font-size: 14px;

		color: #666;

		line-height: 1.4;

		height: 18px;

		overflow: hidden;

		margin-top: 16px;

		padding: 0 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter {

		height: auto;

		overflow: hidden;

		padding: 10px 16px;

		border-bottom: 1px solid #f5f5f5
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter p {

		float: left;

		margin-right: 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter p i {

		width: 16px;

		height: 16px;

		font-size: 14px;

		line-height: 1.2
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter p span {

		font-size: 12px;

		line-height: 1.2;

		color: #aaa
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_parameter .icon-like {

		display: none
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_btns {

		width: 100%;

		height: 50px;

		line-height: 50px;

		overflow: hidden;

		padding: 0 16px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box li .works_li_bottom .works_btns span {

		display: inline-block;

		float: left;

		margin-right: 30px
	}

	.personal .personal_box .personal_right .personal_right_main .personal_right_box .works_cover .works_box:after {

		content: "";

		width: 265px
	}

	.personal .personal_box .personal_right .personal_right_main .photos_cover {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding-left: 10px
	}

	.personal .personal_box .personal_right .personal_right_main .photos_cover .waterfall {

		margin: auto;

		position: relative;

		margin-bottom: 15px
	}

	.personal .personal_box .personal_right .personal_right_main .photos_cover .waterfall .waterfall_box {

		float: left;

		width: calc(50% - 7.5px)
	}

	.personal .personal_box .personal_right .personal_right_main .photos_cover .waterfall .waterfall_box img {

		width: 100%
	}

	.personal .personal_box .personal_right .personal_right_main .photos_cover .waterfall .waterfall_box .waterfall_text {

		width: 100%;

		height: auto;

		background-color: #fff;

		padding: 0 10px;

		overflow: hidden
	}

	.personal .personal_box .personal_right .personal_right_main .photos_cover .waterfall .waterfall_box .waterfall_remove {

		float: left;

		font-size: 14px;

		color: #999;

		line-height: 50px
	}

	.personal .personal_box .personal_right .personal_right_main .photos_cover .waterfall .waterfall_box .waterfall_time {

		float: right;

		font-size: 12px;

		color: #999;

		line-height: 50px
	}

	.video {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.video .video_left {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		padding: 0 16px
	}

	.video .video_left .video_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 24px;

		padding-bottom: 16px;

		border-bottom: 1px solid #f5f5f5
	}

	.video .video_left .video_box img {

		width: 100%;

		height: auto;

		float: left
	}

	.video .video_left .video_box .video_introduce {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: right;

		margin-top: 10px
	}

	.video .video_left .video_box .video_introduce .title {

		font-size: 16px;

		color: #151414;

		height: 44px;

		overflow: hidden
	}

	.video .video_left .video_box .video_introduce .video_type {

		width: 100%;

		height: 30px;

		line-height: 30px;

		background-color: #f5f5f5;

		font-size: 12px;

		padding: 0 16px;

		margin-top: 10px
	}

	.video .video_left .video_box .video_introduce .video_type p {

		float: left;

		margin-right: 30px
	}

	.video .video_left .video_box .video_introduce .video_type p i {

		width: 14px;

		margin-right: 5px;

		float: left
	}

	.video .video_left .video_box .video_introduce .video_type p span {

		display: inline-block;

		float: left
	}

	.video .video_left .video_box .video_introduce .text {

		color: #666;

		margin-top: 10px
	}

	.video .video_play {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.video .video_play .play_introduce .title {

		margin-top: 20px;

		padding: 0 16px
	}

	.video .video_play .play_introduce .video_show {

		margin-top: 20px
	}

	.video .video_play .play_introduce .video_show .video_show_left {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_show_img {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_show_img img {

		width: 100%;

		height: 350px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_show_img i {

		position: absolute;

		left: 50%;

		top: 50%;

		width: 40px;

		line-height: 40px;

		transform: translate(-50%, -50%);

		font-size: 30px;

		color: #fff
	}

	.video .video_play .play_introduce .video_show .video_show_left iframe {

		display: none;

		width: 100%;

		height: 350px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type {

		width: 100%;

		height: 70px;

		line-height: 70px;

		background-color: #f5f5f5;

		font-size: 12px;

		padding: 0 16px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type p {

		float: left;

		margin-right: 30px
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type p i {

		width: 14px;

		margin-right: 5px;

		float: left
	}

	.video .video_play .play_introduce .video_show .video_show_left .video_type p span {

		display: inline-block;

		float: left
	}

	.video .video_play .play_introduce .video_show .video_show_left .text {

		color: #666;

		margin-top: 20px;

		padding: 0 16px
	}

	.video .video_play .play_introduce .video_show .video_show_right {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		padding-left: 0;

		margin-top: 30px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 16px;

		color: #151414;

		font-weight: bold;

		padding: 0 16px 10px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px;

		padding: 0 16px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video img {

		width: 140px;

		height: auto;

		float: left;

		margin: 0
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video .recommend_video_introduce {

		width: calc(100% - 160px);

		height: auto;

		overflow: hidden;

		float: left;

		margin-left: 16px
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video .recommend_video_introduce .title {

		height: 44px;

		overflow: hidden;

		font-size: 16px;

		color: #151414;

		margin-top: 0;

		padding: 0
	}

	.video .video_play .play_introduce .video_show .video_show_right .recommend .recommend_video .recommend_video_introduce p {

		color: #999;

		margin-top: 10px
	}

	.video .video_right {

		display: none
	}

	.topic_box .topic_left {

		width: 100%
	}

	.topic_box .topic_left .topic_bottom ul {

		padding: 0 16px
	}

	.topic_box .topic_left .topic_bottom ul li .userInfo {

		min-width: 30px
	}

	.topic_box .topic_left .topic_bottom ul li .userInfo img {

		width: 30px;

		height: 30px
	}

	.topic_box .topic_left .topic_bottom ul li .topic_info {

		width: calc(100% - 30px)
	}

	.topic_box .topic_right {

		width: 100%;

		padding: 0
	}

	.topic_box .topic_right .topic_release {

		width: 80%;

		margin: 30px auto
	}

	.xfans_photo {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.xfans_photo .xfans_photo_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 60px 0;

		background-color: #e8e8e8;

		color: #151414
	}

	.xfans_photo .xfans_photo_title .title_top {

		font-size: 36px;

		font-weight: bold;

		line-height: 1.2;

		text-align: center
	}

	.xfans_photo .xfans_photo_title .title_bottom {

		font-size: 24px;

		line-height: 1.2;

		text-align: center;

		font-style: italic;

		margin-top: 10px
	}

	.xfans_photo .xfans_photo_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 15px
	}

	.xfans_photo .xfans_photo_show .xfans_photo_up {

		width: 100%;

		height: 50px;

		line-height: 50px;

		font-size: 16px;

		color: #fff;

		background-color: #151414;

		text-align: center;

		margin: 40px auto
	}

	.xfans_photo .xfans_photo_show .xfans_photo_content {

		width: 100%;

		height: auto;

		font-size: 16px;

		margin: 0 auto
	}

	.xfans_photo .xfans_photo_show .xfans_photo_content .waterfall {

		margin: auto;

		position: relative;

		height: 0;

		overflow: hidden
	}

	.xfans_photo .xfans_photo_show .xfans_photo_content .waterfall .waterfall_box {

		float: left;

		width: 180px;

		height: auto;

		position: relative;

		overflow: hidden
	}

	.xfans_photo .xfans_photo_show .xfans_photo_content .waterfall .waterfall_box .waterfall_text {

		position: absolute;

		left: 0;

		bottom: -130px;

		width: 100%;

		height: 30px;

		line-height: 30px;

		color: #fff;

		background-color: rgba(0, 0, 0, 0.3);

		padding: 0 20px;

		transition: all .5s
	}

	.xfans_photo .xfans_photo_show .xfans_photo_content .waterfall .waterfall_box:hover .waterfall_text {

		bottom: 0
	}

	.xfans_photo .xfans_photo_show .xfans_photo_view {

		width: 100%;

		height: 50px;

		line-height: 50px;

		font-size: 16px;

		color: #151414;

		border: 1px solid #151414;

		text-align: center;

		margin: 40px auto
	}

	.xfans_photo .xfans_photo_show .xfans_photo_up .uploadPhoto {

		width: 100%
	}

	.uploadPhoto .uploadContent .li .photo_show_text .photo_show_file .btn {

		width: 80%
	}

	.uploadPhoto .uploadBtn .li .photo_show_next {

		width: 80%
	}

	.uploadPhoto .imgBox {

		position: initial;

		text-align: center;

		width: 100%;

		padding-bottom: 15px
	}

	.uploadPhoto .photo_show_describe {

		width: 80%
	}

	.uploadPhoto .photo_show_describe textarea {

		margin-left: 0
	}

	.uploadPhoto .uploadBtn .photo_show_last {

		width: 80%;

		margin-top: 15px;

		text-align: center
	}

	.up_photo_preview .photo_preview_right .preview_right_title {

		margin: 20px auto
	}

	.up_photo_preview {

		width: 100%
	}

	.up_photo_preview .photo_preview_left {

		width: 100%
	}

	.up_photo_preview .photo_preview_right {

		width: 100%;

		margin-top: 20px
	}

	.up_photo_preview .photo_preview_right .preview_right_link {

		float: left;

		padding: 0
	}

	.preview_right_link .share_box .share_left {

		margin-bottom: 10px
	}

	.competition .competition_content {

		padding: 0 16px !important
	}

	.competition .competition_content .competition_label {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 20px
	}

	.competition .competition_content .competition_label li {

		padding: 10px 24px;

		font-size: 14px;

		line-height: 20px;

		height: 40px;

		letter-spacing: .1px;

		color: #151414;

		float: left;

		box-sizing: border-box;

		margin-top: 10px
	}

	.competition .competition_content .competition_label li:hover {

		color: #FD4627
	}

	.competition .competition_content .competition_label li.active {

		border-radius: 20px;

		border: solid 1px #ccc
	}

	.competition .competition_content .competition_activity {

		margin-top: 40px
	}

	.competition .competition_content .competition_activity .activity_ul {

		margin-right: -20px
	}

	.competition .competition_content .competition_activity .activity_ul .activity_list {

		width: calc(100% - 20px);

		height: auto;

		overflow: hidden;

		float: left;

		margin-bottom: 30px;

		margin-right: 20px
	}

	.xfans_work {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.work_details .work_details_right {

		width: 100%
	}

	.xfans_work .xfans_work_banner {

		width: 100%;

		height: auto
	}

	.xfans_work .xfans_work_banner img {

		width: 100%;

		height: 400px
	}

	.xfans_work .work_subnav {

		width: 100%;

		height: auto;

		padding-top: 0;

		background-color: #fff;

		text-align: center;

		position: relative
	}

	.xfans_work .work_subnav .screen {

		display: inline-block;

		width: 100%;

		height: 40px;

		line-height: 40px;

		text-align: center
	}

	.xfans_work .work_subnav .screen a {

		display: inline-block;

		margin: 0 25px;

		line-height: 40px;

		border-bottom: 2px solid transparent
	}

	.xfans_work .work_subnav .screen .on {

		color: #FD4627;

		border-bottom: 2px solid #FD4627
	}

	.xfans_work .work_subnav .creative {

		text-align: center;

		background-color: #f5f5f5;

		display: inline-block;

		color: #fff;

		width: 100%;

		float: none;

		padding: 30px 0 0 0
	}

	.xfans_work .work_subnav .creative a {

		width: 90%
	}

	.xfans_work .works_cover {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_work .works_cover .works_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 30px;

		margin-bottom: 40px;

		padding: 0 16px
	}

	.xfans_work .works_cover .works_box li {

		width: 260px;

		height: auto;

		overflow: hidden;

		margin: 0 0 20px 0;

		/*float:left*/

	}

	.xfans_work .works_cover .works_box li .works_img {

		width: 100%;

		height: 195px;

	}

	.xfans_work .works_cover .works_box li .works_li_bottom {

		width: 100%;

		height: auto;

		overflow: hidden;

		background: #fff
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 16px;

		padding: 0 16px
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_title img {

		width: 24px;

		height: 24px;

		border-radius: 50%;

		float: left
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_title .works_name {

		width: calc(100% - 30px);

		height: 24px;

		line-height: 24px;

		margin-left: 30px
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_text {

		font-size: 14px;

		color: #666;

		line-height: 1.4;

		height: 18px;

		overflow: hidden;

		padding: 0 16px;

		margin: 16px 0
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter {

		height: auto;

		overflow: hidden;

		padding: 16px 10px;

		border-top: 1px solid #f5f5f5
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter p {

		float: left;

		margin-right: 10px
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter p i {

		width: 16px;

		height: 16px;

		font-size: 14px;

		line-height: 1.2
	}

	.xfans_work .works_cover .works_box li .works_li_bottom .works_parameter p span {

		font-size: 12px;

		line-height: 1.2;

		color: #aaa
	}

	/*.xfans_work .works_cover .works_box li:nth-child(5n) {*/

	/*margin:0 6% 20px 0*/

	/*}*/

	/*.xfans_work .works_cover .works_box li:nth-child(4n) {*/

	/*margin:0 6% 20px 0*/

	/*}*/

	/*.xfans_work .works_cover .works_box li:nth-child(3n) {*/

	/*margin:0 6% 20px 0*/

	/*}*/

	/*.xfans_work .works_cover .works_box li:nth-child(2n) {*/

	/*margin-right:0*/

	/*}*/

	.vote_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 60px 0 0
	}

	.vote_box .vote_top_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #ccc;

		padding: 0 16px;

		padding-bottom: 30px
	}

	.vote_box .vote_top_warp .vote_top {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

	}

	.vote_box .vote_top_warp .vote_top .vote_top_left {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

	}

	.vote_box .vote_top_warp .vote_top .vote_top_left img {

		width: 100%;

		height: auto;

	}

	.vote_box .vote_top_warp .vote_top .vote_top_right {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		padding-left: 0;

		margin-top: 20px;

		color: #151414
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .vote_right_title {

		width: 100%;

		line-height: 1.2;

		font-size: 20px
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .vote_love {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 16px 0;

		color: #eb4d1d
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .vote_love i {

		width: 14px;

		height: 16px;

		font-size: 14px;

		float: left
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .vote_love span {

		display: inline-block;

		float: left;

		font-size: 14px;

		line-height: 1.2;

		margin-top: 2px;

		margin-left: 6px
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .discount_title {

		display: inline-block;

		width: auto;

		height: auto;

		overflow: hidden;

		margin: 8px 16px 10px;

		border-bottom: 1px solid #151414
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .discount_text {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 16px;

		background-color: #f5f5f5
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .vote_btn {

		width: 100%;

		height: 40px;

		line-height: 40px;

		text-align: center;

		background-color: #FD4627;

		color: #fff;

		margin-top: 16px
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .vote_count_down {

		margin-top: 20px
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .vote_count_down span {

		color: #eb4d1d
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .topic_rule {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 16px;

		background-color: #f5f5f5;

		margin-top: 20px
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .topic_rule .topic_rule_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .topic_rule .topic_rule_box .topic_rule_title {

		font-size: 16px;

		color: #151414;

		line-height: 1.2
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .topic_rule .topic_rule_box .topic_rule_text {

		margin-top: 16px;

		height: 108px;

		overflow: hidden
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .topic_rule .topic_rule_box .topic_rule_text p {

		font-size: 14px;

		color: #666;

		line-height: 1.5
	}

	.vote_box .vote_top_warp .vote_top .vote_top_right .topic_rule .topic_rule_btn {

		margin-top: 20px;

		color: #FD4627;

		font-size: 16px
	}

	.vote_box .vote_bottom_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 16px;

		background-color: #f5f5f5
	}

	.vote_box .vote_bottom_warp .vote_bottom {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		padding: 0 0 60px
	}

	.vote_box .vote_bottom_warp .vote_bottom .fans_title {

		padding: 60px 10px 0;

		width: 80%;

		height: auto;

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		text-align: center;

		margin: 0 auto
	}

	.vote_box .vote_bottom_warp .vote_bottom .fans_title .fans_line {

		display: inline-block;

		padding-bottom: 8px;

		border-bottom: 2px solid #ccc
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_bottom_text {

		width: 80%;

		height: auto;

		text-align: center;

		margin: 16px auto 10px;

		color: #666;

		font-size: 14px;

		line-height: 1.2;

		letter-spacing: .00625em
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: block
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li {

		width: 46%;

		height: auto;

		overflow: hidden;

		background-color: #fff;

		margin: 20px 8% 0 0;

		float: left
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li img {

		width: 100%;

		height: auto
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li .vote_page_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		text-align: center;

		font-size: 16px;

		color: #151414;

		margin-top: 20px
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li .vote_page_love {

		width: 115px;

		height: auto;

		overflow: hidden;

		color: #fff;

		margin: 16px auto;

		line-height: 30px;

		background-color: #eb4d1d;

		text-align: center
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li .vote_page_love .i {

		width: 14px;

		font-size: 14px
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li .vote_page_love .num {

		display: inline-block;

		font-size: 14px;

		line-height: 1.2;

		margin-top: 2px;

		margin-left: 6px
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li:nth-child(4n) {

		margin-right: 8%
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li:nth-child(3n) {

		margin-right: 8%
	}

	.vote_box .vote_bottom_warp .vote_bottom .vote_page ul li:nth-child(2n) {

		margin-right: 0
	}

	.work_creative_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 30px 0 50px 0
	}

	.work_creative {

		width: 100%;

		height: 50px;

		background-color: #fff
	}

	.work_creative .creative_subnav {

		width: 100%;

		height: 100%;

		position: relative;

		margin: 0 auto;

		padding: 0 16px;

		line-height: normal
	}

	.work_creative .creative_subnav .worksStep {

		display: inline-block;

		width: auto;

		padding-left: 15px;

		height: auto
	}

	.work_creative .creative_subnav .worksStep span {

		display: inline-block;

		font-size: 16px;

		color: #999;

		height: auto
	}

	.work_creative .creative_subnav .worksStep i {

		font-size: 20px;

		color: #999;

		margin: 0 10px
	}

	.work_creative .creative_subnav .worksStep .on {

		color: #FD4627;

		height: auto
	}

	.work_creative .creative_subnav .creative {

		display: inline-block;

		width: auto;

		margin-right: 15px
	}

	.work_creative .creative_subnav .creative button {

		padding: 0 15px
	}

	.work_creative_box {

		width: calc(100% - 20px);

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.work_creative_box .creative_box_upload {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 50px;

		background-color: #fff;

		margin-top: 60px;

		text-align: center;

		position: relative
	}

	.work_creative_box .creative_box_upload .upload_total {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.work_creative_box .creative_box_upload .upload_total .creative_upload_title {

		font-size: 18px;

		margin-top: 50px
	}

	.work_creative_box .creative_box_upload .upload_total .creative_upload_icon {

		width: 80px;

		height: 80px;

		border-radius: 50%;

		border: 2px solid #FD4627;

		margin: 20px auto 16px;

		position: relative
	}

	.work_creative_box .creative_box_upload .upload_total .creative_upload_icon i {

		line-height: 76px;

		font-size: 18px;

		color: #FD4627;

		text-align: center
	}

	.work_creative_box .creative_box_upload .upload_total .creative_upload_text {

		margin-bottom: 50px
	}

	.work_creative_box .creative_box_upload .upload_total .creative_upload_text p {

		font-size: 16px;

		text-align: center;

		margin-bottom: 10px;

		color: #151414
	}

	.work_creative_box .creative_box_upload .upload_total .creative_upload_text span {

		display: block;

		font-size: 12px;

		text-align: center
	}

	.work_creative_box .creative_box_upload .upload_imgInput {

		display: none;

		width: 100%;

		height: auto;

		position: relative
	}

	.work_creative_box .creative_box_upload .upload_imgInput img {

		width: 100%;

		height: auto
	}

	.work_creative_box .creative_box_upload .imgInput {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		line-height: 80px;

		opacity: 0
	}

	.work_creative_box .creative_box_text {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 16px 50px;

		background-color: #fff;

		margin-top: 20px;

		position: relative
	}

	.work_creative_box .creative_box_text textarea {

		width: 100%;

		height: 20px
	}

	.work_creative_box .creative_box_text .number {

		position: absolute;

		top: 19px;

		right: 10px;

		line-height: 20px
	}

	.works_cover_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #fff;

		margin: 40px auto;

		padding: 30px
	}

	.works_cover_box .cover_img_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left;

		margin-left: 0
	}

	.works_cover_box .cover_img_box .cover_img_title {

		font-size: 18px;

		color: #666;

		line-height: 1.2
	}

	.works_cover_box .cover_img_box .cover_img {

		width: 100%;

		height: 150px;

		overflow: hidden
	}

	.works_cover_box .cover_img_box .cover_img img {

		width: 100%;

		height: auto
	}

	.works_cover_box .cover_img_box .creative_box_text {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #fff;

		margin-top: 20px
	}

	.works_cover_box .cover_img_box .creative_box_text textarea {

		width: 100%;

		height: 164px;

		line-height: 20px;

		padding: 16px;

		border: 1px solid #ccc
	}

	.works_cover_box .cover_img_box .creative_box_text .number {

		float: right;

		line-height: 20px
	}

	.works_cover_box .cover_cropper {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: left
	}

	.works_cover_box .cover_cropper img {

		width: 100%;

		height: auto
	}

	.works_cover_box .cover_cropper .img_zoom {

		width: 310px;

		height: auto;

		overflow: hidden;

		margin: 20px auto 0
	}

	.works_cover_box .cover_cropper .img_zoom i {

		width: 25px;

		line-height: 25px;

		font-size: 20px;

		float: left;

		margin-right: 10px
	}

	.works_cover_box .cover_cropper .img_zoom .zoom_line {

		display: inline-block;

		height: 1px;

		background-color: #ccc;

		margin-top: 12px;

		margin-right: 10px;

		float: left
	}

	.works_cover_box .cover_img_box .cover_cropper_btn {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 30px;

		color: #aaa;

		text-align: right;

		float: right
	}

	.works_cover_box .cover_img_box .cover_cropper_btn .publish_creative {

		width: 100%
	}

	.search_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.search_box .search_head {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5
	}

	.search_box .search_head .search_head_input {

		width: 100%;

		height: 40px;

		line-height: 40px;

		margin: 40px auto;

		padding: 16px
	}

	.search_box .search_head .search_head_input form {

		width: 90%
	}

	.search_box .search_head .search_head_input input {

		width: 80%;

		height: 40px;

		line-height: 40px;

		float: left;

		border: 1px solid #ccc
	}

	.search_box .search_head .search_head_input button {

		width: 20%;

		height: 40px
	}

	.search_box .search_head .search_head_input p {

		width: 20%;

		height: 40px;

		line-height: 40px;

		float: left;

		background-color: #FD4627;

		color: #fff;

		text-align: center
	}

	.search_box .search_head .search_head_input p i {

		font-size: 20px
	}

	.search_box .search_head .search_head_nav {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		padding: 0 16px
	}

	.search_box .search_head .search_head_nav ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		text-align: left;

		margin: 0
	}

	.search_box .search_head .search_head_nav ul li {

		display: inline-block;

		padding: 0 10px;

		font-size: 16px;

		color: #666
	}

	.search_box .search_head .search_head_nav ul li p {

		width: 0;

		height: 0;

		border-width: 0 15px 15px;

		border-style: solid;

		border-color: transparent;

		position: relative
	}

	.search_box .search_head .search_head_nav ul .on {

		color: #151414
	}

	.search_box .search_content {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 10px auto
	}

	.search_box .search_content .search_page {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.search_box .search_content .search_page .search_product {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 30px auto
	}

	.search_box .search_content .search_page .search_product img {

		width: 100%;

		height: 150px;

		float: left
	}

	.search_box .search_content .search_page .search_product .search_product_content {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: right
	}

	.search_box .search_content .search_page .search_product .search_product_content .title {

		font-size: 24px;

		color: #151414;

		margin-top: 10px
	}

	.search_box .search_content .search_page .search_product .search_product_content .text {

		font-size: 16px;

		color: #666;

		height: 44px;

		overflow: hidden;

		margin-top: 10px
	}

	.search_box .search_content .search_page .search_product .search_product_content .product_content_btn {

		font-size: 16px;

		margin-top: 16px
	}

	.search_box .search_content .search_page .search_product .search_product_content .product_content_btn span {

		display: inline-block;

		color: #FD4627;

		margin-right: 30px
	}

	.search_box .search_content .search_page .search_faq {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 20px 0 0;

		padding-bottom: 20px;

		border-bottom: 1px solid #f5f5f5
	}

	.search_box .search_content .search_page .search_faq .question {

		font-size: 16px;

		color: #151414
	}

	.search_box .search_content .search_page .search_faq .question:hover {

		color: #FD4627
	}

	.search_box .search_content .search_page .search_faq .answer {

		font-size: 14px;

		color: #666
	}

	.search_box .search_content .search_page .video_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 24px;

		padding-bottom: 16px;

		border-bottom: 1px solid #f5f5f5
	}

	.search_box .search_content .search_page .video_box img {

		width: 100%;

		height: auto;

		float: left
	}

	.search_box .search_content .search_page .video_box .video_introduce {

		width: 100%;

		height: auto;

		overflow: hidden;

		float: right
	}

	.search_box .search_content .search_page .video_box .video_introduce .title {

		font-size: 16px;

		color: #151414;

		height: 44px;

		overflow: hidden;

		margin-top: 10px
	}

	.search_box .search_content .search_page .video_box .video_introduce .video_type {

		width: 100%;

		height: 30px;

		line-height: 30px;

		background-color: #f5f5f5;

		font-size: 12px;

		padding: 0 16px;

		margin-top: 10px
	}

	.search_box .search_content .search_page .video_box .video_introduce .video_type p {

		float: left;

		margin-right: 30px
	}

	.search_box .search_content .search_page .video_box .video_introduce .video_type p i {

		width: 14px;

		margin-right: 5px;

		float: left
	}

	.search_box .search_content .search_page .video_box .video_introduce .video_type p span {

		display: inline-block;

		float: left
	}

	.search_box .search_content .search_page .video_box .video_introduce .text {

		color: #666;

		margin-top: 10px
	}

	.search_box .search_content .search_page .not_found {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 30px auto;

		padding: 0 16px
	}

	.search_box .search_content .search_page .not_found img {

		width: 100%;

		height: auto
	}

	.search_box .search_content .search_page .not_found .title {

		font-size: 18px;

		font-weight: bold;

		color: #151414;

		margin-top: 30px
	}

	.search_box .search_content .search_page .not_found .nfound_box {

		font-size: 16px;

		color: #666;

		margin-top: 20px
	}

	.search_box .search_content .search_page .not_found .nfound_box ul {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.search_box .search_content .search_page .not_found .nfound_box ul li {

		font-size: 14px;

		color: #666;

		list-style-type: disc
	}

	.search_box .search_content .search_page .not_found .nfound_box .nfound_return {

		margin-top: 20px
	}

	.search_box .search_content .search_page .not_found .nfound_box .nfound_return a {

		color: #FD4627
	}

	.news_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.news_box .currency_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5
	}

	.news_box .currency_box .down_box {

		padding: 30px 15px
	}

	.news_box .currency_box .down_box .down_title {

		font-size: 24px
	}

	.news_box .currency_box .down_box .route_title {

		font-size: 15px
	}

	.news_box .xp_news {

		width: 100%;

		padding: 0 0 70px 0;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.news_box .xp_news ul {

		padding: 0 5px;

		margin-top: 20px
	}

	.news_box .xp_news ul li {

		width: calc(50% - 10px);

		margin: 0 5px 10px;

		padding: 10px 10px 30px
	}

	.news_box .xp_news ul li .news_title {

		line-height: 1.2;

		height: 40px;

		margin-top: 10px
	}

	.news_box .xp_news ul li .news_text {

		height: 50px;

		line-height: 1.2;

		margin-top: 10px
	}

	.news_box .xp_news ul li .news_time {

		font-size: 14px
	}

	.news_box .xp_news ul li .news_btn {

		font-size: 16px;

		margin-top: 10px
	}

	.news_box .new_show {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 20px auto;

		padding: 0 16px
	}

	.news_box .new_show .new_show_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		font-size: 24px;

		line-height: 1.2;

		color: #151414
	}

	.news_box .new_show .new_show_time {

		font-size: 14px;

		color: #666;

		margin-top: 20px;

		line-height: 1.2
	}

	.news_box .new_show .new_show_content {

		margin-top: 30px
	}

	.product_details {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.product_details .subnav_box {

		width: 100%;

		height: auto;

		background-color: #f5f5f5;

		overflow: visible
	}

	.product_details .subnav_box .subnav {

		width: 100%;

		margin: 0 auto;

		padding: 0 !important;

		position: relative;

		overflow: visible
	}

	.product_details .subnav_box .subnav .phoneTitle {

		display: flex;

		float: left;

		align-items: center;

		height: 100%;

		padding-left: 10px;

		cursor: pointer
	}

	.product_details .subnav_box .subnav .phoneTitle .icon {

		margin-bottom: 5px;

		font-size: 20px
	}

	.product_details .subnav_box .subnav .subnav_ul {

		width: calc(100% - 150px);

		background: #fff;

		padding: 0;

		border-right: 1px #f5f5f5;

		height: auto;

		overflow: hidden;

		float: left;

		display: none;

		position: absolute;

		left: 0;

		top: 50px;

		z-index: 999999
	}

	.product_details .subnav_box .subnav .subnav_ul ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0
	}

	.product_details .subnav_box .subnav .subnav_ul ul li {

		font-size: 16px;
    border-bottom: 1px #f5f5f5 solid;
    line-height: 30px;
    width: 100%;
    color: #151414;
    float: left;
    padding-left: 10px;
	}

	.product_details .subnav_box .subnav .subnav_ul ul li a {

		box-sizing: border-box;

		/* padding-left: 16px */
	}

	.product_details .subnav_box .subnav .subnav_ul ul .on {

		color: #FD4627
	}

	.product_details .subnav_box .subnav .now_buy {

		width: 150px;

		height: 50px;

		line-height: 50px;

		text-align: center;

		float: right;

		font-size: 16px;

		color: #fff;

		background-color: #FD4627
	}

	.product_details .product_details_img {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.product_details .product_details_img img {

		width: 100%;

		height: auto
	}

	.xfans_home_box {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_home_banner {

		width: 100%;

		height: auto
	}

	.xfans_home_box .xfans_home_banner img {

		width: 100%;

		height: 400px
	}

	.xfans_home_box .xfans_photo_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #ccc
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo {

		width: 100%;

		padding: 0 0 70px 0;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_title {

		padding: 57px 10px 0;

		width: 80%;

		height: auto;

		text-align: center;

		margin: 0 auto
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_title .fans_line {

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		display: inline-block;

		padding-bottom: 8px;

		border-bottom: 2px solid #ccc
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_title_text {

		width: 80%;

		height: auto;

		text-align: center;

		margin: 16px auto 40px;

		color: #666;

		font-size: 14px;

		line-height: 1.2;

		letter-spacing: .00625em
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_show {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_show ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		flex-wrap: wrap
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_show ul li {

		flex-grow: 1;

		margin: 5px
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_show ul li img {

		width: auto;

		height: 150px;

		object-fit: cover;

		min-width: 100%
	}

	.xfans_home_box .xfans_photo_warp .xfans_photo .fans_show .ul:after {

		content: '';

		flex-grow: 99999
	}

	.xfans_home_box .xfans_fans_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5;

		border-bottom: 1px solid #ccc
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans {

		width: 100%;

		padding: 0 0 30px 0;

		height: auto;

		overflow: hidden;

		margin: 0 auto
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_title {

		padding: 57px 10px 0;

		width: 80%;

		height: auto;

		text-align: center;

		margin: 0 auto
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_title .fans_line {

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		display: inline-block;

		padding-bottom: 8px;

		border-bottom: 2px solid #ccc
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_title_text {

		width: 80%;

		height: auto;

		text-align: center;

		margin: 16px auto 40px;

		color: #666;

		font-size: 14px;

		line-height: 1.2;

		letter-spacing: .00625em
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: block;

		flex-wrap: wrap;

		justify-content: space-between
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li {

		width: 80%;

		height: auto;

		overflow: hidden;

		cursor: pointer;

		margin: 0 auto
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li img {

		width: 100%;

		height: auto
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li .fans_text {

		width: auto;

		height: auto;

		overflow: hidden;

		margin-top: 10px
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li .fans_text .icon_fans {

		width: 15px;

		height: 15px;

		margin-left: 15px
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show ul li .fans_text .fans_span {

		font-size: 12px;

		line-height: 1em;

		color: #aaa
	}

	.xfans_home_box .xfans_fans_warp .xfans_fans .fans_show .view_more {

		width: 120px;

		text-align: center;

		font-size: 16px;

		padding: 10px 0;

		margin: 30px auto 0
	}

	.xfans_home_box .xfans_vote_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #f5f5f5;

		border-bottom: 1px solid #ccc
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		padding-bottom: 30px
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .fans_title {

		padding: 60px 10px 0;

		width: 80%;

		height: auto;

		text-align: center;

		margin: 0 auto
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .fans_title .fans_line {

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		display: inline-block;

		padding-bottom: 8px;

		border-bottom: 2px solid #ccc
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_bottom_text {

		width: 80%;

		height: auto;

		text-align: center;

		margin: 16px auto 10px;

		color: #666;

		font-size: 14px;

		line-height: 1.2;

		letter-spacing: .00625em
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-bottom: 40px
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li {

		width: calc(50% - 10px);

		height: auto;

		overflow: hidden;

		background-color: #fff;

		margin-top: 30px;

		float: left;

		margin-right: 10px
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li img {

		width: 100%;

		height: auto
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_title {

		width: 100%;

		height: auto;

		overflow: hidden;

		text-align: center;

		font-size: 14px;

		color: #151414;

		margin-top: 10px
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_love {

		width: 115px;

		height: auto;

		overflow: hidden;

		color: #fff;

		margin: 16px auto;

		line-height: 30px;

		background-color: #eb4d1d;

		text-align: center
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_love .i {

		width: 14px;

		line-height: 16px;

		font-size: 14px
	}

	.xfans_home_box .xfans_vote_warp .xfans_vote .vote_page ul li .vote_page_love .num {

		display: inline-block;

		font-size: 14px;

		line-height: 1.2;

		margin-top: 2px;

		margin-left: 6px
	}

	.xfans_home_box .xfans_topics_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #ccc
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics {

		width: 100%;

		padding: 0 0 30px 0;

		margin: 0 auto;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_title {

		padding: 57px 10px 0;

		width: 80%;

		height: auto;

		text-align: center;

		margin: 0 auto
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_title .fans_line {

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		display: inline-block;

		padding-bottom: 8px;

		border-bottom: 2px solid #ccc
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_title_text {

		width: 80%;

		height: auto;

		text-align: center;

		margin: 16px auto 40px;

		color: #666;

		font-size: 14px;

		line-height: 1.2;

		letter-spacing: .00625em
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li {

		width: 100%;

		height: auto;

		overflow: hidden;

		cursor: pointer;

		background-color: #f5f5f5
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li img {

		width: 100%;

		height: auto
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li .xfans_topics_name {

		width: 100%;

		height: 20px;

		font-size: 16px;

		color: #eb4d1d;

		line-height: 20px;

		padding: 0 16px;

		margin: 20px 0 16px
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show ul li .xfans_topics_text {

		width: 100%;

		height: 64px;

		overflow: hidden;

		font-size: 14px;

		color: #666;

		line-height: 1.2;

		padding: 0 16px;

		margin-bottom: 16px
	}

	.xfans_home_box .xfans_topics_warp .xfans_topics .fans_show .view_more {

		width: 120px;

		text-align: center;

		font-size: 16px;

		padding: 10px 0;

		margin: 30px auto 0
	}

	.xfans_home_box .xfans_question_warp {

		width: 100%;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_question_warp .xfans_question {

		width: 100%;

		padding: 0 0 70px 0;

		margin: 0 auto;

		height: auto;

		overflow: hidden
	}

	.xfans_home_box .xfans_question_warp .xfans_question .fans_title {

		padding: 57px 10px 0;

		width: 80%;

		height: auto;

		text-align: center;

		margin: 0 auto
	}

	.xfans_home_box .xfans_question_warp .xfans_question .fans_title .fans_line {

		font-size: 24px;

		color: #151414;

		line-height: 1.2;

		display: inline-block;

		padding-bottom: 8px;

		border-bottom: 2px solid #ccc
	}

	.xfans_home_box .xfans_question_warp .xfans_question .fans_title_text {

		width: 80%;

		height: auto;

		text-align: center;

		margin: 16px auto 40px;

		color: #666;

		font-size: 14px;

		line-height: 1.2;

		letter-spacing: .00625em
	}

	.xfans_home_box .xfans_question_warp .xfans_question .question_btn {

		width: 120px;

		text-align: center;

		font-size: 16px;

		padding: 10px 0;

		background-color: #eb4d1d;

		color: #fff;

		margin: 30px auto 0
	}

	#paging {

		position: absolute;

		left: 3%;

		bottom: 30px;

		transform: translate(0, 0);

		width: 100%;

		height: auto;

		overflow: hidden
	}

	#paging .pagination-btn {

		width: auto;

		padding: 0 5px;

		margin-right: 8px;

		line-height: 30px;

		border: 1px solid #ccc;

		cursor: pointer;

		color: #999;

		display: inline-block;

		box-sizing: border-box
	}

	#paging .pagination-wrap {

		width: auto;

		height: auto;

		position: relative;

		float: left;

		padding: 0
	}

	#paging .pagination-ellipsis {

		width: auto;

		color: #999;

		position: relative;

		top: 0;

		display: inline-block;

		padding: 0 .12rem;

		margin-right: 10px
	}

	#paging .pagination-current {

		border: 1px solid #3e8ddd;

		color: #3e8ddd
	}

	#paging .pagination-disabled {

		cursor: not-allowed
	}

	#paging #pagination-next,
	#paging #pagination-prev {

		width: auto;

		padding: 0 5px;

		line-height: 30px;

		float: left
	}

	#paging .pagenum {

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		vertical-align: middle
	}

	footer .footer_main {

		width: 100%;

		padding: 0
	}

	footer .footer_main ul {

		margin-top: 0
	}

	footer .footer_main ul li {

		max-width: 100%;

		height: auto;

		font-size: 16px;

		padding: 0
	}

	footer .footer_main ul li .footer_title {

		border-bottom: 0;

		line-height: 20px;

		margin: 0 16px;

		padding: 16px 0;

		height: 52px;

		border-bottom: 1px solid #999;

		cursor: pointer
	}

	footer .footer_main ul li .footer_title .footer_search_close {

		display: inline-block
	}

	footer .footer_main ul li .footer_text {

		margin: 0;

		transition: all .5s;

		padding: 0 16px 1px;

		background-color: #fff
	}

	footer .footer_main ul li .footer_text a {

		height: 52px;

		line-height: 52px;

		background-color: #fff;

		color: #151414;

		padding-left: 10px;

		border-bottom: 1px solid #151414
	}

	footer .footer_main ul li .footer_text a:hover {

		background-color: #ccc
	}

	footer .footer_main ul li .footer_text a:last-child {

		border-bottom: 0
	}

	footer .footer_main ul li .footerJoin {

		padding: 0 15px
	}

	footer .collapse {

		display: none
	}

	footer .footer_main ul li .footer_info_box {

		padding: 0 16px
	}

	footer .footer_main ul li .footer_info_box .footer_address {

		width: 240px
	}

	footer .footer_main .copyright {

		padding: 15px 16px
	}

	.country_warp {

		display: none;

		position: absolute;

		bottom: 0;

		top: auto;

		left: 0;

		z-index: 90;

		width: 100%;

		height: 100%;

		background: rgba(0, 0, 0, 0.5)
	}

	.country_warp .country_select {

		position: absolute;

		width: 100%;

		height: auto;

		overflow: hidden;

		background-color: #fff;

		top: 20%
	}

	.country_warp .country_select .country_close {

		position: absolute;

		top: 10px;

		right: 20px;

		width: 30px;

		height: 30px;

		font-size: 30px
	}

	.country_warp .country_select .country_main {

		width: 80%;

		height: auto;

		overflow: hidden;

		margin: 0 auto;

		padding-bottom: 60px
	}

	.country_warp .country_select .country_main .country_title {

		font-size: 24px;

		line-height: 1;

		color: #666;

		margin-top: 60px;

		text-align: center
	}

	.country_warp .country_select .country_main .select_continent {

		margin-top: 30px;

		width: 100%
	}

	.country_warp .country_select .country_main .select_continent .select2 {

		width: 100% !important;

		height: 40px;

		font-size: 24px !important;

		line-height: 40px;

		color: #666
	}

	.country_warp .country_select .country_main .select_country {

		width: 100%;

		height: 40px;

		overflow: hidden;

		padding: 0 1.5%;

		border: 1px solid #151414;

		margin-top: 40px;

	}

	.country_warp .country_select .country_main .select_country .select_country_show {

		width: 100%;

		height: 40px;

		padding: 0 1.5%;

		font-size: 24px;

		line-height: 40px;

		color: #151414
	}

	.country_warp .country_select .country_main .select_country .select_country_warp {

		width: 100%;

		height: auto;

		overflow: hidden;

		padding: 0 1.5%;

	}

	.country_warp .country_select .country_main .select_country .select_country_warp ul {

		width: 100%;

		height: auto;

		overflow: hidden;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between
	}

	.country_warp .country_select .country_main .select_country .select_country_warp ul li {

		width: 40%;

		height: 50px;

		font-size: 16px;

		line-height: 45px;

		text-align: center;

		color: #666;

		background-color: #f5f5f5;

		margin-top: 15px
	}

	.country_warp .country_select .country_main .select_country .select_country_warp ul li:hover {

		background-color: #ccc;

	}

	.country_warp .country_select .country_main .site_text {

		width: 270px;

		height: auto;

		margin: 40px auto 0;

		font-size: 14px;

		line-height: 1.25em;

		color: #666;

	}

	.country_warp .country_select .country_main .site_text .site_icon {

		float: left;

		margin: 0 5px
	}

	.country_warp .country_select .country_main .site_text .site_line {

		display: block;

		width: 0;

		height: 1px;

		background-color: #666;

		transition: all 1s
	}

	.country_warp .country_select .country_main .site_text:hover .site_line {

		width: 100%
	}

	.w_1440 {

		width: 100% !important;

		margin: 0 auto;

		padding-left: 0 !important;

		padding-right: 0 !important
	}

	.product_details .subnav_box {

		top: 60px
	}

	.pin-view-arrows .layer-view i,
	.closeIframe i {
		color: #FD4627;
	}

}

.index_con1 {
	max-width: 1400px;
	height: auto;
	background-color: #FD4627;
	text-align: left;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
}

.index_text1 {
	padding-right: 20px;
	font-size: 16px;
	color: #fff;
}

.index_texta {
	background-color: #ffffff;
	padding: 12px;
	font-size: 16px;
	margin: 0 auto;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	color: black;
	font-size: 16px;
	color: #FD4627;
}

.index_texta:link,
.index_texta:visited {
	color: #FD4627;
}

@media screen and (max-width:776px) {
	.index_con1 {
		box-sizing: border-box;
	}

	.index_text1 {
		font-size: 12px;
		line-height: 15px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}

	.index_texta {
		font-size: 12px;
		padding: 12px;
	}
}

@media screen and (max-width:520px) {
	.index_con1 {
		box-sizing: border-box;
		display: block;
	}

	.index_text1 {
		font-size: 12px;
		line-height: 15px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		text-align: center;
		padding: 0px;
	}

	.index_texta {
		font-size: 12px;
		padding: 12px;
	}

	.index_diva {
		text-align: center;
		margin-top: 10px;
	}
}

.xp_height {
	max-height: 500px;
	overflow-y: auto;
}

.xp_height::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}

.xp_height::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	background-color: skyblue;
	background-image: -webkit-linear-gradient(45deg,
			rgba(255, 255, 255, 0.2) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, 0.2) 50%,
			rgba(255, 255, 255, 0.2) 75%,
			transparent 75%,
			transparent);
}

.xp_height::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #ededed;
	border-radius: 10px;
}

#softcon .software .key_box2 .copy_btn:hover {
	cursor: pointer;
}

/*/guest/index 下拉框*/
#guestForm .controlDateBox .iconfont {
	display: none;
}

#guestForm .controlDateBox .control_time select {
	background: url(../png/select_back.png) no-repeat center right 12px !important;
}

.down_main .seek_option .show_option_box .show_options i {
	display: none;
}

.one-lines-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two-lines-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.three-lines-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.four-lines-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

 
/* .down_main .titleBox .show_option_box .show_options #classify {
	background: url(https://www.xp-pen.com/Uploads/images/select_back.png) no-repeat center right 16px !important;
} */

#Business ul li .describe_left div{
	background: linear-gradient(180deg,#F01EC8 0%,#FF6C00 100%) !important;
}
.agent_box_show .agent_top .agent_nav h1 .on{
	color: #FF6C00;
    border-bottom: 2px solid #FF6C00;
}
.SDK_text4_p2 a{
	background-color: #FF6C00 !important;
	border: 1px solid #FF6C00 !important;
}