.newsList ul{
	overflow: hidden;
}

.newsList ul li{
	width: 50%;
	float: left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 20px;
}
.newsList ul li .subject{
	padding: 20px;
	background-color: #ececec;
	position: relative;
	padding-left: 200px;
	height: 100px;
}
.newsList ul li .subject img{
	width: 160px;
	height: 100px;
	position: absolute;
	left: 20px;
	top: 20px;
}
.newsList ul li .subject .info{
	width: 100%;
	font-size: 12px;
	color: #a0a0a0;
}
.newsList ul li .subject .info .title{
	color: #1d1d1d;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 15px;
}
.newsList ul li .subject .info p{
	word-break:break-all;
}
.newsList ul li .desc{
	font-size: 12px;
	color: #444;
	margin-top: 15px;
}
@media (max-width: 775px) { 
	.body .newsList ul li{
		width: 100%;
		padding: 0;
	}
	.newsList ul li .desc{
		display: none;
	}
	.body  .newsList ul li .subject{
		background-color: transparent;
	}
	.newsList ul li .subject .info .time{
		display: none;
	}
	.body .newsList ul li .subject .info .title{
		font-size: 18px;
		color: #333;
	}
	.body .newsList ul li .subject .info .source{
		font-size: 10px;
		color: #a0a0a0;
	}
	.registers{
		padding: 0 10px;
	}
}

/******* 以上是新闻 ********/

.registers{
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 50px; 
}
.registers .left{
	float: left;
	width: 60%;
	padding-right: 100px;
	padding-left: 100px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-right: 1px solid #e7e7eb;
}
.registers .right{
	float: left;
	width: 40%;
	padding-left: 100px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.registers .right .shareBox{
	padding-top: 40px;
}
.registers .right .shareBox p{
	color: #12add3;
	margin-bottom: 20px;
}
.registers .right .shareBox img{
	width: 72px;
}
.registers .left .login_type{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.registers .left .login_type .login_type_text{
	flex:1 ;
	text-align: center;
	color: #cccccc;
	font-size: 18px;
	cursor: pointer;
}
.registers .left .login_type .login_type_text.index{
	color: #444444;
}
.registers .left .title{
	color: #4d4d4d;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.registers .left .info{
	color: #4d4d4d;
	background: url(../img/loginIcons.png) no-repeat left center ;
	height: 16px;
	background-position: 0 0;
	padding-left: 30px;
	margin-bottom: 30px;
}
.registers .left form>div{
	position: relative;
	margin: 10px 0;
	display: flex;
	align-items: center;
}
.registers .left form>div label span{
	color: #d5164f;
	margin-right: 5px;
}
.registers .left form>div .input{
	width: 100%;
	position: relative;
}
.registers .left form>div .input span{
	position: absolute;
	right: 20px;
	top: 10px;
	background: url(../img/loginIcons.png) no-repeat center;
}
.registers .left form>div .input span.emailIcon{
	background-position: 0 -32px;
	display: block;
	width: 20px;
	height: 17px;
}
.registers .left form>div .input span.enameIcon{
	background-position: 0 -67px;
	display: block;
	width: 16px;
	height: 22px;
}
.registers .left form>div .input span.passwordIcon{
	background-position: 0 -108px;
	display: block;
	width: 17px;
	height: 20px;
}
.registers .left form>div  input[type="text"]{
	border: 1px solid #e7e7eb;
	padding-left: 10px;
	outline: none;
	height: 40px;
	line-height: 40px;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.registers .left form>div  input[type="password"]{
	border: 1px solid #e7e7eb;
	padding-left: 10px;
	outline: none;
	height: 40px;
	line-height: 40px;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.registers .left form>div  input[type="text"]::-webkit-input-placeholder{
	color: #c8c8c8;
	font-size: 12px;
}
.registers .left form>div  input[type="password"]::-webkit-input-placeholder{
	color: #c8c8c8;
	font-size: 12px;
}
.registers .left form>div  input#vertify{
	width: 150px;
}
.registers .left form>div input[type="text"]:focus{
	border: 1px solid #d5164f;
	box-shadow: 0 0 4px rgba(213,22,79,0.3);
}
.registers .left form>div input[type="password"]:focus{
	border: 1px solid #d5164f;
	box-shadow: 0 0 4px rgba(213,22,79,0.3);
}
.registers .left form .vertify{
	padding-right: 88px;
}
.registers .left form .vertify .verify_image{
	position: absolute;
	right: 0;
	width: 83px;
	top: 50%;
	margin-top: -12px;
}
.registers .left form#form_sign .vertify{
	padding-right: 205px;
}
.registers .left form#form_sign .vertify .verify_image{
	width: 200px;
}
.registers .left form .service{
	margin: 20px 0;
	color: #4d4d4d;
}
.registers .left form .service a{
	color: #12add3;
}
.registers .left form .submit input{
	background-color: #d5164f;
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: none;
	float: right;
	font-family:"微软雅黑";
}
.formtips{
	color: #d5164f;
	font-size: 10px;
}
.registers .left .loginContent{
	margin: 20px 0;
}
.loginContent .loginPart{
	overflow: hidden;
	display: flex;
    width: 100%;
}
.loginContent .loginPart p{
	flex:1;
	display: none;
}
.loginContent .loginPart a{
	color: #d5164f;
	margin-left: auto;
}
.registers .left form .verify_code input{
	flex:1;
}
.registers .left form .verify_code .get_button a{
	display: block;
	width: 120px;
	margin-left: 15px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.registers .left form .verify_code .get_button .get_code{
	background-color: #12add3;
}
.registers .left form .verify_code .get_button .get_email_code{
	background-color: #12add3;
}
.registers .left form .verify_code .get_button .count_down{
	background-color: #b9b9b9;
}
.registers .left form .verify_code .get_button .get_email_count_down{
	background-color: #b9b9b9;

}
@media (max-width: 900px) {
	.registers .left{
		width:65%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.registers .right{
		width: 35%;
		padding-left: 10px;
	}
}

@media (max-width: 765px) {
	.registers .right{
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.registers .left{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border-right-width:0; 
		float: none;
	}
	.registers .right .shareBox{
		text-align: center;
	}
	.personal .left .topInfo ul li{
		    margin: 18px 0;
		}
	.registers .left form>div{
		padding-left: 0;
	}
	.registers .left form>div label{
		display: none;
	}
	.registers .left form .service{
		text-align: center;
	}
	.registers .left form .submit input{
		width: 100%;
	}
	.loginContent .loginPart a{
		margin-left: auto;
	}
}

/************ 以上是登录和注册 ***************/

.personal{
	margin-top: 30px;
	display: flex;
	margin-bottom: 30px;
	align-items: flex-start;
}
.personal>.left{
	width: 24%;
	padding-right: 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal>.right{
	width: 76%;
}
.personal .left .topInfo{
	background-color: #f4f4f4;
	margin-bottom: 20px;
	text-align: center;
}
.personal .left .nav ul li{
	background-color: #f4f4f4;
	height: 40px;
	line-height: 40px;
	margin-bottom: 2px;
	width: 100%;
	padding-left: 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal .left .topInfo .userLogo img{
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
.personal .left .topInfo .userLogo{
	display: inline-block;
	padding: 10px;
	border-radius: 60px;
	border: 1px solid #d1d1d1;
	margin: 30px 0 10px 0;
	position: relative;
}
.personal .left .topInfo .userLogo .vipTag{
	top: 8px;
	right: 5px;
}
.personal .left .topInfo ul li{
	text-align: left;
	padding-left: 15px;
	color: #444;
	font-size: 12px;
	margin: 10px 0;
}
.personal .left .topInfo ul li.username{
	font-size: 16px;
    margin-top: 0;
    text-align: center;
    margin-left: -20px;
    margin-bottom: 15px;
	font-weight:bold;
	position: relative;
	display: inline-block;
}
.personal .left .topInfo ul li.username .levelIcon{
	width: 20px;
}
.personal .left .topInfo ul li.username .record{
	position: absolute;
	top: -10px;
	right: -25px;
	color: #444;
    background: url(../img/userIcons.png) no-repeat;
    display: inline-block;
    padding-left: 22px;
    height: 17px;
    line-height: 17px;
	background-position: 0 -335px
}



.personal .left .topInfo .set{
	padding-bottom: 20px;
	padding-top: 10px;
}
.personal .left .topInfo .set a{
	display: inline-block;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #d5164f; 
}
.personal .left .nav ul li a{
	color: #444;
	background: url(../img/userIcons.png) no-repeat;
	display: inline-block;
	padding-left: 22px;
	height: 17px;
	line-height: 17px;
}
.personal .left .nav ul li.checked{
	background-color: #d5164f
}
.personal .left .nav ul li.checked a{
	color: #fff;
}
.personal .left .nav ul li a.myinfo{
	background: url(../img/usercenter/myinfo.png) no-repeat;
}
.personal .left .nav ul li.checked a.myinfo{
	background: url(../img/usercenter/myinfoselect.png) no-repeat;
}
.personal .left .nav ul li a.basic{
	background-position: 0 -78px;
}
.personal .left .nav ul li.checked a.basic{
	background-position: 0 -190px;
}
.personal .left .nav ul li a.myalbums{
	background: url(../img/userIcons3.png) no-repeat;
	background-position: -10px -10px;
	height: 14px;
    line-height: 14px;
}
.personal .left .nav ul li.checked a.myalbums{
	background: url(../img/userIcons3.png) no-repeat;
	background-position: -10px -44px;
}
.personal .left .nav ul li a.mycompany{
	background-position: 0 -242px;
}
.personal .left .nav ul li.checked a.mycompany{
	background: url(../img/userIcons2.png) no-repeat;
	background-position: 0 -449px;
}
.personal .left .nav ul li a.myaddress{
	background: url(../img/userIcons.png) no-repeat;
	background-position: 0 -424px;
}
.personal .left .nav ul li.checked a.myaddress{
	background: url(../img/userIcons.png) no-repeat;
	background-position: 0 -402px;
}

.personal .left .nav ul li a.myexhibition{
	background: url(../img/userIcons2.png) no-repeat;
	background-position: 0 -142px;
}
.personal .left .nav ul li a.myinvitation{
	background: url(../img/userIcons.png) no-repeat;
	background-position: 0 -53px;
}
.personal .left .nav ul li.checked a.myinvitation{
	background: url(../img/iconUpdate.png) no-repeat;
	background-position: 0 0px;
}
.personal .left .nav ul li a.myground{
	background: url(../img/userIcons.png) no-repeat;
	background-position: 0 -426px;
}
.personal .left .nav ul li.checked a.myground{
	background: url(../img/userIcons.png) no-repeat;
	background-position: 0 -444px;
}
.personal .left .nav ul li.checked a.myexhibition{
	background: url(../img/userIcons.png) no-repeat;
	background-position: 0 -270px;
}
.personal .left .nav ul li a.focus{
	background-position: 0 -291px;
}
.personal .left .nav ul li.checked a.focus{
	background: url(../img/userIcons2.png) no-repeat;
	background-position: 0 -534px;
}
.personal .left .nav ul li a.tips{
	background-position: 0 -314px;
}
.personal .left .nav ul li.checked a.tips{
	background: url(../img/userIcons2.png) no-repeat;
	background-position: 0 -576px;
}
.personal .left .nav ul li a.letter{
	background-position: 0 -335px;
}
.personal .left .nav ul li.checked a.letter{
	background: url(../img/userIcons2.png) no-repeat;
	background-position: 0 -618px;
}
.personal .left .nav ul li a.account{
	background-position: 0 -356px;
}
.personal .left .nav ul li.checked a.account{
	background: url(../img/userIcons2.png) no-repeat;
	background-position: 0 -660px;
}
.personal .left .nav ul li a.headPortrait{
	background-position: 0 -103px;
}
.personal .left .nav ul li.checked a.headPortrait{
	background: url(../img/iconUpdate.png) no-repeat;
	background-position: 0 -47px;
}
.personal .left .nav ul li a.changePassword{
	background-position: 0 -129px;
}
.personal .left .nav ul li.checked a.changePassword{
	background: url(../img/iconUpdate.png) no-repeat;
	background-position: 0 -72px;
}
.personal .left .nav ul li a.apply{
	background-position: 0 -159px;
}
.personal .left .nav ul li.checked a.apply{
	background: url(../img/userIcons2.png) no-repeat;
	background-position: 0 -379px;
}
.personal .left .nav ul li a.logout{
	background: url(../img/loginout.png) no-repeat;
	background-size: 15px 16px;
}
.personal .left .nav ul li a.statement{
	background: url(../img/userIcons3.png) no-repeat;
	background-position: -10px -78px;
}
.personal .left .nav ul li.checked a.statement{
	background: url(../img/userIcons3.png) no-repeat;
	background-position: -10px -114px;
}
.personal .left .nav ul li a.mydiary{
	background: url(../img/userIcons3.png) no-repeat;
	background-position: -10px -150px;
}
.personal .left .nav ul li.checked a.mydiary{
	background: url(../img/userIcons3.png) no-repeat;
	background-position: -10px -186px;
}
.personal .left .nav ul li a.myproducts{
	background: url(../img/usercenter/product_icon.png) no-repeat;
	background-position: 0 -20px;
}
.personal .left .nav ul li.checked a.myproducts{
	background: url(../img/usercenter/product_icon.png) no-repeat;
	background-position: 0 0px;
}
.personal .left .nav ul li a.product_manage{
	background: url(../img/usercenter/product_manage.png) no-repeat left center;
	background-size: 17px;
}
.personal .left .nav ul li.checked a.product_manage{
	background: url(../img/usercenter/product_manage_checked.png) no-repeat left center;
	background-size: 17px;
}
.personal .left .nav ul li a.order_list{
	background: url(../img/usercenter/order_list.png) no-repeat left center;
	background-size: 17px;
}
.personal .left .nav ul li.checked a.order_list{
	background: url(../img/usercenter/order_list_checked.png) no-repeat left center;
	background-size: 17px;
}
.personal .left .nav ul li a.go_cart{
	background: url(../img/usercenter/cart.png) no-repeat left center;
	background-size: 17px;
}
.personal .left .nav ul li.checked a.go_cart{
	background: url(../img/usercenter/cart_checked.png) no-repeat left center;
	background-size: 17px;
}
.personal .left .nav ul li a.user_account{
	background: url(../img/usercenter/user_account.png) no-repeat left center;
	background-size: 17px;
}
.personal .left .nav ul li.checked a.user_account{
	background: url(../img/usercenter/user_account_checked.png) no-repeat left center;
	background-size: 17px;
}


.personal>.right{
	background-color: #f4f4f4;
	padding: 30px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal .right form>div{
	position: relative;
	
}
.personal .right form .exhibitionPart.companyHomepage{
	margin:0;
}
.personal .right .exhibitionPart.companyHomepage{
	margin-bottom: 0;
}
.personal .right form#info_form{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.personal .right form#info_form .form-group{
	display: flex;
	margin:0;
	margin-bottom: 18px;
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 10px;
}
.personal .right form#info_form .form-group:last-child{
	border-bottom: none;
}
.personal .right form#info_form .form-group .basicPart{
	display: flex;
	align-items: center;
	flex:1;
}
.personal .right form#info_form .form-group .editPart{
	display: none;
	flex:1;
}
.personal .right form#info_form .form-group .editPart.show{
	display: flex;
	align-items: center;
}
.personal .right form#info_form .form-group .editPart .codePart{
	display: flex;
	align-items: center;
}
.personal .right form#info_form .form-group .editPart .codePart label{
	display: none;
}
.personal .right form#info_form .form-group .editPart .info{
	display: flex;
	align-items: center;
}
.personal .right form#info_form .form-group .basicPart.rowLine{
	flex-direction: column;
	align-items: flex-start;
}
.personal .right form#info_form .form-group .basicPart.rowLine>div{
	display: flex;
	flex-direction: row;
	flex: 1;
	align-items: center;
	width: 100%;
}
.personal .right form#info_form .form-group .basicPart.rowLine .jiehao_top{
	margin-bottom: 14px;
}
.personal .right form#info_form .form-group .editPart.rowLine{
	flex-direction: column;
	align-items: flex-start;
}
.personal .right form#info_form .form-group .editPart.rowLine>div{
	display: flex;
	align-items: center;
	flex: 1;
	width: 100%;
}
.personal .right form#info_form .form-group .editButton{
	margin-left: auto;
	display: flex;
	align-items: center;
}
.personal .right form#info_form .form-group .editButton a{
	color: #808080;
	font-size: 14px;
	margin-left: 10px;
}
.personal .right form#info_form .form-group .editButton .confirm.active{
	color: #12add3;
}
.personal .right form#info_form .form-group .editPart .value{
	width: 200px;
	flex: initial;
}
.personal .right form#info_form .form-group .editPart textarea{
	margin: 10px 0 20px 0;
}
.personal .right form#info_form .form-group .editPart .code{
	width: 120px;
	margin-left: 10px;
	flex: initial;
}
.personal .right form#info_form .form-group .editPart .getCode a.verity{
	width: 100px;
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background-color: #12add3;
}
.personal .right form#info_form .form-group .editPart .getCode .count_down,.personal .right form#info_form .form-group .editPart .getCode .get_email_count_down{
	width: 100px;
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background-color: #b9b9b9;
}

.personal .right form#info_form>div .open_market{
	
	flex:1;
}
.personal .right form#info_form>div .open_market .checkbox_open_market{
	display: flex;
	flex-shrink: 0;
	align-items: center;
}
.personal .right form#info_form>div .open_market .checkbox_open_market input[type="checkbox"]{
	flex:initial;
}
.personal .right form#info_form>div .open_market span{
	flex-shrink: 0;
}
.personal .right form#info_form>div .open_market .open_market_tips{
	margin-left: 10px;
}
ol{ list-style:none; }


/*.personal .right form>div label{
	position: absolute;
	left: 0;
	width: 47px;
	color: #666;
	font-size: 14px;
}
*/.right form>div input[type="text"]{
	height: 34px;
	line-height: 34px;
	padding-left: 5px;
	border: 1px solid #d0d0d0;
	outline: none;
	margin-bottom: 15px;
	width: 100%;
	border-radius: 0;
	-webkit-appearance:none;
}
.personal .right form>div.hj_form input[type="text"]{ 
	width:100%; 
	color:#999; 
	margin-left:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal .right form>div textarea{
	width: 100%;
	height: 80px;
	vertical-align: top;
	padding: 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #ddd;
	outline: none;
}
.personal .right form .reply_box textarea{
	font-size: 16px;
}
.personal .right form .reply_box input[type="text"]{
	font-size: 16px;
}
.right form>div select{
	height: 32px;
	line-height: 32px;
	border: 1px solid #d2d0d1;
	outline: none;
}

.personal .right form .apply_area>div{
	padding-left: 70px;
	margin: 10px 0;
}
.personal .right form .apply_area>div label{
	width: 60px;
}
.personal .right form .apply_area>div select{
	width: 100%;
	appearance:listbox;
    -moz-appearance:listbox;
    -webkit-appearance:listbox;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 98% center;
}
.personal .right form .apply_area>div.applyto a{
	color: #12add3;
	font-size: 16px;
}
.personal .right form .apply_area>div.clickme a{
	margin-bottom: 0;
}

.introCZ{
	background-color: #fff;
	padding: 15px;
}
.introCZ img{ 
	max-width:100%;
	margin:10px 0;
}

.personal .right form div.hangye .input{
	overflow: hidden;
}
.personal .right form div input,.personal .right form div select,.personal .right form div textarea{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin: 0;
	height: 34px;
    line-height: 34px;
}
.personal .right form div.hangye select{
	width: 49%;
	float: right;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal .right form div.hangye select:first-child{
	float: left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal .right form div.addr{
	margin-top: 10px;
}
.personal .right form div.addr input#addr{
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal .right form div.address .input{
	overflow: hidden;
}
.personal .right form div.address select{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.personal .right form div.address select:last-child{
	margin-right: 0;
}
.personal .right form div.save{
	margin-top: 100px;
}
.personal .right form div.save.hj_save{
	margin-top: 15px;
	margin-bottom:30px;
}
.personal .right form div.save.hj_save a{
	float:right;
	width:100px;
	height:30px;
	line-height:30px;
}
.personal .right form div.save a{
	display: block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #d5164f;
}
.personal .right  .btn{
	display: none;
}
.personal .right .btn.hj_btnbt{ 
	width:100px; height:30px; 
	line-height:30px; 
	padding:0; 
	margin:20px -3px 30px 0; 
	background-color:#d5164f;
}
.personal .right form#info_form>div label{
	position: relative;
	width: 80px;
}

.personal .right form#info_form>div .input{
	display: flex;
	align-items: center;
}
.personal .right form#info_form>div .select{
	display: none;
}
.personal .right form#info_form>div .input input[type="radio"]{
	margin-left: 20px;
}
.personal .right form#info_form>div input[type="text"]{
	flex:1;
	margin-bottom: 0;
}
.personal .right form#info_form>div input[name='name']{
	color: #666;
}
.personal .right form#info_form>div .chooseSite{
	display: flex;
	flex:1;
	align-items: center;
}
.personal .right form#info_form>div .chooseSite .ui-select{
	width: 150px;
	margin-right: 10px;
	position: relative;
}
.personal .right form#info_form>div .chooseSite .ui-select::after{
	position: absolute;
	content: "";
	width: 16px;
	height: 6px;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 98% center;
}
.personal .right form#info_form>div .chooseSite .noneSite{
	flex:1;
}
.personal .right form#info_form>div .ck-editor{
	flex: 1;
}
.personal .right form#info_form>div.save.hj_save{
	justify-content: flex-end;
}
.personal .right form#info_form>div.save.hj_save a{
	float: none;
}
.personal .right form#info_form>div.gzhz_content{
	padding: 0;
}
.personal .right form#info_form>div.gzhz_sign{
	padding-left: 0;
}
.personal .right form#info_form>div.gzhz_sign span{
	height: 29px;
	line-height: 21px;
	box-sizing: border-box;
}
.personal .right form#info_form>div.gzhz_content .pub-select .show-data{
	border: 1px solid #d2d0d1;
}

@media (max-width: 775px) {
	.personal .left .topInfo ul li.username .record{
		display: none;
	}
	.personal .right .btn.hj_btnbt{ width:100%; height:35px; line-height:35px; font-size:18px; border:0px;}
	.personal>.left{
		width: 100%;
		float: none;
		height: 180px;
		margin-bottom:20px;
		display: none;
	}
	.personal .left.hj_lef{
		height: 180px;
	}
	.personal>.right{
		float: none;
		width: 100%;
		background-color: #fff;
		position: relative;
		padding-right: 30px;
		padding-left:40px; 
	}
	.personal .left .topInfo{
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		height:180px;
		top: -20px;
	}
	.personal .left .topInfo .userLogo{
		float: left;
		margin-left: 60px;
	}
	.personal .left .topInfo ul{
		float: left;
		padding-top: 20px;
		padding-left: 20px;
	}
	.personal .left .topInfo .set{
		 display: block;
         position: absolute;
         width: 120px;
         text-align: center;
         margin-top: 130px;
         margin-left: 60px;
	}
	.personal .left .nav{
		display: none;
	}
	.personal .right form>div input[type="text"]{
		width: 100%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.personal .right form div.hangye select{
		width: 100%;
		margin-bottom: 10px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.personal .right form div.save{
		padding-left: 0;
		margin-top: 20px;
	}
	.personal .right form div.save a{
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.personal .right form div.save.hj_save a{ width:100%; text-align: center;
    font-size: 18px;
    line-height: 35px;
    height: 35px;
    color: #fff;
    background-color: #d5164f; border:0px; margin:0;}
	.personal .right form#info_form div.save.hj_save{ padding-left:0;}
	.personal .right  .btn a.icons{
		background: url(../img/select.png) no-repeat;
		display: block;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}
	.personal .right form#info_form{
		padding-left: 0;
		padding-right: 0;
	}
	.personal .right form#info_form>div{
		display: block;
		margin-bottom: 10px;
	}
	.personal .right form#info_form>div label{
		display: none;
	}
	.personal .right form#info_form>div.email{
		padding-top: 10px;
	}
	.personal .right form#info_form>div input[type="text"]{
		border: none;
	    border-bottom: 1px solid #d0d0d0;
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 16px;
	}
	.personal .right form#info_form>div .chooseSite{
		display: block;
	}
	.personal .right form#info_form>div .chooseSite .ui-select{
		width: 100%;
		margin-bottom: 10px;
	}
	.personal .right form#info_form>div .input{
		display: none;
	}
	.personal .right form#info_form>div .select{
		display: block;
	}
	.personal .right form#info_form>div select{
		width: 100%;
		border: none;
	    border-bottom: 1px solid #d0d0d0;
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 16px;
	    margin-top:10px;
	}
	.personal .right form#info_form>div.jieshao>label{
		display: block;
	    color: #808080;
	    padding-left: 10px;
	    margin-bottom: 5px;
	    width: auto;
	    font-size: 14px;
	}
	.personal .right form#info_form>div.gzhz_content .pub-select{
		width: 100%;
	}
	.personal .right form#info_form>div.gzhz_content .pub-select .show-data{
		border: none;
		border-bottom: 1px solid #d2d0d1;
	}
	.personal .right form#info_form div.gzhz_sign{
		padding-left: 10px;
		padding-right: 10px;
	}
	.personal .right form#info_form div.save.hj_save{
		display: none;
	}
	.personal .right form#info_form>div .open_market{
		display: block;
		margin: 0 10px;
	}
	.personal .right form#info_form>div .open_market .open_market_tips{
		margin: 0;
	}
	.personal .right form#info_form .form-group label{
		display: block;
	}
	.personal .right form#info_form .form-group .basicPart{
		padding-left: 10px;
		padding-right: 10px;
	}
	.personal .right form#info_form .form-group.site .basicPart{
		position: relative;
		flex-wrap: wrap;
	}
	.personal .right form#info_form .form-group.site .basicPart .editButton {
		position: absolute;
		right: 10px;
		top: 0;
	}
	.personal .right form#info_form .form-group .editPart{
		position: relative;
	}
	.personal .right form#info_form .form-group .editPart .info{
		border-bottom: 1px solid #d0d0d0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.personal .right form#info_form .form-group .editPart .codePart{
		border-bottom: 1px solid #d0d0d0;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.personal .right form#info_form .form-group .editPart .codePart label{
		display: block;
	}
	.personal .right form#info_form .form-group .editPart .codePart .code{
		flex:1;
	}
	.personal .right form#info_form .form-group .editPart .codePart .getCode a.verity{
		background-color: transparent;
		color: #444444;
		width: auto;
	}
	.personal .right form#info_form .form-group .editPart .codePart .getCode a.count_down{
		background-color: transparent;
		color: #444;
		width: auto;
	}
	.personal .right form#info_form .form-group .editPart .codePart  .get_email_count_down{
		background-color: transparent;
		color: #444;
		width: auto;
	}
	.personal .right form#info_form .form-group .editPart.show{
		display: block;
	}
	.personal .right form#info_form .form-group .editPart label{
		display: inline-block;
	}
	.personal .right form#info_form .form-group .editPart input[type="text"]{
		border:none;
	}
	.personal .right form#info_form .form-group .editPart .editButton{
		display: block;
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}
	.personal .right form#info_form .form-group .editPart .editButton .cancel{
		float: left;
		margin-left: 0;
	}
	.personal .right form#info_form .form-group .editPart .editButton .confirm{
		float: right;
	}
	.personal .right form#info_form .form-group.site .editPart label{
		padding-left: 10px;
		padding-right: 10px;
	}
	.personal .right form#info_form .form-group .editPart .chooseSite .ui-select{
		position: relative;
		border-bottom: 1px solid #d0d0d0;
	}
	.personal .right form#info_form .form-group .editPart .chooseSite .noneSite{
		border-bottom: 1px solid #d0d0d0;
	}
	.personal .right form#info_form .form-group.jieshao .editPart label{
		padding-left: 10px;
		padding-right: 10px;
	}
	.personal .right form#info_form .form-group.jieshao .editPart textarea{
		border:none;
		border-bottom: 1px solid #d0d0d0;
	}
	.personal .right form#info_form .form-group.jieshao .editPart{
		position: relative;
		padding-bottom: 15px;
	}
	.personal .right form#info_form .form-group.jieshao .editPart .editButton{
		bottom: 0;
		left: 0;
		width: 100%;
		position: absolute;
		box-sizing: border-box;
	}
	.personal .right form#info_form .form-group.gzhz_content label{
		display: none;
	}
}


/********* 以上个人中心-基本信息**********/

.datum{
	padding: 30px;
	background-color: #f4f4f4;
	margin-top: 30px;
}
.datum .filter{
	overflow: hidden;
	margin-bottom: 20px;
}
.datum .filter .input{
	display: flex;
	margin-bottom: 10px;
}
.datum .filter .input form{
	width: 100%;
}
.datum .filter .input input{
	height: 36px;
	line-height: 36px;
	border: 3px solid #f4f4f4;
	width: 230px;
	outline: none;
}
.datum .filter .input span{
	display: inline-block;
	height: 44px;
	line-height: 44px;
	padding: 0 10px;
	background-color: #f4f4f4;
	cursor: pointer;
}

.datum .filter .tags span{
	font-size: 18px;
	color: #d5164f;
}
.datum .filter .tags a{
	display: inline-block;
	color: #a0a0a0;
	font-size: 12px;
	margin: 0 6px;
	background: url(../img/exhibition/commentlogo.png) no-repeat left center;
    background-position: 0 -143px;
	padding-left: 22px;
	height: 14px;
    line-height: 14px;
}
.datum .lists ul{
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
}
.datum .lists ul li{
	width: 33.3%;
	float: left;
	padding: 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position: relative;
}
.datum .lists ul li:hover .show{
	display: block;
}
.datum .lists ul li .show{
	display: none;
	position: absolute;
	background-color: rgba(18,173,211,0.9);
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	text-align: center;
	padding-top: 20px;
	padding-left: 5%;
	padding-right: 5%;
}
.datum .lists ul li .index{
	position: relative;
	width:100%;
	display: flex;
	flex-direction: column;
}
.datum .lists ul li .index>a{
	height:200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	overflow: hidden;
}
.datum .lists ul li .index img{
	width: 100%;
}
.datum .lists ul li .index .desc{
	padding: 10px;
	color: #000;
	font-size: 15px;
	background-color: #fff;
	width: 100%;
	height: 65px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.datum .lists ul li .show .desc .ctitle{
	overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.datum .lists ul li .show  .btns a{
	border: 1px solid #fff;
	color: #fff;
	padding: 3px 6px;
}
.boutique_show p{
	display:flex;
	flex-direction: column;
}
.boutique_show p img{
	margin: 10px auto;
}
@media (max-width: 775px) {
	.datum .lists ul li{
		width: 50%;
	}
	.datum .lists ul li .index{ width: 100%; }
}

@media (max-width: 768px) {
	 .personal .left .topInfo ul li {
    margin: 18px 0;
     }
	}
@media (max-width: 640px) {
	.datum{
		padding-left: 12px;
		padding-right: 12px;
	}
	.datum .lists ul{
		margin-left: 0px;
		margin-right: 0px;
	}
	.datum .lists ul li{
		width: 50%;
	}
	 .personal .left .topInfo ul li {
    margin: 18px 0;
     }
	.datum .lists ul li .index{ width: 100%;}
}

/************* 以上资料 ****************/
.showItem{
	position: relative;
	display: block;
}
.right .myexhibition{
	position: relative;
	background-color: #fff;
	padding-top: 20px;
}

.right .myexhibition .bgbs{
	margin:0 10px;
}
.right .myAlbums{
	position: relative;
	background-color: #fff;
	padding-top: 20px;
}

.myexhibition  .title{
	color: #444444;
	font-size: 16px;
	margin-bottom: 10px;
}
.myexhibition  .title span{
	padding: 0 6px;
}
.myexhibition .addMore{
	position: absolute;
	right: 0;
	top: 0; 
	padding-top: 10px;
}
.myexhibition .addMore a{
	color: #20acf3;
}
.myexhibition .addMore a span{
	display: inline-block;
	border: 1px solid #20acf3;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	text-align: center;
	margin-right: 3px;
	line-height: 16px;
}
.myexhibition  .title .selected{
	color: #12add3;
}
.myexhibition .released{
	position: relative;
	margin-bottom: 0px;
}
.myexhibition .released .addMore{
	position: absolute;
	right: 0;
	top: 0;
}
.myexhibition .released .addMore a{
	color: #12add3;
}
.myexhibition .released .addMore a span{
	border: 1px solid #12add3;
	border-radius: 10px;
	padding: 0px 4px;
	margin-right: 5px;
}
.myexhibition .loadMore{
	display: none;
	margin-bottom: 15px;
}
.myexhibition .loadMore a{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 35px;
	height: 35px;
	color: #444;
	background-color: #e4e2e2;
}
.myexhibition  .addExhibition{
	display: none;
	margin-bottom: 15px;
}
.myexhibition .addExhibition a{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 35px;
	height: 35px;
	color: #12add3;
	background-color: #e4e2e2;
}
@media (max-width: 775px) { 
.hj_addme a img{ display:none;}
	.myexhibition .released .addMore{
		display: none;
	}

	.myexhibition .loadMore{
		display: block;
	}
	.myexhibition  .addExhibition{
		display: block;
	}
	.myexhibition  .addExhibition.hj_addme{    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 60px;}
	.myexhibition  .title{
		text-align: right;
	}
	.myexhibition .addMore{
		display: none;
	}
}
/******* 以上我的会展  *******/

.exhibitionContainer{
	background-color: #f4f4f4;
}
/* .exhibitionContainer .header{
	width: 100%;
	background: url(../img/exhibition/bg.jpg) no-repeat;
	min-height: 320px;
} */
.exhibitionContainer .header nav{
	background-color: rgba(0,0,0,0.4);
}
.exhibitionContainer .header nav.navNoBackground{
	background:none;
}
/**弹窗开始**/
.modal-dialog.modal-lg.exh_logot{width:1000px; height:684px; z-index:1111; }
.exhl_title{ width:96%; padding:0 2%; height:68px; line-height:68px; font-size:18px; color:#333; border-bottom:1px solid #e5e5e5;}
.exh_choose{ width:96%; padding:0 2%; height:48px; line-height:48px;}
.exh_choose p{ float:left; font-size:18px; color:#333;}
.exh_choose input{ float:left; height:30px; margin: 14px 0 0 20px;}
.exhli_left{ float:left; margin:10px 0 0 39px; width:633px; height:437px;}
.exhli_right{ float:right; width:236px; height:437px; margin:0px 39px 0 0;}
.exhli_right li{ float:left; margin-bottom:30px; width:100%;}
.exhli_right ul.exhli_rightlo li{ margin-bottom:20px;}
.exhli_right li p{ float:left; width:100%; margin-bottom:15px; color:#666;}
.exhl_button{ float:left; margin:40px 0 0 39px; width:940px;}
.exhl_button li{ float:left; margin:0 40px 0 0;}
.exhl_button li a{ color:#333; line-height:40px;}
.buttonss{ float:right;}
.buttonss button{ float:right; width:225px; height:40px; cursor:pointer; line-height:40px; margin-right:30px; font-family:"微软雅黑"; text-align:center; color:#fff; font-size:17px; border:none;background:#5dbc5d; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
#close_tc{ float:right;}
#signls{display: none;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1111;}	
#close_tcbj{ float:right;}	
#exhtop_bj{ display:none;background:#FFF; color:#333;font-size:14px; box-shadow:0 2px 4px #333; margin:-20px 0 0 975px; position: fixed;}
.firstRow td img{ width:100%!important;}
.content_in table{  width:100%!important;}
/**弹窗结束**/

.exhibitionInfo{
	margin-top: 35px;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 20px 40px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 100%;
	opacity: 0;
	animation:promptViewOut 1s ease 1s forwards;
    -webkit-animation:promptViewOut 1s ease 1s forwards;
}
@-webkit-keyframes promptViewOut{
    from { left: 100%; opacity: 0}
    to{left:0;opacity: 1}
}
@keyframes promptViewOut{
    from { left: 100%; opacity: 0}
    to{left:0;opacity: 1}
}
.exhibitionInfo .fullheader{
	position: relative;
	padding-left: 130px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.exhibitionInfo .fullheader .memberInfo{
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: flex;
	align-items: center;
}
.exhibitionInfo .fullheader .memberInfo .memberNumber,.exhibitionInfo .fullheader .memberInfo .memberFocus,.exhibitionInfo .fullheader .memberInfo .member_set{
	color: #f2f2f2;
	font-size: 14px;
	margin-right: 20px;
}
.exhibitionInfo .fullheader .memberInfo .button{
	text-align: center;
	font-size: 14px;
}
.exhibitionInfo .fullheader .memberInfo .button.joinIn{
	color: #f2f2f2;
}
.exhibitionInfo .fullheader .memberInfo .button.joinOut{
	color: #f2f2f2;
}
.exhibitionInfo .fullheader .left{
	width: 100px;
	float: left;
	position: relative;
	height: 140px;
	position: absolute;
	left: 0;
	top: 0;
}

.ibox-content{
	position: relative;
}
.vipTag{
	position: absolute;
	background: url(../img/default/VIP2.png) no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	top: -10px;
	right: -10px;
	z-index: 10;
}
.exhibitionInfo .fullheader .right{
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height: 140px;
	position: relative;
}
.exhibitionInfo .fullheader .right .address{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.exhibitionInfo .fullheader .right .website{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.exhibitionInfo .left .headerlogo{
	display: block;
	position: relative;
	height: 100px;
	overflow: hidden;
}
.exhibitionInfo .left .headerlogo .logo{
	width: 100%;
    height: auto;
    position: static;
    top: -50%;
    left: -50%;
    vertical-align: middle;
}
.exhibitionInfo .left .follow{
	display: block;
	width: 100%;
	position: absolute;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	color: #fff;
	bottom: 0;
	background-color: #d5164f;
}
.exhibitionInfo .right .title{
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.exhibitionInfo .right .title a{ color:#fff;}
.exhibitionInfo .right  ul{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.exhibitionInfo .right  ul li{
	color: #c7c7c7;
	font-size: 14px;
}
.exhibitionInfo .right  ul li a{
	color: #c7c7c7;
	font-size: 14px;
}
.exhibitionInfo .right  ul li.address{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.exhibitionInfo .right  ul li.telephone{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.exhibitionInfo .right  ul li.twoline{
	overflow: hidden;
}
.exhibitionInfo .right  ul li.twoline p{
	float: left;
	width: 50%;
}
.exhibitionInfo .right  ul li.twoline>div{
	float: left;
	width: 50%;
}
.exhibitionInfo .right  ul li.twoline .tag{
	display: flex;
}
.exhibitionInfo .right  ul li.twoline .tag .tag_left{
	flex:1;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.exhibitionInfo .right  ul li.twoline .tag .memberInfo{
	position: relative;
}
.homePage{
	position: relative;
}
/*.homePage .desc{
	padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 20px;
}*/

.product .exhibitionPart{
	background-color: transparent;
	padding: 0;
}
.exhibitionPart{
	background-color: #fff;
	padding: 30px;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-bottom: 40px;
}
.exhibitionPart>.desc>a{
	display: flex;
	width: 100%;
	
	overflow: hidden;
	align-items: center;
	justify-content: center;
}
.exhibitionPart>.desc>a img{
	width: 100%;
}
.exhibitionPart.hj_part p img{ max-width:100%; margin:10px 0;}
.exhibitionPart>.desc:last-child a{
	max-height: 159px;
}
.exhibitionPart .desc img{
	max-width: 100%;
} 
.exhibitionPart  .multiTabs{
	overflow: hidden;
	padding: 20px 0;
}
.exhibitionPart  .multiTabs ul{
	overflow: hidden;
	float: right;
}
.exhibitionPart  .multiTabs ul li{
	float: left;
}
.exhibitionPart  .multiTabs ul li a{
	color: #444;
	padding: 0 10px;
	border-right: 1px solid #444;
	line-height: 16px;
	font-size: 16px;
    display: inline-block;
}
.exhibitionPart  .multiTabs ul li.index a{
	color: #12add3;
}
.exhibitionPart  .multiTabs ul li:last-child a{
	border-right: 0;
	padding-right: 0;
}
.exhibitionPart .title{
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0;
	text-align: center;
}
.exhibitionPart .title.blue{
	background-color: #12add3;
	color: #fff;
	height: 40px;
	line-height: 40px;
}
.exhibitionPart .addesc{
	margin-top: 30px;
	margin-bottom: 0;
}
.exhibitionPart .desc.gray{
	background-color: #f4f4f4;
	font-size: 12px;
	color: #444;
	padding: 10px;
}
.exhibitionPart .desc p.zhanweiNumber{
	font-weight: normal;
}
.exhibitionPart .scheduleList .detail .list .desc p{
    font-weight: normal;
}
.exhibitionPart .desc ul li{
	font-weight: 12px;
	color: #444;
}
.exhibitionPart .orderTeam .teamMember{
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #a0a0a0;
}
.exhibitionPart .orderTeam .teamMember.left .teamLogo{
	float: left;
}
.exhibitionPart .orderTeam .teamMember.left  .introduction{
	float: left;
	margin-left: 20px;
}
.exhibitionPart .orderTeam .teamMember.right .teamLogo{
	float: right;
}
.exhibitionPart .orderTeam .teamMember.right  .introduction{
	float: left;
}
.exhibitionPart .orderTeam .teamMember.head{
	background-color: #f4f4f4;
}
.exhibitionPart .orderTeam .teamMember .teamLogo img{
	width: 80px;
	height: 80px;
}
.exhibitionPart .orderTeam .teamMember.head .teamLogo img{
	width: 130px;
	height: 130px;
}
.exhibitionPart .orderTeam .teamMember .teamLogo {
	padding: 10px;
	border: 1px solid #a0a0a0;
}
.exhibitionPart .orderTeam .teamMember .introduction{
	font-size: 12px;
	color: #444;
}
.exhibitionPart .orderTeam .teamMember .introduction .subtitle{
	font-weight: bold;
	font-size: 16px;
}
.exhibitionPart .orderTeam .teamMember.head .introduction .title{
	color: #d5164f;
	font-size: 24px;
	text-align: left;
}
.exhibitionPart .cooperations ul {
	margin-top: 20px;
}
.exhibitionPart .cooperations ul li{
	font-weight: bold;
	color: #444;
}
.exhibitionPart .cooperations ul li a{
	color: #12add3;
}
.exhibitionPart .cooperations .qrcode{
	text-align: center;
	margin: 20px 0;
	font-weight: bold;
	color: #444;
}
.homePage .tabs{
	position: relative;
	line-height: 40px;
}
.homePage .tabs ul .vip_right{ float:right;}
.homePage .tabs .showMore{
	position: absolute;
	display: block;
	background: url(../img/exhibition/arrowDown.png) no-repeat;
	background-size: 20px 12px;
	width: 20px;
	height: 12px;
	right: 0.5rem;
	top: 50%;
	margin-top: -6px;
	display: none;
}
.exhibitionContainer .header .searchBox.show{
	display: none;
}
@media (max-width: 900px) { 
	.exhibitionContainer{
		background-color: transparent;
	}
}
@media (max-width: 775px) { 
	.exhibitionInfo .fullheader .memberInfo .member_set{
		display: none;
	}
	.exhibitionInfo .fullheader .memberInfo .memberFocus{
		display: none;
	}
	.header  .content.full{
		width: 100%;
		max-width: 100%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding: 0;
	}
	.exhibitionInfo{
		margin-top: 10px;
		padding: 20px 10px;
	}
	.header nav .content{
		padding: 0;
	} 

	.exhibitionPart>.desc:last-child a{
		max-height: 88px;
	}

	.body .content.full{
		width: 100%;
		max-width: 100%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding: 0;
	}
	.exhibitionPart{
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0;
		padding-top: 10px;
		min-height: calc(100vh - 220px);
	}
	/* .exhibitionPart .swiper-container{
		display: none;
	} */
	.exhibitionPart.comment_detail{
		padding-left: 18px;
		padding-right: 18px;
	}

	.exhibitionPart .orderTeam .teamMember{
		position: relative;
	}

	.exhibitionPart .orderTeam .teamMember.left{
		padding-left: 102px;
	}
	.exhibitionPart .orderTeam .teamMember.head{
		padding-left: 152px;
		height: 152px;
	}
	.exhibitionPart .orderTeam .teamMember.left .teamLogo{
		position: absolute;
		left: 0;
		top: 10px;
		bottom: 10px;
		height: 80px;
	}
	.exhibitionPart .orderTeam .teamMember.right{
		padding-right: 120px;
	}
	.exhibitionPart .orderTeam .teamMember.right .teamLogo{
		position: absolute;
		right: 0;
		top: 10px;
		bottom: 10px;
		height: 80px;
	}
	.exhibitionPart .orderTeam .teamMember.head .teamLogo{
		height: 130px;
	}
	.exhibitionInfo .right ul li.twoline .tag{
		width: 100%;
	}
}
@media (max-width: 450px) { 
	.exhibitionInfo .right ul li .tel,.exhibitionInfo .right ul li .publish,.exhibitionInfo .right ul li .tag{
		display: none;
	}
	.exhibitionPart .cooperations .qrcode img{
		width: 100%;
	}
}
/******* 以上会展 *******/
.comment .singleline{
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.comment .singleline a{
	display: block;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.comment .commentHead{
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	background-color: #f4f4f4;
	border-left: 8px solid #12add3;
	margin-bottom: 10px;
}
.comment .commentHead >.left{
	float: left;
	color: #444;
	padding-left: 17px;
} 
.comment .commentHead .left .release{
	background: url(../img/exhibition/comment.png) no-repeat left center;
	background-size: 22px auto;
	background-position: 0 3px;
	height: 16px;
	padding-left: 25px;
	line-height: 16px;
	color: #444;
}
.comment .commentHead >.left .mangers a{
	color: #808080;
}
.comment .commentHead >.right{
	float: right;
}
.comment .commentHead >.right .rightOther{
	display: inline-block;
	padding-right: 10px;
}
.comment .commentHead >.right a{
	background: url(../img/exhibition/comment.png) no-repeat;
	background-size: 22px auto;
	display: inline-block;
	color: #444;
	margin-left: 10px;
}
.comment .commentHead >.right>a.release{
	background-image: none;
}
.comment .commentHead >.right a.notable{
	background-position: 0 -26px;
	height: 19px;
	padding-left: 25px;
	line-height: 19px;
}

.comment .commentHead >.right a.all{
	height: 19px;
	line-height: 19px;
	background: none;
}
.comment .commentBody .commentBody_search{
	margin:10px 0;
}
.comment .commentBody .commentBody_search .searchInput{
	width: 100%;
    position: relative;
    padding-right: 50px;
    box-sizing: border-box;
}
.comment .commentBody .commentBody_search .searchInput #keyword{
	width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    display: inline-block;
    border: none;
    font-family: "微软雅黑";
    background-color: #f4f4f4;
    color: #807e7e;
}
.comment .commentBody .commentBody_search .searchInput .search{
	position: absolute;
    display: inline-block;
    background: #d5164f url(../img/news/searchicons2.png) no-repeat center;
    width: 50px;
    height: 40px;
    background-size: 25px auto;
    right: 0px;
    top: 0;
    font-size: 0;
}
.comment .commentBody .comment_manager{
	margin:10px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 16px;
}
.comment .commentBody .comment_manager span{
	color: #000
}
.comment .commentBody .comment_manager a{
	color: #12add3;
	margin-right: 10px;
}
.comment .commentBody .list{
	border-bottom: 1px solid #cfcfcf;
}
.comment .commentBody .list .source_from{
	margin-top: 10px;
}
.comment .commentBody .list .source_from a{
 color: #12add3;
}
.comment .commentBody .list .oneline{
	display: flex;
	margin:10px 0;
	position: relative;
}
.comment .commentBody .list .title{
	font-size: 22px;
	text-align: left;
	color: #444;
	margin: 0px;
	flex:1;
}
.comment .commentBody .list .oneline .notice_sign{
	display: block;
	position: absolute;
	background: url(../img/exhibition/notice1.png) no-repeat center;
    background-size: 14px auto;
    height: 30px;
    width: 14px;
	top: 0;
	left: -20px; 
}

.comment .commentBody .list .title a{
	color: #000;
}
.comment .commentBody .list .title .notable{
	background: url(../img/great.png) no-repeat center;
    background-size: 16px auto;
    height: 16px;
    padding-left: 25px;
    line-height: 19px;
}
.comment .commentBody .list .title .setTop{
	background: url(../img/settop.png) no-repeat center;
	background-size: 16px auto;
	height: 16px;
	padding-left: 25px;
	line-height: 19px;
}
.comment .commentBody .list .title .notice_sign_inner{
	display: inline-block;
	background: url(../img/exhibition/notice2.png) no-repeat center;
	background-size: 40px auto;
	width: 40px;
	height: 20px;
	padding-left: 10px;
	line-height: 20px;
}

.comment .commentBody .list  .prj{
	color: #808080;
	font-size: 14px;
	margin-bottom: 10px;
}

.comment .commentBody .list  .prj .showInPc{
	float: right;
}
.comment .commentBody .list  .prj .showInPc .dropGroup{
	top: 0;
}

.comment .commentBody .list  .prj a{
	color: #12add3;
}

.comment .commentBody .list .comment{
	color: #444;
	font-size: 16px;
	line-height: 1.75rem;
}
.comment .commentBody .list .comment>p{
    font-size: 16px;
    color: #444444;
    line-height: 1.75rem;
	margin-bottom: 10px;
}
.comment .commentBody .list .comment .image img{
	max-width: 100%;
	margin-bottom: 10px;
}
.comment .commentBody .list .comment .article{
	height: 446px;
	width: 660px;
	margin: 0 auto;
}
.comment .commentBody .list .comment .imgArea{
	overflow-y: hidden;
}
.comment .commentBody .list .comment .imgArea .parts{
	width: 600px;
    clear: both;
    overflow-y: hidden;
}
.comment .commentBody .list .comment .imgArea .parts a{
	display: flex;
    float: left;
    margin-right: 2px;
    width: 150px;
    height: 150px;
    background-color: #000;
    overflow: hidden;
    justify-content: center;
}
.comment .commentBody .list .comment .imgArea img{
	height: 150px;
    max-width: initial;
}

.comment .commentBody .list .comment a{
	color: #000;
}
.comment .commentBody .list .related_info{
    position: relative;
}
.comment .commentBody .list .related_info .list{
	padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
}
.comment .commentBody .list .related_info .list .info_title{
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0;
	font-size: 16px;
    color: #444;
}
.comment .commentBody .list .related_info .list .info_title a{
	color: #444;
}
.comment .commentBody .list .related_info .list .stitle{
	margin: 5px 0 8px 0;
}
.comment .commentBody .list .related_info .list .stitle a{
	color: #a0a0a0;
    font-size: 12px;
}
.comment .commentBody .list .related_info .list .desc{
	font-size: 16px;
    color: #444;
    word-break: break-all;
}
.comment .commentBody .list .related_info .list .desc .info{
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 35px;
}
.comment .commentBody .list .related_info .list .desc .imgArea{
	overflow-y: hidden;
}
.comment .commentBody .list .related_info .list .desc .imgArea .parts{
	width: 100%;
	clear: both;
    overflow-y: hidden;
}
.comment .commentBody .list .related_info .list .desc .imgArea .parts a{
	display: flex;
    float: left;
    margin-right: 2px;
    width: 150px;
    height: 150px;
    background-color: #000;
    overflow: hidden;
    justify-content: center;
}
.comment .commentBody .list .related_info .list .desc .imgArea .parts a img{
	height: 150px;
    max-width: initial;
}
.comment .commentBody .list .related_info .list .related_commentInfo{
	overflow: hidden;
    padding: 10px 0;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.comment .commentBody .list .related_info .list .related_commentInfo .left{
	flex: 1;
    height: auto;
    width: 50%;
    margin-bottom: 10px;
}
.comment .commentBody .list .related_info .list .related_commentInfo .left .author{
	font-size: 14px;
}
.comment .commentBody .list .related_info .list .related_commentInfo .left .author a{
	color: #12add3;
}
.comment .commentBody .list .related_info .list .related_commentInfo .left .time{
	color: #a0a0a0;
    font-size: 12px;
}
.comment .commentBody .list .related_info .list .related_commentInfo .right{
	display: flex;
    align-items: center;
    justify-content: center;
}
.comment .commentBody .list .related_info .list .related_commentInfo .right>a{
	background: url(../img/usercenter/comment_logo.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
    color: #808080;
    margin-left: 10px;
    font-size: 12px;
}
.comment .commentBody .list .related_info .list .related_commentInfo .right>a.record{
	background-position: 0 -28px;
    height: 16px;
    padding-left: 25px;
}
.comment .commentBody .list .related_info .list .related_commentInfo .right>a.good{
	background-position: 0 0px;
    height: 16px;
    padding-left: 25px;
}
.comment .commentBody .list .related_info .list .related_commentInfo .right>a.forwardTo{
	background-position: 0 -54px;
    width: 19px;
    height: 19px;
    font-size: 0;
    cursor: pointer;
}
.comment .commentBody .list .related_albums{
    position: relative;
	padding-top: 20px;
}
.comment .commentBody .list .related_albums ul li .list{
	border-bottom: 1px solid #eeeff2;
}
.comment .commentBody .list .related_albums .albumsLists{
	padding:0;
}
.comment .commentBody .list .commentTags{
	display: flex;
	padding-bottom: 10px;
	padding-top: 10px;
}
.comment .commentBody .list .commentTags .commentTab{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.comment .commentBody .list .commentTags .commentTab .tab{
	color: #808080;
	font-size: 12px;
	background: url(../img/exhibition/commentlogo.png) no-repeat;
	background-position: 0 -143px;
	height: 14px;
	line-height: 14px;
	padding-left: 22px;
	margin-right: 13px;
}
.hj_comm p img{ max-width:100%; margin:10px 0;}

.comment_Productlists{
	margin-top: 20px;
    padding-top: 20px;
    position: relative;
}
.comment_Productlists::before{
	content: "";
    position: absolute;
    display: block;
    height: 5px;
    background-color: #f4f4f4;
    top: 0px;
    left: -30px;
    right: -30px;
}
.comment_Products{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	background-color: #fff;
}
.comment_Products .productLists{
	width: 100%;
}

.comment_invitation{
	padding-top: 10px;
	border-bottom: 1px solid #f4f4f4;
}
.related_albums{
	margin-top: 20px;
    padding-top: 20px;
    position: relative;
}
.diaryDetail .related_albums{
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
}
.related_albums ul li .list{
	border-bottom: 1px solid #f4f4f4;
}

.related_albums .albumsLists{
	padding:0;
}
.comment_invitation a.list{
	display: flex;
	flex-direction: row;
	padding: 10px 0px;
	border-bottom: 1px solid #f4f4f4;
}
.comment_invitation a.list .image{
	width: 80px;
	height: 85px;
	margin-right: 10px;
}
.comment_invitation a.list .info{
	flex:1;
	display: flex;
}
.comment_invitation a.list .info .invitation_ticket{
	color: #666;
    font-size: 14px;
}
.comment_invitation a.list .info .info_left{
	flex:1;
	display: flex;
	flex-direction: column;
}
.comment_invitation a.list .info .title{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #010101;
    font-size: 16px;
	font-weight: normal;
}
.comment_invitation a.list .info .time{
	font-size: 14px;
    color: #666;
}
.comment_invitation a.list .info .source{
	font-size: 14px;
    color: #666;
}
.comment_Products .clist{
	width: 33.3%;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}

.myUser .comment_Products .clist{
	width: 50%;
}
.last_Product_View .comment_Products .clist{
	border-bottom: none;
}
.comment_Products .clist .showbox ul{
	padding-top: 0;
}
.comment_Products .clist>a{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.comment_Products .clist .addMore{
	background-color: #f8f8f8;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	height: 100%;
}
.comment_Products .addMore .plusImg{
	position: relative;
	width: 28px;
	height: 6px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color: #d9d9d9;
}
.comment_Products .addMore .plusImg::before{
	content: "";
	position: absolute;
	width: 6px;
	height: 28px;
	background-color: #d9d9d9;
	left:50%;
	margin-left: -3px;
	top: 50%;
	margin-top: -14px;
}
.comment_Products .addMore .addMoreText{
	color: #b2b2b2;
	font-size: 15px;
}
.comment_Productlists .comment_Products .clist .imageView{
	width: 85px;
	height: 85px;
	margin-right: 15px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
}
.comment_Productlists .comment_Products .clist .imageView img{
	width: 100%;
}
.comment_Productlists .comment_Products .clist .textView{
	flex:1;
	display: flex;
	flex-direction: column;
}
.comment_Productlists .comment_Products .clist .textView_title {
	font-size: 15px;
	color: #3d3d3d;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	flex:1;
}
.comment_Productlists .comment_Products .clist .textView_price{
	color: #ff4400;
	font-size: 16px;
	text-align: right;
}
.comment_Productlists .comment_Products .clist .textView_company{
	color: #9d9da5;
	font-size:12px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.comment_exhibition_ground ,.comment .commentBody .list .comment_company_ground{
	padding-top: 10px;
}

.comment_exhibition_ground .comment_Products .showbox{
	width: 100%;
}
.comment_exhibition_ground .comment_Products .showbox ul{
	margin-left: -10px;
	margin-right: -10px;
}
.singleComment .commentBody .comment_exhibition_ground .comment_Products .showbox ul li{
	width: 33.3%;
}
.comment_Products .exhibition_ground{
	width: 100%;
	height: 200px;
}
.comment_Products .exhibition_ground .bgShadow{
	padding: 10px 8px 0px 8px;
	background: url(../img/bgTransfer.png) top no-repeat;
	background-repeat: repeat-x;
	background-size: 100% 90px;
    min-height: 89px;
    display: flex;
	flex-direction: row;
}
.comment_Products .clist .desc{
	flex:1;
	margin-right: 10px;
}
.comment_Products .clist .desc .ctitle{
	font-weight: bold;
	color: #000;
	font-size: 16px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.comment_Products .clist .desc .etitle{
	color: #000;
	font-size: 6px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.comment_Products .clist .desc .time{
	color: #666;
    font-size: 13px;
}
.comment_Products .clist .slogo{
	width: 48px;
	height: 48px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.comment_Products .clist .slogo .smallLogo{
	width: 100%
}
.comment .commentBody .list .commentInfo{
	padding: 10px 0;
	display: flex;
}
.comment .commentBody .list .commentInfo:after{
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
.comment .commentBody .list .reply_over .pager{
	padding: 0;
}
.comment .commentBody .list .reply_over .commentInfo_replay{
	margin-bottom: 20px;
	border-bottom:1px solid #f4f4f4;
}
.diaryDetail .commentInfo_replay{
	margin-bottom: 20px;
	border-bottom: 1px solid #f4f4f4;
}
.comment .commentBody .list .reply_over .commentInfo_replay:first-child,.diaryDetail .commentInfo_replay:first-child{
	margin-top: 20px;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc,.diaryDetail .commentInfo_replay .desc{
	color: #444444;
	margin-top: 10px;
	font-size: 16px;
	/* text-align: center; */
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc .relay_content,.diaryDetail .commentInfo_replay .desc .relay_content{
	text-align: left;
	word-break: break-all;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc a,.diaryDetail .commentInfo_replay .desc a{
	color: #12add3;
	font-size: 16px;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc .quote_comment,.diaryDetail .commentInfo_replay .desc .quote_comment{
	display: block;
	padding: 10px;
	background-color: #f4f4f4;
	margin-top: 15px;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc .quote_comment .quote_title,.diaryDetail .commentInfo_replay .desc .quote_comment .quote_title{
	overflow: hidden;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc .quote_comment .quote_floor,.diaryDetail .commentInfo_replay .desc .quote_comment .quote_floor{
	float: right;
	color: #808080;
	font-size: 14px;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc .quote_comment .author,.diaryDetail .commentInfo_replay .desc .quote_comment .author{
	color: #12add3;
	font-size: 14px;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc .quote_comment .quote_content,.diaryDetail .commentInfo_replay .desc .quote_comment .quote_content{
	margin-top: 5px;
	font-size: 12px;
	color: #666;
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc .quote_comment .quote_content p,.diaryDetail .commentInfo_replay .desc .quote_comment .quote_content p{
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc p{
	font-weight: normal;
}
.re_replay_box{
	margin-top: 15px;
	margin-bottom: 5px;
}
.re_replay_box .re_replay{
	display: flex; 
	align-items: center;
}
.re_replay_box .re_replay .btn-operation{
    display: flex;
    align-items: center;
}
.re_replay_box .re_replay .btn-operation .toshow_replay_list,.re_replay_box .re_replay .btn-operation .tohide_replay_list{
	color: #12add3;
    text-align: right;
    display: block;
    font-size: 12px;
    margin: 10px 0;
}
.re_replay_box .re_replay .right{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.re_replay_box .re_replay .right .btn-operation{
	justify-content: flex-end;
	display: flex;
	margin-left: 20px;
}
.re_replay_box .re_replay .btn-operation .tohide_replay_list{
	display: none;
}
.re_replay_box .re_replay .btn-operation .good{
	background: url(../img/comment/comment_2.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
    color: #808080;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 25px;
}
.re_replay_box .new_replay{
	color:#808080;
	font-size: 12px;
}
.re_replay_box .re_replay_button{
	background: url(../img/comment/comment_1.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
    color: #808080;
    margin-left: 10px;
    font-size: 12px;
    height: 20px;
    padding-left: 25px
}
.re_replay_box .show_replay_list{
	display: none;
}
.re_replay_box .show_replay_list .hide_replay_list{
	color: #12add3;
	text-align: right;
	display: block;
	font-size: 12px;
	margin:10px 0;
}
.re_replay_box .show_replay_list .re_replay_lists{
	border-top: 1px solid #f4f4f4;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_content{
	margin: 10px 0;
	font-size: 14px;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_content .nickname{
	color:#12add3;
	margin-right: 10px;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_content .re_replay_txt{
	color:#444;
	word-break: break-all;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_operation{
	text-align: right;
	margin-bottom: 10px;
	color: #808080;
	font-size: 12px;
	overflow: hidden;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_operation .time{
	float: left;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_operation a{
	color: #808080;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_operation .delete_replay{
	margin-right: 10px;
}
.re_replay_box .show_replay_list .re_replay_lists .re_replay_operation .to_replay{
	margin-left: 10px;
}
.re_replay_box .re_replay_form{
	display: none;
    position: fixed;
    width: 500px;
    background: #fff;
    left: 50%;
    top: 50%;
	padding: 30px 60px;
	box-sizing: border-box;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
}
.re_replay_box .re_replay_form .phone-head{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.re_replay_box .re_replay_form .phone-head .cancel{
	background: url(../img/layerclose.png) no-repeat;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin-left: 10px;
	display: none;
}
.re_replay_box .re_replay_form .phone-head .mypoint_title{
	flex: 1;
    color: #000;
    font-size: 18px;
	border-bottom: 2px solid #12add3;
}
.re_replay_box  .re_replay_form .phone-head .right{
	margin-right: 10px;
	display: none;
}
.re_replay_box .re_replay_form .phone-head .right .re_replay_submit_button{
	color: #12add3;
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    outline: none;
	background: none;
}
.re_replay_box .re_replay_form .submit .re_replay_submit_button{
	margin-top: 20px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    background-color: #12add3;
    border-radius: 6px;
    display: block;
}
.re_replay_box .re_replay_form .re_replay_input{
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
}
.re_replay_box .re_replay_form .re_replay_input .replay_toid{
	color:#444;
	font-size: 14px;
	padding-bottom: 10px;
}
.re_replay_box .re_replay_form .re_replay_input textarea{
	border: none;
    box-sizing: border-box;
    outline: none;
    min-height: 200px;
	width: 100%;
}
.re_replay_box .re_replay_form .re_replay_submit{
	text-align: right;
	margin: 10px 0;
}

.myUser .bottom .diaryDetail .commentInfo_replay .desc p{
	font-weight: normal;
	font-size: 16px;
	line-height: initial;
	margin-bottom: 0;
	color: #444;
}
.myUser .bottom .diaryDetail .commentInfo_replay .desc .quote_comment p{
	font-size: 16px;
	color: #666;
}
.comment .commentBody .list .reply_over .commentInfo_replay .desc img ,.diaryDetail .commentInfo_replay .desc img{
	margin-bottom: 10px;
	max-width: 100%;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom,.diaryDetail .commentInfo_replay .commentInfoBottom{
	overflow:hidden;
	text-align: right;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .replay a,.diaryDetail .commentInfo_replay .commentInfoBottom .replay a{
	background: url(../img/usercenter/comment_logo.png) no-repeat;
    background-size: 19px auto;
    background-position: 0 -26px;
    width: 19px;
    height: 17px;
    line-height: 30px;
    display: inline-block;
    font-size: 0;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .replay a.good, .diaryDetail .commentInfo_replay .commentInfoBottom .replay a.good{
	background-position: 0 0px;
	font-size: 12px;
    padding-left: 9px;
    line-height: 18px;
}
.diaryDetail .commentInfo_replay .commentInfoBottom .replay a.delete ,.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .replay a.delete{
	background: none;
	background-size: 17px auto;
	margin-right: 10px;
	color:#808080;
	font-size: 13px;
	width: auto;
    line-height: initial;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .replay ,.diaryDetail .commentInfo_replay .commentInfoBottom .replay{
	float: right;
	display: flex;
	align-items: center;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .replay a.return,.diaryDetail .commentInfo_replay .commentInfoBottom a.return{
	margin-left: 10px;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .commentUser,.diaryDetail .commentInfo_replay .commentInfoBottom .commentUser{
	float: left;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .commentUser .left,.diaryDetail .commentInfo_replay .commentInfoBottom .commentUser .left{
	margin-right: 10px;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .commentUser .left .userlogo,.diaryDetail .commentInfo_replay .commentInfoBottom .commentUser .left .userlogo{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #848484;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .nickname,.diaryDetail .commentInfo_replay .commentInfoBottom .nickname{
	color: #444444;
	font-size: 14px;
	display: block;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom .time,.diaryDetail .commentInfo_replay .commentInfoBottom .time{
	color: #808080;
	font-size: 12px;
	display: block;
}
.comment .commentBody .list .reply_over .commentInfo_replay .commentInfoBottom a,.diaryDetail .commentInfo_replay .commentInfoBottom a{
	color: #444;
	font-size: 14px;
}
.comment .commentBody .list .reply_over .commentInfo_replay:after,.diaryDetail .commentInfo_replay::after{
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
.comment .commentBody .list .commentInfo:last-child{
	border-bottom: 0;
}
.comment .commentBody .list .commentInfo .desc{
	width: 100%;
	float: none;
	clear: both;
	overflow: hidden;
	margin-top: 10px;
	color: #444;
	font-size: 16px;
	line-height: 1.75;
}
.comment .commentBody .list .commentInfo .desc::before{
	clear: both;
	content: "";
}
.comment .commentBody .list .commentInfo .desc::after{
	clear: both;
	content: "";
}
.comment .commentBody .list .commentInfo .left{
	flex:1;
}
.comment .commentBody .list .commentInfo .left .userlogo{
	width: 40px;
    height: 40px;
    border-radius: 20px;
    float: left;
    border: 1px solid #dcdcdc;
    margin-right: 15px;
}
.comment .commentBody .list .commentInfo .left .userInfo{
	float: left;
}
.comment .commentBody .list .commentInfo .left .userInfo .userInfo_top{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.comment .commentBody .list .commentInfo .left .userInfo .userInfo_top .image-container {
	position: relative;
	display: inline-block;
}
.comment .commentBody .list .commentInfo .left .userInfo .userInfo_top .image-container .text-overlay{
	position: absolute;
	bottom: 25px;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
	color: white;
	padding: 10px;
	display: none; /* 默认隐藏文字描述 */
	font-size: 12px;
	width: 100px;
}
.comment .commentBody .list .commentInfo .left .userInfo .userInfo_top .image-container:hover .text-overlay{
	display: block; 
}


.comment .commentBody .list .commentInfo .left .author{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
.comment .commentBody .list .commentInfo .left .author a{
	color: #12add3;
}
.comment .commentBody .list .commentInfo .left .time{
	color: #a0a0a0;
	font-size: 12px;
	display: inline-block;
}
.comment .commentBody .list .commentInfo .right{
	display: flex;
	padding-top: 5px;
}
.comment .commentBody .list .commentInfo .right .forward_part{
	display: inline-block;
	position: relative;
}
.comment .commentBody .list .commentInfo .right .forward_part a.forward{
	background: url(../img/exhibition/comment.png) no-repeat;
	background-size: 22px auto;
	display: inline-block;
	color: #a0a0a0;
	margin-left: 10px;
	font-size: 12px;
}
.comment .commentBody .list .commentInfo .right .forward_part .hide_forward{
	display: none;
	position: absolute;
	width: 150px;
	border: 1px solid #cfcfcf;
	background-color: #fff;
	text-align: center;
	right: 0;
	top: 25px;
}
.comment .commentBody .list .commentInfo .right .forward_part .hide_forward a{
	color: #666;
	display: block;
	font-size: 14px;
    padding: 5px 0;
}
.comment .commentBody .list .commentInfo .right .forward_part .hide_forward .forward_otherexh{
	color: #666;
	display: block;
	font-size: 14px;
    padding: 5px 0;
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
}
.comment .commentBody .list .commentInfo .right>a{
	background: url(../img/usercenter/comment_logo.png) no-repeat;
	background-size: 19px auto;
	display: inline-block;
	color: #808080;
	margin-left: 10px;
	font-size: 14px;
}
.comment .commentBody .list .commentInfo .right .forward_part a.forward{
	background-position: 0 -58px;
	height: 13px;
	line-height: 13px;
	padding-left: 25px;
	position: relative;
	padding-right: 15px;
}
.comment .commentBody .list .commentInfo .right a.forward::after{
	content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #999999;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0px;
}
.comment .commentBody .list .commentInfo .right a.good{
	background-position: 0 0px;
	height: 16px;
	line-height: 16px;
	padding-left: 25px;
}
.comment .commentBody .list .commentInfo .right a.bad{
	background: url(../img/exhibition/comment.png) no-repeat;
	background-size: 22px auto;
	background-position: 0 -113px;
	height: 17px;
	line-height: 17px;
	padding-left: 25px;
}
.comment .commentBody .list .commentInfo .right a.record{
	background-position: 0 -28px;
    height: 16px;
    line-height: 16px;
    padding-left: 25px;
}
.comment .commentBody .list .commentInfo .right a.forwardTo{
	background-position: 0 -54px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    cursor: pointer;
}
.myPoint .title{
	font-size: 16px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #cfcfcf;
}
.myPoint form>div{
	position: relative;
}
.myPoint form>div.vertify{
	display: flex;
	margin-top: 20px;
}
.myPoint form>div.vertify .checkbox{
	flex:1;
	position: relative;
}
.myPoint form>div.vertify .checkbox .checktitle{
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
	padding-right: 10px;
	text-align: center;
	position: relative;
}
.myPoint form>div.vertify .checkbox .checktitle::after{
	content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #999999;
    position: absolute;
    top: 7px;
    right: 0;
}
.myPoint form>div.vertify .checkbox .checkcontent{
	display: none;
	min-width: 80px;
    position: absolute;
    top: 22px;
    left: 0px;
    font-size: 14px;
    padding: 0 20px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    display: none;
    z-index: 3;
}
.myPoint form>div.vertify .checkbox .checkcontent a{
	line-height: 30px;
    text-decoration: none;
    display: block;
    color: #999;
    text-align: center;
}
.myPoint.hj_mypoint form>div{ padding-left:0;}
.myPoint.hj_mypoint form>div.hj_verti{ margin-bottom:10px;}
.myPoint form>div.hj_btsrks{ padding-left:0;}
.myPoint form>div.hj_conxt{ padding-left:0; font-size: 14px;}

.comment .myPoint form .subject .forward_view{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 70px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #cfcfcf;
	color: #333;
}
.comment .myPoint form>div label{
	width: 50px;
	position: absolute;
	left: 0;
	top: 0;
	color: #444;
	font-size: 14px;
	line-height: 36px;
}
.hj_conxt .edui-default .edui-editor,.hj_mypoint .edui-default .edui-editor{ width:auto !important;}
.myPoint form>div input[type="text"]{
	border: 1px solid #cfcfcf;
	height: 32px;
	width:100%;
	line-height: 32px;
	outline: none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-left: 5px;
	font-size: 14px;
}
.myPoint form .subject input[type="text"]{
	border-bottom: 0;
}
.myPoint form .comment_link input[type="text"]{
	border-bottom: 0;
	border-top: 0;
}
.myPoint form>div input#subject{
	width: 100%;
}
.myPoint form>div input#code{
	width: 100px;
}
.myPoint form>div textarea{
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.myPoint form>div input[type="submit"]{
	float: right;
	width: 120px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	color: #fff;
	border: none;
	background-color: #d5164f;
	outline: none;
}
.myPoint form>div .hj_ckme input[type="submit"]{ 
	width:100px; 
	height:30px; 
	line-height:30px; 
	font-size:16px; 
	font-family:"微软雅黑";
}
@media (max-width: 520px) {
	.comment .commentHead{
		border-left: 0;
	}
	.comment .commentHead .left{
		display: none;
	}
	.comment .commentHead .right{
		float: none;
		width: 100%;
		overflow: hidden;
	}
	.exhibitionPart .comment .commentHead .right .rightOther{
		float: right;
		line-height: 40px;
	}
	.switchTabs .comment{
		margin-top: 10px;
	}
	.myPoint form>div.vertify .checkbox{
		padding-left: 10px;
	}

}
@media (max-width: 640px) {
	.comment .commentBody .list .comment .article{
		width: 100%;
	}
	.clickme.hj_ckme{ overflow:inherit;}
	.comment .myPoint form>div .hj_ckme input[type="submit"] {
    width: 115%;
    height: 35px;
    line-height: 35px;
	margin:10px 0 40px 0;
    font-size: 18px;
}
	.comment .commentBody .list .commentInfo .left{
		float: none;
		width: 100%;
	} 
	.comment .commentBody .list .title{
		margin-top: 20px;
	}
	.comment .commentBody .list .commentList .commentInfo .right{
		float: none;
		width: 100%;
	}
	.exhibitionInfo .right  ul li.twoline p{
		width: 100%;
		float: none;
	}
	.exhibitionPart  .multiTabs ul li a{
		font-size: 14px;
	}
	.personal>.right{
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.personal .left .topInfo .userLogo{
		margin-left: 40px;
	}
	.personal .left .topInfo .set{
		margin-left: 40px;
	}
	.personal .right form .apply_area>div{
		padding-left: 0;
	}
	.personal .right form .apply_area>div label{
		display: none;
	}
	.personal .right form .apply_area>div.intro>label{
		display: block;
		position: relative;
		padding-left: 5px;
		width: auto;
	}
	.personal .right form .apply_area>div select{
		border:none;
		border-bottom: 1px solid #d2d0d1;
		padding-left: 5px;
	}
	.personal .right form .apply_area>div.applyto{
		padding-left: 5px;
		padding-right: 5px;
	}
	.conn .dataContent>div .right ul li{
		width: 50%;
		padding: 5px;
	}
	.exhibitionContainer{
		background-color: transparent;
	}
	.comment_Products .clist{
		width: 100%;
		position: relative;
		border-bottom: none;
	}
	
	.last_Product_View .comment_Products .clist{
		margin-bottom: 0;
	}
	.last_Product_View .comment_Products .clist::after{
		display: none;
	}
	.comment_Products .clist.moreclists{
		display: none;
	}
	/* .comment .commentBody .list .comment>p{
		font-size: 18px;
    	line-height: 30px;
	} */
	.comment_Productlists .comment_Products .productslist{
		width: 100%;
	}

	.singleComment .commentBody .comment_exhibition_ground .comment_Products .showbox ul li{
		width: 100%;
	}
}
@media (max-width: 420px){
	.personal .right .btn{
		right: 0;
		top: 0;
	}
	
	.personal .left .topInfo .userLogo img{
		width: 80px;
		height: 80px;
		border-radius: 40px;
	}
	.personal .left .topInfo .userLogo{
		border-radius: 50px;
		margin-left: 10px;
	}
	.personal .left .topInfo ul{
		padding-left: 0;
	}
	.personal .left .topInfo .set{
		margin-left: 10px;
		width: 100px;
	}
	.personal .left .topInfo .set a{
		width: 80px;
	}

}

/*********** 以上会展评论 ***************/

.myUser .top{
	padding-top: 10px;
}
.myUser .top ul{
	overflow: hidden; 
	float: left;
}
.myUser .top ul li{
	padding-top: 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float: left;
}
.myUser .top .releasediary{
	float: right;
}
.myUser .top .releasediary a{
	border-left: 0;
	background: url(../img/exhibition/comment.png) no-repeat;
    background-size: 22px auto;
    display: inline-block;
    height: 16px;
    padding-left: 25px;
    line-height: 16px;
    color: #444;
    font-size: 14px;
}
.myUser .top ul li a{
	display: block;
	color: #444;
	font-size: 14px;
	line-height: 14px;
	padding: 0 10px;
	border-left: 1px solid #9a9a9a;
}
.myUser .top ul li:first-child a{
	border-left: 0;
}
.myUser .top ul li.checked a{
	color: #12add3;
}
.myUser .nodatabottom{
	margin-top: 20px;
	background: url(../img/userBg.png) no-repeat;
	background-size: 100% auto;
	padding: 15px;
	width: 100%;
	height: 700px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.myUser .bottom{
	margin-top: 10px;
	background-color: #fff;
}

.mycompanyData .bottom{
	padding: 0 10px;
}
.myGroundData .bottom{
	padding: 0 10px;
}
.myUser.company_user_data .bottom{
	padding: 0;
}
.myUser .add_diary{
	padding: 0 20px 20px 20px;
}
.myUser .add_diary form a.send_letter{
	display: block;
	width: 80px;
    height: 32px;
    line-height: 32px;
    padding: 0;
	font-size: 14px;
    margin: 20px 0px 30px 0;
    background-color: #d5164f;
    float: right;
    color: #fff;
    text-align: center;
}
.myUser .bottom .applytitle{
	margin-bottom: 20px;
}
.myUser .bottom .applytitle .selected{
	color: #12add3;
}
.myUser .bottom .lists{
	border-bottom: 1px solid #f4f4f4;
}
.myUser .bottom .lists.diaryDetail{
	border-bottom: none;
}

.myUser .bottom .lists.diarylists{
	padding-bottom: 10px;
	padding-top: 10px;
}
.comment .commentBody .lists.diarylists{
	padding-bottom: 10px;
	padding-top: 10px;
}
.myUser .bottom .lists .oneline{
	position: relative;
	display: flex;
	align-items: center;
}
.myUser .bottom .lists .oneline .option{
	position: relative;
}
.myUser .bottom .lists .oneline .option .dotted{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}
.myUser .bottom .lists .oneline .left_title{
	flex:1;
}



.ppt_sign{
	background:url(../img/usercenter/ppt.png) no-repeat center;
	background-size: 21px auto;
	width: 21px;
	line-height: 29px;
	padding-right: 8px;
	height: 20px;
	display: inline-block;
}
.sync_status{
	width: 14px;
	line-height: 29px;
	padding-right: 8px;
	height: 19px;
	display: inline-block;
}
.sync_status.sync{
	background:url(../img/usercenter/sync.png) no-repeat center;
	background-size: 14px auto;
}
.sync_status.sync_none{
	background:url(../img/usercenter/sync_none.png) no-repeat center;
	background-size: 14px auto;
}
.sync_status.sync_only{
	background:url(../img/usercenter/sync_onlyme.png) no-repeat center;
	background-size: 14px auto;
}
.myUser .bottom .lists .dotted{
    cursor: pointer;
}
.myUser .bottom .lists .dotted span {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.myUser .bottom .lists .showup{
	display: none;
	position: absolute;
	width: 120px;
	text-align: center;
	border: 1px solid #ccc;
	box-shadow: -2px -1px 8px #999;
	right: 0;
	top: 30px;
	z-index: 11;
	background-color: #fff;
}
.myUser .bottom .lists .showup a{
	display: block;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #cccccc;
}
.myUser .bottom .lists .showup a:first-child{
  border-top: none;
}
.myUser .bottom .lists .title{
	color: #444;
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	flex:1;
}
.myUser .bottom .lists .oneline .left_title .title{
	display: inline;
}

.myUser .bottom .lists .title a{
	color: #000;
}
.myUser .bottom .lists .delete a{
	color: #a0a0a0;
}

.myUser .bottom .lists .title a.hj_titlea{ color:#000;}
.myUser .bottom .lists .stitle{
	color: #a0a0a0;
	font-size: 12px;
}

.myUser .bottom .lists .stitle a{
	color: #12add3;
}

.myUser .bottom .lists .desc{
	color: #444;
	font-size: 16px;
	line-height:1.75rem;
}
/*.myUser .bottom .lists>.desc{
	border-bottom: 1px solid #f4f4f4;
}*/
.myUser .bottom .lists .commentList .reply_content .desc{
	font-size: 14px;
	word-break: break-all;
} 
.myUser .bottom .lists .desc img{
	max-width: 100%;
	margin-bottom: 10px;
}
.myUser .bottom .lists .desc .article{
	height: 446px;
}
.myUser .bottom .lists .desc p{
	word-wrap: break-word;
	margin-bottom: 10px;
	font-size: 16px;
    color: #444444;
    line-height: 1.75rem;
}
.myUser .bottom .lists .zhanzi{
	text-align: right;
	font-size: 12px;
    margin-left: 10px;
    color: #444;
}
.myUser .bottom .lists .zhanzi a.from{
	color: #12add3;
}
.myUser .bottom .lists .related_info{
	padding-bottom: 10px;
	padding-top: 10px;
}
.myUser .bottom .lists .related_info .list{
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
}
.myUser .bottom .lists .related_info .list .info_title{
    font-size: 16px;
    color: #444;
    font-weight: bold;
}
.myUser .bottom .lists .related_info .list .info_title a{
	color: #444;
}
.myUser .bottom .lists .related_info .list .stitle{
	margin: 5px 0 8px 0;
}
.myUser .bottom .lists .related_info .list .stitle a{
	color: #a0a0a0;
    font-size: 12px;
}
.myUser .bottom .lists .related_info .list .desc{
	font-size: 16px;
	color: #444;
	word-break: break-all;
}
.myUser .bottom .lists .related_info .list .desc .info{
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 35px;
}
.myUser .bottom .lists .related_info .list .desc .imgArea{
	overflow-y: hidden;
}
.myUser .bottom .lists .related_info .list .desc .imgArea .parts{
	width: 100%;
	clear: both;
    overflow-y: hidden;
}
.myUser .bottom .lists .related_info .list .desc .imgArea .parts a{
	display: flex;
    float: left;
    margin-right: 2px;
    width: 150px;
    height: 150px;
    background-color: #000;
    overflow: hidden;
    justify-content: center;
}
.myUser .bottom .lists .related_info .list .desc .imgArea .parts a img{
	height: 150px;
    max-width: initial;
}
.myUser .bottom .lists .related_info .list .related_commentInfo{
	overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .left{
	flex: 1;
    height: auto;
    width: 50%;
    margin-bottom: 10px;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .left .author{
	font-size: 14px;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .left .author a{
	color: #12add3;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .left .time{
	color: #a0a0a0;
    font-size: 12px;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .right{
	display: flex;
    align-items: center;
    justify-content: center;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .right>a{
	background: url(../img/usercenter/comment_logo.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
    color: #808080;
    margin-left: 10px;
    font-size: 12px;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .right>a.record{
	background-position: 0 -28px;
    height: 16px;
    padding-left: 25px;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .right>a.good{
	background-position: 0 0px;
    height: 16px;
    padding-left: 25px;
}
.myUser .bottom .lists .related_info .list .related_commentInfo .right>a.forwardTo{
	background-position: 0 -54px;
    width: 19px;
    height: 19px;
    font-size: 0;
    cursor: pointer;
}

.article.fixedArticle{
	position: fixed;
	width: 100%!important;
	height: 100%!important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: #000;
}
.myUser .bottom .lists .desc.hj_desc{ 
	font-size:16px; 
	line-height:1.75rem; 
    overflow: hidden;  
}
.myUser .bottom .lists .desc.hj_desc .info{
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	height: 35px;
}
.myUser .bottom .lists .desc.hj_desc .info a{
	color: #444;
}
.myUser .bottom .lists .desc.hj_desc .imgArea{
	overflow-y: hidden;
}
.myUser .bottom .lists .desc.hj_desc .imgArea .parts{
	width: 100%;
    clear: both;
    overflow-y: hidden;
}
.myUser .bottom .lists .desc.hj_desc .imgArea .parts a{
	display: flex;
	float: left;
	margin-right: 2px;
	width: 150px;
	height: 150px;
	background-color: #000;
    overflow: hidden;
    justify-content: center;
}
.myUser .bottom .lists .desc.hj_desc .imgArea .parts a img{
	height: 150px;
	max-width: initial;
}

.myUser .bottom .lists .commentInfo{
	padding: 10px 0;
	width: 100%;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.myUser .bottom .lists .commentInfo .left{
	flex:1;
	height: auto;
	width: 50%;
	margin-bottom: 10px;
}
.myUser .bottom .lists.diarylists .commentInfo .left {
	margin-bottom: 0;
}
.myUser .bottom .lists .commentInfo .right{
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.myUser .bottom .lists .commentInfo .left .author{
	font-size: 16px;
    color: #444;
}

.myUser .bottom .lists .commentInfo .left .author a{
    color: #12add3;
}

.myUser .bottom .lists .commentInfo .left .time{
	color: #a0a0a0;
    font-size: 14px;
}
.myUser .bottom .lists .commentInfo .right>a{
	background: url(../img/usercenter/comment_logo.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
    color: #808080;
    margin-left: 10px;
    font-size: 12px;
}
.myUser .bottom .lists .commentInfo .right>a.good{
	background-position: 0 0px;
    height: 16px;
    padding-left: 25px;
}
.myUser .bottom .lists .commentInfo .right>a.record {
    background-position: 0 -28px;
    height: 16px;
    padding-left: 25px;
}
.myUser .bottom .lists .commentInfo .right>a.forwardTo {
    background-position: 0 -54px;
    width: 19px;
    height: 19px;
    cursor: pointer;
}
.myUser .bottom .lists .commentInfo .right>a.del,.myUser .bottom .lists .commentInfo .right>a.edit{
	background: transparent;
}
.myUser .bottom .lists .commentInfo .right p{
	display: inline-block;
	font-size: 12px;
	margin-left: 10px;
	color: #444;
}
.myUser .bottom .lists .commentInfo .right p a{
	color: #12add3;
}
.myUser .bottom .lists .reply_content .diary_submit{
	margin-top: 30px;
	background-color: transparent;
	padding: 0;
}
.myUser .bottom .lists .reply_content>div{
	background-color: #f4f4f4;
	padding:5px 15px;
}
.myUser .bottom .lists .reply_content .inner_reply{
	padding-bottom: 10px;
	font-size: 14px;
}
.myUser .bottom .lists .reply_content .inner_reply img{
	max-width:100%;
}
.myUser .bottom .lists .reply_content  .diary_submit .textarea textarea{
	width: 100%;
	height: 40px;
}
.myUser .bottom .lists .reply_content  .diary_submit .submit{
	margin-top: 10px;
	overflow: hidden;
}
.myUser .bottom .lists .reply_content  .diary_submit .submit button{
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background-color: #d5164f;
	font-size: 16px;
	float: right;
	border: none;
}
.myUser .bottom .switchTab{
	color: #444;
    font-size: 14px;
    margin-bottom: 20px;
}
.myUser .bottom .switchTab span.selected{
	color: #12add3;
}
.personal .myUser .modify_diary .diary_title input[type="text"]{
	width: 100%;
	margin-left: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.personal .myUser  .form-tags{
    display: block;
}
.personal .myUser  .mform-tags{
	display: none;
}
.personal .myUser  .mform-tags select{
	width: 100%;
	border: none;
	margin: 10px 0;
}
.personal .myUser .modify_diary .submit{
	margin: 10px 0;
}
.personal .myUser .modify_diary .submit input[type="submit"]{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	outline: none;
	border:none;
	background-color: #d5164f;
}
@media (max-width: 640px){
	.myUser .bottom .lists .showup{
		position: fixed;
	    width: 80%;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    text-align: center;
	    background-color: #fff;
	    z-index: 1001;
	}
	.myUser .bottom .lists .showup a{
		height: 40px;
      line-height: 40px;
	}
	.myUser .bottom .applytitle,.myUser .bottom .switchTab{
		display: none;
	}
	.mycompanyData .bottom{
		padding: 0;
	}
	.myGroundData .bottom{
		padding:0;
	}
	.myUser .bottom .lists .desc.hj_desc .imgArea .parts a{
		margin-right: 2px;
		width: 100px;
		height: 100px;
	}
	.myUser .bottom .lists .desc.hj_desc .imgArea .parts a img{
		max-width: initial;
		height: 100px;
	}
	.comment .commentBody .list .related_info .list .desc .imgArea .parts a{
		width: 100px;
		height: 100px;
		margin-right: 2px;
	}
	.comment .commentBody .list .related_info .list .desc .imgArea .parts a img{
		height: 100px;
		max-width: initial;
	}
	.myUser .bottom .lists .related_info .list .desc .imgArea .parts a{
		width: 100px;
		height: 100px;
		margin-right: 2px;
	}
	.myUser .bottom .lists .related_info .list .desc .imgArea .parts a img{
		height: 100px;
		max-width: initial;
	}
}

/******** 以上我的主页 ********/

.productDetail{
	background-color: #fff;
	padding: 20px 0 40px 0;
}
.myUser .productDetail{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
}
.productDetail .top{
	overflow: hidden;
	position: relative;
	display: flex;
}
.myUser .productDetail .top{
	padding-top: 0;
}
.productDetail .bottom{
	margin-top: 20px;
}
.myUser .productDetail .bottom{
	padding: 0;
}
.productDetail .bottom .desc{
	color: #444;
	font-size: 12px;
}
.productDetail .bottom .desc p{
	font-size: 16px;
	line-height: 1.75rem;
	color: #444;
}
.productDetail .bottom .desc img{
	max-width: 100%;
	margin:10px 0;
}
.productDetail .top .left{
	width: 352px;
	margin-right: 15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.productDetail .top .right{
	flex:1;
	color: #444;
	display: flex;
	flex-direction: column;
}
.productDetail .top .right .productInfo{
	flex: 1;
}
.productDetail .top .right .productInfo>div{
	color: #000;
	font-size: 14px;
	margin-bottom: 8px;
}
.productDetail .top .right .productInfo>div .label{
	color: #999;
	font-size: 14px;
	width: 48px;
	display: inline-block;
}
.productDetail .top .right .productInfo>div a{
	color: #000;
}
.productDetail .top .right .priceContent{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 38px;
}
.productDetail .top .right .priceContent .collection{
	display: block;
    background: url(../img/company/collection.png) no-repeat;
    width: 18px;
    height: 16px;
    margin-top: 5px;
}
.productDetail .top .right .priceContent .collection.collected{
	background: url(../img/company/collection.png) no-repeat;
    background-position: 0 -20px;
}
.productDetail .top .left .bigImg{
	position:relative; 
	float:left; 
	width:100%; 
	height:300px; 
	overflow:hidden;
	margin-bottom: 20px;
}
.productDetail .top .left .bigImg #midimg{
	width: 100%;
	height: 300px;
}
.productDetail .top .left .smallImg{
	position:relative; 
	margin-top:1px; 
	padding-left: 14px;
	padding-right: 14px; 
	width:100%; 
	overflow:hidden;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-top: 20px;
}
.productDetail .top .left .smallImg .scrollbutton{
	width:14px; 
	height:50px; 
	overflow:hidden; 
	position:absolute; 
	cursor:pointer;
}
.productDetail .top .left .smallImg .scrollbutton.smallImgUp img{
	width: 100%
}
.productDetail .top .left .smallImg .scrollbutton.smallImgDown img{
	transform: rotate(90deg);
	width: 100%;
}
.productDetail .top .left .smallImg #scroll_img{
	width:100%; 
	margin-left:0; 
	overflow: hidden;
}
.productDetail .top .left .smallImg #scroll_img ul{
	width: 9999px;
}
.productDetail .top .left .smallImg #scroll_img ul li{
	width: 74px;
	float: left;
}
.productDetail .top .left .smallImg #scroll_img ul li img{
	width: 100%;
	padding: 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.productDetail .top .left .smallImg  .scroll_position_bg{
	display: none;
}
.productDetail .top .left .smallImg  .scroll_position{
	display: none;
}
.productDetail .top .right .title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: left;
	margin-top: 0;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.productDetail .top .right .title a{
	color: #444;
}
.productDetail .top .right .price{
	color: #d5164f;
	font-size: 30px;
}
.productDetail .top .right .price span{
	font-size: 18px;
}
.productDetail .top .right .company{
	font-size: 12px;
	color: 808080;
}
.productDetail .top .right .tel{
	font-size: 12px;
	color: 808080;
}
.productDetail .top .right .desc{
	font-size: 12px;
	margin-top: 20px;
	display: none;
}
.productDetail .top .right .buy{
	width: 100%;
	height: 40px;
}
.productDetail .top .right  .buy .buyIt{
	display: block;
	font-size: 16px;
	color: #fff;
	text-align: center;
	height: 36px;
	line-height: 36px;
	background-color: #d5164f;
}

@media (max-width: 750px) {
	.productDetail .top{
		flex-direction: column;
	}
	.productDetail .top .left{
		width: 100%;
		float: none;
		padding-right:0;
	}
	.productDetail .top .right{
		width: 100%;
		float: none;
		margin-top: 20px;
		padding:0 10px;
		box-sizing: border-box;
	}
	.myUser .productDetail .top .right{
		padding:0 10px;
	}
	.productDetail .top .right  .buy .buyIt{
		width: 100%;
	}
	.productDetail{
		padding: 0 0 25px 0;
	}
	.myUser .productDetail{
		padding-left: 0;
		padding-right: 0;
	}
	.productDetail .top .left .smallImg  .scroll_position_bg{
		display: block;
	}
	.productDetail .top .left .smallImg  .scroll_position{
		display: block;
	}
	.productDetail .top .left .bigImg{
		display: none;
	}
	.productDetail .top .left .smallImg .scrollbutton{
		display: none;
	}
	.productDetail .bottom .desc p{
		font-size: 18px;
    	line-height: 30px;
	}
	.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
	.scroll_wrap{overflow:hidden; position:relative;}
	.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
	.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
	.scroll_position{position:absolute;left:45%;z-index:400px;bottom:14px;}
	.scroll_position li{display:inline-block;width:16px;height:16px;border-radius:10px;background:#676767;}
	.scroll_position li a{font-size:0;}
	.scroll_position li.on{background-color:#fff;}
	.scroll_position_bg{background:#000;position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380px;height:26px;border-radius:26px;}
}
/********** 以上产品详情 ***********/

.searchResult .filter{
	margin-top: 30px;
	background-color: #f4f4f4;
	padding-top: 30px;
	height: 300px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.searchResult .filter.hj_filter .searchBox{ 
	width:100%;
}
.searchResult .filter form{
	width: 700px;
	margin: 0 auto;
}
/*.searchResult .filter.hj_filter .filterBox .senior{ position:absolute;}*/
.filterBox{
	color: #444!important;
}
.filterBox label{
	display: inline-block;
	padding-right:10px; 
}
.filterBox input[type="date"]{
	height: 30px;
	line-height: 30px;
	border: 2px solid #ececec;
	outline: none;
	width: 120px;
	background-color: #fff;
}
.filterBox select{
	height: 30px;
	line-height: 30px;
	border: 2px solid #ececec;
	outline: none;
	background-color: #fff;
}
.filterBox  .senior{
	color: #444!important;
	
}
.filterBox >div{
	margin-bottom: 10px;
}
.filterBox  .firstLine>div{
	display: inline-block;
}
.filterBox  .firstLine .area select{
	width: 120px;
	margin: 0 5px;
}
.filterBox  .firstLine .area select.province{
	margin-left: 0;
	margin-right: 19px;
}
.filterBox  .industry select{
	width: 200px;
}
.searchResult .searchBox{
	/* margin-bottom: 20px; */
}
.searchResult .searchBox .search {
    width: 100%;
    display: flex;
    height: 45px;
    line-height: 45px;
    position: relative;
    flex:1;
}
.searchResult .searchBox .search .history_search{
	position: absolute;
	width: 612px;
	left: 0;
	top: 44px;
	box-sizing: border-box;
	border: 1px solid #d5164f;
	border-top: none;
	background-color: #fff;
	z-index: 11;
	height: 0;
	overflow: hidden;
}
.searchResult .searchBox .search .history_search .history_lists .history_list{
	display: block;
	height: 32px;
	line-height: 32px;
	color: #333;
	padding-left: 10px;
	font-size: 14px;
}
.searchResult .searchBox .search .history_search .history_clear{
	cursor: pointer;
	text-align: right;
	padding-right: 10px;
	color: #666;
	font-size: 14px;
}

 .searchResult .searchBox .search a.searchIcon{
 	display: block;
 	width: 95px;
 	height: 45px;
	font-size: 16px;
	color: #fff;
	background-color: #d5164f;
	padding-left: 30px;
	padding-right: 10px;
	font-weight: bold;
	text-align: center;
	position: relative;
	border: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.searchResult .searchBox .search input#search {
    height: 45px;
    border: 1px solid #d5164f;
    outline: none;
    line-height: 45px;
    width: 100%;
	padding-left: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.searchResult .searchBox .search .searchIcon::after {
    position: absolute;
    content: "";
    background: url(../img/icons.png) no-repeat left center;
    background-size: 44px 475px;
    background-position: 0 -124px;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 50%;
    margin-top: -10px;
}
.searchResult.three.showbox{
	background: #f4f4f4;
    padding: 20px;
    margin-top: 30px;
    padding-top: 0;
	margin-bottom: 20px;
}

.searchResult.three ul li:nth-child(3n+1){
	padding-left:0;
}
.searchResult.three ul li:nth-child(3n+3){
	padding-right:0;
}
.searchResult .select .searchResult-select-list{
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}
.searchResult .select .searchResult-select-list li{
	float: left;
	text-align: center;
    color: #444;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    margin:0 10px;
}
.searchResult .select .searchResult-select-list li a{
	display: block;
	color: #444;
    font-size: 14px;
    padding: 0 5px 2px 5px;
}
.searchResult .select .searchResult-select-list li.index a{
	color: #12add3;
	border-bottom: 2px solid #12add3;
	font-weight: bold;
}
.searchResult .filterBox .data-row-wrap{
	display: flex;
	width: 100%;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item{
	width: 50%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item-label{
	width: 100%;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item label{
	float: none;
	display: block;
	width: 40px;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item .dao{
	float: none;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item input[type="text"]{
	float: none;
	flex:1;
	width: auto;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item .wdate{
	width: 100px!important;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item .select-item{
	flex:1;
	width: auto;
}
.searchResult .filterBox span.collapse .data-row-wrap .pub-row-item .pub-select{
	flex:1;
	width: auto;
}
.pagerResult{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.pagerResult .searchMore{
	display: inline-block;
    color: #808080;
    font-size: 16px;
    position: relative;
    padding-right: 15px;
}
.pagerResult .searchMore::after{
	content: "";
    display: block;
    position: absolute;
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
    width: 8px;
    height: 8px;
    transform: rotate(225deg);
    right: 0;
    top: 50%;
    margin-top: -8px;
}
.searchLists{
    margin-top: 30px!important;
}
.searchLists .bottom .lists{
	border-bottom: 1px solid #dedede;
}
.searchLists .userDiary{
	width: 100%;
	background: #f4f4f4;
    padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.searchLists .userDiary .bottom{
	margin-top: 0;
	background-color: transparent;
	padding: 0;
}
.searchLists .tabContent .dataList li .list{
	border-bottom: 1px solid #dedede;
}
.searchLists .userDiary .bottom .lists.diarylists .oneline{
	padding-top: 0;
}
.searchLists  .invitation_s .inv_p{
	border-bottom: 1px solid #dedede;
}
.searchResult .albumsLists{
	background-color: transparent;
	padding: 0;
}
.searchResult .albumsLists ul li .list .desc p.title{
	width: auto;
	border:none;
}
.searchLists .dataList ul{
	overflow:hidden;
}
.searchLists .dataList ul li{
	width: 50%;
	float: left;
}
.invitation_list{
	border-bottom: 1px dashed #c1c1c1;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
}
.invitation_list .invitation_info{
	flex:1;
}
.invitation_list .invitation_info .invitation_title{
	-webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.invitation_list .invitation_info .invitation_title a{
	color: #010101;
    font-size: 16px;
    display: inline-block;
}
.invitation_list .invitation_info .invitation_time,.invitation_list .invitation_info .invitation_address{
	color: #666;
    font-size: 14px;
}

@media (max-width: 750px) {
	
	.searchResult .filter{
		display: none;
	}

	.searchResult.three ul li:nth-child(3n+1){
		padding-left:10px;
	}
	.searchResult.three ul li:nth-child(3n+3){
		padding-right:10px;
	}
	.searchResult.three.showbox{
		background-color: transparent;
		padding: 0;
		margin-top: 10px;
	}
	.searchLists{
		background: #fff;
		padding: 0;
	}
	.invitation_list{
		padding: 10px;
	}
	.searchLists .userDiary .bottom .lists.diarylists{
		padding: 10px;
	}
	.searchLists .userDiary .bottom .lists.relatedComment{
		padding: 0 10px;
	}
	.searchLists .dataList ul li{
		width: 100%;
		float: none;
	}
	.searchResult .searchBox .search .history_search{
		display: none;
	}
}

/********** 以上会展搜索结果页 ***************/
.clearfix::after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix{display:block}
.homePage .tabs .tablist{
	position: relative;
}

.homePage .tabs .tablist>ul{
	width:100%;
	clear: both;
	/* overflow-y:hidden;  */
}
.homePage .tabs .tablist>ul>li{
	float: left;
	width: auto;
}
.homePage .tabs .tablist>ul>li:last-child p {
	display:none;
}
.homePage .tabs .tablist .tabmoreContent{
	display: none;
	position: absolute;
	top:40px;
	right: 0px;
	width: 120px;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
    right: 0;
    z-index: 11;
    background-color: #fff;
}
.homePage .tabs .tablist .tabmoreContent ul li{
	width: 100%;
}
.homePage .tabs .tablist .tabmoreContent ul li a{
	display: block;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #ccc;
	width: 100%;
	padding: 0;
}
.homePage .tabs .tablist .tabmoreContent ul li:first-child a{
	border-top: none;
}
.homePage .tabs .tablist .tabmoreContent ul li.index a{
	color: #12add3;
}

.productList{
	padding: 20px 0;
}
.productList .title{
	font-size: 16px;
	color: #444;
	margin:10px 0;
	text-align: center;
}
.productList .lists{
	overflow: hidden;
}
.productList .lists .showbox.three ul li:nth-child(3n+1){
	padding-left: 0
}
.productList .lists .showbox.three ul li:nth-child(3n+3){
	padding-right: 0
}
.productList .lists .list{
	width: 25%;
	padding: 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float: left;
	position: relative;
}
.productList .lists .list .show{
	display: none;
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	background-color: rgba(18,173,211,0.9);
	color: #fff;
	padding: 15% 10% 0 10%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.productList .lists .list .show .ctitle{
	text-align: center;
	font-size: 12px;
}
.productList .lists .list .show .btns{
	text-align: center;
}
.productList .lists .list .show .btns a{
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
}
.productList .lists .list .index img{
	width: 100%;
}
.productList .lists .list .index{
	position: relative;
}
.productList .lists .list .index .desc{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 28px;
	line-height: 28px;
	background-color: rgba(255,255,255,0.6);
}
.productList .lists .list .index .desc .ctitle{
	color: #444;
	font-size: 12px;
	padding-left: 5px;
}
.productList .lists .list:hover .show{
	display: block;
}
.productList  .plus{
	margin-bottom: 30px;
}
.productList  .plus .addMore{
	background-color: #e4e2e2;
}


/************************************/


 @media (max-width: 640px){
	 .hj_tmbj{ background:rgba(0,0,0,0.5); width:100%; top:0; bottom:0; position: fixed; display:none; z-index:11; }
	 .homePage .tabs .tablist .Navsub.hj_subnav{ width:69%; margin-left:15%;}
	 .homePage .tabs .tablist .Navsub.hj_subnav ul{
		 width:100%;
		 background:#fff; 
		 border-radius:5px;
		 left:0px !important;
		 padding:5px 0;
	}
	.homePage .tabs .tablist .Navsub.hj_subnav li{
		background:none; 
		margin-bottom:-1px;
		width:100%;
	}
	.homePage .tabs .tablist .Navsub.hj_subnav li a{
		background:none;
		color:#444;
		font-size:20px;
		padding:0.6rem 0 0.6rem 8%;
		width:92%;
	}
	.homePage .tabs .tablist .Navsub.hj_subnav li a:hover{ 
		background:none; color:#12add3;
	}	

	.productList .lists .showbox.three ul li{
		padding: 10px 0;
	}
}


/*************以上公司首页***************/



/*************以上产品搜索***************/

.filterBox .line{
    position: relative;
    padding-left: 70px;
    padding-right: 76px;
    overflow: hidden;
}
.filterBox .line label{
    position: absolute;
    left: 0;
    width: 70px;
    line-height: 30px;
}
.filterBox .line a.senior{
    position: absolute;
    right: 0;
    top: 0;
}
.filterBox .line .area select{
    width: 33%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.filterBox .line .type span{
    line-height: 30px;
    margin: 0 10px;
}
.filterBox .line .type span:first-child{
    margin-left: 0;
}
.filterBox .line .industry{
    width: 50%;
    float: left;
}
.filterBox .line .industryType{
    width: 50%;
    float: left;
    position: relative;
    padding-left: 70px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.filterBox .line .industry select{
    width: 50%;
}
.filterBox .line .industryType span{
    position: absolute;
    width: 70px;
    text-align: center;
    display: inline-block;
    left: 0;
    line-height: 30px;
}

.filterBox .line .industryType select{
    width: 100%;
}
.filterBox .line .toDate{
    padding: 0 10px;
}
/*************以上公司搜索***************/

.downloadList{
    padding-bottom: 20px;
}
.downloadList .list{
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    padding-right: 115px;
    border-bottom: 1px solid #cfcfcf;
    margin-top: 10px;
}
.downloadList .list a.downloadIt{
    font-size: 0;
    display: block;
    background: url(../img/download.png) no-repeat;
    width: 106px;
    height: 41px;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.downloadList .list .hd{
    color: #444;
    font-size: 18px;
    margin-bottom: 2px;
}
.downloadList .list .desc{
    color: #808080;
    font-size: 14px;
}
.downloadList .list .desc span{
    margin-right: 10px;
}
.downloadList .list .intro{
    margin-top: 5px;
    color: #444;
    font-size: 16px;
}
.subtitle{
    color: #444;
    font-size: 24px;
}

@media (max-width: 775px){
    .subtitle{
        color: #444;
        font-size: 18px;
        text-align: center;
        height: 45px;
        line-height: 45px;
        margin-top: 0;
    }
    .downloadList{
        padding: 0 20px;
    }
    .downloadList .list .intro{
        display: none;
    }
    .downloadList .list{
        padding-left: 95px;
        padding-right: 70px;
    }
    .downloadList .list.imgrar::after{
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        margin-top: -31px;
        background: url(../img/download/rar.png) no-repeat;
        background-size: 84px 62px;
        width: 84px;
        height: 62px;
    }
    .downloadList .list.imgword::after{
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        margin-top: -42px;
        background: url(../img/download/word.png) no-repeat;
        background-size: 77px 85px;
        width: 77px;
        height: 85px;
    }
    .downloadList .list.imgexcel::after{
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        margin-top: -42px;
        background: url(../img/download/excel.png) no-repeat;
        background-size: 85px 80px;
        width: 85px;
        height: 80px;
    }
    .downloadList .list.imgjpeg::after{
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        margin-top: -42px;
        background: url(../img/download/jpeg.png) no-repeat;
        background-size: 73px 84px;
        width: 73px;
        height: 84px;
    }
    .downloadList .list .desc span{
        display: block;
        color: #ccc;
        font-size: 12px;
    }
    .downloadList .list .hd{
        color: #444;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .downloadList .list a.downloadIt{
        background: url(../img/download.png) no-repeat;
        background-size: 65px auto;
        width: 65px;
        height: 35px;
    }
}
/*************以上资料下载***************/
.others{
    background-color: #f7f7f7;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.friendshipLink p{
    font-size: 16px;
    line-height: 22px;
    color: #444;
}
.friendshipLink p a{
    color: #444;
    white-space:normal;
}
/*************以上获取帮助***************/
.questionsList .list{
    margin-bottom: 30px;
}
.questionsList .list p{
    font-size: 16px;
    line-height: 22px;
    color: #444;
}
.questionsList .list img{
	max-width: 100%;
} 
/*************以上常见问题***************/
.singleComment .list .commentList{
    margin-top: 20px;
    padding-top: 10px;
    position: relative;
}
.singleComment .list .commentList::before{
	content: "";
	position: absolute;
	display: block;
	height:5px;
	background-color: #f4f4f4;
	top: 0px;
	left: -30px;
	right: -30px;
}
.singleComment .commentBody  .list{
    border-bottom: 0;
}

.singleComment .list .commentInfo .right .time{
    color: #a0a0a0;
    font-size: 12px;
}
.singleComment .list .myPoint{
    margin-top: 30px;
    margin-bottom: 30px;
}
.singleComment .list .myPoint .replay_title{
	color: #000;
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}
.singleComment .list .myPoint form .replay_title{
	display: none;
}
#replay .phone-head{
    display: flex;
}
#replay .phone-head .cancel{
	background: url(../img/layerclose.png) no-repeat;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin-left: 10px;
	display: none;
}
#replay .phone-head .mypoint_title{
	flex: 1;
    color: #000;
    font-size: 18px;
    border-bottom: 2px solid #12add3;
	font-weight: bold;
}
#replay .phone-head .right{
	margin-right: 10px;
	display: none;
}
#replay .phone-head .submitbutton{
	color: #12add3;
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: block;
}
#replay form .context{
    overflow:hidden;
}
#replay form .context textarea{
    width: 100%;
    border: none;
    outline: none;
}
#replay form .context .productImagelists{
	display: flex;
    align-items: center;
    padding: 20px 0;
}
.singleComment .list .myPoint .context .productImagelists .addImgPart{
	width: 100px;
    position: relative;
}
.singleComment .list .myPoint .context .productImagelists .addImgPart .addImg{
	display: block;
    background: url(../img/product/upload.png) no-repeat;
    width: 100%;
    padding-top: 100px;
    text-align: center;
    color: #808080;
    font-size: 14px;
    background-size: 100% auto;
}
.singleComment .list .myPoint .context .productImagelists .addImgPart .images{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
}
.singleComment .list .myPoint .context .productImagelists .addImgPart .images .img{
	width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.singleComment .list .myPoint .context .productImagelists .addImgPart .images .delete{
	color: #12add3;
    text-align: center;
    font-size: 14px;
}
#replay form .diary_content .submitbutton{
	margin-top: 20px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    background-color: #12add3;
    border-radius: 6px;
    display: block;
}
.singleComment .list .myPoint .context .input_comment{
	flex: 1;
    border: none;
    outline: none;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    min-height: 200px;
}

#replay #wc{
	display: none;
    position: fixed;
    width: 500px;
    background: #fff;
	padding: 30px 60px;
	box-sizing: border-box;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
}
.singleComment .list .myPoint .context #submitbutton:disabled{
	background-color: gray;
}
.singleComment .commentBody .list .commentInfo .left .author{
    color: #12add3;
}
.singleComment .commentBody .myPoint form>div input[type="submit"]{
    width: 80px;
}
.singleComment .commentBody .myPoint form>div.hj_verti input[type="submit"]{
    width: 100px;
	line-height:30px;
	height:30px;
	font-size:16px;
	margin:10px 0;
}
@media (max-width: 600px){
	#replay .phone-head{
		background-color: #f4f4f4;
		width: 100%;
		height: 40px;
		font-size: 14px;
		display: flex;
		align-items: center;
		position: fixed;
		left: 0;
		top: 0;
	}
	#replay .phone-head .cancel{
		display: block;
	}
	#replay .phone-head .right{
		display: block;
	}
	#replay .phone-head .mypoint_title{
		border-bottom: none;
		text-align: center;
		color: #444444;
		line-height: 40px;
		flex: 1;
		height: 40px;
		font-size: 14px;
		font-weight: normal;
	}
	#replay .replay_title{
		display: none;
	}
	#replay form .replay_title{
		display: block;
	}
	#replay form .diary_content .submitbutton{
		display: none;
	}
	#replay #wc{
		display: none;
	    position: fixed;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 100%;
	    box-sizing: border-box;
	    bottom: 0;
	    right: 0;
	    transform: none;
	    background-color: #fff;
	    z-index: 101;
		padding: 0
	}
	
	#replay .diary_content{
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 50px;
	}
}

/*************以上单个评论***************/

.verifyTitle{
    background-color: #eeeeee;
    color: #4a4a4a;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}
/* .uploads{
    background-color: #eeeeee;
    margin-top: 35px;
    padding: 25px 0 25px 40px;
}
.conn .uploads{
	margin-top: 0;
} */
.uploads form>div{
    margin-bottom: 15px;
    position: relative;
    height: 38px;
    padding-left: 170px;
    padding-right: 80px;
}
.uploads form>div .inputarea{
	width: 100%;
	position: relative;
}
.uploads form>div .inputarea .view_upfile{
	position: absolute;
	width: 60px;
	height: 30px;
	text-align: center;
    line-height: 30px;
    background-color: #11a3d2;
    color: #fff;
    font-size: 14px;
	left: 5px;
	top: 50%;
	margin-top: -15px;
}
.uploads form>div .inputarea input[type="file"]{
	opacity: 0;
	position: absolute;
	width: 60px;
	height: 30px;
}
.uploads form>div .inputarea input[type="text"]{
	border: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding-left: 80px;
	box-sizing: border-box;
}
.uploads label{
    display: inline-block;
    padding-right: 20px;
    width: 130px;
    color: #4a4a4a;
    font-size: 14px;
    text-align: right;
    position: absolute;
    left: 0;
    height: 38px;
    line-height: 38px;
}
.uploads form input[type="submit"]{
    color: #fff;
    outline: none;
    border: none;
    background-color: #11a3d2;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width:60px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
}
.verifylists{
	margin-top: 15px;
}
.verifylists ul{
    display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.verifylists ul li{
    width: 25%;
    text-align: center;
    padding: 9px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.verifylists ul li p{
    color: #4a4a4a;
    font-size: 14px;
    margin-bottom: 15px;
}
.verifylists ul li div{
    position: relative;
	width:100%;
	height:200px;
}
.verifylists ul li div.hj_yycc{
    position: relative;
	width:160px;
	height:116px;
	overflow:hidden;
	margin:0 auto;
}
.verifylists ul li div img{
    width: 100%;
    height: 115px;
}
.verifylists ul li div label{
    display: inline-block;
    width: 60px;
    text-align: center;
    height: 27px;
    line-height: 27px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 5px;
}
.verifylists ul li div label.ed{
    color: #fff;
    background-color: rgba(213,21,80,0.8);
}
.verifylists ul li div label.noned{
    color: #444;
    background-color: rgba(207,207,207,0.8);
}
@media (max-width: 640px){
	.singleComment .commentBody .myPoint form>div.hj_verti input[type="submit"]{ width:100%; height:35px; line-height:35px; font-size:18px;}
    .verifyTitle{
        text-align: right;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
	.verifyTitle.hj_verify,.daoru.hj_daoru{ display:none;}
    .uploads{
        background-color: transparent;
        padding-left: 10px;
        margin-top: 10px;
    }
    .uploads form>div{
    	padding-left: 0;
    	height: auto;
    }
    .uploads label{
        text-align: left;
        margin-bottom: 10px;
        width: 100%;
        position: relative;
        font-size: 20px;
    }
    .uploads form input[type="submit"]{
    	bottom: 0;
    	margin-top: 0;
    	top: auto;
    }
    .verifylists{
        background-color: transparent;
        padding: 0 20px;
    }
    .verifylists ul li{
        float: none;
        width: 100%;
    }
    .verifylists ul li p{
        margin-bottom: 5px;
    }
	.verifylists.hj_verif ul li p{
        text-align:center;
		font-size:18px;
		height:60px;
		line-height:60px;
    }
    .others{
    	background: transparent;
    }
    .singleComment .list .commentList::before{
    	left: -10px;
    	right: -10px;
    }
    .comment_Productlists::before{
    	left: -10px;
    	right: -10px;
    }
}
@media (max-width: 414px){
	.verifylists.hj_verif { padding:0;}
	.verifylists.hj_verif ul li{ padding:0;}
.verifylists.hj_verif ul li .hj_yycc {
    width: 100%;
    height: 298px;
}
.verifylists.hj_verif ul li div label.ed{
	    width: 160px;
    margin-left: -79px;
    text-align: center;
	bottom:0;
	}
}
@media (max-width: 375px){
	.verifylists.hj_verif ul li .hj_yycc{ width:100%; height:271px;}
	.comment .myPoint form>div .hj_ckme input[type="submit"] {
    width: 118%;
	}
	}
@media (max-width: 360px){
	.verifylists.hj_verif ul li .hj_yycc{ width:100%; height:260px;}
	}
@media (max-width: 320px){
	.verifylists.hj_verif ul li .hj_yycc{ width:100%; height:231px;}
	.comment .myPoint form>div .hj_ckme input[type="submit"] {
    width: 121%;}
	}
/********** 以上认证申请 ************/

.guestTitle{
    background-color: #eeeeee;
    color: #4a4a4a;
    font-size: 18px;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
.guesthead{
    overflow: hidden;
    background-color: #eeeeee;
    line-height: 40px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.guestbody{
    overflow: hidden;
    background-color: #eeeeee;
    line-height: 40px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.guesthead span,.guestbody span{
    display: inline-block;
    width: 25%;
    float: left;
}
.guesthead span.name,.guestbody span.name{
    width: 20%;
}
.guesthead span.bark,.guestbody span.bark{
    width: 30%;
}
@media (max-width: 600px){
    .guestTitle{
        text-align: center;
    }
    .guesthead{
        display: none;
    }
    .guestbody span{
        width: 40%;
    }
    .guestbody span.bark{
        display: block;
        width: 100%;
    }
}

/********** 以上嘉宾列表 ************/


.conn {
	padding-top: 20px;
	min-height: 300px;
}
.conn .zhanweiInfo{
    padding-top: 0px;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}
.zhanweiInfo .view .swiperImg{
	width: 100%;
	height: 400px;
	line-height: 400px;
	overflow: hidden;
	position: relative;
}
.zhanweiInfo .view .intro{
	margin-top: 10px;
	height: 140px;
	overflow-y: auto;
}
.zhanweiInfo .preview .swiperImg{
	width: 150px;
	height: 150px;
	position: relative;
	background-color: #55585f;
}
.zhanweiInfo .view .swiperImg .option{
	position: absolute;
    right: 20px;
    z-index: 11;
	top: 20px;
    height: 30px;
    line-height: initial;
    background: rgba(153, 153, 153, 0.3);
    width: 30px;
    text-align: center;
    border-radius: 15px;
}
.zhanweiInfo .view .swiperImg .option .dotes{
	width: 30px;
	height: 30px;
}
.zhanweiInfo .view .swiperImg .option .dotes span{
	display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #999;
    margin: 0 2px;
    position: relative;
}
.zhanweiInfo .view .swiperImg .option .optionlist{
	display: none;
    position: absolute;
    width: 120px;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
    right: 0px;
    top: 35px;
    z-index: 11;
    background-color: #fff;
}
.zhanweiInfo .view .swiperImg .option .optionlist a{
	display: block;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #cccccc;
}
.zhanweiInfo .view .swiperImg .option .optionlist a:first-child{
	border-top: none;
}
.zhanweiInfo .desc{
	word-break:break-all;
	-webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  height: 84px;
}
.zhanweiInfo .bigImg{
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
    overflow: hidden;
    margin-bottom: 20px;
}
.zhanweiInfo .view a.left{
	position: absolute;
    top: 50%;
    margin-top: -90px;
    left: 0;
    background: url(../img/default/scrollleft.png) no-repeat;
    width: 88px;
    height: 90px;
    z-index: inherit;
}
.zhanweiTop a.left.hj_left{ margin-top:-122px;}
.zhanweiTop a.right.hj_right{ margin-top:-122px;}
.zhanweiInfo .view a.right{
	position: absolute;
    top: 50%;
    margin-top: -90px;
    right: 0px;
    background: url(../img/default/scrollleft.png) no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    width: 88px;
    height: 90px;
    z-index: inherit;
}
.zhanweiInfo .bigImg #midimg{
    width: 100%;
    min-height: 600px;
}
.zhanweiInfo .preview{
    position: relative;
    margin-top: 1px;
    /* padding-top: 40px;
	padding-bottom: 40px; */
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 10px;
	width: 150px;
	height: 546px;
	flex-shrink: 0;
}
.zhanweiInfo .preview .swiper-container{
	height: 100%;
}
.zhanweiInfo .preview  .scrollbutton {
    left: 50%;
    margin-left: -15px;
    position: absolute;
    cursor: pointer;
	display: none;
}
.zhanweiInfo .preview  .scrollbutton img{
	width: 24px;
	transform: rotate(90deg);
}
.zhanweiInfo .preview .swiper-container .swiper-slide{
	margin-bottom: 10px;
}

.zhanweiInfo .preview .scrollbutton.smallImgUp{
    top: -30px;
}
.zhanweiInfo .preview  .scrollbutton.smallImgDown{
    bottom: -30px;
}

.zhanweiInfo img{
	width: 100%;
}

.zhanweiInfo  .smallImg #scroll_img ul{
    width: 9999px;
}
.zhanweiInfo .smallImg #scroll_img ul li {
    width: 174px;
    float: left;
    position: relative;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.zhanweiInfo .smallImg #scroll_img.hjdiv ul li{ height: 198px;
    width: 188px;
    padding: 0;
    line-height: 183px;
    background-color: #fff;
    top: 10px;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;}
.zhanweiInfo .smallImg #scroll_img ul li a.hj_atp .hj_img{overflow:hidden; width:174px; height:174px; line-height:170px;}
.zhanweiInfo .smallImg #scroll_img ul li a.hj_atp .img img{
    width: auto;
    height: auto;
    max-width: 174px;
    max-height: 174px;
    min-height: auto;
    position: static;
    top: -50%;
    left: -50%;
    vertical-align: middle;
}
.zhanweiInfo .smallImg #scroll_img ul li img{
    width: 100%;
}
.zhanweiInfo .smallImg #scroll_img.hjdiv ul li a.hj_atp{   
    display: block;
    border: 2px solid #fff;
    height: 174px;
    padding: 5px;
    position: static;
    top: 50%;
    vertical-align: middle;
    margin: 0;}
.zhanweiInfo .smallImg #scroll_img.hjdiv ul li a.hj_atp:hover{border:2px solid #959595}
.zhanweiInfo .smallImg #scroll_img ul li .operations{
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #444;
	display: none;
}
.zhanweiInfo .smallImg #scroll_img ul li .operations{ bottom:20px; line-height: initial;}
.zhanweiInfo .smallImg #scroll_img.hjdiv ul li:hover .operations{
	display: block;
}
.zhanweiInfo .smallImg #scroll_img ul li .operations a{
	color: #444
}
.zhanweiInfo .view {
	flex: 1;
	margin-right: 10px;
	overflow: hidden;
}
.zhanweiInfo .view .swiper-container{
	width: 100%;
	height: 546px;
}
/* .zhanweiInfo .preview .swiper-container{
    height: 446px;
} */
.zhanweiInfo .preview .swiper-container .swiper-slide{
	width: 150px;
	height: 150px;
}

/**** booth and traffic***/
.uploadImg{
    padding: 0;
}
.uploadImg form>div {
    position: relative;
    margin-bottom: 15px;
}
.uploadImg form div label{
    position: absolute;
    left: 0;
    color: #4a4a4a;
    font-size: 16px;
    width: 90px;
    line-height: 38px;
}
.uploadImg form .imgs{
    padding-right: 80px;
}
.uploadImg form .imgs.hj_imgss{
    padding-left: 0px;
}
.uploadImg form div a.getImg{
    position: absolute;
    display: block;
    right: 0;
    color: #fff;
    font-size: 16px;
    width: 70px;
    text-align: center;
    background-color: #11a3d2;
    height: 32px;
    line-height: 32px;
    top: 3px;
}
.uploadImg form div a.getImg.hj_getimg{ width:60px; height:35px; line-height: 35px; background-color: #12add3; font-size:14px; top:1px;}
.uploadImg form .imgs input[type="text"]{
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid #d0d0d0;
    outline: none;
    background-color: #fff;
}
.uploadImg form .intro textarea{
    width: 100%;
    height: 100px;
    border: 1px solid #d1d1d1;
    outline: none;
}

.uploadImg form .intro input[type="submit"]{
    margin-top: 20px;
    float: right;
    color: #fff;
    width: 128px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    background-color: #d5164f;
    border: none;
}

.uploadImg form .intro textarea.hj_intro{
	width: 100%;
	border: none;
    outline: none;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    min-height: 200px;
}
.uploadImg form .productImagelists{
	padding: 20px 0;
}
.uploadImg form .productImagelists{
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.uploadImg form  .productImagelists .addImgPart{
	width: 100px;
	position: relative;
}
.uploadImg form  .productImagelists .addImgPart .addImg{
	display: block;
	background: url(../img/product/upload.png) no-repeat;
	width: 100%;
	padding-top: 100px;
	text-align: center;
	color: #808080;
	font-size: 14px;
	background-size: 100% auto;
}
.uploadImg form  .productImagelists .addImgPart .images{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	text-align: center;
}
.uploadImg form  .productImagelists .addImgPart .images .img{
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.uploadImg form .productImagelists .addImgPart .images .delete{
	color: #12add3;
	text-align: center;
	font-size: 14px;
}
.uploadImg form .clickme #submitbutton{
	margin-top: 20px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-color: #12add3;
    border-radius: 6px!important;
    display: block;
	float: right;
	border: none;
}
.uploadImg form .clickme{
	padding: 0;
}
.uploadImg#mapArea{
	display: flex;
	margin-bottom: 20px;
}
.uploadImg#mapArea .map{
	width: 700px;
	height: 700px;
}
@media (max-width: 900px){
	.uploadImg#mapArea .map{
		width: 100%;
		height: 400px;
	}
	.uploadImg#mapArea{
		display: block;
	}
}
@media (max-width: 650px){
    .zhanweiInfo .smallImg{
        display: none;
    }
    .conn .zhanweiInfo{
        padding: 20px;
		padding-top: 0;
    }
	.zhanweiInfo .preview .swiperImg .option .optionlist{
		position: fixed;
		width: 80%;
		left: 50%;
		top: 50%;
		right: auto;
		bottom: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		background-color: #fff;
		z-index: 10001;
	}
	.zhanweiInfo .preview .swiperImg .option .optionlist a{
		height: 40px;
    	line-height: 40px;
	}
	.uploadImg form .clickme{
		display: none;
	}
	.uploadImg form .productImagelists,.uploadImg form .intro{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.groundRouter .clickme #submitbutton{
		opacity: 1;
	}
	.zhanweiInfo .view{
		margin-right: 0;
	}
}
@media (max-width: 415px) {
	.datum .lists ul li{
		width: 100%;
	}
	.datum .lists ul li .index{ width:100%; }
	.datum .lists ul li .index .desc{
		font-size: 15px;
		padding: 10px;
	}
	.datum .filter .input{
		display: block;
		position: relative;
		padding-right: 76px;
		width: 100%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.datum .filter .input .search{
		position: absolute;
		right: 0;
		top: 0;
	}
	.datum .filter .input input{
		width: 100%;
		height: 44px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.zhanweiInfo .bigImg {
    height: 246px;
    }


}

@media (max-width: 375px) {
	.datum .lists ul li{
		width: 100%;
	}
	
	.datum .lists ul li .index{ width: 100%; }

}
@media (max-width: 360px) {
	.zhanweiInfo .bigImg {
    height: 207px;
    }
}

@media (max-width: 320px) {
	.datum .lists ul li{
		width: 100%;
	}

	.datum .lists ul li .index{ width: 100%; }
	.zhanweiInfo .bigImg {
    height: 178px;
    }

	.clickme.hj_kme #submitbutton{height: 34px; width:95.8%; float:left;}
	.uploadImg form div a.getImg.hj_getimg{ margin-right:2px;}
}
/********** 以上展位图 ************/
.schedule.MainSchedule{
    margin-bottom: 40px;
    display: flex;
}
.schedule.MainSchedule .schedule_left{
	margin-right: 30px;
}
.schedule.MainSchedule .schedule_right{
	flex:1;
}
.schedule .head{
    overflow: hidden;
    margin: 20px 0;
}
.schedule .head .title{
    float: left;
    font-size: 16px;
    color: #444;
    font-weight: normal;
    margin:0;
}
.schedule .head a{
    float: right;
    color: #11a3d2;
    font-size: 16px;
    text-decoration: underline;
}
.schedule .lists{
    margin-bottom: 20px;
    flex:1;
}
.schedule .schedule_left .showbox{
	width: 367px;
	position: relative;
	overflow: hidden;
	margin-right: 20px;
}
.schedule .lists .img{
    float: left;
    width: 30%;
    margin-right: 3%;
    position: relative;
    height: 220px;
    overflow: hidden;
}

.schedule .lists .img img{
    width: 100%;
    min-height: 220px;
}
.schedule .lists .img .desc{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(30,178,226,0.5);
    padding: 10px;
    color: #fefefe;
    font-size: 16px;
}
.schedule .lists .img .close{
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    background: url(../img/close.png) no-repeat;
    width: 32px;
    height: 32px;
}

.schedule .lists .scheduleList .uploadexhibition{
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.schedule .lists .scheduleList .uploadexhibition .choose{
	padding-left: 10px;
}
.schedule .lists .scheduleList .data-tab{
	overflow-x: auto;
	display: flex;
}
.schedule .lists .scheduleList .data-tab li{
	padding: 5px 10px;
	font-size: 16px;
	color: #4a4a4a;
	flex: none;
}
.schedule .lists .scheduleList .data-tab li.selected{
	color: #31b2d5;
}
.schedule .lists .scheduleList .main{
    background-color: #eee;
    padding: 10px;
}
.schedule .lists .scheduleList .main .title{
    color: #000;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    margin: 0;
    margin-bottom: 10px;
}
.schedule .lists .scheduleList .main .time{
    color: #4a4a4a;
    font-size: 14px;
}
.schedule .lists .scheduleList .main .address{
    color: #4a4a4a;
    font-size: 14px;
}
.schedule .lists .scheduleList .detail{
    margin-top: 10px;
    padding: 10px;
}
.schedule .lists .scheduleList .detail .list {
    margin-bottom: 10px;
}
.schedule .lists .scheduleList .detail .list .operations{
    display: flex;
    margin-bottom: 5px;
}
.schedule .lists .scheduleList .detail .list .operations .date{
    color: #12add3;
    font-size: 16px;
    flex:1;
}
.schedule .lists .scheduleList .detail .list .operations .right{
    
}
.schedule .lists .scheduleList .detail .list .operations .right .option{
	text-align: right;
    position: relative;
}
.schedule .lists .scheduleList .detail .list .operations .right .option .dotes span{
	display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.schedule .lists .scheduleList .detail .list .operations .right .option .optionlist{
	display: none;
    position: absolute;
    width: 120px;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
    top: 22px;
    right: 0;
    z-index: 11;
    background-color: #fff;
}
.schedule .lists .scheduleList .detail .list .operations .right .option .optionlist a{
	display: block;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #cccccc;
}
.schedule .lists .scheduleList .detail .list .operations .right .option .optionlist a:first-child{
	border-top: 0;
}
.schedule .lists .scheduleList .detail .list .desc{
    color: #4a4a4a;
    font-size: 14px;
    border-left: 2px solid #808080;
    padding-left: 10px;
    margin-left: 10px;
}
.SubSchedule .lists .showbox.three ul li:nth-child(3n+1){
	padding-left: 0;
}
.SubSchedule .lists .showbox.three ul li:nth-child(3n+3){
	padding-right: 0;
}

.subSchedule .subStitle{
	display: flex;
	margin-right: 20px;
	margin-bottom: 15px;
}
.subSchedule .subStitle span{
	flex:1;
	font-size: 14px;
    color: #666;
}
.subSchedule .subStitle .publish{
	color: #11a3d2;
    font-size: 14px;
}
.subSchedule .showbox.one ul li{
	margin-bottom: 10px;
}
.subSchedule .uploadexhibition{
	margin-right: 20px;
}

.uploadexhibition .newSub{
    position: relative;
	padding-top: 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.uploadexhibition .newSub label{
    width: 100px;
}
.uploadexhibition .submit{
	margin-bottom: 30px;
	overflow: hidden;
}
.uploadexhibition .submit .upload{
    width: 100px;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #12add3;
    float: right;
}
.uploadexhibition .newSub input[type="text"]{
	flex:1;
    width: 100%;
    height: 35px;
    line-height: 35px;
	margin-top:2px;
    padding-left: 5px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    outline: none;
	border: none;
    border-bottom: 1px solid #d0d0d0;
}
.uploadexhibition .choose>div{
    position: relative;
    margin-bottom: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: baseline;
}
.uploadexhibition .choose>div.selectTime{
	border-bottom: 1px solid #d0d0d0;
}
.uploadexhibition .choose>div label{
    width: 80px;
    color: #444;
    font-size: 16px;
}
.uploadexhibition .choose>div select{
    width: 100%;
    outline: none;
    border: none;
    height: 40px;
    line-height: 40px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.uploadexhibition .choose .selectTime input[type="text"],.uploadexhibition .choose .selectTime input[type="datetime-local"]{
    outline: none;
    border: none;
    height: 33px;
    line-height: 33px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding-left: 5px;
    position: relative;
    flex:1;
}

.uploadexhibition .choose .selectTime>div.datechoose{
	flex:1;
	display: flex;
}
.uploadexhibition .choose .selectTime span{
    width: 90px;
    display: inline-block;
    text-align: center;
    line-height: 33px;
}
.uploadexhibition .choose .selectInfo .ck-editor{
	flex:1;
}
.uploadexhibition .choose>div textarea{
    width: 100%;
    height: 50px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.uploadexhibition .choose .submit{
    justify-content: flex-end;
}
.uploadexhibition .choose input[type="submit"]{
    width: 80px;
    border: none;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #12add3;
	border-radius: 6px!important;
}
.schedulehead{
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #b3b3b3;
}
.scheduleDownload{
	padding-top: 10px;
	text-align: right;
	font-size: 14px;
}
.schedulehead .scheduletitle{
	flex:1;
	display: flex;
	align-items: center;
}
.schedulehead .scheduletitle>p{
	font-size: 14px;
    color: #444;
}
.schedulehead .scheduletitle>p.mainStitle{
	margin-right: 5px;
	font-size: 14px;
	color: #666;
}
.schedulehead .scheduletitle>p.subStitle{
	margin-left: 5px;
	font-size: 14px;
	color: #666;
}
.schedulehead .scheduletitle p.checked{
	color: #31b2d5
}
.schedulehead .right>a{
	color: #11a3d2;
    font-size: 14px;
}
.schedulehead .right .select {
	text-align: right;
	position: relative;
	margin-bottom: 10px;
}
.schedulehead .right .select .choice{
	color: #12add3;
	position: relative;
	font-size: 14px;
	margin-right: 20px;
	cursor: pointer;
}
.schedulehead .right .select .choice::after{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #12add3;
    right: -15px;
    top: 50%;
    margin-top: -3px;
}
.schedulehead .right .select  .choice_lists{
	position: absolute;
	right: 0;
	top: 28px;
	background-color: #fff;
	border:1px solid #e4e4e4;
	width: 130px;
	padding: 0 15px;
	box-sizing: border-box;
	display: none;
	z-index: 111;
}
.schedulehead .right .select  .choice_lists a{
	display: block;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444;
    font-size: 14px;
    text-align: center;
}
.schedulehead .right .select .choice_lists::before{
	box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -16px;;
    right:11px;
    padding:0;
    border-bottom:8px solid #FFFFFF;
    border-top:8px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    display: block;
    content:'';
    z-index: 12;
}
.schedulehead .right .select .choice_lists::after{
	box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -18px;;
    right:10px;
    padding:0;
    border-bottom:9px solid #e4e4e4;
    border-top:9px solid transparent;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    display: block;
    content:'';
    z-index:10
}

.conn .SubSchedule{
	display: none;
}

@media (max-width: 600px){
	.zhj_exhpat .schedule .lists .scheduleList .uploadexhibition .choose{ padding-left:0;}
    .schedule .lists .img{
        display: none;
    }
    .conn .SubSchedule {
    	display: block;
    }
	.conn .scheduleDownload{
		display: none;
	}
	.content_eidtForm_link .edit_content_Content .submit{
		display: none;
	}
	.uploadexhibition .choose>div.selectExhibition{
		display: none;
	}
	.uploadexhibition .choose>div{
		margin-bottom: 10px;
	}
	
    .schedule .schedule_left{
    	padding-left: 10px;
    	padding-right: 10px;
    	margin-bottom: 10px;
    }
    .schedule .schedule_left .subSchedule{
    	display: none;
    }
    .schedule .schedule_left .showbox{
    	width: 100%;
    }
    .schedule.MainSchedule{
    	display: block;
    }
    .schedule .lists .scheduleList .detail .list .operations .date{
        font-size: 14px;
    }
    .schedule .lists .scheduleList{
        width: 100%;
    }
    .schedule .lists .showbox ul li{
    	padding:0;
    	margin-bottom: 10px;
    }
    .uploadexhibition .newSub{
        padding-right: 0;
    }
    .SubSchedule .lists .showbox.three ul li{
    	padding: 10px 0;
    }

    .uploadexhibition .choose{
        padding-left: 0;
    }
	.schedule .lists .scheduleList .uploadexhibition .choose{
		padding-left: 0;
	}
    .uploadexhibition .choose>div label{
		padding-left: 10px;
		font-size: 14px;
	}
    .uploadexhibition .choose .selectTime>div.datechoose{
    	display: block;
    }
    .uploadexhibition .choose .selectTime>div.datechoose span{
    	display: none;
    }
    .uploadexhibition .choose>div.selectInfo{
    	display: block;
    }
    .uploadexhibition .choose>div.selectInfo>label{
    	width: 100%;
    	margin-bottom: 10px;
    	display: block;
    	padding-left: 10px;
    }
    .uploadexhibition .choose .selectTime>div.datechoose input[type="text"],.uploadexhibition .choose .selectTime>div.datechoose input[type="datetime-local"]{
    	width: 100%;
    	border: none;
    	border-bottom: 1px solid #d0d0d0;
    }
    .uploadexhibition .choose .selectTime .datechoose.first{
    	width: 100%;
    	float: none;
    	margin-bottom: 20px;
    }
    .uploadexhibition .choose .selectTime span.timespan{
    	position: absolute;
    	left: 0;
    	width: 80px;
    	text-align: left;
    	content: #444;
    }
    .schedule .lists .scheduleList .uploadexhibition{
    	padding: 0 ;
    }
    .schedule .lists .scheduleList .detail .list .operations .right .option .optionlist{
    	z-index: 10001;
	    position: fixed;
	    width: 80%;
	    left: 50%;
	    top: 50%;
	    right: auto;
    	bottom: auto;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    text-align: center;
	    background-color: #fff;
    }
    .schedule .lists .scheduleList .detail .list .operations .right .option .optionlist a{
    	height: 40px;
    	line-height: 40px;
    }
	.uploadexhibition .choose>div.selectTime:last-child{
		border-bottom: none;
	}
}
/********** 以上日程表 ************/

.addHistory .newSub{
    display: flex;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
	margin: 15px 0;
}
.addHistory .newSub label{
	color: #444;
	font-size: 14px;
	margin-right: 20px;
}
.addHistory .submit{
	overflow: hidden;
}
.addHistory .submit .upload{
    width: 100px;
    display: block;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #fff;
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
	background-color: #12add3;
    border-radius: 6px!important;
	float: right;
}

.addHistory .newSub input[type="text"]{
    flex:1;
    height: 34px;
    line-height: 34px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    outline: none;
    border: none;
}

@media (max-width: 600px){


	.addHistory .newSub{
		padding-left: 10px;
		padding-right: 10px;
	}
	.addHistory .submit .upload{
		display: none;
	}
}
/********** 以上历届会展 **************/

.applyExhibition{
    margin-top: 20px;
    padding-bottom: 30px;
}
.applyExhibition.hj_applyexh{ padding-bottom:0;}
.applyExhibition label{
    color: #4a4a4a;
    font-size: 16px;
    padding-bottom: 10px;
    display: inline-block;
}
.applyExhibition form textarea{
    width: 100%;
    height: 100px;
    outline: none;
    border: 1px solid #d0d0d0;
}
.applyExhibition form input[type="submit"]{
    width: 130px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border: none;
    background-color: #d5164f;
    float: right;
    margin-top: 10px;
}

/********** 以上参展会展 **************/


.ad_apply{
    overflow: hidden;
}
.ad_apply .left{
    width: 50%;
    float: left;
    color: #4a4a4a;
    font-size: 16px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding: 20px;
    padding-top:0;
}
.ad_apply .right{
    width: 50%;
    float: right;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding: 20px;
    padding-top:0;
}
.ad_apply .left .head{
    overflow: hidden;
    margin-bottom: 20px;
}
.ad_apply .left .head p{
    margin-right: 20px;
    width: 160px;
    float: left;
}
.ad_apply .left .body .list p:first-child{
    width: 160px;
}
.ad_apply .left .body .list{
    overflow: hidden;
    margin-bottom: 20px;
}
.ad_apply .left .body .list p{
    margin-right: 20px;
    float: left;
    line-height: 36px;
}
.ad_apply .left .body .list  input[type="text"]{
    width: 75px;
    height: 36px;
    padding-left: 5px;
    outline: none;
    border: 1px solid #d0d0d0;
    margin-right: 10px;
}
.ad_apply .right .position{
    color: #4a4a4a;
    font-size: 16px;
    margin-bottom: 20px;
}
.ad_apply .right .ads{
    border: 1px solid #b3b3b3;
}
.ad_apply .right .ads .title{
    color: #00a2e9;
    font-size: 17px;
    padding: 10px 0;
    font-weight: normal;
    margin: 0;
}
.ad_apply .right .ads .subtitle{
    color: #fff;
    font-size: 16px;
    background-color: #00a2e9;
    text-align: center;
    height: 26px;
    line-height: 26px;
    margin: 0;
}
.ad_apply .right .ads ul{
    padding: 20px 0;
}
.ad_apply .right .ads ul li{
    text-align: center;
    color:#444;
    font-size: 14px;
}

/********** 以上广告申请-发布者 **************/


.introduction.hj_adstp p img{ width:100%; margin:5px 0;}
.introduction .stitle{
    color: #4a4a4a;
    font-size: 16px;
    margin-bottom: 10px;
}
.introduction ul{
    padding-left: 20px;
    margin-left: 20px;
}
.introduction ul li{
    list-style-type:decimal;
}
.applyAds{
    padding-left: 35%;
    margin-top: 20px;
}
.applyAds form>div{
    position: relative;
    padding-left: 110px;
    overflow: hidden;
    margin-bottom: 20px;
}
.applyAds form>div label{
    position: absolute;
    width: 110px;
    color: #444;
    font-size: 16px;
    left: 0;
    line-height: 36px;
}
.applyAds form>div input[type="date"]{
    height: 36px;
    outline: none;
    border: 1px solid #d0d0d0;
    width: 40%;
    float: left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.applyAds form>div input[type="text"]{
    height: 36px;
    outline: none;
    border: 1px solid #d0d0d0;
    width: 100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.applyAds form>div input[type="text"].adv-date {width:195px;}
.applyAds form>div.time span{
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
    line-height: 36px;
}
.applyAds form>div select{
    height: 36px;
    outline: none;
    border: 1px solid #d0d0d0;
    width: 40%;
}
.applyAds form>div.upload{
    padding-right: 110px;
}
.applyAds form>div.upload .view{
    display: block;
    position: absolute;
    right: 0;
    width: 95px;
    text-align: center;
    color: #fff;
    height: 30px;
    line-height: 30px;
    top: 3px;
    background-color: #11a3d2;
}
.applyAds form>div.upload .view.hj_view{ width:60px; height:35px; line-height:35px; background-color:#12add3;}
.applyAds form>div.infolist .lists a.ziliao{
    color: #31b2d5;
    text-decoration: underline;
    font-size: 16px;
    display: inline-block;
    width: 50%;
}
.applyAds form>div.infolist .lists a.delete{
    color: #444;
    font-size: 16px;
}
.applyAds form>div.adPosition select{
    float: left;
}
.applyAds form>div.adPosition .total{
    float: left;
    line-height: 36px;
    padding-left: 20%;
    color: #444;
    font-size: 16px;
    font-weight: bold;
}
.applyAds form input[type="submit"]{
    width: 130px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border: none;
    background-color: #d5164f;
    float: right;
    margin-top: 10px;
}
.applyAds form .hj_submit input[type="submit"]{ width:100px; height:30px; line-height:30px; margin:10px 0 20px 0; font-size:16px; font-family:"微软雅黑";}
.applyAds form .hj_submit #submitbutton{ margin:10px 0 10px 0;}
@media (max-width: 600px){
	.applyAds form .hj_submit input[type="submit"]{ width:100%; height:35px; line-height:35px; font-size:18px;}
    .introduction .stitle{
        text-align: center;
    }
    .applyAds{
        padding-left: 0;
    }
}


/********** 以上广告申请-申请者 **************/

.verifyTitle .arrowDown{
    position: relative;
    float: right;
    color: #4a4a4a;
    font-size: 14px;
}
.verifyTitle .arrowDown::after{
    position: absolute;
    content: "";
    background: url(../img/icons.png) no-repeat;
    background-size: 44px 475px;
    background-position: 0 -96px;
    width: 17px;
    height: 11px;
    top: 50%;
    margin-top: -5px;
    right: 0;
}
.exhibitionProduct .productList .index .operations{
    position: absolute;
    display: none;
    right: 5px;
    top: 5px;
}
.exhibitionProduct .productList .lists .list .index .desc{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.6);
    height: auto;
    line-height: 20px;
}
.exhibitionProduct .productList .index .operations .edit{
    color: #31b2d5;
    font-size: 12px;
}
.exhibitionProduct .productList .index .operations .delete{
    color: #4a4a4a;
    font-size: 12px;
}
.exhibitionProduct .productList .list:hover .operations{
    display: block;
}
.exhibitionProduct .productList .list:hover .desc{
    padding-right: 70px;
}
.applyProduct{
    margin-top: 30px;
}
.applyProduct form>div{
    position: relative;
    padding-left: 90px;
    margin-bottom: 20px;
}
.applyProduct form>div.zhj_cklc{ margin-bottom:-20px;}
.uploadPhoto form>div.zhj_cklc{ margin-bottom:0px;}
.applyProduct form>div.zhj_ckme{ margin-bottom:0;}
.applyProduct form>div.zhj_ckme.hj_click #submitbutton{ margin-top:10px; margin-bottom:0;}
.applyProduct form>div label{
    position: absolute;
    left: 0;
    width: 80px;
    text-align: right;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 34px;
}
.personal .right .applyProduct form>div label{
	width: 80px;
}
.applyProduct form>div input[type="text"],.applyProduct form>div textarea{
    height: 34px;
    line-height: 34px;
    width: 100%;
    padding-left: 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid #e3e3e3;
    outline: none;
}
.applyProduct form>div select{
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid #e3e3e3;
    outline: none;
}
.applyProduct form>div.addCategory,.applyProduct form>div.updateCategory{
    padding-right: 70px;
}
.applyProduct form>div.addCategory a,.applyProduct form>div.updateCategory a{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 60px;
    color: #fff;
    background-color: #d5164f;
}
.applyProduct form>div.addCategory a.hj_add,.applyProduct form>div.updateCategory a.hj_edit{width: 60px;
    height: 35px;
    line-height: 35px;
    background-color: #12add3; font-size:14px;}
.applyProduct form>div.updateCategory select{
    position: absolute;
    left: 90px;
    top: 0;
    width: 120px;
}
.applyProduct form>div.updateCategory {
    padding-left: 220px;
    margin-bottom: 40px;
}
.applyProduct form>div.productName,.applyProduct form>div.buyLink{
    overflow: hidden;
}
.applyProduct form>div.productName input,.applyProduct form>div.buyLink input{
    width: 60%;
    float:left;
}
.personal .right .applyProduct form>div.productName input,.personal .right .applyProduct form>div.buyLink input{
	width: 60%;
}
.personal .right .applyProduct form>div.pb select{
	width: 50%;
}
.applyProduct form>div.productName span,.applyProduct form>div.buyLink span{
    display: inline-block;
    width: 10%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 34px;
}
.personal .right .applyProduct form>div.productName span,.personal .right .applyProduct form>div.buyLink span{
	width: 13%;
}
.personal .right .applyProduct form>div.productName select,.personal .right .applyProduct form>div.buyLink input#name{
	width: 27%;
}
.applyProduct form>div.productName select,.applyProduct form>div.buyLink input#name{
    width: 30%;
    float: left;
}
.applyProduct form>div.imgEdit{
    overflow: hidden;
}
.applyProduct form>div.imgEdit>div{
    width: 33%;
    height: 160px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    position: relative;
}
.applyProduct form div.imgEdit>div a {
    display: block;
	width: 140px;
	margin: 0 auto;
	height: 100%;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
}
.applyProduct form div.imgEdit>div a.addLogo{
    background: url(../img/ground/addLogo.png) no-repeat;
    background-size: 100% 100%;
}
.applyProduct form div.imgEdit>div a.addMain{
    background: url(../img/ground/addMain.png) no-repeat;
    background-size: 100% 100%;
}
.applyProduct form div.imgEdit>div a.addImg {
    background: url(../img/ground/addImg.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.applyProduct form div.imgEdit>div .img{
    position: absolute;
	top: 9px;
	left: 9px;
	right: 9px;
	bottom: 9px;
    overflow: hidden;
}
.applyProduct form div.imgEdit>div img{
    width: 100%;
}
.applyProduct form div.imgEdit>div i.close{
    display: block;
    width: 39px;
    height: 36px;
    right: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
    background: url(../img/ground/close.png) no-repeat;
}
.applyProduct form div.desc textarea{
    height: 80px;
}
.applyProduct form input[type="submit"]{
    width: 80px;
    height: 34px;
    float: right;
    background-color: #d5164f;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    border: none;
    outline: none;
}
.importProduct{
	margin-top: 10px;
}
.importProduct>p{
	font-size: 16px;
	margin-bottom: 10px;
}
.importProduct form .productInfo{
	position: relative;
	padding-left: 80px;
	box-sizing: border-box;
	width: 100%;
	font-size: 0;
}
.importProduct form .productInfo label{
	position: absolute;
	left: 0;
	widows: 80px;
	font-size: 14px;
	top: 50%;
	margin-top: -10px;
}
.importProduct form .productInfo .p_name{
	width:65%;
	height: 34px;
	line-height: 34px;
	-webkit-box-sizing: border-box;
    border: 1px solid #e3e3e3;
    outline: none;
    margin-right: 5%;
}
.importProduct form .productInfo .p_lanmu{
	width: 30%;
	height: 34px;
	line-height: 34px;
	-webkit-box-sizing: border-box;
    border: 1px solid #e3e3e3;
    outline: none;
}
.importProduct .clickme{
	margin-top: 20px;
}
@media (max-width: 775px) {
    .productList .lists .list{
        width: 50%;
    }
    .applyProduct{
        display: none;
    }
    .verifyTitle .arrowDown{
        display: none;
    }

}

/********** 以上参展产品 **************/

.applyCompany form>div{
    position: relative;
    margin: 15px 0;
	overflow: hidden;
	border-bottom: 1px solid #d0d0d0;
	display: flex;
	align-items: center;
}
.applyCompany form>div label{
	margin-right: 20px;
    color: #444;
    font-size: 14px;
    line-height: 34px;
}
.applyCompany form>div a{
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    height: 31px;
    line-height: 31px;
    width: 70px;
    text-align:center;
    top: 1px;
}
.applyCompany form>div a.view{
    background-color: #009fe5;
}
.applyCompany.hj_apply form>div.submit{
	border: none;
}
.applyCompany.hj_apply form>div a.submit{
    width: 80px;
    height: 35px;
    line-height: 35px;
    background-color: #12add3;
    color: #FFF;
	font-size:14px;
	position: relative;
	border-radius: 6px;
	margin-left: auto;
}
.applyCompany form>div input[type="text"]{
    height: 34px;
    line-height: 34px;
    width: 100%;
    padding-left: 5px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: none;
    outline: none;
	flex: 1;
}
.applyCompany form>div.companyName,.applyCompany form>div.boots{
    overflow: hidden;
}


.daoru{
    padding: 15px;
    background-color: #fff;
    padding-bottom: 0;
}
.daoru .choose .head{
    overflow: hidden;
    margin-bottom: 20px;
}
.daoru .choose .head .addDocument{
    float: left;
}
.daoru .choose .head .ope{
    float: right;
}
.daoru .choose .head .addDocument label{
    font-size: 16px;
    color: #4a4a4a;
    width: 270px;
    display: inline-block;
}
.daoru .choose .head .addDocument .view{
    font-size: 16px;
    color: #fff;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-left: 20px;
    background-color: #009fe5;
}
.daoru .choose .head .addDocument .view.hj_view{width: 60px;
    height: 35px;
    line-height: 35px;
    background-color: #12add3;
    color: #FFF;
	font-size:14px;}
.daoru .choose .head .ope .download{
    color: #11a3d2;
    font-size: 16px;
    text-decoration: underline;
}
.daoru .choose .head .ope .deleteAll{
    color: #4a4a4a;
    font-size: 16px;
    margin-left: 20px;
}
.daoru .choose  .chooseList .document span{
    display: inline-block;
    width: 270px;
    color: #959595;
    font-size: 16px;
    text-align: right;
}
.daoru .choose  .chooseList .document .addIt.hj_addit{width: 60px;
    height: 35px;
    line-height: 35px;
    background-color: #12add3;
    color: #FFF;
	font-size:14px;}
.daoru .choose  .chooseList .document .addIt{
    font-size: 16px;
    color: #fff;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-left: 20px;
    background-color: #d5164f;
}


@media (max-width: 600px) {
    .productList .lists .list{
        width: 100%;
    }
	.applyCompany.hj_apply form>div.submit{
		display: none;
	}
}

/********** 以上参展公司 **************/

.dataContent>div{
    overflow: hidden;
    position: relative;
    
}
.dataContent .tab .selected{
	color: #12add3;
}
.dataContent>div .left{
    width: 10%;
    float: left;
}
.dataContent>div .left .title{
    color: #4a4a4a;
    font-size: 18px;
    background-color: #eee;
    width: 100px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 4px;
    font-weight: normal;
    margin-top: 0;
}
.dataContent>div .datumnBody{
	min-height: 200px;
}
.dataContent>div .photosBody{
	min-height: 200px;
}
.dataContent>div .head,.dataContent>div .datumnBody,.dataContent>div .photosBody{
    position: relative;
    overflow: hidden;
}
.dataContent div .left ul li {  
    font-size: 16px;
    padding: 5px 0;
}
.dataContent div .left ul li a{
	color: #4a4a4a;
}
.dataContent div .left ul li.checked a{
    color: #31b2d5;
}
.dataContent div .right{
    float: left;
    width: 90%;
}
.dataContent div .right .title{
    color: #4a4a4a;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 3px solid #eee;
    width: 100%;
    text-align: center;
    height: 33px;
}
.dataContent>div .right ul{
    overflow: hidden;
}
.dataContent>div .right ul li{
    float: left;
    padding: 10px;
    width: 25%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.dataContent>div .right ul li>div{
    position: relative;
}
.dataContent>div .right ul li .close{
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    background: url(../img/close.png) no-repeat;
    width: 32px;
    height: 32px;
    display: none;
}
.dataContent>div .right ul li .option{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	text-align: right;
	height: 47px;
	padding: 10px;
	box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background: rgba(255, 255, 255, 0.79);
    z-index: 4;
    display: none;
}
.dataContent>div .right ul li:hover .option{
	display: block;
}

.dataContent>div .right ul li .option a{
	color: #666;
	display: inline-block;
	font-size: 16px;
}
.dataContent>div .right ul li .option a.reqRon{
	color: #31b2d5;
}
.dataContent>div .right ul li .option a:hover{
	color: #31b2d5;
}
.dataContent .head{
    height: 50px;
}
.dataContent>div .right ul li:hover .close{
    display: block;
}
.dataContent .photos .right ul li .list .img{
    height: 180px;
    overflow: hidden;
}
.dataContent .photos .right ul li .list .desc{
    color: #4a4a4a;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 14px;
    height: 47px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding: 5px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom: 0;
}
.dataContent .photos .right ul li img{
    width: 100%;
    min-height: 180px;
}
.dataContent .datumn .right ul li .list{
    text-align: center;
}
.dataContent .datumn .right ul li .list .showpics{
	display: block;
	width: 100%;
	height: 180px;
}
.dataContent .datumn .right ul li img{
    width: 100%;
}
.dataContent .datumn .right ul li .desc{
    bottom: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 47px;
    text-align: center;
    color: #fff;
    margin-top: -45px;
    background-color: rgba(0,0,0,0.4);
    font-size: 14px;
    padding: 5px;
    filter: alpha(opacity=50);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-opacity: 0.5;
    opacity: 0.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
}



/********** 以上会展资料 **************/
.examples_body{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 99;
    
}
.examples_body .examples_bg{
    width: 1000px;
    height: 640px;
    top: 50%;
    margin-top: -350px;
    left: 50%;
    margin-left: -500px;
    position: absolute;
}
.examples_body .examples_bg .examples_image{
    width: 800px;
    float: left;
    background-color: #000;
    position: relative;
    padding: 30px 100px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    height: 640px;
}
.examples_body .examples_bg .mune_thumb{
    width: 200px;
    float: left;
    background-color: #fff;
    padding: 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    height: 640px;
}
.examples_body .examples_bg .examples_image .title{
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 20px;
    padding-top: 10px;
}
.examples_body .examples_bg .examples_image .img{
    overflow: hidden;
    height: 580px;
}
.examples_body .examples_bg .examples_image img{
    width: 100%;
    min-height: 580px;
}
.examples_body .examples_bg .examples_image .desc{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    padding: 20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;

}
.examples_body .examples_bg .mune_thumb .title{
    color: #666;
    text-align: center;
}
.examples_body .examples_bg .mune_thumb .scroll{
    position: relative;
    padding-top: 32px;
    padding-bottom: 34px;
}
.examples_body .examples_bg .mune_thumb .scroll .arrowUp{
    display: block;
    position: absolute;
    top: 0;
    width: 47px;
    height: 27px;
    left: 50%;
    margin-left: -24px;
    background: url(../img/exhibition/thumb.png) no-repeat;
    background-size: 47px 58px;
}
.examples_body .examples_bg .mune_thumb .scroll .arrowdown{
    display: block;
    position: absolute;
    bottom: 0;
    width: 47px;
    height: 27px;
    left: 50%;
    margin-left: -24px;
    background: url(../img/exhibition/thumb.png) no-repeat;
    background-size: 47px 58px;
    background-position: 0 -32px;
}
.examples_body .examples_bg .mune_thumb .scroll img{
    width: 100%;
    height: 115px;
}
.examples_body .examples_bg .mune_thumb .scroll ul {
    height: 530px;
    overflow: hidden;
}
.examples_body .examples_bg .mune_thumb .scroll ul li{
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.uploaduserdata .uploadPhoto{
	padding-left: 0;
}
.uploadPhoto {
    margin-top: 20px;
    padding-left: 40px;
    padding-top: 20px;
}
.uploadPhoto.hj_uplo {
    margin-top:0px;
    padding-top:0px;
}
.uploadPhoto form>div{
    position: relative;
    padding-left: 90px;
    margin-bottom: 20px;
}
.uploadPhoto form>div label{
    position: absolute;
    left: 0;
    line-height: 34px;
    width: 80px;
    text-align: right;
    color: #4a4a4a;
}
.uploadPhoto form>div.files{
    padding-right: 70px;
}
.uploadPhoto form>div.files a.view{
    position: absolute;
    right: 0;
    width: 60px;
    direction: inline-block;
    height: 34px;
    line-height: 34px;
    background-color: #11a3d2;
    color: #4a4a4a;
    top: 0;
    font-size: 14px;
    text-align: center;
}
.uploadPhoto form>div.files a.view.hj_view{ width:60px; height:35px; line-height:35px; background-color:#12add3; color:#FFF;}
.uploadPhoto form>div select,.uploadPhoto form>div input,.uploadPhoto form>div textarea{
    width: 100%;
    height: 34px;
    line-height: 34px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding-left: 5px;
    font-family: "Microsoft YaHei", Arial;
    font-size: 14px;
}
.uploadPhoto form>div textarea{
    height: 80px;
}
.uploadPhoto form>div input[type="submit"]{
    float: right;
    width: 120px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border: none;
    background-color: #d5164f;
    outline: none;
}
.uploadPhoto form>div.text p{
    color: #999;
    margin-bottom: 5px;
    word-wrap:break-word;
}
.uploadPhoto form>div.addCategory #addCategory,.uploadPhoto form>div.updateCategory #updateCategory{
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background-color: #d5164f;
}
.uploadPhoto form>div.addCategory #addCategory.hj_btn,.uploadPhoto form>div.updateCategory #updateCategory.hj_btn{ width:60px; height:35px; line-height:35px; background-color:#12add3; padding:0;}
.uploadPhoto.hj_uplo form>div.addCategory #addCategory.hj_btn,.uploadPhoto.hj_uplo form>div.updateCategory #updateCategory.hj_btn{ width:60px; height:35px; line-height:35px; background-color:#12add3; padding:0; margin: 10px 15px;}
.uploadPhoto form>div.addCategory,.uploadPhoto form>div.updateCategory{
    padding-right: 80px;
    overflow: hidden;
}
.uploadPhoto form>div.addCategory.hj_addca, .uploadPhoto form>div.updateCategory.hj_updat{    background: #f5f5f5;
    padding: 10px 80px 10px 90px;}
.uploadPhoto form>div.addCategory.hj_addca{ margin-bottom:0;}
.uploadPhoto form>div.addCategory select,.uploadPhoto form>div.updateCategory select{
    width: 20%;
    float: left;
}
.uploadPhoto form>div.addCategory input[type="text"],.uploadPhoto form>div.updateCategory input[type="text"]{
    width: 75%;
    float: left;
    margin-left: 5%;
}
.uploadPhoto form>div.addCategory.hj_addca input[type="text"], .uploadPhoto form>div.updateCategory.hj_updat input[type="text"]{ margin-left:3%;}
@media (max-width: 700px) {
    .dataContent>div .right ul li .close{
        display: block;
    }
    .dataContent>div .datumnBody{
    	min-height: auto;
    }
    .dataContent>div .photosBody{
		min-height: auto;
	}
    .dataContent>div .datumnBody, .dataContent>div .photosBody{
        padding-left: 0;
    }
    .dataContent div .right{
    	float: none;
    	width: 100%;
    }
    .dataContent>div .datumnBody .left, .dataContent>div .photosBody .left{
        position: relative;
        width: 100%;
        overflow-y:hidden; 
        float: none;
    }
    .dataContent>div .datumnBody .left ul, .dataContent>div .photosBody .left ul{
    	clear: both;
    	overflow-y: hidden;
    	width: 999px;
    }
    .dataContent>div .datumnBody .left ul li, .dataContent>div .photosBody .left ul li{
        width: auto;
        float: left;
    }
    .dataContent>div .datumnBody .left ul li a, .dataContent>div .photosBody .left ul li a{
    	padding: 0 20px;
    }
    .dataContent>div .datumnBody .left ul li a:first-child, .dataContent>div .photosBody .left ul li a:first-child{
    	padding-left: 0;
    }
    .uploadPhoto{
        padding-left: 0;
    }
}

/********** 以上单个相册 **************/


.vipDesc .hdtitle{
	font-size: 24px;
	color: #4e4e4e;
	font-weight: normal;
	padding-left: 40px;
	margin-top: 20px;
}
.vipDesc .desc{
	overflow: hidden;
}
.vipDesc .desc p{
	width: 50%;
	float: left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:30px 40px;
	color: #9a9a9a;
	font-size: 16px;
	margin-bottom: 30px;
	font-weight: normal;
}
.vipDesc .desc p span{
	display: block;
}
.vipDesc .desc p span.hd{
	font-size: 20px;
	color: #4e4e4e;
}
.vipDesc .fee{
	text-align: center;
}
.vipDesc .fee .price{
	font-size: 20px;
	color: #4e4e4e;
}
.vipDesc .fee .gopass{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	width: 220px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	background-color:#31b2d5; 
	margin: 30px 0; 
}
/*********VIP功能说明************/

.selecttitle{
	font-size: 24px;
	color: #4e4e4e;
	font-weight: normal;
	padding-left: 40px;
	margin-top: 20px;
}
.selecttype{
	padding-left: 30px;
	color: #4e4e4e;
	font-size: 20px;
	margin: 10px 0;
}
.selecttype a{
	color: #4e4e4e;
	font-size: 20px;
	display: inline-block;
	padding: 0px 10px;
}
.selecttype a.checked{
	color: #31b2d5;
}
.content_in .cont{
	display: none;
	width: 83%;
	margin: 40px auto;
	border: 1px solid #b1b1b1;
}
.content_in .cont.chinapay{
	display: block;
}
.content_in .cont .dtitle{
	color: #444;
	font-size: 16px;
	line-height: 70px;
	padding-left: 60px;
}
.content_in .cont .info{
	background-color: #f2f2f2;
	font-size: 14px;
	color: #444;
	overflow: hidden;
}
.content_in .cont .info .left{
	float: left;
	padding-left: 60px;
}
.content_in .cont .info .left p{
	position: relative;
	margin: 10px 0;
	padding-left: 65px;
}
.content_in .cont .info .left p label{
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
	width: 60px;
}
.content_in .cont .info .right{
	float: left;
	padding-top: 20px;
	padding-left: 50px;
}
.content_in .cont .info .right .price{
	color: #ff0000;
	font-size: 24px;
}
.content_in .cont .info .right .tip{
	color: #646363;
	font-size: 12px;
}
.content_in .cont .method{
	text-align: center;
	padding: 40px 0;
}
.content_in .cont .method a.clicktopay{
	display: inline-block;
	height: 80px;
	width: 220px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	background-color:#31b2d5; 
	margin: 30px 0; 
}
.content_in .cont .method a.clicktopay.oneline{
	line-height: 80px;
}
.content_in .cont .method a.clicktopay.twoline{
	padding-top: 5px;
}
/*********VIP付款说明************/

.uploadInfo form>div{
	display: flex;
	align-items: center;
	margin: 15px 0;
	border-bottom: 1px solid #d0d0d0;;
}
.uploadInfo form>div.submit{
	border-bottom: 0;
}
.uploadInfo form>div label{
	font-size: 14px;
	margin-right: 20px;
	color: '#444';
}
.uploadInfo form>div span{
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
}
.uploadInfo form>div input[type="text"]{
	flex: 1;
	height: 34px;
    line-height: 34px;
    padding-left: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    outline: none;
    background-color: #fff;
}
.uploadInfo form>div.type select{
	flex: 1;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    border: none;
    outline: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 98% center;
}
.uploadInfo form>div a.getImg {
    position: absolute;
    display: block;
    right: 0;
    color: #fff;
    font-size: 16px;
    width: 70px;
    text-align: center;
    background-color: #11a3d2;
    height: 32px;
    line-height: 32px;
    top: 3px;
}
.uploadInfo form>div input[type="submit"]{
    display: block;
    color: #fff;
    font-size: 16px;
    width: 100px;
    outline: none;
    border: none;
    text-align: center;
    height: 32px;
    line-height: 32px;
	background-color: #12add3;
    border-radius: 6px!important;
}

.organization_title{
	display:flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 10px;
}
.organization_title .organization_title_text{
	flex: 1;
	color: #333;
}
.organization_title .organization_add{
	color: #12add3;
	margin-left: auto;
}
.organizationList{
	overflow: hidden;
}
.organizationList .subtitle{
	font-size: 16px;
	color: #4a4a4a;
	margin: 10px 0;
	text-align: center;
}

.organizationList .list{
	display: block;
	width: 33%;
	padding: 10px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    
}
.organizationList .list .index{
	position: relative;
	height: 180px;
	overflow: hidden;
}
.organizationList .list .index img{
	width: 100%;
	min-height: 180px;
}
.organizationList .list .index .desc{
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	padding: 10px 8px 0px 8px;
    background-image: url(../img/bgTransfer.png);
    background-repeat: repeat-y;
    background-size: 100% 90px;
    padding-right: 58px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 90px;
}
.organizationList .list .index .desc .ctitle{
	color: #000000;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.organizationList .list .index .desc .etitle{
	color: #000000;
    font-size: 6px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.organizationList .list .index .operations{
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 14px;
	color: #000;
	display: none;
}
.organizationList .list .index .operations a.edit{
	color: #11a3d2;
}
.organizationList .list .index .operations a.delete{
	color: #000;
}
.organizationList .list:hover .operations{
	display: block;
}


/********** 以上组织机构 **************/
@media (max-width: 640px) {
	
	.personal{
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		overflow: initial;
	}
	.personal .left .topInfo{
		top: 0;
	}
	.personal .left .topInfo.hj_topin{
		overflow:inherit;
	}
	.personal .left .topInfo ul li.username{
		display: block;
		margin: 18px 0;
		font-weight:bold;
		text-align: left;
	}
	.personal .left .topInfo ul li{
		    margin: 18px 0;
		}
	.personal .left .topInfo ul{
		padding-top: 20px;
	}
	.myUser .top ul{
		display: inline-block;
		float: none;
		text-align: center;
	}
	.myUser .top .releasediary{
		line-height: 11px;
	}
	.myUser .top .releasediary a{
		font-size: 0;
	}
	.personal .right .btn{
		display: none;
	}
	.myexhibition .loadMore{
		display: none;
	}
	.productDetail .top .right .buy{
		position: relative;
	}
	.productDetail .top .right .price{
		margin-top:0;
		font-size: 24px;
	}
	.productDetail .top .right .price span{
		font-size: 14px;
	}
	.pc-slide .preview{
		display: none;
	}
	.productDetail .top .right .desc{
		display: block;
	}
	.productDetail .top .right .desc img{
		margin: 10px 0;
	}
	.productDetail .bottom{
		margin-top: 0;
		padding: 0 10px;
	}
	.pale_product .productDetail .bottom{
		padding:0;
	}
	.pale_product .productDetail .bottom .related_products{
		padding: 0 10px;
	}
	.pale_product .productDetail .bottom .product_detail_comment .product_detail{
		padding: 0 10px;
	}
	.pale_product .productDetail .bottom .product_detail_comment .product_comment{
		padding: 0;
	}
	.myUser .productDetail .bottom{
		padding: 0 10px;
	}
	.homePage .tabs .tablist .Navsub ul{
		min-width: 88px;
	}
	.homePage .tabs .tablist .Navsub ul li a{
		font-size: 16px;
		padding: 3px 0;
	}
	.ad_apply .right{
		display: none;
	}
	.ad_apply .left{
		width: 100%;
		float: none;
	}
	.ad_apply .left .body .list{
		position: relative;
		padding-left: 160px;
	}
	.ad_apply .left .body .list p{
		width: 100%;
		float: none;
	}
	.ad_apply .left .body .list p:first-child{
		position: absolute;
		left: 0;
		width: 160px;
	}
	.ad_apply .left .body .list  input[type="text"]{
		width: 65px;
	}
	.ad_apply .left .head p:first-child{
		width: 160px;
	}
	.applyAds form>div{
		padding-left: 0;
	}
	.applyAds form>div label{
		display: none;
	}
	.zhanweiInfo .preview{
		display: none;
	}
	.conn .zhanweiInfo{
        padding: 20px 0px;
    }
    .zhanweiInfo .view .swiper-container{
    	height: 350px;
    }
    .zhanweiInfo .view .swiperImg{
    	height: 265px;
    }
    .personal .myUser .modify_diary .diary_title input[type="text"]{
    	border: none;
    	border-bottom: 1px solid #d2d0d1;
    }
    .personal .myUser  .form-tags{
    	display: none;
    }
    .personal .myUser .mform-tags{
    	display: block;
    }
    .myUser .bottom .lists .commentInfo .right .personal-tag{
    	display: none;
    }
    .uploadPhoto form>div.addCategory, .uploadPhoto form>div.updateCategory{
    	padding-left: 0;
    }
    .uploadPhoto form>div{
    	padding-left: 0;
    }
    .uploadPhoto form>div label{
    	display: none;
    }
    .uploadPhoto form>div.addCategory select, .uploadPhoto form>div.updateCategory select{
    	width: 30%;
    }
    .uploadPhoto form>div.addCategory input[type="text"], .uploadPhoto form>div.updateCategory input[type="text"]{
    	width: 65%;
    }
	
	.uploadInfo form>div{
		padding-left: 10px;
		padding-right: 10px;
	}
    .uploadInfo form>div label{
    	color: #444;
		font-size: 14px;
    }

	.uploadInfo form>div input[type="submit"]{
		display: none;
	}

	.applyCompany form>div{
		padding: 0;
	}
    .applyCompany form>div.addLink input[type="text"], .applyCompany form>div.boots input[type="text"]{
    	width: 100%;
		border:none;
    }
	.applyCompany form>div.boots, .applyCompany form>div.addLink{
		padding-left: 0;
		padding-right: 0;
		margin-top: 15px;
	}
	.applyCompany form>div label
   	{
    	display: none;
    }
	.applyCompany.hj_apply form>div a.submit{
		display: block;
		margin-top: 15px;
		width: 100%;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		position: relative;
	}
    .applyCompany form>div.boots #sort{
    	margin: 0.9rem 0 0 0;
    }
    /* .uploadInfo form .submit{
    	padding-left: 0;
    } */
    .uploadInfo form .submit input[type="submit"]{
    	width: 100%;
    }
	.organization_title{
		padding-left: 10px;
		padding-right: 10px;
	}
	.ground_index .organization_title{
		display: none;
	}
	.conn .organization_title .organization_add{
		display: none;
	}
}

/********* 手机端更新 *********/

.text-muted{
	color: #5b5b5b;
}

.dropGroup{
	font-size: 12px;
	cursor: pointer;
	position: relative;
	color: #999;
	padding-left: 10px;
	top: 4px;

}
.dropGroup .drop-title span{
	display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.dropGroup .drop-content{
	min-width: 80px;
	position: absolute;
	top: 22px;
	right: 0px;
	padding: 0 20px;
	background-color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #e0e0e0;
	display: none;
	z-index: 3;
}

.dropGroup .drop-content >.item{
	line-height: 30px;
	text-decoration: none;
	display: block;
	color: #999;
}
.dropGroup .drop-content >.item:hover{
	color: cornflowerblue;
}

.text-muted{
	color: #5b5b5b;
}
.mangers{
	color: #5b5b5b;
	margin-left: 30px;
}
.mangers.ml20{
	margin-left: 20px;
	padding-right: 15px;
}
.showInPc{
	display: none;
}
@media (min-width:768px) {
	.showInPc{
		display: inline-block;
	}
}

.clear:after{
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.formGroups{
	display: none;
	margin-top: 10px;
	position: relative;
}
.exhibitionProduct .productList .showbox ul{
	margin-top: 0;
}
.verifyTitle .formGroups{
	float: right;
	display: block;
}
.conn.exhibitionProduct{
	position: relative;
}
.conn.exhibitionProduct .updateTop{
	margin:0;
}
.conn.exhibitionProduct .updateTop.phone .inputArea{
	padding-right: 0;
}
.formGroups.hj_fgs{
    display: block;
    position: initial;
    margin-top: 0;
}
.formGroups:after{
	content: '';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.formGroups >*{
	float: left;
}
.formGroups .form-control , .formGroups .addons{
	border: 1px solid #c0c0c0;
	padding: 1px 30px;
	background-color: transparent;
	-webkit-appearance: none;
	appearance:none;
	-moz-appearance:none;
	color: #000;
	font-size: 14px;
}
.formGroups .form-control.hj_control{ 
	height:32px;
	display: none;
}
.formGroups:before{
	
}
.formGroups > select::-ms-expand {
	display: none;
}
.formGroups >input.form-control{
	padding: 7px 15px;
	position: relative;
	left: -1px;
	min-width: 230px;
}
.formGroups .addons{
	line-height: 20px;
	position: relative;
	left: -2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	height: 32px;
	padding: 7px 15px;
}
.formGroups .addons.hj_addons{background-color: #d5164f; color:#FFF; border:0px; margin-left:10px;}
select:visited ,select:focus,input:visited,input:focus{
	outline: none;
}
@media (max-width: 640px) {
	.formGroups{
		display: block;
	}
	.verifyTitle .formGroups{
		display: none;
	}
	.formGroups.hj_fgs{
    	position: relative;
    	left: 0;
    	top: 0;
    }
}
/************ 我关注的产品 *************/

.productService.threerows .lists .productslist{
	width: 33.3%;
}

@media (max-width: 640px) {
	.productService.threerows .lists .productslist{
		width: 50%;
	}

}

/************ 我关注的评论和日志 part1 *************/
.lists.diarylists{
	border-bottom: 1px solid #f4f4f4;
}
.lists.diarylists .user_comment{
	display: flex;
	padding: 10px 0;
	flex: 1;
}
.lists.diarylists .user_comment .userlogo {
	width: 40px;
    height: 40px;

    border-radius: 20px;
    margin-right: 15px;
    border: 1px solid #dcdcdc;
}
.lists.diarylists .user_comment .userInfo{
	flex: 1;
}
.lists.diarylists .user_comment .userInfo .userInfo_top{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.lists.diarylists .user_comment .userInfo .userInfo_top .image-container {
	position: relative;
	display: inline-block;
}
.lists.diarylists .user_comment .userInfo .userInfo_top .image-container .text-overlay{
	position: absolute;
	bottom: 25px;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
	color: white;
	padding: 10px;
	display: none; /* 默认隐藏文字描述 */
	font-size: 12px;
	width: 100px;
}
.lists.diarylists .user_comment .userInfo .userInfo_top .image-container:hover .text-overlay {
	display: block; 
}

.lists.diarylists .user_comment .userInfo span{
	display: block;
	font-size: 12px;
}
.lists.diarylists .user_comment .userInfo .author{
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}
.lists.diarylists .user_comment .userInfo .author a{
	color: #12add3;
}
.lists.diarylists .user_comment .userInfo .time{
	color: #a0a0a0;
}
.lists.diarylists .user_comment .userButton{
	position: relative;
	padding-left: 10px;
}
.lists.diarylists .user_comment .userButton .arrows{
	width: 12px;
	height: 10px;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 100% center;
}
.lists.diarylists .user_comment .userButton .buttonList{
	display: none;
	position: absolute;
    width: 120px;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
    right: 0;
    top: 22px;
    z-index: 11;
    background-color: #fff;
}
.lists.diarylists .user_comment .userButton .buttonList a{
	display: block;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
	border-top: 1px solid #ccc;
}
.lists.diarylists .user_comment .userButton .buttonList a:first-child{
	border-top: none;
}
.lists.diarylists .user_title{
	display: flex;
	align-items: center;
}
.lists.diarylists .user_title .status{
	height: 16px;
	margin-right: 4px;
}
.lists.diarylists .user_title a{
	font-size: 16px;
	color: #444;
	font-weight: bold;
}
.lists.diarylists .stitle{
	margin: 5px 0 8px 0;
}
.lists.diarylists .stitle a{
	font-size: 12px;
	color: #12add3;
}
.lists.diarylists .desc{ 
	font-size:16px; 
	line-height:1.75rem; 
    overflow: hidden;  
}
.lists.diarylists .desc .info{
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	height: 35px;
}
.lists.diarylists .desc .info a{
	color: #444;
}
.lists.diarylists .desc .imgArea{
	overflow-y: hidden;
}
.lists.diarylists .desc .imgArea .parts{
	width: 100%;
    clear: both;
    overflow-y: hidden;
}
.lists.diarylists .desc .imgArea .parts a{
	display: flex;
	float: left;
	margin-right: 2px;
	width: 150px;
	height: 150px;
	background-color: #000;
    overflow: hidden;
    justify-content: center;
}
.lists.diarylists .desc .imgArea .parts a img{
	height: 150px;
	max-width: initial;
}
.lists.diarylists .user_operation{
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.lists.diarylists .user_operation .btn-operation{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lists.diarylists .user_operation .btn-operation>a{
	
    display: inline-block;
    color: #808080;
    font-size: 14px;
    width: 19px;
    padding-left: 25px;
	cursor: pointer;
}
.lists.diarylists .user_operation .btn-operation>a.record{
	background: url(../img/comment/comment_1.png) no-repeat;
    background-size: 19px auto;
	height: 19px;
	line-height: 19px;
}
.lists.diarylists .user_operation .btn-operation>a.good{
	background: url(../img/comment/comment_2.png) no-repeat;
    background-size: 19px auto;
	height: 19px;
	line-height: 19px;
}
.lists.diarylists .user_operation .btn-operation>a.forwardTo{
	background: url(../img/comment/comment_3.png) no-repeat;
    background-size: 19px auto;
	height: 20px;
	line-height: 20px;
}
.lists.diarylists .user_operation .btn-operation .collection{
	background: url(../img/comment/comment_4.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
	width: 19px;
	height: 19px;
    padding-left: 0;
}
.lists.diarylists .user_operation .btn-operation .collection.collectioned{
	background: url(../img/comment/comment_4_checked.png) no-repeat;
    background-size: 19px auto;

}


/*********** 以下修改密码 *************/

@media (max-width:640px){
	
	.lists.diarylists .user_comment .userButton .buttonList{
		position: fixed;
		width: 80%;
		left: 50%;
		top: 50%;
		right: auto;
		bottom: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		background-color: #fff;
		z-index: 10001;
	}
	.lists.diarylists .user_comment .userButton .buttonList a{
		height: 40px;
    	line-height: 40px;
	}
	.lists.diarylists .desc .imgArea .parts a{
		width: 100px;
		height: 100px;
	}
	.lists.diarylists .desc .imgArea .parts a img{
		height: 100px;
		max-width: initial;
	}
}
/*********** 以上修改密码 *************/

.pb-header{
	background-color: #eeeeee;
	padding: 10px 15px;
	font-size: 17px;
	font-weight: bold;
	margin-top: 30px;
}

.pb {
	padding-left: 0!important;
	position: static!important;
}
.pb .form-group:after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
.pb .form-group .label-control,
.pb .form-group .form-control {
	float: left;
}
.pb .form-group .label-control {
	width: 80px;
	line-height: 34px;
	font-size: 14px;
	text-align: right;
	padding-right: 10px;
	color:#4a4a4a;
}
.pb .form-group select {
	width: 450px;
}
.pb .form-group select + .label-control {
	width: 65px;
	text-align: center;

}
.pb .form-group input {
	width: 225px!important;
	padding: 6px 10px;
}
.personal .right .applyProduct form>div.pb .form-group input{
	width: 150px!important;
}


.applyProduct form>div.imgEdit>div{
	height: 247.5px;
	overflow: hidden;
	border-bottom: 1px solid #F4F4F4;
}

.applyProduct form div.imgEdit>div a.addImg{
	height: 227.5px;
	width: 100%;
}

.applyProduct form div.imgEdit>div .img{
	background-color: #000000;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}


.dataContent .photos .right ul li .list .img a{
	display: block;
	width: 100%;
	height: 100%;
}

/************* 轮播 **************/

.pc-slide {
	width: 100%;
	margin: 0 auto;
}

.pc-slide .view .swiper-container {
	width: 100%;
	height: 352px;
}

/*.pc-slide .view .swiper-container .swiper-slide{
	line-height: 400px;
}*/
.pc-slide .view .swiper-container .swiper-slide a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 352px;
	background-color: #000;
}
.pc-slide .view .swiper-container .swiper-slide img{
	width: 100%;
}

.pc-slide .view .arrow-left {
	background: url(../img/scroll/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.pc-slide .view .arrow-right {
	background: url(../img/scroll/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.pc-slide .preview {
	width: 352px;
	position: relative;
	margin-top: 10px;
	white-space: nowrap;
	overflow-x: auto;
}
.pc-slide .preview .preview-slide{
	width: 62px;
	margin-right: 5px;
	box-sizing: border-box;
	height: 60px;
	display: inline-block;
}
.pc-slide .preview .preview-slide:last-child{
	margin-right: 0;
}
.pc-slide .preview .preview-slide a{
	width: 100%;
	height: 100%;
	display: block;
}

.hj_context .edui-default .edui-toolbar{line-height: initial;}

.hj_usersub {
    background: #0e3a45;
    border: 1px solid #0e3a45;
    width: 50%;
    text-align: left;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom:0;
}
.hj_usersub p a{
	line-height: 40px;
	display: block;
	color: #fff;
	font-size: 19px;
	padding-left: 20px;
}

@media (max-width: 640px) {
	.formGroups >input.form-control {
	    width: 100%;
	    box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	}
	.formGroups .form-control.hj_control{ 
		display: none;
	}
	.formGroups.hj_fgs .addons.hj_addons{    
		float: right;
	    border: none;
	    margin: 10px 0px 0 0;
	}
	.formGroups .addons.hj_addons{ 
	    margin: 10px 0px 0 0; float:right;
	}
	.formGroups:before{ 
		left:80px;
	}
	.zhanweiTop a.left.hj_left {
	    margin-top: 20px;
	    margin-left: -60px;
	}
	.zhanweiTop a.right.hj_right {
	    margin-top: 20px;
	    margin-right: -60px;
	}
}
@media (max-width: 375px) {

.zhanweiTop a.left.hj_left {
    margin-top: 20px;
    margin-left: -60px;
}
.zhanweiTop a.right.hj_right {
    margin-top: 20px;
    margin-right: -60px;
}
}
@media (max-width: 360px) {.formGroups >input.form-control {
    min-width: 180px;
	width:160px;
}
.zhanweiTop a.left.hj_left {
    margin-top: 20px;
    margin-left: -60px;
}
.zhanweiTop a.right.hj_right {
    margin-top: 20px;
    margin-right: -60px;
}
nav .username .userSub.hj_usersub,.hj_usersub{ width:180px;}
nav .username .userSub.hj_usersub a,.hj_usersub a{line-height:56px; font-size:20px;}
.hj_usersub a.hj_users{ background: url(../img/hjuser_03.png) no-repeat 16px 14px; background-size: 28px;}
.hj_usersub a.hj_userd{ background: url(../img/hjuser_06.png) no-repeat 14px 11px;background-size: 34px;}
.hj_usersub a.hj_userex{ background: url(../img/hjuser_08.png) no-repeat 17px 12px;background-size: 28px;}
.hj_usersub a.hj_userco{ background: url(../img/hjuser_10.png) no-repeat 16px 14px;background-size: 28px;}
.hj_usersub a.hj_usergr{ background: url(../img/hjuser_13.png) no-repeat 16px 14px;background-size: 28px;}
.hj_usersub a.hj_userab{ background: url(../img/hjuser_12.png) no-repeat 16px 14px;background-size: 28px;}
.hj_usersub a.hj_userap{ background: url(../img/hjuser_14.png) no-repeat 15px 13px;background-size: 32px;}
.hj_usersub a.hj_userac{ background: url(../img/hjuser_16.png) no-repeat 16px 13px;background-size: 28px;}
.hj_usersub a.hj_usercd{ background: url(../img/hjuser_18.png) no-repeat 16px 12px;background-size: 30px;}
.hj_usersub a.hj_userin{ background: url(../img/hjuser_20.png) no-repeat 16px 11px;background-size: 32px;}
.hj_usersub a.hj_usermy{ background: url(../img/hjuser_22.png) no-repeat 16px 14px;background-size: 28px;}
.hj_usersub a.hj_userqu{ background: url(../img/hjuser_24.png) no-repeat 16px 14px;background-size: 28px;}
.hj_usersub a.hj_userzhh{ background: url(../img/hjuser_26.png) no-repeat 16px 14px;background-size: 28px;}
}
@media (max-width: 320px) {
	.formGroups .form-control.hj_control{ 
		padding:7px 20px;
	}
	.formGroups >input.form-control {
    width: 140px;
	min-width:auto;
}
.zhanweiTop a.left.hj_left {
    margin-top: 18px;
    margin-left: -60px;
}
.zhanweiTop a.right.hj_right {
    margin-top: 18px;
    margin-right: -60px;
}
.formGroups:before{ left:80px;}
nav .username .userSub.hj_usersub,.hj_usersub{ width:160px;}
nav .username .userSub.hj_usersub a,.hj_usersub a{ line-height:54px; font-size:18px;}
.hj_usersub a.hj_users{ background: url(../img/hjuser_03.png) no-repeat 16px 15px; background-size: 26px;}
.hj_usersub a.hj_userd{ background: url(../img/hjuser_06.png) no-repeat 14px 12px;background-size: 30px;}
.hj_usersub a.hj_userex{ background: url(../img/hjuser_08.png) no-repeat 16px 15px;background-size: 26px;}
.hj_usersub a.hj_userco{ background: url(../img/hjuser_10.png) no-repeat 16px 15px;background-size: 26px;}
.hj_usersub a.hj_usergr{ background: url(../img/hjuser_13.png) no-repeat 17px 15px;background-size: 26px;}
.hj_usersub a.hj_userab{ background: url(../img/hjuser_12.png) no-repeat 17px 15px;background-size: 26px;}
.hj_usersub a.hj_userap{ background: url(../img/hjuser_14.png) no-repeat 16px 12px;background-size: 30px;}
.hj_usersub a.hj_userac{ background: url(../img/hjuser_16.png) no-repeat 17px 12px;background-size: 27px;}
.hj_usersub a.hj_usercd{ background: url(../img/hjuser_18.png) no-repeat 17px 12px;background-size: 28px;}
.hj_usersub a.hj_userin{ background: url(../img/hjuser_20.png) no-repeat 16px 11px;background-size: 30px;}
.hj_usersub a.hj_usermy{ background: url(../img/hjuser_22.png) no-repeat 16px 15px;background-size: 26px;}
.hj_usersub a.hj_userqu{ background: url(../img/hjuser_24.png) no-repeat 16px 15px;background-size: 26px;}
.hj_usersub a.hj_userzhh{ background: url(../img/hjuser_26.png) no-repeat 16px 15px;background-size: 26px;}
}
.edui-default .edui-editor{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.pub-select-list{
    width: 100%;
    background-color: #e6e6e6;
    border: 3px solid #ededed;
    box-sizing: border-box;
   margin-top: -3px;
   position: absolute;
   z-index: 20;
   left: 0;
   display: none;
}
.pub-select-list li{
    text-align: center;
    font-size: 14px;
    line-height: 25px;
}
.pub-select-list li a{
    display: block;
    color:#444;
}
.pub-select-list li a:hover{
    background-color: #f2f2f2;
}
.hj_addme a{    font-size: 14px;
    font-weight: normal; color:#12add3;}
.hj_addme a img{    margin-right: 5px;
    margin-bottom: 2px;}	
.schedule .head.hj_addme a{    font-size: 14px;
    font-weight: normal; color:#12add3; text-decoration:none;}


/************ 会展评论转发 ****************/

#layer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 999;
}
.layer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 99;
}
.retransPart{
	position: absolute;
	width: 280px;
	height: 160px;
	background-color: #fff;
	left: 50%;
	margin-left: -140px;
	top: 50%;
	margin-top: -80px;
}
.retransPart .head{
	background-color: #f8f8f8;
	color: #444;
	font-size: 16px;
	position: relative;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	overflow: hidden;
}
.retransPart .head .close{
	margin-top: 13px;
	float: right;
	display: inline-block;
	background: url(../img/layerclose.png) no-repeat;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
}
.retransPart .retransbody{
	color: #444;
	font-size: 14px;
	padding: 0 15px;
}
.retransPart .retransbody p{
	padding-top: 10px;
    font-size: 16px;
}
.retransPart .retransbody input{
	width: 100%;
	height: 32px;
	line-height: 32px;
	margin-top: 20px;
	padding: 0 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.retransPart .retransbody .buttons{
	margin-top: 15px;
	text-align: right;
}
.retransPart .retransbody .buttons a{
	display: inline-block;
	width: 50px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 2px;
}
.retransPart .retransbody .buttons a.submit{
	color: #fff;
	background-color: #12add3;
}
.retransPart .retransbody .buttons a.cancel{
	color: #444;
	background-color: #f4f4f4;
}


.right .myUser{position: relative;background-color: #fff; padding-top: 20px;width: 100%; box-sizing: border-box;}

.updateTop .searchInput{width: 100%;position: relative;padding-right: 50px;box-sizing: border-box;}
.updateTop .searchInput .search{position: absolute;display: inline-block;background:#d5164f url(../img/news/searchicons2.png) no-repeat center;width: 50px;height: 40px;background-size: 25px auto;right: 0px;top: 0;font-size: 0;}
.updateTop  #keyword{width: 100%;height: 40px;line-height: 40px;padding-left: 10px;-webkit-box-sizing:border-box;display: inline-block;border: none;font-family: "微软雅黑";background-color: #f4f4f4;color: #807e7e;}

.updateTop .select{margin-top: 10px; overflow: hidden;}
.updateTop .choice{float: left;position: relative;}
.updateTop .choice .singledata{height: 23px;line-height: 23px;color: #808080;font-size: 12px;}
.updateTop .choice .data{height: 23px;line-height: 23px;position: relative;color: #808080;font-size: 12px;}
.updateTop .choice .data::after{position: absolute;content: "";width: 0; height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #98989a;right :-15px;top:50%;margin-top: -4px;}
.updateTop .choice .lists{position: absolute;width:120px;top: 27px;background-color: #fff;border:1px solid #ccc; padding: 7px 0;z-index: 100;display: none;box-shadow: -2px -1px 8px #999;}
.updateTop.myService .choice .lists{width: 100px;}
.updateTop .choice .lists p,.updateTop  .choice .lists a{color: #373737;font-size: 14px;text-align: center;height: 30px;line-height: 30px;display: block;}
.updateTop .choice .lists p:active,.updateTop  .choice .lists a:active{background-color: #fff;}
.updateTop .addcategory{display: flex;float: right;position: relative;align-items: center;}
.updateTop .addcategory a{color: #12add3;font-size: 14px;position: relative;display: flex;}
.updateTop .addcategory .push_icon{margin-left: 7px;}
.updateTop .addcategory input[type='file']{position: absolute;top: 0;opacity: 0;width: 100%;}
.updateTop.phone{display: none;}

.publish_fixed { position: fixed;right: 10px;bottom: 25%;display: none;z-index: 12;}
.publish_fixed.publish_fixed_albums{top: 25%;bottom: auto;}
.publish_fixed .showPublish {display: block;width: 30px;height: 30px;background: url(./img/publish.png) no-repeat;background-size: 30px 30px;}
.publish_fixed .showmanagePublish {display: block;width: 60px;height: 60px;background: url(../img/default/manage.png) no-repeat;background-size: 60px 60px;}
.publish_fixed .showReply {display: block;width: 60px;height: 60px;background: url(../img/default/replay_default.png) no-repeat;background-size: 60px 60px;}
.publish_layer{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);display: none;z-index: 9;}
.myInvitation .select .addInvitation{display: inline-block;}
.myInvitation .select .addInvitation a{color: #808080;font-size: 12px;}
.userDiary .updateTop .select #keyword{border-radius: 12px;}

@media (max-width: 750px){
.content{padding: 0;}
.updateTop{margin: 0 ;}
.updateTop .title{display: none;}
.updateTop .select{float: none;width: 100%;}
.updateTop .select #keyword{display: none;}
.updateTop .select .search{display: none;}
.updateTop .select .choice {width: 100%;text-align: center;}
.updateTop .select .choice .data{width: 220px;-webkit-box-sizing:border-box;color: #262626;font-size: 26px;border: none;margin: 0 auto;}
.updateTop .select .choice .data::after{position: absolute;content: "";width: 0; height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #98989a;right :0px;top:50%;margin-top: -3px;}
.updateTop .select .choice .lists{position: fixed;width: 300px;left: 50%;margin-left: -150px;background-color: #fff;border:1px solid #959595;top: 50%;margin-top: -65px;}
.updateTop .select .choice .lists p,.updateTop .select .choice .lists a{display: block;height: 45px;line-height: 45px;border-top:1px solid #dcdcdc;}
.updateTop .select .choice .lists p:first-child{border-top: 0;}
.publish_fixed { display: block;}
.myInvitation .title{display: block;text-align: center;color: #262626;font-size: 26px;float: none}
.myInvitation .select{display: none;}
.myUser .add_diary{padding: 0; margin-top: 45px;}
.myUser .add_diary form .input-group{
	border-bottom: 1px solid #d2d0d1;
}
.myUser .add_diary form .input-group input, .myUser .add_diary form .input-group textarea{
	border: none;
}
.myUser .add_diary form .input-group textarea{
	height: 200px;
}
.myUser .add_diary form a.send_letter{
	display: none;
}

.updateTop{display: none;}
.updateTop.phone{display: block;}
.updateTop.phone .onerow{position: relative;padding-right: 36px;margin-bottom: 10px;height: 22px;}
.updateTop.phone .onerow .searchicon{position: absolute;display: block;background: url(../img/news/searchicons1.png) no-repeat;width: 20px;height: 20px;right: 0;top: 50%;margin-top: -10px;background-size: 20px auto;}
.updateTop.phone .onerow .lists .scrollx a,.updateTop.phone .onerow .lists .scrollx p{float: left;color: #999;font-size: 17px;margin-right: 15px;}
.updateTop.phone .onerow .lists .scrollx .checked{color: #12add3;}
.updateTop.phone .onerow .lists{width: 100%;overflow: hidden;overflow-x: auto;}
.updateTop.phone .onerow .lists .scrollx{width: 999px;}
.updateTop.phone .inputArea{position: relative;padding-right: 50px;display: block;}
.updateTop.phone .inputArea #keyword{width: 100%;border: none;background-color: #f4f4f4;color: #807e7e;padding-left: 10px;-webkit-box-sizing:border-box;line-height: 40px;height: 40px;font-size: 16px;}
.updateTop.phone .inputArea #searchBtn{position: absolute;width: 50px;height: 40px;display: block;background: #d5164f url(../img/news/searchicons2.png) no-repeat center; background-size: 25px auto;right: 0;top: 0;}
}



/************ 我的公司首页 ****************/
.companyHomepage{
	width: 100%;
}
.companyBg{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/company/companyBg.jpg) no-repeat;
	background-size: cover;
}
.companyHomepage>div{
	padding: 30px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 20px;
}
.companyHomepage>div .heading{
	color: #000;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.companyHomepage>div .heading .head_more{
	margin-left: auto;
	color:#12add3;font-size: 14px;
}
.companyHomepage>div .intro_item{
	line-height: 1.75rem;
	word-break: break-all;
}
.companyHomepage .comments{
	overflow: hidden;
}
.companyHomepage .pale{
	background-color: transparent;
	padding: 0;
	min-height: 300px;
	margin-bottom: 0;
}
.companyHomepage .pale .left{
	width: 440px;
	margin-right: 20px;
	float: left;
}
.companyHomepage .pale>.right{
	width: 740px;
	float: right;
}
.companyHomepage .pale .left>div,.companyHomepage .pale .right>div{
	margin-bottom: 20px;
	padding: 30px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
}

.companyHomepage .pale .left .companyVideo{
	padding: 0;
	background-color: transparent;
}
.companyHomepage .showbox.one ul{
	padding-top: 0;
}
.companyHomepage .showbox.one ul li{
	margin-bottom: 20px;
}
.companyHomepage .showbox.one ul li:last-child{
	margin-bottom: 0;
}
.companyHomepage .pale .companyPhotos .photolists ul{
	overflow: hidden;
}
.companyHomepage .pale .companyPhotos .photolists ul li{
	width: 33%;
	float: left;
	padding: 5px;
	box-sizing:border-box;
	height: 170px;
}
.companyHomepage .pale .companyPhotos .photolists ul li .list{
	position: relative;
	width: 100%;
	height: 170px;
}
.companyHomepage .pale .companyPhotos .photolists ul li .img{
	width: 100%;
	height: 100%
}
.companyHomepage .pale .companyPhotos .photolists ul li .option{
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	background: url(../img/company/shadow.png) repeat-x;
	background-size: auto 30px;
	box-sizing:border-box;
	padding-right: 30px;
}
.companyHomepage .pale .companyPhotos .photolists ul li .option .linktoUser{
	display: block;
	width: 100%;
	color: #fff;
	margin-bottom: 6px;
}
.companyHomepage .pale .companyPhotos .photolists ul li .option .linktoUser .userlogo{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	display: inline-block;
	margin-left: 9px;
}
.companyHomepage .pale .companyPhotos .photolists ul li .option .linktoUser .username{
	display: inline-block;
	font-size: 12px;
	color: #fff;
}
.companyHomepage .pale .companyPhotos .photolists ul li .option .collect{
	position: absolute;
	display: block;
	right: 8px;
	bottom: 10px;
	background: url(../img/company/star.png) no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
}
.invitation .lists .invitation_title{
	margin-bottom: 10px;
}
.invitation .lists a{
	color: #010101;
	font-size: 16px;
	display: block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news .newslist{
	display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: inherit;
    margin-bottom: 15px;
    cursor: pointer;
}
.news .newslist .imgbox{
	position: relative;
    margin-right: 12px;
    width: 55px;
    height: 55px;
}
.news .newslist .imgbox img{
	position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.news .newslist .textview{
	-webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.news .newslist .textview .textview__title{
	font-size: 14px;
	height: 34px;
    color: #444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news .newslist .textview .textview__bottom{
	font-size: 14px;
    color: #444;
}
.companyHomepage>div.productService{
	padding: 30px;
}
.swiper-container_exhibitionCompany{
	overflow: hidden;
}
.swiper-container_exhibitionProduct{
	overflow: hidden;
}
.productService .swiper-container_exhibitionProduct .lists{
	flex-wrap: initial;

}
.productService .swiper-container_exhibitionProduct .lists .productslist {
	float: left;
}
.swiper-container_exhibitionCompany ul{
	overflow: initial;
}


.searchProduct .productService{
	
	padding: 10px;
	margin-top: 30px;
}
.productService .lists{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
}
.pale_product.productService .lists{
	min-height: 400px;
	margin-left: -5px;
	margin-right: -5px;
}

.square .productService .productslist{
	width: 33.3%;
	padding: 5px;
	box-sizing:border-box;
}
.myCompany_products .productService .productslist:nth-child(3n){
	padding-right: 0;
}
.myUser .productService .lists{
	padding: 0;
	margin-left: -10px;
	margin-right: -10px;
}
.myUser .selectTab-content .productService .lists{
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;
}
.myUser .productService .productslist{
	width: 50%;
	box-sizing: border-box;
	padding:5px;
}


.companyHomepage .productService .productslist,.searchProduct .productService .productslist{
	width:25%;
	padding: 5px;
	box-sizing: border-box;
}
.productService .productslist .productBorder{
	border: 1px solid #f2f2f2;
	cursor: pointer;
}
.productService .productslist .imgbox{
	width: 100%;
	height: 220px;
}
.productService .lists .productslist .info{
	background-color: #fff;
	height: 80px;
	padding: 10px 6px;
	display: flex;
	flex-flow: wrap;
}
.productService .productslist .desc{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 10px;
}
.myUser .productService .productslist .desc{
	line-height: 1.2rem;
}
.productService .productslist .desc a{
	color: #000;
	font-weight: bold;
	font-size: 13px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.productService .productslist .product_owner{
	font-size: 12px;
	color: #999;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin:2px 0;
} 
.productService .productslist .product_owner a{
	color: #999;
}
.productService .productslist .productBorder .productbottom{
	display: flex;
	align-items: center;
}
.productService .productslist .productBorder .productbottom .price{
	flex: 1;
	font-size: 14px;
	color: #808080;
}
.productService .productslist .productbottom .price span{
	font-size: 20px;
	color: #000;
}
.productService .productslist .productbottom .collection{
	display: block;
	background: url(../img/company/collection.png) no-repeat;
	width: 18px;
	height: 16px;
	margin-top: 5px;
}
.productService .productslist .productbottom .collection.collected{
	background: url(../img/company/collection.png) no-repeat;
	background-position: 0 -20px;
}
.productService .productslist .productbottom .option{
	position: relative;
}
.productService .productslist .productbottom .option p{
	padding: 0 5px;
}
.productService .productslist .productbottom .option p.dotes span{
	display: block;
	width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #999;
    margin: 3px 0;
}
.productService .productslist .productbottom .option .optionlist{
	position: absolute;
    width: 120px;
    text-align: center;
    border-top: 1px solid #ccc;
    bottom: 0;
    right: -7px;
    z-index: 11;
    top: 27px;
    display: none;
}
.productService .productslist .productbottom .option .optionlist::before{
	position: absolute;
    content: "";
    background: url(../img/usercenter/icon_album.png) no-repeat;
    background-position: 0 -139px;
    width: 16px;
    height: 5px;
    right: 12px;
    top: -5px;
}
.productService .productslist .productbottom .option .optionlist a{
	display: block;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-top: none; 
    background-color: #fff;
}
.comments .commentDesc{
	max-height: 800px;
	overflow: hidden;
}
.comments .list .title{
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	font-weight: bold;
}
.comments .list .title a{
	color: #000;
}
.comments .list .prj{
	color: #808080;
	font-size: 14px;
}
.comments .list .comment{
	font-size: 16px;
	color: #000;
	
}
.comments .list .comment p{
	line-height: 1.5;
}
.comments .list .comment img{
	max-width: 100%;
}
.morebtns{
	display: none;
	position: relative;
    margin: -7.25rem 0 0;
    padding: 8.5rem 0 1.25rem;
    text-align: center;
}
.morebtns::before{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7.25rem;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
}
.morebtns a{
	display: inline-block;
	color: #808080;
	font-size: 16px;
	position: relative;
	padding-right: 15px;
}
.morebtns a.hideMore{
	display: none;
}
.morebtns a.showMore::after{
	content: "";
	display: block;
	position: absolute;
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	width: 8px;
	height: 8px;
	transform: rotate(225deg);
	right: 0;
	top: 50%;
	margin-top: -8px;
}
.morebtns a.hideMore::after{
	content: "";
	display: block;
	position: absolute;
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	right: 0;
	top: 50%;
	margin-top: -2px;
}
.Cexhibition.mCexhibition{
	display: none;
}
.companyPhotos .photolists.mphotolists{
	display: none;
}
.productService.mproductService{
	display: none;
}
.pale .intros .intro{
	/* max-height: 460px;
	overflow: hidden; */
}
.pale .intros .intro .intro_item img{
	max-width: 100%;
	margin: 10px 0;
}
.pale .intros .intro .intro_item p{
	font-size: 16px;
    color: #444444;
    line-height: 1.75rem;
}
@media (max-width: 900px){
	.companyHomepage .pale{
		display: flex;
	}
	.companyHomepage .pale>.left{
		width: 400px;
		float: none;
		margin: 0;
	}
	.companyHomepage .pale>.right{
		flex:1;
		float: none;
		margin-right: 0px;
	}
	.companyHomepage .pale .left>div, .companyHomepage .pale .right>div{
		padding: 20px 10px;
	}
}


/************ 我的公司首页手机版 ****************/
@media (max-width: 750px){
	.companyHomepage  .productService .productslist{
		width: 50%;
		box-sizing: border-box;
	}
	.companyHomepage .pale{
		display: block
	}
	/*.productService .productslist{
		padding:10px;
	}
	.productService .productslist:nth-child(4n+0){
		padding-right: 10px;
	}
	.productService .productslist:nth-child(4n+1){
		padding-left: 10px;
	}
	.productService .productslist:nth-child(2n+0){
		padding-right: 0px;
	}
	.productService .productslist:nth-child(2n+1){
		padding-left: 0px;
	}*/
	.companyHomepage>div.productService{
		padding: 20px 10px;
	}
	.companyHomepage .pale .right{
		float: none;
		width: 100%;
	}
	.companyHomepage .pale .left{
		float: none;
		width: 100%;
	}
	.companyHomepage .pale .companyPhotos .photolists ul{
		overflow: initial;
	}
	.companyHomepage .pale .companyPhotos .photolists ul li{
		width: 100%;
		float: none;
		padding: 0;
		overflow: hidden;
		height: auto;
	}
	.companyHomepage .pale .companyPhotos .photolists ul li .list{
		width: 50%;
		height: 200px;
		float: left;
		padding: 5px;
    	box-sizing: border-box;
	}
	.companyHomepage>div{
		padding: 20px 10px;
	}
	.companyHomepage .pale .left>div, .companyHomepage .pale .right>div{
		padding: 20px 10px;
	}
	.companyHomepage .pale .left .companyVideo{
		padding: 20px;
	}
	.invitation .lists .invitation_title{
		border-bottom: 1px solid #ccc;
	}
	.invitation .lists .invitation_title a{
		padding: 10px 0;
		position: relative;
	}
	.productService.mproductService .productslist .imgbox{
		height: 130px;
	}
	.productService.mproductService .lists{
		display: -webkit-box;
	}
	.productService.mproductService .lists .list{
		overflow: hidden;
	}
	.productService.mproductService .lists .list .productslist {
		float: left;
	}
	.showbox ul.swiper-wrapper{
		overflow: initial;
	}
	.Cexhibition{
		display: none;
	}
	.Cexhibition.mCexhibition{
		display: block;
	}
	.companyPhotos .photolists{
		display: none;
	}
	.companyPhotos .photolists.mphotolists{
		display: block;
	}
	.companyHomepage .productService{
		display: none;
	}
	.companyHomepage .pale .productService{
		display: block;
	}
	.square .productService{
		display: block;
	}
	.productService.mproductService{
		display: block;
	}
	.square .productService .productslist{
		width: 50%;
	}
	.myCompany_products .productService .productslist:nth-child(3n){
		padding-right: 3px;
	}
	.myCompany_products .productService .productslist:nth-child(2n){
		padding-right: 0px;
	}
	.myCompany_products .productService .productslist:nth-child(2n+1){
		padding-left: 0px;
	}
	.productService .productslist .bottom .option .optionlist{
		position: fixed;
	    width: 80%;
	    left: 10%;
	    top: 50%;
	    margin-top: -40px;
	    text-align: center;
	    bottom: 0;
	    right: 0;
	    z-index: 10001;
	    height: 80px;
	}
	.productService .productslist .bottom .option .optionlist::before{
		display: none;
	}
	.productService .productslist .bottom .option .optionlist a{
		height: 40px;
    	line-height: 40px;
	}
	.comments .commentDesc{
		max-height: 1000px;
		overflow: hidden;
	}
	.pale .intros .intro{
		max-height: 500px;
		overflow: hidden;
	}
	.productService .productslist .productbottom .option .optionlist{
		position: fixed;
	    width: 80%;
	    left: 10%;
	    top: 50%;
	    margin-top: -40px;
	    text-align: center;
	    bottom: 0;
	    right: 0;
	    z-index: 10001;
	    height: 0;
	}
	.productService .productslist .productbottom .option .optionlist::before{
		display: none;
	}
	.productService .productslist .productbottom .option .optionlist a{
		height: 40px;
    	line-height: 40px;
	}
	.productService .productslist .productbottom .option .optionlist a:first-child{
		border-bottom: 1px solid #ccc;
	}
	.searchProduct .productService{
		background-color: transparent;
		padding: 0;
		margin-top: 10px;
	}
}
@media (max-width: 640px){
	.square .productService .productslist{
		width: 50%;
		padding: 3px;
	}
	.searchProduct .productService .lists{
		padding: 0 5px;
	}
	.productService .productslist .imgbox{
		height: 175px;
	}
}

/**************我的会展首页*****************/
.exhibitionBg{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/exhibition/exhibitionBg.jpg) no-repeat;
	background-size: cover;
}
.exhibitionContainer .header{
	position: relative;
	z-index: 2;
}
.homePage{
	position: relative;
}

/* .exhibitionPart.companyHomepage{
	
	background-color: transparent;
} */
.exhibitionPart .scheduleLists{
	height: 320px;
	overflow: hidden;
}
.exhibitionPart .scheduleLists .list{
	margin-bottom: 10px;
}
.exhibitionPart .scheduleLists .list .time{
	color: #12add3;
	font-size: 16px;
	margin-bottom: 10px;
}
.exhibitionPart .scheduleLists .list a{
	display: block;
    color: #4a4a4a;
    font-size: 14px;
    border-left: 2px solid #808080;
    padding-left: 10px;
    margin-left: 10px;
}
.zhanwei .zhanweiImg img{
	width: 100%;
}
.exhibitionCompany .Cexhibitionlists.phone {
	display: none;
}
.exhibitionCompany .Cexhibitionlists.phone .showbox ul li{
	padding: 0;
}
.exhibitionCompany .Cexhibitionlists .showbox.three ul{
	margin-top: 0;
	padding-top: 0;
}
.introLineHeight .exh_content{
	/* max-height: 800px; */
}
.exhibitionPart.companyHomepage .switchTabs{
	padding: 0;
	background-color: transparent;
	margin-bottom: 0;
}

.exhibitionPart.companyHomepage .switchTabs .tab_Content{
	background-color: #fff;
	padding: 20px 30px;
	margin: 0;
	display: flex;
	align-items: center;
}
.exhibitionPart.companyHomepage .switchTabs .multiTabs{
	margin-left: auto;
	padding: 20px 30px;
	background-color: #fff;
}

.exhibitionPart.companyHomepage .switchTabs .content_in{
	background-color: #fff;
	margin-bottom: 0px;
}
.exhibitionPart.companyHomepage .switchTabs .content_in p{
	word-wrap: break-word;
    font-size: 16px;
    color: #444444;
    line-height: 1.75rem;
}
.exhibitionPart.companyHomepage .conetent_text_format p{
	word-wrap: break-word;
    font-size: 16px;
    color: #444444;
    line-height: 1.75rem;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight{
	padding: 0;
	background-color: transparent;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .exh_comments{
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment .commentHead .right{
	display: none;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment{
	background-color: #fff;
    box-sizing: border-box;
    width: 100%;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale{
    padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment .commentBody .commentBody_search{
	display: none;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment .commentBody .comment_manager{
	display: none;
}
.exhibitionPart.exhibitionHomepage{
	background-color: transparent;
	padding: 0;
}
.exhibitionPart.exhibitionHomepage .desc{
	padding: 30px;
}
.exhibitionPart.exhibitionHomepage .switchTabs .content_in.introLineHeight .exh_comments{
	padding: 0 30px 20px 30px;
}
.exhibitionPart.exhibitionHomepage .comment .commentBody .lists.diarylists .desc{
	padding: 0;
}
.exh_video{
	margin-bottom: 10px;
}
.forward_Source{
	background: #f4f4f4;
	padding: 20px;
}
.forward_Source .prj a{
	color: #12add3;
	font-size: 14px;
}
.forward_Source .info_title a{
	color: #444;
	font-size: 22px;
	font-weight: bold;
}
.comment_apply{
	width: 100%;
	text-align: right;
}
.comment_apply .comment_apply_search{
	position: relative;
	margin-right: 20px;
	display: inline-block;
}
.comment_apply .comment_apply_settop{
	position: relative;
	display: inline-block;
}
.comment_apply .comment_apply_button{
	font-size: 16px;
}
.comment_apply .comment_apply_content{
	background-color: #fff;
	padding: 10px;
    box-sizing: border-box;
    text-align: left;
}
.comment_apply .comment_apply_content .comment_apply_title{
	color:#444444;
	font-size: 14px;
	margin-bottom: 10px;
}
.comment_apply .comment_apply_content .comment_apply_text{
	color:#444444;
	font-size: 14px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.comment_apply .comment_apply_content  .comment_apply_desc{
	color:#444444;
	font-size: 14px;
	margin-bottom: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.comment_apply .comment_apply_content .comment_apply_text .set_days{
	flex:1;
	text-align: left;
}
.comment_apply .comment_apply_content .comment_apply_text .set_days .minus{
	cursor: pointer;
	display: inline-block;
	width: 20px;
	text-align: center;
}
.comment_apply .comment_apply_content .comment_apply_text .set_days .plus{
	cursor: pointer;
	display: inline-block;
	width: 20px;
	text-align: center;
	margin-top: 0;
}
.comment_apply .comment_apply_content .comment_apply_text .set_days input.comment_apply_days{
	width: 70px;
	text-align: center;
}
.comment_apply .comment_apply_content .comment_apply_text .comment_apply_source{
	flex:1;
	height: 30px;
	line-height: 30px;
	width: 100px;
}
.comment_apply .comment_apply_content .comment_apply_submit{
	text-align: right;
}  
.comment_apply .comment_apply_content .comment_apply_submit .comment_apply_submit_button{
	display: inline-block;
	width:100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #12add3;
	border-radius: 6px;
}

.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .exh_content{
	/* max-height: 800px;
	overflow: hidden; */
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .exh_content .exh_content_inner img{
	margin: 10px 0;
	max-width: 100%;
}
.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .exh_content .exh_content_inner p{
	word-wrap: break-word;
	font-size: 16px;
    color: #444444;
    line-height: 1.75rem;
}
.exhibitionPart.companyHomepage .zhanwei .heading{
	margin-bottom: 10px;
	margin-top: 20px;
}
.exhibitionPart.companyHomepage .zhanwei .heading:first-child{
	margin-top: 0;
}
.exhibitionPart.exhibitionHomepage .content_in{
	padding: 10px 30px;
	min-height: 200px;
}
@media (max-width: 900px){
	.exhibitionPart{
		margin-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.exhibitionPart.exhibitionHomepage .switchTabs .tab_Content{
		padding: 10px;
		display: block;
	}
	.exhibitionPart.exhibitionHomepage .switchTabs .content_in.introLineHeight .exh_comments{
		padding-left: 10px;
		padding-right: 10px;
	}
	.exhibitionPart.exhibitionHomepage .content_in{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 640px){
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .exh_comments{
		padding: 0px;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight>div{
		padding: 20px 10px;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale{
		display: block;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
	}
	.exhibitionPart.companyHomepage .switchTabs{
		margin-bottom: 0;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .exhibitionCompany{
		margin-bottom: 0;
		padding: 20px 10px;
	}
	.exhibitionCompany .Cexhibitionlists{
		display: none;
	}
	.exhibitionCompany .Cexhibitionlists.phone{
		display: block;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment{
		padding: 20px 10px;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment .pager{
		display: none;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment .commentHead .left{
		display: block;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment .commentBody .commentInfo{
		display: block;
	}
	.exhibitionPart.companyHomepage .switchTabs .content_in.introLineHeight .pale>.comment .commentBody .commentInfo .record{
		margin-left:0;
	}
	.exhibitionPart.companyHomepage{
		background-color: #fff;
	}
	.exhibitionPart.companyHomepage .switchTabs .multiTabs{
		padding: 0;
	}
	.exhibitionPart.companyHomepage .switchTabs .multiTabs ul{
		float: right;
		display: flex;
		align-items: center;
	}
	.exhibitionPart.companyHomepage .switchTabs .multiTabs ul li{
		float: none;
		text-align: center;
	}
	.exhibitionPart.companyHomepage .switchTabs .multiTabs ul li a{
		width: 100%;
		font-size: 16px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.comment_apply .comment_apply_content .comment_apply_submit{
		display: none;
	}
	.exhibitionPart.exhibitionHomepage .switchTabs .content_in.introLineHeight .exh_comments{
		padding: 10px;
	}
}

/*********** 相册列表 **************/
.albumsLists{
	padding: 15px 17px 20px 17px;
	background-color: #fff;

}
.albumsLists ul {
	display: flex;
    flex-wrap: wrap;
}
.myAlbums .albumsLists{
	padding-left: 0;
	padding-right: 0;
}
.related_albums .albumsLists ul li{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 3px;
	width: 33.3%;
}
.myUser .related_albums .albumsLists ul li{
	width:50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 3px;
}
.albumsLists ul li{
	width:50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 3px;
}
.albumsLists ul li .list{
	border: 1px solid #eeeff2;	
}
.albumsLists ul li .list .showpics{
	display: block;
	width:100%;
	height: 218px;
}
.albumsLists ul li .list  .desc{
	background-color: #fff;
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 14px;
}
.albumsLists ul li .list  .desc p.title{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #444;
    font-size: 14px;
    text-align: center;
    height: 38px;
    padding-left: 30px;
	padding-right: 30px; 
	margin:0;
	box-sizing: border-box;
	font-weight: normal;
}
.albumsLists ul li .list  .desc .option{
	text-align: -webkit-right;
	position: relative;
	padding-right: 8px;
}
.albumsLists ul li .list  .desc .option .dotes span{
	display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.albumsLists ul li .list  .desc .option .optionlist{
	display: none;
	position: absolute;
	width: 120px;
	text-align: center;
	border: 1px solid #ccc;
	box-shadow: -2px -1px 8px #999;
	right: 0;
	top: 22px;
	z-index: 11;
	background-color: #fff;
}
.albumsLists ul li .list  .desc .option .optionlist a{
	display: block;
	color: #444;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	border-top: 1px solid #ccc;
}
.albumsLists ul li .list  .desc .option .optionlist a:first-child{
	border-top: none;
}

@media (max-width: 640px){
	.albumsLists{
		padding-left: 0px;
		padding-right: 0px; 
	}
	.albumsLists ul li{
		width: 100%;
		float: none;
	}

	.related_albums .albumsLists ul li{
		width: 100%;
		float: none;
	}
	.albumsLists ul li .list  .desc .option .optionlist{
		z-index: 10001;
	    position: fixed;
	    width: 80%;
	    left: 50%;
	    top: 50%;
	    right: auto;
    	bottom: auto;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    text-align: center;
	    background-color: #fff;
	}
	.albumsLists ul li .list  .desc .option .optionlist a{
		height: 40px;
    	line-height: 40px;
	}
}
/*********** 编辑相册 **************/
.editPhoto{
	padding: 0px;
	font-size: 14px;
	color: #444;
}
.editPhoto>div{
	position: relative;
	margin: 0;
}
.editPhoto>div input[type="text"]{
	border: 1px solid #cfcfcf;
    height: 36px;
    width: 100%;
    line-height: 36px;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 5px;
    font-size: 14px;
}
.editPhoto>div select{
	border: 1px solid #cfcfcf;
    height: 32px;
    width: 100%;
    line-height: 32px;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
	border-bottom: 0;
	padding-left: 5px;
	color: #444;
	position: relative;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-bottom: 0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat right 10px center;

	
}
.personalRight .editPhoto>div input[type="text"]{
	padding-left: 5px;
}
.editPhoto .onerow{
	padding-left: 0;
	margin: 15px 0;
    line-height: 34px;
}
.editPhoto .onerow>div{
	position: relative;
	display: inline-block;
	padding-left: 80px;
	box-sizing: border-box;
	width:50%;
	-webkit-text-size-adjust:none;
	float: left;
}
.editPhoto>div label{
	position: absolute;
	left: 0;
	width:80px;
	font-size: 14px;
	color: #444;
}
.personal .personalRight .editPhoto>div label{
	width:80px;
	color: #444;
}
.editPhoto>div input[type="text"]{
	height: 32px;
	line-height: 32px;
	border:1px solid #d2d2d2;
	outline: none;
	box-sizing: border-box;
	padding-left: 5px;
}
.editPhoto>div.name input[type="text"]{
	border-bottom: 0;
}
.editPhoto>div.uploadImages{
	margin: 10px 0;
}
.editPhoto>div.tag{
	display: flex;
	align-items: flex-start;
	padding-top: 10px;
}
.editPhoto>div.tag #add_comment_tags{
	margin-right: 15px;
    flex-shrink: 0;
}
.editPhoto>div.tag .comment_tip{
	padding:3px;
	font-size: 12px;
	color: #ccc;
}
.editPhoto>div.tag .tag_area{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.editPhoto .onerow .tag label,.editPhoto .onerow .bgMusic label{
	text-align: center;
}
.editPhoto .animate{
	position: relative;
}
.editPhoto .animate .effect{
	border:1px solid #d2d2d2;
	text-align: left;
	position: relative;
	height: 32px;
	line-height: 32px;
	border-bottom: 0;
	box-sizing: border-box;
	padding-left: 5px;
}
.editPhoto .animate .effect::after{
	content: "";
	position: absolute;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat  center;
	width: 10px;
	height: 6px;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}
.editPhoto .animate .hideanimate{
	position: absolute;
	top: 30px;
	left: 0;
	border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
    width:100%;
    z-index: 1000;
    background-color: #fff;
    display: none;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.editPhoto .animate .hideanimate .music_type{
	padding: 5px 0;
}
.editPhoto .animate .hideanimate .music_type .music_type_name{
	color: #000;
	position: relative;
}
.editPhoto .animate .hideanimate .music_type .music_type_name::after{
	position: absolute;
	content: "";
    right: 8px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    transform: rotate(135deg);
    top: 50%;
    margin-top: -5px;
}
.editPhoto .animate .hideanimate p{
	height: 28px;
	line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.editPhoto .animate .hideanimate .choosemusic{
	border-bottom: 1px solid #ccc;
	text-align: center;
	height: 28px;
	line-height: 28px;
}
.personal .personalRight form.editPhoto .description  textarea{
	height: 200px;
}
.personal .personalRight form.editPhoto input[type="text"]{
	margin-bottom: 0;
}
.editPhoto>div input[type="file"]{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: 9;
}
.editPhoto .uploadImages .uploadfile .button{
	display: inline-block;
	position: relative;
}
.editPhoto .uploadImages .photolists .list {
	position: relative;
	padding-left: 193px;
	margin: 10px 0;
	height: 173px;
}
.editPhoto .uploadImages .photolists .list .left{
	width:173px;
	height: 173px;
	position: absolute;
	float: left;
	left: 0;
	top: 0;
}
.editPhoto .uploadImages .photolists .list .left .leftImg{
	width: 100%;
	height: 100%;
	background-color: #000;
	line-height: 173px;
	text-align: center;
	overflow: hidden;
	font-size:0;
}
.editPhoto .uploadImages .photolists .list .left img{
	max-width: 173px;
	display: inline-block;
	vertical-align: middle;
}
.editPhoto .uploadImages .photolists .list .left .del{
	display: none;
	font-size: 0;
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #d5164f;
	position: absolute;
    z-index: 10;
    top: -8px;
    right: -8px;
}
.editPhoto .uploadImages .photolists .list .left .del::after{
	content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 2px;
    background-color: #fff;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -4px;
}
.editPhoto .uploadImages .photolists .list input[type="file"]{
	width:173px;
}
.editPhoto .uploadImages .photolists .list .right{
	width:100%;
}
.editPhoto .uploadImages .photolists .list .right .operation{
	text-align: right;
	line-height: 34px;
}
.editPhoto .uploadImages .photolists .list .right .operation .moveUp{
	font-size: 14px;
	color: #444;
	padding-right: 0px;
}
.editPhoto .uploadImages .photolists .list .right .operation .deleteIt{
	font-size: 14px;
	color: #12add3;
	display: none;
}
.editPhoto .uploadImages .photolists .list textarea{
	height: 138px;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 14px;
}
.personal .personalRight .editPhoto .submit{
	text-align: right;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.editPhoto .submit input[type="submit"]{
	border: none;
	outline: none;
	color: #fff;
	font-size: 16px;
	background-color: #d5164f;
	width:100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.photolayer{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 90;
	display: none;
}
.exhibitionPart .myAlbums .editPhoto{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.exhibitionPart .myAlbums .editPhoto>div input[type="text"]{
	width: 100%;
}
.exhibitionPart .myAlbums .editPhoto .submit{
	text-align: right;
}
.exhibitionPart .conn .Album{
	padding: 0;
	margin-bottom: 20px;
}


@media (max-width: 775px){
	.editPhoto .uploadImages .photolists .list .left{
		display: block;
	}
	.editPhoto>div.tag{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 640px){
	.personal.myAlbums .left .topInfo{
		display: none;
	}
	.personal.myAlbums{
		padding: 0;
	}
	.personal .personalRight .editPhoto .onerow{
		margin:0;
	}
	.editPhoto{
		padding: 0;
	}
	.personal .personalRight .editPhoto .description{
		margin-top: 0;

		border-bottom: 1px solid #ececec;
	}
	.personal .personalRight .editPhoto .description>label{
		text-align: left;
		position: relative;
    	display: block;
	}
	.editPhoto .onerow>div label{
		text-align: center;
	}
	.personal .personalRight form .uploadImages label{
		display: none;
	}
	.personal .personalRight form .submit,.personal .right form .uploadImages{
		padding-left: 10px;
		padding-right: 10px;
	}
	.editPhoto .submit input[type="submit"]{
		width: 100%;
	}
	.personal .personalRight form .uploadImages .imageSection .uploadfile span{
		display: none;
	}
	.editPhoto .uploadImages .photolists .list{
		height: 140px;
	}
	.editPhoto .uploadImages .photolists .list .left{
		width: 140px;
		height: 140px;
	}
	.editPhoto .uploadImages .photolists .list .left .leftImg{
		line-height: 140px;
	}
	.editPhoto .uploadImages .photolists .list .left img{
		max-width: 140px;
	}
	.editPhoto .uploadImages .photolists .list input[type="file"]{
		width: 140px;
	}
	.editPhoto .uploadImages .photolists .list .right .operation{
		display: none;
	}
	.editPhoto .uploadImages .photolists .list .left .del{
		display: block;
	}
	.editPhoto .uploadImages .photolists .list{
		padding-left: 163px;
		margin: 20px 0;
	}
	.editPhoto .uploadImages .photolists .list textarea{
		height: 138px;
		border: none;
	}
	.personal .personalRight form .uploadImages .imageSection .uploadfile .button{
		position: fixed;
		right: 10px;
		top:30%;
		height: 40px;
		z-index: 1000;
		background: url(../img/albums/edit_album.png) no-repeat;
		background-size: 40px;
		width: 40px
	}
	.personal .personalRight form .uploadImages .imageSection .uploadfile .button input[type='button']{
		display: none;
	}
	.editPhoto>div.uploadImages{
		margin: 10px;
	}
	
}
@media (max-width: 900px){
	.personal .personalRight form .submit{
		display: none;
	}
}

/*********** 相册展示 **************/
.Album{
	background-color: #fff;
	padding:20px;
}
.Album .albumheader{
	height: 240px;
	position: relative;	
	text-align: center;
}
.Album .albumheader .headBg{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}
.Album .albumheader .buttons{
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 5;
}
.Album .albumheader .buttons>div{
	display: inline-block;
	margin: 0 8px;
}
.Album .albumheader .buttons .playmusic{
	display: block;
	background: url(../img/usercenter/icon_album.png) no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
}
.Album .albumheader .buttons .switchIcon{
	display: block;
	background: url(../img/usercenter/exchange_alt.png) no-repeat;
	background-size: 18px auto;
	width: 18px;
	height: 18px;
}

.Album .albumheader .buttons .playmusic.muted{
	background: url(../img/usercenter/icon_album.png) no-repeat;
	background-size: 20px auto;
	background-position: 0 -22px;
}
.Album .albumheader .buttons .moreItem{
	display: block;
	background: url(../img/usercenter/icon_album.png) no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
	background-position: 0 -44px;
	cursor: pointer;
	position: relative;
}

.Album .albumheader .buttons .moreIcon .showItems{
	position: absolute;
	right: -10px;
	top: 30px;
	background-color: #fff;
	width: 100px;
	text-align: center;
	border: 1px solid #ccc;
	display: none;
	z-index: 5;
}
.Album .albumheader .buttons .moreIcon .showItems::before{
	position: absolute;
	content: "";
	background: url(../img/usercenter/icon_album.png) no-repeat;
	background-position: 0 -139px;
	width: 16px;
	height: 5px;
	right: 12px;
	top: -5px;
}
.Album .albumheader .buttons .moreIcon .showItems a{
	display: block;
	height: 34px;
	line-height: 34px;
	color:#444;
	font-size: 12px;
	border-top: 1px solid #ccc;
}
.Album .albumheader .buttons .moreIcon .showItems a:first-child{
	border-top:0;
}
.Album .albumheader h2{
	font-size: 30px;
	color:#fff;
	position: absolute;
	padding-left: 50px;
	padding-right: 50px;
	width: 100%;
	box-sizing: border-box;
	bottom: 35px;
	z-index: 2;
}
.Album .albumheader .time{
	font-size: 12px;
	color:#fff;
	position: absolute;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	bottom: 17px;
	z-index: 2;
}
.Album .albumheader .backIcon{
	background: url(../img/usercenter/back.png) no-repeat;
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	left: 18px;
	top: 18px;
	display: none;
	z-index: 2;
	background-size: auto 19px;
}
.Album .AlbumContent{
	position: relative;
	word-break: break-all;
}
.Album .AlbumContent .Albumlist{
	padding-top: 20px;
}
.Album .AlbumContent .userInfo{
	position: absolute;
	text-align: center;
	width: 100%;
	top: -40px;
	display: none;
}
.Album .AlbumContent .userInfo .userlogo{
	border-radius: 39px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	overflow: hidden;
	margin:0 auto;
	box-sizing: border-box;
	display: inline-block;
}
.Album .AlbumContent .userInfo .userlogo img{
	width: 70px;
	height: 70px;
	border-radius: 35px;
}
.Album .AlbumContent .userInfo .username{
	color: #2e2e2e;
	font-size: 20px;
	margin-top: 10px;
}
.Album .AlbumContent .userInfo .usertime{
	color: #9a9a9a;
	font-size: 14px;
	margin-top: 10px;
}
.Album .AlbumContent .waterFall{
	overflow: hidden;
	width: 100%;
	position: relative;
}
.Album .AlbumContent .Articles{
	text-align: center;
}
.Album .AlbumContent .Articles p{
	margin-bottom: 10px;
	text-align: left;
	color: #444;
	font-size: 16px;
	line-height: 1.75rem;
}
.Album .AlbumContent .Articles img{
	margin-bottom: 10px;
	max-width: 100%;
}
.Album .AlbumContent .lanternSlide{
	width: 100%;
	
}
.Album .AlbumContent .lanternSlide p{
	margin-bottom: 20px;
	text-align: left;
	color: #444;
	font-size: 16px;
}
.Album .AlbumContent .lanternSlide .article{
	height: 446px;
}
.Album .AlbumContent .lanternSlide .article.fixedArticle{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: #000;
}
.wf-item {
	height: 0;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	float: left;
}
.wf-item-2 {
	width: 50%;
	box-sizing: border-box;
	position: relative;
}
.wf-item-2 .collection {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
    background: url(../img/product/collect.png) no-repeat;
	background-size: 23px auto;
    width: 23px;
    height: 20px;
}
.wf-item-2 .collection.collected{
	background: url(../img/company/collection.png) no-repeat;
	background-position: 0 -40px;
}

.bespoke-parent {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
  	overflow: hidden;
}

.bespoke-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

section.bespoke-slide {
  display: block;
}

.bespoke-inactive {
  visibility: hidden;
}

.bespoke-active {
  visibility: visible;
  z-index: 1;
}

.fx-transitioning-in,
.fx-transitioning-out {
  visibility: visible;
}

@media (max-width: 640px){
	.personal.personalAlbum{
		padding: 0;
	}
	.personalAlbum .Album{
		padding: 0;
	}
	.Album .AlbumContent .Albumlist{
		padding-left:10px;
		padding-right:10px;
	}
	.Album .albumheader .buttons .playmusic{
		display: block;
		background: url(../img/usercenter/icon_album.png) no-repeat;
		width: 22px;
		height: 22px;
		background-size: 22px auto;
	}
	.Album .albumheader .buttons .playmusic.muted{
		background: url(../img/usercenter/icon_album.png) no-repeat;
		background-position: 0 -24px;
		background-size: 22px auto;
	}
	.Album .albumheader .buttons .moreItem{
		display: block;
		background: url(../img/usercenter/icon_album.png) no-repeat;
		background-size: 22px auto;
		width: 22px;
		height: 22px;
		background-position: 0 -48px;
	}
	.Album .albumheader .backIcon{
		display: block;
	}
	.Album .albumheader h2{
		font-size: 24px;
		bottom: 60px;
	}
	.Album .albumheader .time{
		display: none;
	}
	.Album .AlbumContent{
		padding-top:  100px;
	}
	.Album .AlbumContent .userInfo{
		display: block;
	}
	.Album .albumheader .buttons .moreIcon .showItems{
	    position: fixed;
	    width: 80%;
	    left: 10%;
	    top: 50%;
	    margin-top: -80px;
	    border: 1px solid #dcdcdc;
	    z-index: 10001;
	}
	.Album .albumheader .buttons .moreIcon .showItems a{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #dcdcdc;
	}
	.Album .albumheader .buttons .moreIcon .showItems::before{
		display: none;
	}
	
}

/*********** 用户资料 **************/
.tabContent .dataList li .list{
	display: flex;
	padding: 12px 0 6px 0;
	border-bottom: 1px solid #f4f4f4;
}
.tabContent .dataList li:last-child .list{
	border-bottom:none;
}
.tabContent .dataList li .list .info{
	display: flex;
	flex:1;
	font-size: 14px;
	color: #333;
	align-items: flex-start;
	justify-content: center;
}
.tabContent .dataList li .list .operations{
	text-align: right;
	padding-left: 50px;
}
.tabContent .dataList li .list .ziliaopic {
	width: 50px;
	height: 50px;
	display: block;
	padding-right: 15px;
}
.tabContent .dataList li .list .ziliaopic .pics{
	width: 100%;
}
.diaryDetail .tabContent .dataList li .list .info .phoneStyle .operations{
	display: none;
}
.tabContent .dataList li .list .info .phoneStyle{
	display: flex;
	flex:1;
	flex-direction: column;
	cursor: pointer;
}
.tabContent .dataList li .list .info .name{
	display: flex;
	align-items: center;
    margin-bottom: 6px;
}
.tabContent .dataList li .list .info .name span{
	overflow: hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color:#12add3;
    font-size: 16px;
    flex:1;
}
.tabContent .dataList li .list .info .name input[type='text']{
	display: none;
	border: 1px solid #f2f6fd;
}
.tabContent .dataList li .list .info .desc{
	font-size: 14px;
	color: #444444;	
	overflow: hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}
.tabContent .dataList li .list .info .privacyAndsize{
	display: flex;
	text-align: left;
	color: #808080;
	font-size: 12px;
}
.tabContent .dataList li .list .info .privacyAndsize>p{
	margin-right: 10px;
}
.tabContent .dataList li .list .info .privacyAndsize .operations{
	margin-left: auto;
}

.tabContent .dataList li .list .operations .loading{
	color: #d5164f;
	font-size: 12px;
}
.tabContent .dataList li .list .operations .option{
	text-align: right;
	position: relative;
}
.tabContent .dataList li .list .operations .option .dotes span{
	display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.tabContent .dataList li .list .operations .option .optionlist{
	display: none;
  position: absolute;
  width: 120px;
  text-align: center;
  border: 1px solid #ccc;
  box-shadow: -2px -1px 8px #999;
  right: 0;
  top: 22px;
  z-index: 11;
  background-color: #fff;
}
.tabContent .dataList li .list .operations .option .optionlist a:first-child{
	border-top: none;
}
.tabContent .dataList li .list .operations .option .optionlist a{
	display: block;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
	border-top: 1px solid #cccccc;
}
.myData  .addcategory{
	position: relative;
}
.myData .addcategory input[type="file"]{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 99;
    width: 100px;
    cursor: pointer;
}
@media (max-width: 640px){
	.tabContent .dataList li .list .ziliaopic{
		width: 40px;
		height: 40px;
	}
	.tabContent .dataList li .list .info .phoneStyle{
		flex-direction: column;
	}
	.tabContent .dataList li .list .info .privacyAndsize{
		overflow:hidden;
	}
	.tabContent .dataList li .list .info .privacy{
		padding: 0;
		width: 30px;
		font-size: 12px;
		float: right;
	}
	.tabContent .dataList li .list .info .size{
		padding: 0;
		color: #b2b2b2;
		font-size: 12px;
		float: left;
		padding-top: 2px;
	}
	.tabContent .dataList li .list{
		padding: 12px 0px;
	}
	.showPublish .file{
		opacity: 0;
		height: 30px;
	}
	.tabContent .dataList li .list .operations .option .optionlist{
		position: fixed;
	    width: 80%;
	    left: 50%;
	    top: 50%;
	    right: auto;
    	bottom: auto;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    text-align: center;
	    background-color: #fff;
	    z-index: 10001;
	}
	.tabContent .dataList li .list .operations .option .optionlist a{
		height: 40px;
    	line-height: 40px;
	}
}

/************ 公司相册 ***************/

.dataContent .albumsLists{
	padding-left: 0;
	padding-right: 0; 
	padding-top: 5px;
	min-height: 350px;
}
.dataContent .albumsLists ul{
	display: flex;
	flex-wrap: wrap;
}
.dataContent .albumsLists ul li{
	width: 33.3%;
	padding-left: 0;
	padding-right: 6px;
}
.dataContent .albumsLists ul li:nth-child(3n+0){
	padding-right: 0;
}

.addCompanyAlbums{
	text-align: right;
}
.addCompanyAlbums a{
	color: #12add3;
	font-size: 12px;
	position: relative;
	display: inline-block;
	padding-left: 18px;
}
.addCompanyAlbums a::before{
	position: absolute;
	content: "";
	display: block;
	background: url(../img/news/add.png) no-repeat;
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	left: 0px;
	top: 50%;
	margin-top: -6px;
}


@media (max-width: 640px){
	.dataContent .albumsLists ul li{
		width: 100%;
		padding-right: 0;
	}
	.exhibitionPart .myAlbums .editPhoto>div input[type="text"]{
		border: none;
    	outline: none;
	}
	.exhibitionPart .myAlbums .editPhoto .description{
		margin-top: 0;
	}
	.exhibitionPart .myAlbums .editPhoto .description>label{
		text-align: left;
	    position: relative;
	    display: block;
	}
	.exhibitionPart .myAlbums .editPhoto .onerow{
		margin: 0;
	}
	.exhibitionPart .myAlbums .editPhoto .uploadImages,.exhibitionPart .myAlbums .editPhoto .submit{
		padding-left: 10px;
    	padding-right: 10px;
	}
	.exhibitionPart .myAlbums .editPhoto .submit{
		display: none;
	}
	.exhibitionPart .myAlbums .editPhoto .uploadImages label{
		display: none;
	}
	.exhibitionPart .myAlbums .editPhoto .uploadImages .imageSection .uploadfile .button{
		position: fixed;
		right: 10px;
		top: 30%;
		height: 40px;
		z-index: 1000;
		background: url(../img/albums/edit_album.png) no-repeat;
		background-size: 40px;
		width: 40px;
	}
	
	.exhibitionPart .myAlbums .editPhoto .uploadImages .imageSection .uploadfile .button input[type='button']{
		display: none;
	}
	.exhibitionPart .myAlbums .editPhoto .uploadImages .imageSection .uploadfile span{
		display: none;
	}
}

/********** 编辑日志 ***********/
.personal .myPoint{
	padding-bottom: 20px;
	font-size: 14px;
}
.personal .myUser.myUserData .edit_data{
	padding-left: 20px;
	padding-right: 20px;
}
.personal .myPoint form>div{
	margin: 0;
	line-height: normal;
}
.personal .myPoint form>div.vertify{
	margin-top: 20px;
}
.myPoint form>div.vertify .clickme{
	margin-left: auto;
}
.personal  .myPoint form>div.privacy select{
	width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    border: 1px solid #d2d0d1;
    outline: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-bottom: 0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 98% center;
}
.myPoint form>div.comment_link,.myPoint form>div.comment_tags{
	padding-top: 10px;
	display: flex;
	align-items: flex-start;
	font-size: 14px;
}
.myPoint form>div.comment_tags #add_comment_tags{
	margin-right: 15px;
	flex-shrink: 0;
}
.myPoint form>div.comment_link #add_comment_link{
	margin-right: 15px;
	flex-shrink: 0;
}
.myPoint form>div.comment_link .comment_tip,.myPoint form>div.comment_tags .comment_tip{
	font-size: 12px;
	color: #ccc;
	padding: 3px;
}
.myPoint form>div.comment_link>div,.myPoint form>div.comment_tags>div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.myPoint form>div.comment_video{
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #d2d0d1;
	border-right: 1px solid #d2d0d1;
	border-bottom: 1px solid #d2d0d1;
	align-items: center;
}
.myPoint form>div.comment_tips{
	font-size:13px; 
}
.personal .myPoint form>div.comment_tips{
	margin-top:5px;
}
.personal .myPoint form>div.forward_title{
	margin-top:5px;
	font-size:13px; 
	color:#12add3;
}
.myPoint form>div.comment_link input[type="text"],.myPoint form>div.comment_tags input[type="text"],.myPoint form>div.comment_video input[type="text"]{
	flex:1;
	border:none;
}
.myPoint form>div.checkbox{
	margin: 0;
    line-height: normal;
}
.myPoint form>div.checkbox select{
	width: 100%;
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    border: 1px solid #d2d0d1;
    outline: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-bottom: 0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 98% center;

}
.select_tab{
	position: relative;
	margin: 0 5px;
	display: flex;
	align-items: center;
}
.select_tab span{
	margin-right: 10px;
}
.select_tab .select_tab_link {
	color: #444;
	margin-right: 10px;
}
/* .select_tab i{
	cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px;
}
.select_tab i::after{
	content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 8px;
    right: 5px;
    background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY4NjVFRUM5RDJCNDExRThBMkM5QTc5RjQ4QTE3RDhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY4NjVFRUNBRDJCNDExRThBMkM5QTc5RjQ4QTE3RDhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg2NUVFQzdEMkI0MTFFOEEyQzlBNzlGNDhBMTdEOEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njg2NUVFQzhEMkI0MTFFOEEyQzlBNzlGNDhBMTdEOEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAIAAgDAREAAhEBAxEB/8QAVwABAAAAAAAAAAAAAAAAAAAACgEBAAAAAAAAAAAAAAAAAAAAABAAAQIEBwAAAAAAAAAAAAAAFBETEgQWGAACIgMVJSYRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AF3TJRUwZUNltQ7pRLhRTmZ8h3uLZeYWOLVEq+ewH//Z); 
} */
.personal .right .myPoint form>div input[type="text"]{
	margin-bottom: 0;
	font-style: 14px;
}
.personal .right .myPoint form .comment_link input[type="text"]{
	border-bottom: 0;
    border-top: 0;
}
.personal .right .myPoint form .subject input[type="text"]{
	border-bottom: 0;
}
.diary_header{
	background-color: #f4f4f4;
    height: 40px;
    line-height: 40px;
    color: #444444;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}
.diary_header .left,.diary_header .right{
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.diary_header .left .back{
	display: block;
    width: 28px;
    height: 18px;
	color: #444444;
    margin-left: 10px;
    padding-left: 20px;
    background: url(../img/scroll/index_tab_l.png) no-repeat;
    background-size: auto 16px;
    line-height: 16px;
    text-align: center;
}
.diary_header .title{
	flex:1;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
.diary_header .right .submit{
	color: #12add3;
}
.diary_header .title span{
	position: relative;
	display: inline-block;
}
.diary_header .title span::after{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #444;
    right: -15px;
    top: 50%;
    margin-top: -4px;
}
.diary_header .title .select{
	display: none;
}
@media (max-width: 640px){
	.personal .right .myPoint form>div.vertify .submit{
		display: none;
	}
	.diary_header{
		display: flex;
	}
	.personal.myAlbums{
		margin-top: 45px;
	}
	.diary_header .title .select{
		position: fixed;
		width: 80%;
	    left: 10%;
	    top: 50%;
	    margin-top: -82px;
	    text-align: center;
	    bottom: 0;
	    right: 0;
	    z-index: 10001;
	    height: 164px;
	    background-color: #fff;
	    border: 1px solid #ccc;
    	box-shadow: -2px -1px 8px #999;
	}
	.diary_header .title .select a{
		height: 40px;
    	line-height: 40px;
    	display: block;
	    color: #444;
	    font-size: 12px;
	    border-bottom: 1px solid #ccc;
	}
}

/*********** 我的日志详情页 **************/
.diaryTag{
    display: flex;
    flex-wrap: wrap;
}
.diaryTag span{
	display: inline-block;
	background: url(../img/exhibition/commentlogo.png) no-repeat left center;
	background-position: 0 -143px;
    height: 14px;
    line-height: 14px;
    color: #999999;
    font-size: 12px;
    padding-left: 22px;
    margin-right: 20px;
    cursor: pointer;
    margin-bottom: 5px;
}
.diaryDetail .commentTags{
	display: flex;
    padding-bottom: 10px;
    padding-top: 10px;
}
.diaryDetail .comment_operation{
    margin-top: 10px;
	position: fixed;
	left: calc(50% + 615px);
	right: auto;
	top: 350px;
	background-color: #fff;
	padding: 20px;
	z-index: 11;
}
.diaryDetail .comment_operation .btn-operation{
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 20px;
}
.diaryDetail .comment_operation .btn-operation:first-child{
	padding-top: 12px;
}
.diaryDetail .comment_operation .btn-operation:last-child{
	margin-bottom: 0;
}
.diaryDetail .comment_operation .btn-operation>a{
    display: inline-block;
    color: #808080;
    font-size: 14px;
    width: 19px;
    text-align: center;
	padding-top: 16px;
}
.diaryDetail .comment_operation .btn-operation>a.record{
	background: url(../img/comment/comment_1.png) no-repeat;
    background-size: 19px auto;
    line-height: 28px;
	height: 19px;
	margin-bottom: 10px;
}
.diaryDetail .comment_operation .btn-operation>a.good{
	background: url(../img/comment/comment_2.png) no-repeat;
    background-size: 19px auto;
    line-height: 28px;
	margin-bottom: 10px;
	height: 19px;
}
.diaryDetail .comment_operation .btn-operation>a.forwardTo{
	background: url(../img/comment/comment_3.png) no-repeat;
    background-size: 19px auto;
    width: 19px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}
.diaryDetail .comment_operation .btn-operation>a.collection{
	background: url(../img/comment/comment_4.png) no-repeat;
    background-size: 19px auto;
    display: inline-block;
    background-size: 19px auto;
    background-position: 0 0;
	width: 19px;
    height: 19px;
    cursor: pointer;
    padding-left: 0;
}
.diaryDetail .comment_operation .btn-operation>a.collection.collectioned{
	background: url(../img/comment/comment_4_checked.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
}
.diaryDetail .commentTags .commentTab{
	flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.diaryDetail .commentTags .commentTab .tab{
	color: #808080;
    font-size: 12px;
    background: url(../img/exhibition/commentlogo.png) no-repeat;
    background-position: 0 -143px;
    height: 14px;
    line-height: 14px;
    padding-left: 22px;
    margin-right: 13px;
    cursor: pointer;
}
.diaryDetail .commentList{
	margin-top: 20px;
    padding-top: 10px;
    position: relative;
}
/* .diaryDetail .commentList::before{
	content: "";
    position: absolute;
    display: block;
    height: 5px;
    background-color: #f4f4f4;
    top: 0px;
    left: -30px;
    right: -30px;
} */
.diaryDetail .commentList .commentInfo_replay:first-child::before{
	content: "";
    position: absolute;
    display: block;
    height: 5px;
    background-color: #f4f4f4;
    top: 0px;
    left: -30px;
    right: -30px;
}
.myUser .bottom .lists.diaryDetail .reply_content>div{
	background-color: transparent;
	padding: 0;
}
.myUser .bottom .lists.diaryDetail .reply_content .inner_reply{
	background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
}
.diaryDetail .inner_reply .replay{
	text-align: right;
	float: right;
	display: flex;
	align-items: center;
}
.diaryDetail .inner_reply .replay .return{
	font-size: 12px;
	color: #333;
	margin-left: 10px;
}

.myUser .bottom .lists.diaryDetail .commentInfo .right>a{
	display: inline-block;
    color: #808080;
    margin-left: 10px;
    font-size: 14px;
}
.myUser .bottom .lists.diaryDetail .commentInfo .right>a.record{
	background: url(../img/comment/comment_1.png) no-repeat;
	background-size: 19px auto;
    height: 19px;
    line-height: 19px;
    padding-left: 25px;
}
.myUser .bottom .lists.diaryDetail .commentInfo .right>a.good{
	background: url(../img/comment/comment_2.png) no-repeat;
	background-size: 19px auto;
    height: 19px;
    line-height: 19px;
    padding-left: 25px;
}
.myUser .bottom .lists.diaryDetail .commentInfo .right>a.forwardTo{
	background: url(../img/comment/comment_3.png) no-repeat;
	background-size: 19px auto;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}
.forwardTo{
	position: relative;
}
.forwardTo .forwardTobox{
	position: absolute;
	left: auto;
	top: auto;
    bottom: 0px;
	right: 55px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    width: 200px;
    padding: 0 10px;
    box-sizing: border-box;
    display: none;
    z-index: 111;
}
/* .Album .forwardTo .forwardTobox{
	left: auto;
	right: 0;
	bottom: auto;
	top: 38px;
} */
/* .Album .forwardTo .forwardTobox:before{
	box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -15px;
    right: 2px;
	left: auto;
    padding: 0;
	border: 8px solid;
	border-color:  transparent transparent #fff transparent;
    display: block;
    content: '';
    z-index: 12;
}
.Album .forwardTo .forwardTobox:after{
	box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -17px;
	bottom: auto;
    right:1px;
	left: auto;
    padding:0;
	border: 9px solid;
	border-color:  transparent transparent #e4e4e4 transparent;
    display: block;
    content:'';
    z-index:10
} */
.forwardTo .forwardTobox::before{
	box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 10px;
    left: auto;
	right: -16px;
	top:auto;
    padding: 0;
	border: 8px solid;
	border-color: transparent  transparent   transparent #fff;
    display: block;
    content: '';
    z-index: 12;
}
.forwardTo .forwardTobox::after{
	box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 10px;
    left:auto;
	right: -18px;
	top:auto;
    padding:0;
	border: 9px solid;
	border-color: transparent   transparent transparent #e4e4e4;
    display: block;
    content:'';
    z-index:10
}
.forwardTo .forwardTobox .forwardToList{
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
}
.forwardTo .forwardTobox .forwardToList .forwardToCommentList{
	padding-left: 10px;
}
.forwardTo .forwardTobox .forwardToList .forwardToCommentList p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myUser .bottom .lists .reply_content .diary_submit {
	overflow:hidden;
}
.myUser .bottom .lists .reply_content .diary_submit .input_submit{
	flex:1;
	border:none;
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
	min-height: 200px
}
.myUser .bottom .lists .reply_content .diary_submit button.replayButton{
	width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #d5164f;
    font-size: 16px;
    border: none;
    float: right;
    margin-top: 20px;
}
.myUser .bottom .lists .reply_content .diary_submit button.replayButton:disabled{
	background-color: gray;
}
.myUser .bottom .lists.diaryDetail .commentInfo{
	display: flex;
	align-items: flex-start;
	padding-top: 5px;
}
.myUser .bottom .lists.diaryDetail .commentInfo .left{
	flex:1;
	float: none;
	width: auto;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.myUser .bottom .lists.diaryDetail .commentInfo .left .userlogo{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-right: 15px;
    border: 1px solid #dcdcdc;
}
.myUser .bottom .lists.diaryDetail .commentInfo .left .userInfo{
	flex: 1
}
.myUser .bottom .lists.diaryDetail .commentInfo .left .userInfo .userInfo_top{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.myUser .bottom .lists.diaryDetail .commentInfo .left .userInfo .userInfo_top .image-container {
	position: relative;
	display: inline-block;
}
.myUser .bottom .lists.diaryDetail .commentInfo .left .userInfo .userInfo_top .image-container .text-overlay{
	position: absolute;
	bottom: 25px;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
	color: white;
	padding: 10px;
	display: none; /* 默认隐藏文字描述 */
	font-size: 12px;
	width: 100px;
}
.myUser .bottom .lists.diaryDetail .commentInfo .left .userInfo .userInfo_top .image-container:hover .text-overlay{
	display: block; 
}

.myUser .bottom .lists.diaryDetail .commentInfo .left .userInfo .author{
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.myUser .bottom .lists.diaryDetail .commentInfo .left .userInfo .time{
	font-size: 12px;
	color: #a0a0a0;
}
.myUser .bottom .lists.diaryDetail .commentInfo .right{
	display: flex;
	float: none;
}
#tabBox .hd{
	display: none;
}
.switchRemind{
	padding: 20px;
}
.myUser .bottom .lists .reply_content .diary_submit .replay_title{
	color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
.myUser .bottom .lists .reply_content .diary_submit .productImagelists{
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.myUser .bottom .lists .reply_content .diary_submit .addImgPart{
	width: 100px;
    position: relative;
}
.myUser .bottom .lists .reply_content .diary_submit .addImgPart .addImg{
	display: block;
    background: url(../img/product/upload.png) no-repeat;
    width: 100%;
    padding-top: 100px;
    text-align: center;
    color: #808080;
    font-size: 14px;
    background-size: 100% auto;
}
.myUser .bottom .lists .reply_content .diary_submit .addImgPart .images{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
}
.myUser .bottom .lists .reply_content .diary_submit .addImgPart .images .img{
	width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.myUser .bottom .lists .reply_content .diary_submit .addImgPart .images .delete{
	color: #12add3;
    text-align: center;
    font-size: 14px;
}

.myUser .bottom .lists .reply_content .diary_submit .phone-head .submitbutton{
	color: #12add3;
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: block;
}
.myUser .bottom .lists .reply_content .diary_submit #wc{
	display: none;
	position: fixed;
	width: 500px;
	height: 500px;
	background: #fff;
	left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
}
.replay_phone_style{
	display: none;
}
@media (max-width: 640px){
	.diaryDetail .commentList::before{
		left: -18px;
    	right: -18px;
	}
	.diaryDetail .commentList{
		margin-top: 10px;
	}
	.personal .diaryDetail .commentList{
		padding-left: 18px;
		padding-right: 18px;
	}
	.diaryDetail .comment_operation{
		display: none;
	}
	.myUser .bottom{
		padding: 0;
	}
	.myUser .bottom#tabBox{
		padding: 0;
	}
	.myUser .bottom .diaryTag{
		padding: 0;
	}
	.myUser .bottom .lists{
		padding: 0 5px;
	}
	.myUser .productService .lists{
		padding: 0;
		margin-left: -10px;
		margin-right: -10px;
	}
	.myUser .bottom .msg .productService  .lists{
		padding: 0;
	}
	.myUser .bottom .lists.relatedComment{
		padding: 0 18px;
	}
	.myUser .bottom .lists.diarylists{
		padding: 10px 0px;
	}
	.myUser .bottom .lists.diaryDetail{
		padding:0;
		padding-top: 10px;
	}
	
	
	#tabBox .hd li{
		text-align: center;
		display: none;
		font-size: 17px;
		color: #999;
	}
	#tabBox .hd li.on{
		display: block;
	}
	.myUser .bottom .lists .reply_content  .diary_header .title{
		font-size: 14px;
		font-weight: normal;
	}
	.myUser .bottom .lists .reply_content  .diary_header .submit{
		display: block;
		padding: 0;
		margin: 0;
	}
	.re_replay_box .re_replay_form{
		display: none;
	    position: fixed;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 100%;
	    box-sizing: border-box;
	    bottom: 0;
	    right: 0;
	    transform: none;
	    background-color: #fff;
	    z-index: 101;
		padding: 0;
	}
	.re_replay_box .re_replay_form .phone-head{
		background-color: #f4f4f4;
		width: 100%;
		height: 40px;
		font-size: 14px;
		display: flex;
		align-items: center;
	}
	.re_replay_box .re_replay_form .phone-head .cancel{
		display: block;
	}
	.re_replay_box .re_replay_form .phone-head .right{
		display: block;
	}
	.re_replay_box .re_replay_form .phone-head .mypoint_title{
		text-align: center;
		border: none;
		color: #444444;
    	line-height: 40px;
		height: 40px;
		font-size: 14px;
		font-weight: normal;
	}
	.re_replay_box .re_replay_form .re_replay_input{
		padding: 10px;
	}
	.re_replay_box .re_replay_form .submit{
		display: none;
	}
	.re_replay_box .re_replay_for .re_replay_textarea{
		height: calc(100vh - 220px)
	}
	.diaryDetail .commentList .commentInfo_replay:first-child::before{
		display: none;
	}
	.myUser .bottom .lists .reply_content .diary_submit #wc{
		display: none;
	    position: fixed;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 100%;
	    box-sizing: border-box;
	    bottom: 0;
	    right: 0;
	    transform: none;
	    background-color: #fff;
	    z-index: 101;
	}
	
	.myUser .bottom .lists .reply_content .diary_submit #wc .replay_title{
		display: none;
	}
	.myUser .bottom .lists .reply_content .diary_submit button.replayButton{
		margin-top: 0;
		background-color: #d5164f;
	}
	.switchRemind{
		padding: 10px;
	}
	.replay_phone_style{
		display: flex;
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 10px;
		background-color: #f1f1f1;
		left: 0;
		box-sizing: border-box;
		z-index: 11;
	}

	.replay_phone_style .btn-operation {
		line-height: 35px;
		display: flex;
		align-items: center;
		flex: 1;
		justify-content: center;
	}
	.replay_phone_style .btn-operation a{
	    display: inline-block;
	    color: #808080;
	    font-size: 14px;
	    width: 19px;
	    padding-left: 25px;
	}
	.replay_phone_style .btn-operation a.record{
		background: url(../img/comment/comment_1.png) no-repeat;
		background-size: 19px auto;
	    height: 19px;
	    line-height: 19px;
	    padding-left: 25px;
	}
	.replay_phone_style .btn-operation a.good{
		background: url(../img/comment/comment_2.png) no-repeat;
		background-size: 19px auto;
	    height: 19px;
	    line-height: 19px;
	    padding-left: 25px;
	}
	.replay_phone_style .btn-operation a.forwardTo{
		background: url(../img/comment/comment_3.png) no-repeat;
		background-size: 19px auto;
	    width: 19px;
	    height: 20px;
		line-height: 20px;
	    cursor: pointer;
	}
	.replay_phone_style .btn-operation a.forwardTo .forwardTobox{
		bottom:28px;
		top: auto;
		height: 400px;
		overflow-y: auto;
	}
	.replay_phone_style .btn-operation a.forwardTo .forwardTobox::before{
		display: none;
		width: 0;
	    height: 0;
	    bottom: -16px;
	    top: auto;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-top: 8px solid #fff;
	    border-bottom: 8px solid transparent;
	}
	.replay_phone_style .btn-operation a.forwardTo .forwardTobox::after{
		display: none;
	}
	.replay_phone_style .btn-operation a.collection{
		background: url(../img/comment/comment_4.png) no-repeat;
	    display: inline-block;
	    background-size: 19px auto;
		width: 19px;
	    height: 19px;
	    cursor: pointer;
	    padding-left: 0;
	}
	.replay_phone_style .btn-operation a.collection.collectioned{
		background: url(../img/comment/comment_4_checked.png) no-repeat;
	    display: inline-block;
	    background-size: 19px auto;
	}
}

/************** 公司产品/会展产品 ***************/
.myUser #product_form{
	padding-bottom: 20px;
}
#product_form .form-group{
	display: flex;
	margin:15px 0;
	align-items: center;
}
.myUser #product_form .form-group{
	margin:10px 0;
}
#product_form .form-group .form-depart{
	display: flex;
	flex:1;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	align-items: center;
	padding-left: 10px;
}
#product_form .form-group.productEdit{
	margin-bottom: 0;
	font-size: 14px;
}
#product_form .form-group.setTags{
	margin-top: 10px;
	padding-left: 65px;
	font-size: 14px;
}
#product_form .form-group.setTags #add_comment_tags{
	margin-right: 15px;
	flex-shrink: 0;
}
#product_form .form-group.setTags .tags_Area{
	border-top: 0;
}
#product_form .form-group .form-depart:first-child{
	padding-left: 0px;
}
#product_form .form-group label{
	font-size: 14px;
	color: #444;
	width: 65px;
	position: relative;
}
#product_form .form-group.setTags label{
	opacity: 0;
}
#product_form .form-group input[type="text"],#product_form .form-group select{
	flex:1;
	outline: none;
	border:1px solid #d2d2d2;
	margin-bottom: 0;
	height: 32px;
    line-height: 32px;
    padding-left: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#product_form .form-group select{
	border-radius: 0;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 95% center;
}
#product_form .form-group textarea{
	width: 100%;
}
#product_form .form-group .open_market{
	flex:1;
}
#product_form .form-group.productEdit .ck-reset.ck{
	flex:1;
	word-break: break-all;
}
#product_form .form-group.productImage .productImagelists{
	display: flex;
}
#product_form .form-group.productImage .addImgPart{
	margin-right: 15px;
	width: 100px;
	position: relative;
}
#product_form .form-group.productImage .addImgPart .images{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	text-align: center;
}
#product_form .form-group.productImage .addImgPart .images .img{
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#product_form .form-group.productImage .addImgPart .images .delete{
	color: #12add3;
	text-align: center;
	font-size: 14px;
}
#product_form .form-group.productImage .addImgPart .addImg{
	display: block;
	background:url(../img/product/upload.png) no-repeat;
	width: 100%;
	padding-top: 100px;
	text-align: center;
	color: #808080;
	font-size: 14px;
	background-size: 100% auto;
}
#product_form .form-group.productSubmit{
	justify-content: flex-end;
}
#product_form .form-group.form-group-submit{
	display: block;
	text-align: right;
}
#product_form .form-group #submitbutton{
	width: 100px;
	height: 30px;
	text-align: center;
	background-color: #d5164f;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	outline: none;
	border:none;
}
#product_form .form-group .tags_Area{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	flex:1;
}
#product_form .form-group.productSubmit{
	overflow: hidden;
}
#product_form .form-group.productSubmit input[type="submit"]{
	float: right;
}

/* .square{

	margin-top: 10px;
} */
.square .productSummary{
	width: 220px;
	padding-right: 15px;
}
.myUser .square .productSummary{
	width: 210px;
	padding-right: 15px;
}
.square .productServiceList{
	flex:1;
}
.square .productService{
	flex:1;
}
.square .productServiceList .addProduct{
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.square .productServiceList .addProduct a{
	color: #12add3;
	font-size: 14px;
}
.square .productServiceList .addProduct .push_icon{
	margin-left: 7px;
	display: flex;
}
.square .productSummary p{
	color: #444;
	font-size: 14px;
}
.square .productSummary .allProducts{
	display: flex;
	justify-content: space-between;
	margin:10px 0; 
}
.square .productSummary .allProducts .add_summary{
	color: #444;
	font-size: 14px;
}
.square .productSummary .subProducts{
	display: flex;
	justify-content: space-between;
	margin:10px 0; 
	margin-left: 10px;
}
.square .productSummary .subProducts .sub_summary{
	color: #444;
	font-size: 14px;
	cursor: pointer;
}
.square .productSummary .subProducts .rename{
	display: none;
	border:1px solid #f2f6fd;
}
.square .productSummary .subProducts .sub_summary.checked{
	color: #12add3;
}
.square .productSummary .subProducts .option{
	position: relative;
}
.square .productSummary .subProducts .option .dotes{
	cursor: pointer;
}
.square .productSummary .subProducts .option .dotes span{
	display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.square .productSummary .subProducts .optionlist{
	position: absolute;
	width: 80px;
	border:1px solid #cccccc;
	top: 19px;
	right: 0;
	display: none;
	background-color: #fff;
	text-align: center;
	z-index: 1
}
.square .productSummary .subProducts .optionlist a{
	display: block;
	height: 34px;
	line-height: 34px;
	color: #12add3;
	font-size: 14px;
}
.square .productSummary .subProducts .optionlist a:first-child{
	border-bottom: 1px solid #cccccc;
}
.myproduct.updateTop{
	margin:0;
} 
.product_header{
	background-color: #f4f4f4;
    height: 40px;
    line-height: 40px;
    color: #444444;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}
.product_header .left,.product_header .right{
	width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_header .left .back{
	display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    transform: rotate(225deg);
}
.product_header .title{
	flex: 1;
    text-align: center;
    font-size: 15px;
}
.product_header .right .submit{
	color: #12add3;
}

@media (max-width: 640px){
	/* #product_form{
		margin-top: 50px;
	} */
	#product_form .form-group{
		display: block;
		margin: 10px 0;
	}
	#product_form .form-group.setTags{
		display: flex;
		padding-left: 10px;
		padding-right: 10px;
	}
	#product_form .form-group label{
		display: none;
	}
	#product_form .form-group input[type="text"], #product_form .form-group select{
		border: none;
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 14px;
	    width: 100%;
	}
	#product_form .form-group.productName{
		border-bottom: 1px solid #d0d0d0;
		display: flex;
	}
	#product_form .form-group.order_message{
		border-bottom: 1px solid #d0d0d0;
		display: flex;
	}
	#product_form .form-group.productImage{
		padding-left: 10px;
	    padding-right: 10px;
	    display: flex;
	}
	#product_form .form-group.productImage .addImgPart{
		width: 60px;
    	margin-right: 10px;
	}
	#product_form .form-group.productImage .addImgPart .addImg{
		padding-top: 60px;
		width: 60px;
	}
	#product_form .form-group.productImage .addImgPart .images .img{
		height: 60px;
	}
	#product_form .form-group.productEdit>label{
		display: block;
    	margin-bottom: 10px;
    	margin-left: 10px;
    	font-size:16px;
	}
	#product_form .form-group .form-depart{
		width: 100%;
	}
	#product_form .form-group .form-depart:last-child{
		padding-left: 0;
		padding-top: 10px;
	}
	.product_header{
		display: flex;
	}
	#product_form .form-group.productSubmit{
		display: none;
	}

}

/********* 以下会展会员 ***********/

.exhibitionMember{
	background-color: #fff;
	width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0px;
}
.exhibitionMember .imgdesc a{
	display: flex;
    width: 100%;
    height: 159px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.exhibitionMember .imgdesc a img{
	width: 100%;
}
.exhibitionMember .companyIndex{
	margin-bottom: 0;
}
.exhibitionMember .applyLists .applay_title{
	font-size: 15px;
	margin-bottom: 10px;
	color: #333;
}
.exhibitionMember .applyLists .apply{
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.exhibitionMember .applyLists .apply:last-child{
	margin-bottom: 0;
}
.exhibitionMember .applyLists .apply .memberInfo{
	flex:1;
	display: flex;
	position: relative;
}
.exhibitionMember .applyLists .apply .memberInfo .applyLogo{
	display: inline-block;
	margin-right: 20px;
}
.exhibitionMember .applyLists .apply .memberInfo .applyLogo img{
	display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #dedede;
    margin: 0 auto;
}
.exhibitionMember .applyLists .apply .memberInfo .info{
	flex:1;
}
.exhibitionMember .applyLists .apply .memberInfo .info .infotitle{
    display: flex;
	margin: 0;
	text-align: left;
	flex:1;
	color: #12add3;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}
.exhibitionMember .applyLists .apply .memberInfo .info .desc{
	font-size: 14px;
    color: #595959;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    height: 42px;
    background-color: transparent;
}
.exhibitionMember .applyLists .apply .memberInfo .info .infotitle span{
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.exhibitionMember .applyLists .apply .memberInfo .info .infotitle .option{
	position: absolute;
	right: 0px;
	top: 0px;
}

.exhibitionMember .applyLists .apply .memberInfo .info .infotitle .option .dotes{
	cursor: pointer;
}
.exhibitionMember .applyLists .apply .memberInfo .info .infotitle .option .dotes span{
	display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.exhibitionMember .applyLists .apply .memberInfo .info .infotitle .option .optionlist{
	display: none;
    position: absolute;
    width: 120px;
    right: 0;
    top: 22px;
    z-index: 2;
    border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
} 
.exhibitionMember .applyLists .apply .memberInfo .info .infotitle .option .optionlist a{
	display: block;
    border-top: 1px solid #cccccc;
    text-align: center;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    cursor: pointer;
    font-size: 12px;
	font-weight: normal;
}

.product .companyIndex{
	margin-bottom: 0;
}


@media (max-width: 640px){
	.square .productSummary{
		display: none;
	}
	.square .productServiceList .addProduct{
		display: none;
	}
	.homePage .exhibitionMember .applyLists .apply{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.container .user_header_index{
		height: 180px;
	}
	.exhibitionMember .applyLists .apply .memberInfo .info .desc{
		display: none;
	}

}

/*********公司联系人**********/

.contact_title{
	display:flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 10px;
}
.contact_title .contact_title_text{
	flex: 1;
	color: #333;
}
.contact_title .contact_add{
	color: #12add3;
}
.contact_lists{
	overflow:hidden;
}
.contact_lists .list {
	width: 50%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	margin-bottom: 10px;
}
.contact_lists .list:nth-child(even){
	padding-left: 10px;
}
.contact_lists .list:nth-child(odd){
	padding-right: 10px;
}
.contact_lists .list .list_item{
	background-color: #f2f2f2;
	padding: 10px;
	display: flex;
}
.contact_lists .list .list_item .contact_logo{
	width: 110px;
	height: 110px;
	border-radius: 55px;
	background-color: #ccc;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.contact_lists .list .list_item .contact_logo img{
	width: 100%;
}
.contact_lists .list .list_item .contact_info{
	margin-left: 20px;
}
.contact_lists .list .list_item .contact_info p{
	font-size: 15px;
	color: #444;
	margin-bottom: 5px;
}
.contact_lists .list .list_item .contact_info .contact_name{
	margin-top: 2px;
	margin-bottom: 10px;
}
.contact_lists .list .list_item .contact_info .contact_name .name{
	font-size: 20px;
}
.contact_lists .list .option{
	position: absolute;
	right: 10px;
	top: 0px;
}
.contact_lists .list:nth-child(odd) .option{
	right: 20px;
	top: 10px;
}
.contact_lists .list .option .dotes{
	cursor: pointer;
}
.contact_lists .list .option .dotes span{
	display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background-color: #55585f;
    margin: 0 2px;
    position: relative;
}
.contact_lists .list .option .optionlist{
	display: none;
    position: absolute;
    width: 120px;
    right: 0;
    top: 22px;
    z-index: 2;
    border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
} 
.contact_lists .list .option .optionlist a{
	display: block;
    border-top: 1px solid #cccccc;
    text-align: center;
    color: #444;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    cursor: pointer;
    font-size: 12px;
}

.content_eidtForm{
	display: none;
	position: fixed;
	z-index: 111;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.6);
}
.content_eidtForm .edit_content{
	width: 450px;
	background-color: #fff;
	padding: 30px 60px;
	box-sizing: border-box;
}
.content_eidtForm .edit_content .edit_content_title{
	display: flex;
	align-items: center;
	font-size: 14px;
}
.content_eidtForm .edit_content .edit_content_title .edit_content_title_text{
	flex:1;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #12add3;
}
.content_eidtForm .edit_content .edit_content_title .getback{
	display: block;
    width: 28px;
    height: 18px;
    color: #444444;
    margin-left: 10px;
    padding-left: 20px;
    background: url(../img/scroll/index_tab_l.png) no-repeat;
    background-size: auto 16px;
    line-height: 16px;
    text-align: center;
	display: none;
}
.content_eidtForm .edit_content .edit_content_title .submit{
	color: #12add3;
	padding-right: 10px;
	display: none;
	margin: 0;
}
.content_eidtForm .edit_content_Content .add_tag_content_group .edit_input_group{
	display: flex;
    align-items: center;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 10px;
	font-size: 14px;
    color: #444;
}
.content_eidtForm .edit_content_Content .add_tag_content_group .edit_input_group span{
	margin-right: 20px;
}
.content_eidtForm .edit_content_Content .add_tag_content_group .edit_input_group input{
	flex: 1;
	border: none;
	outline: none;
	height: 32px;
    line-height: 32px;
}
.content_eidtForm .edit_content_Content .add_tag_content_group .submit{
	display: flex;
}
.content_eidtForm .edit_content_Content .add_tag_content_group .submit #submitBtn{
	width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    background-color: #12add3;
    border-radius: 6px;
    display: block;
    margin-left: auto;
}

form[name="add_contact"] .form-group .form-depart{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
	height: 44px;
}
form[name="add_contact"] .form-group .form-depart.imgList{
	border-bottom: 0;
	height: auto;
	align-items: flex-start;
	margin-top: 10px;
}
form[name="add_contact"] .form-group label{
	font-size: 14px;
    color: #444;
	margin-right: 20px;
    position: relative;
}
form[name="add_contact"] .form-group input{
	flex: 1;
    outline: none;
	border: none;
    margin-bottom: 0;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
form[name="add_contact"] .form-group .addImgPart{
    width: 100px;
    position: relative;
}
form[name="add_contact"] .form-group .addImgPart .addImg{
	display: block;
    background: url(../img/product/upload.png) no-repeat;
    width: 100%;
    padding-top: 100px;
    text-align: center;
    color: #808080;
    font-size: 14px;
    background-size: 100% auto;
}
form[name="add_contact"] .form-group .addImgPart .images{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
}
form[name="add_contact"] .form-group .addImgPart .images .img{
	width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
form[name="add_contact"] .form-group .addImgPart .images .delete{
	color: #12add3;
    text-align: center;
    font-size: 14px;
}
form[name="add_contact"] .clickme {
	overflow: hidden;
}
form[name="add_contact"] .clickme #submitbutton{
	float: right;
	background-color: #12add3;
	border-radius: 6px!important;
}




@media (max-width: 640px){
	.contact_title{
		padding-left: 10px;
		padding-right: 10px;
	}
	.conn .contact_title .contact_add{
		display: none;
	}
	.content_eidtForm .edit_content{
		width: 100%;
		top: 0;
		height: 100%;
		left: 0;
		padding: 0;
		margin: 0;
	}
	.content_eidtForm .edit_content .edit_content_title {
		background-color: #f4f4f4;
		width: 100%;
		height: 40px;
		font-size: 14px;
		display: flex;
		align-items: center;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.content_eidtForm .edit_content .edit_content_title .getback{
		display: block;
	}
	.content_eidtForm .edit_content .edit_content_title .submit{
		display: block;
	}
	.content_eidtForm .edit_content .edit_content_title .edit_content_title_text{
		border-bottom: none;
		text-align: center;
		color: #444444;
		line-height: 40px;
		flex: 1;
		height: 40px;
		font-size: 14px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	.content_eidtForm .edit_content .edit_content_Content{
		padding-top: 40px;
	}
	.content_eidtForm .edit_content_Content .add_tag_content_group .submit{
		display: none;
	}
	.content_eidtForm .edit_content_Content .add_tag_content_group{
		padding-left: 0px;
		padding-right: 0px;
	}
	.content_eidtForm .edit_content_Content .add_tag_content_group .edit_input_group{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contact_lists{
		margin-left: 0px;
		margin-right: 0px;
	}
	.contact_lists .list{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.contact_lists .list:nth-child(even){
		padding-left: 0;
	}
	.contact_lists .list:nth-child(odd){
		padding-right: 0;
	}
	.contact_lists .list:nth-child(odd) .option{
		right: 10px;
	}
	.contact_lists .list .option .optionlist{
		z-index: 10001;
	    position: fixed;
	    width: 80%;
	    left: 50%;
	    top: 50%;
	    right: auto;
    	bottom: auto;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    text-align: center;
	    background-color: #fff;
	}
	.contact_lists .list .option .optionlist a{
		height: 40px;
    	line-height: 40px;
	}
	form[name="add_contact"] .form-group{
		display: block;
	}
	form[name="add_contact"] .form-group input{
		width: 100%;
		border: none;
	}
	form[name="add_contact"] .form-group .form-depart{
		margin-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	form[name="add_contact"] .form-group .form-depart.imgList{
		padding-left: 10px;
		padding-right: 10px;
	}
	.companyGroundResult .showbox.three ul li{
		padding-left: 0;
		padding-right: 0;
	}
	.clickme #submitbutton{
		opacity: 0;
	}
}

.companyGroundResult .showbox.three ul li:nth-child(3n+1){
	padding-left: 0;
}
.companyGroundResult .showbox.three ul li:nth-child(3n+3){
	padding-right: 0;
}
.header .searchBox .search .searchContent{
	display: flex;
	width: 100%;
}
.header .searchBox .search .searchContent .searchText{
	display: block;
	flex:1;
	background-color: #fff;
	height: 40px;
    line-height: 40px;
    color: #999;
    padding-left: 5px;
    font-weight: normal;
    text-align: left;
}
.header .searchBox .search .searchContent .searchIcon{
	position: relative;
	right: 0;
	top: 0;
}
.searchFilter{
	padding: 15px;
	background-color: #f0f0f0;
}
.searchFilter .searchBox .search input#search{
	height: 35px;
	line-height: 35px;
}
.searchFilter .searchBox .search a.searchIcon{
	width: 45px;
	height: 35px;
	font-size: 0;
}
.searchFilter .select .searchResult-select-list{
	border-bottom:1px solid #e0e0e0;
}
.searchFilter .select .searchResult-select-list li:first-child{
	margin-left: 0;
}
.searchFilter .filterBox .data-row-wrap{
	flex-direction: column;
	margin:0;
}
.searchFilter .filterBox {
	margin-top: 20px;
}
.searchFilter .filterBox span.collapse .data-row-wrap .pub-row-item{
	width: 100%;
	margin-bottom: 10px; 
}
.searchFilter .filterBox span.collapse .data-row-wrap .pub-row-item label{
	display: none;
}
.searchFilter .filterBox span.collapse .data-row-wrap .pub-row-item.pl10{
	padding-left: 0;
}
.searchFilter .filterBox span.collapse .data-row-wrap .pub-row-item.pr10{
	padding-right: 0;
}
.searchFilter .filterBox span.collapse .data-row-wrap .pub-row-item .wdate{
	flex:1;
	border:none;
}
.searchFilter .filterBox span.collapse .data-row-wrap .pub-row-item .select-item{
	margin-right: 34px;
}
.searchFilter .filterBox span.collapse .data-row-wrap .pub-row-item .select-item:last-child{
	margin-right: 0;
}
.searchFilter .select-item .show-data{
	background-position: 88.5% center;
}
.history {
	padding-left: 15px;
	padding-right: 15px;
}
.history .history_header{
	display: flex;
	align-items: center;
}
.history .history_header .history_header_title{
	flex: 1;
	color: #333;
	font-size: 16px;
}
.history .history_header .delete{
	display: block;
	background: url(../img/manage/delete.png) no-repeat;
    background-size: 16px 16px;
	width: 16px;
	height: 16px;
}
.history  .history_lists{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 15px;
}
.history  .history_lists a.history_list{
	display: inline-block;
	background-color: #fff;
	border-radius: 15px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	color: #666;
	font-size: 14px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.userAccount .updateTop .select{
	display: none;
}
.switchAccount{
	padding: 10px 0;
}
.switchAccount .tab_lists{
	margin:10px 0;
}
.switchAccount .tab_lists .title{
	font-size: 16px;
	color:#000;
	display: flex;
	align-items: center;
}
.switchAccount .tab_lists .title a{
	color:#12add3;
}
.switchAccount .tab_lists .title .info{
	flex:1;
}
.switchAccount .tab_lists .content{
	display: none;
	padding:10px;
	background-color: #f4f4f4;
	margin-top: 10px;
}
.switchAccount .tab_lists .content>div{
	font-size: 14px;
	color:#000;
	margin:5px 0;
}
.switchAccount .tab_lists .content>div a{
	color:#12add3;
}
.switchAccount .tab_lists .content>div img{
	max-width: 100%;
	display: block;
}
.switchAccount .tab_lists .content .apply_title a{
	text-decoration: underline;
}

/***********广告申请**********/
.adTitle{
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
}
.ExpublishAds{
	padding: 10px 0;
}
.ExapplyAds{
	padding: 10px 0;
}
.adSubContent{
	margin-bottom: 15px;
	color: #000;
	font-size: 16px;
}
.adSubContent .adSubTitle{
	margin-bottom: 10px;
}
.adSubContent .adSubTitle label{
	width: 80px;
}
.adSubContent .form-group{
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
}
.adSubContent .form-group.form-group-adImage{
	align-items: flex-start;
	border-bottom: none;
}
.adSubContent .form-group label{
	width: 80px;
	color: #444;
	font-size: 14px;
}
.adSubContent .form-group input{
	flex:1;
	height: 34px;
    line-height: 34px;
    padding-left: 5px;
    border: none;
    outline: none;
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
}
.adSubContent .form-group .form-group-inner{
	flex:1;
	display: flex;
	align-items: center;
}
.adSubContent .form-group .form-group-inner .form-group-input{
	position: relative;
	display: flex;
	align-items: center;
	flex:1;
}
.adSubContent .form-group .form-group-inner .form-group-input .unit{
	position: absolute;
	right: 5px;
}
.adSubContent .form-group .form-group-inner .form-group-input input[type="text"]{
	padding-right: 45px;
	box-sizing: border-box;
	flex:1;
}
.adSubContent .form-group .form-group-inner select{
	flex:1;
	height: 32px;
    line-height: 32px;
    padding-left: 10px;
    border: 1px solid #d2d0d1;
    outline: none;
    border-radius: 0;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 98% center;
}
.adSubContent .form-group .form-group-inner .price{
	width: 130px;
}
.adSubContent .form-group .form-group-inner img{
	width: 100%;
}
.adSubContent .form-group .form-group-inner .endTimeTxt{
	padding-left: 10px;
	box-sizing: border-box;
}
.adSubContent .form-group .form-group-inner.imgPart{
	flex-direction: column;
	text-align: center;
}
.adSubContent .form-group .form-group-inner.imgPart .addImgPart{
	margin-bottom: 10px;
	position: relative;
}
.adSubContent .form-group .form-group-inner.imgPart .addImgPart a.addImg{
	display: block;
}
.adSubContent .form-group .form-group-inner.imgPart .adtip{
	font-size: 14px;
}
.adSubContent .tips{
	font-size: 12px;
	color: #444;
	text-align: center;
	display: none;
}
.subAdContent{
	margin-bottom: 20px;
}
.subAdContent .subAdTitle{
	text-align: center;
	position: relative;
	line-height: 18px;
	margin-bottom: 15px;
}
.subAdContent .subAdTitle .adSubTitle{
	font-size: 16px;
	color: #333;
}
.subAdContent .subAdTitle .edit_ad{
	font-size: 14px;
	position: absolute;
	right: 0;
	line-height: 18px;
	top:0;
}
.subAdContent .subAdTitle .apply_ad{
	font-size: 14px;
	position: absolute;
	right: 0;
	line-height: 18px;
	top:0;
}
.subAdContent .form-group img{
	width: 100%;
}
.subAdContent .form-group span{
	flex: 1;
}
.subAdContent .form-group {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.subAdContent .form-group label{
	display: inline-block;
	width: 80px;
	flex-shrink: 0;
}
.form-group.adSubmit{
	justify-content: flex-end;
	display: flex;
}
.form-group.adSubmit #submitbutton {
    width: 100px;
    height: 30px;
    text-align: center;
    background-color: #12add3;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: none;
	border-radius: 6px !important;
}

/*********  资料详情页  ************/
.ziliaoDetail{
	text-align: center;
}
.ziliaoDetail .ziliaoTitle{
	color:#444;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ziliaoDetail .ziliaoLogo{
	width: 200px;
	margin-bottom: 10px;
	display: inline-block;
}
.ziliaoDetail .ziliaoLogo img{
	width: 100%;
}
.ziliaoDetail .ziliaoInfo{
	color:#808080;
	font-size: 14px;
	margin-bottom: 24px;
}
.ziliaoDetail .ziliaoInfo>span{
	margin:0 3px;
}
.ziliaoDetail .ziliaoDownload{
	text-align: center;
	margin-bottom: 30px;
}
.ziliaoDetail .ziliaoDownload a{
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color:#fff;
	background-color: #12add3;
}
.ziliaoDetail .ziliaoDesc{
	color:#444444;
	font-size: 16px;
	line-height: 1.75rem;
	text-align: left;
	word-break: break-all;
}

/*********  资料编辑  ************/
.ziliaoEdit{
	padding:0 0px 20px 0px;
}
.ziliaoEdit form .form-group{
	display: flex;
	margin: 0;
	font-size: 14px;
}
.ziliaoEdit form .form-group label{
	color:#444444;
	font-size: 14px;
	width: 70px;
	position: relative;
}
.ziliaoEdit form .form-group input[type="text"]{
	flex:1;
	height: 32px;
    line-height: 32px;
    padding-left: 5px;
    border: 1px solid #d2d0d1;
    outline: none;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    border-bottom: 0;
    margin:0;
}
.ziliaoEdit form .form-group select{
	flex:1;
	height: 32px;
    line-height: 32px;
    padding-left: 5px;
    border: 1px solid #d2d0d1;
    outline: none;
    border-radius: 0;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-bottom: 0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 98% center;

}
.ziliaoEdit form .form-group.tag{
	display: flex;
	align-items: center;
	padding-top: 10px;
	font-size: 14px;
}
.ziliaoEdit form .form-group.tag #add_comment_tags{
	margin-right: 15px;
    flex-shrink: 0;
}

.ziliaoEdit form .form-group.tag .tag_area{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.ziliaoEdit form .form-group.upload{
	margin: 10px 0;
}
.ziliaoEdit form .form-group.tag input[type="text"]{
	border: none;
	border-top: 0;
    flex: 1;
}
.ziliaoEdit form .form-group .form-group-Inner{
	display: flex;
	flex:1;
	align-items: center;
}
.ziliaoEdit form .form-group .ck-reset.ck{
	flex:1;
	word-break: break-all;
}
.ziliaoEdit form .form-group.submit{
	justify-content: flex-end;
}
.ziliaoEdit form .form-group.submit input[type="submit"]{
	width: 100px;
    height: 30px;
    text-align: center;
    background-color: #d5164f;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: none;
}
.ziliaoEdit form .form-group .ziliaoSection{
	flex:1;
	text-align: left;
}
.ziliaoEdit form .form-group .ziliaoSection .uploadData{
	position: relative;
	margin-bottom: 10px;
}
.ziliaoEdit form .form-group .ziliaoSection .uploadData .button span{
	color: #444444;
	font-size:14px;
}
.ziliaoEdit form .form-group .ziliaoSection .uploadData input[type="file"]{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 99;
    width: 100px;
    cursor: pointer;
}
.ziliaoEdit form .form-group .ziliaoSection .ziliaoInfo{
	display: flex;
	align-items: center;
}
.ziliaoEdit form .form-group .ziliaoSection .ziliaoInfo .name{
	flex:1;
	color: #444444;
	font-size: 14px;
}
.ziliaoEdit form .form-group .ziliaoSection .ziliaoInfo .size{
	color:#12add3;
	font-size: 14px;
}

@media (max-width: 640px) { 
	.right .myUser.myUserData{
		margin-top: 0;
	}
	.ziliaoDetail .ziliaoTitle{
		display: none;
	}
	.right .myUser.myUserData .edit_data{
		padding:0;
		padding-top: 20px;
	}
	.tabContent .dataList li .list .operations{
		padding-right: 0;
	}
	.ziliaoEdit{
		padding-left: 0;
		padding-right: 0;
	}
	.ziliaoEdit form .form-group{
		margin:0;
		display: block;
	}
	.ziliaoEdit form .form-group .form-group-Inner{
		width: 100%;
		margin-bottom: 10px;
	}
	.ziliaoEdit form .form-group label{
		display: none;
	}
	.ziliaoEdit form .form-group.desc>label{
		display: block;
		font-size: 16px;
		padding-left: 10px;
	}
	.ziliaoEdit form .form-group input[type="text"],.ziliaoEdit form .form-group select{
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 16px;
	    width: 100%;
	    margin-bottom: 0;
	}
	.ziliaoEdit form .form-group .ziliaoSection{
		padding-left: 10px;
	}
	.ziliaoEdit form .form-group.submit{
		display: none;
	}
	.ziliaoDetail .ziliaoDownload a{
		width: 100%;
	}
	.adSubContent .form-group{
		border-bottom: 1px solid #d2d0d1;
		padding-left: 10px;
		padding-right: 10px;
	}
	.adSubContent .form-group.form-group-adImage{
		border:none;
	}
	.adSubContent .form-group input{
		border:none;
		padding:0;
		font-size: 12px;
	}
	.adSubContent .form-group label{
		display: none;
	}
	.adSubContent .form-group{
		display: block;
	}
	.adSubContent .form-group .form-group-inner  label{
		display: block;
		padding: 0px;
		color: #444;
		font-size: 12px;
	}
	.adSubContent .tips{
		display: block;
	}
	.adSubContent .form-group .form-group-inner input[type="date"]{
		background-color: transparent;
		font-size: 12px;
	}
	.adSubContent .form-group .form-group-inner{
		border-bottom: 1px solid #d2d0d1;
		margin-left: -10px;
		margin-right: -10px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.adSubContent .form-group .form-group-inner .endTimeTxt{
		padding: 0;
	}
	.adSubContent .form-group .form-group-inner:first-child{
		padding-top: 0;
	}
	.adSubContent .form-group .form-group-inner:last-child{
		border:none;
		
	}
	.adSubContent .form-group .form-group-inner .tip{
		display: none;
	}
	.adSubContent .form-group .form-group-inner select{
		border:none;
		padding-left: 0;
		font-size: 12px;
	}
	.ExpublishAds .form-group.adSubmit{
		display: none;
	}
	.ExapplyAds .form-group.adSubmit{
		display: none;
	}
}
/*********  资料编辑  ************/

/********** 参展产品exbition_company **************/

.exhibitionProduct .productList .index .operations{
    position: absolute;
    display: none;
    right: 5px;
    top: 5px;
}
.exhibitionProduct .productList .lists .list .index .desc{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.6);
    height: auto;
    line-height: 20px;
}
.exhibitionProduct .productList .index .operations .edit{
    color: #31b2d5;
    font-size: 12px;
}
.exhibitionProduct .productList .index .operations .delete{
    color: #4a4a4a;
    font-size: 12px;
}
.exhibitionProduct .productList .list:hover .operations{
    display: block;
}
.exhibitionProduct .productList .list:hover .desc{
    padding-right: 70px;
}
.applyProduct{
    margin-top: 30px;
}
.applyProduct form>div{
    position: relative;
    padding-left: 90px;
    margin-bottom: 20px;
}
.applyProduct form>div.zhj_cklc{ margin-bottom:-20px;}
.uploadPhoto form>div.zhj_cklc{ margin-bottom:0px;}
.applyProduct form>div.zhj_ckme{ margin-bottom:0;}
.applyProduct form>div.zhj_ckme.hj_click #submitbutton{ margin-top:10px; margin-bottom:0;}
.applyProduct form>div label{
    position: absolute;
    left: 0;
    width: 80px;
    text-align: right;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 34px;
}
.personal .right .applyProduct form>div label{
	width: 80px;
}
.applyProduct form>div input[type="text"],.applyProduct form>div textarea{
    height: 34px;
    line-height: 34px;
    width: 100%;
    padding-left: 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid #e3e3e3;
    outline: none;
}
.applyProduct form>div select{
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid #e3e3e3;
    outline: none;
}
.applyProduct form>div.addCategory,.applyProduct form>div.updateCategory{
    padding-right: 70px;
}
.applyProduct form>div.addCategory a,.applyProduct form>div.updateCategory a{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 60px;
    color: #fff;
    background-color: #d5164f;
}
.applyProduct form>div.addCategory a.hj_add,.applyProduct form>div.updateCategory a.hj_edit{width: 60px;
    height: 35px;
    line-height: 35px;
    background-color: #12add3; font-size:14px;}
.applyProduct form>div.updateCategory select{
    position: absolute;
    left: 90px;
    top: 0;
    width: 120px;
}
.applyProduct form>div.updateCategory {
    padding-left: 220px;
    margin-bottom: 40px;
}
.applyProduct form>div.productName,.applyProduct form>div.buyLink{
    overflow: hidden;
}
.applyProduct form>div.productName input,.applyProduct form>div.buyLink input{
    width: 60%;
    float:left;
}
.personal .right .applyProduct form>div.productName input,.personal .right .applyProduct form>div.buyLink input{
	width: 60%;
}
.personal .right .applyProduct form>div.pb select{
	width: 50%;
}
.applyProduct form>div.productName span,.applyProduct form>div.buyLink span{
    display: inline-block;
    width: 10%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 34px;
}
.personal .right .applyProduct form>div.productName span,.personal .right .applyProduct form>div.buyLink span{
	width: 13%;
}
.personal .right .applyProduct form>div.productName select,.personal .right .applyProduct form>div.buyLink input#name{
	width: 27%;
}
.applyProduct form>div.productName select,.applyProduct form>div.buyLink input#name{
    width: 30%;
    float: left;
}
.applyProduct form>div.imgEdit{
    overflow: hidden;
}
.applyProduct form>div.imgEdit>div{
    width: 33%;
    height: 160px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    position: relative;
}
.applyProduct form div.imgEdit>div a {
    display: block;
	width: 140px;
	margin: 0 auto;
	height: 100%;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
}
.applyProduct form div.imgEdit>div a.addLogo{
    background: url(../img/ground/addLogo.png) no-repeat;
    background-size: 100% 100%;
}
.applyProduct form div.imgEdit>div a.addMain{
    background: url(../img/ground/addMain.png) no-repeat;
    background-size: 100% 100%;
}
.applyProduct form div.imgEdit>div a.addImg {
    background: url(../img/ground/addImg.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.applyProduct form div.imgEdit>div .img{
    position: absolute;
	top: 9px;
	left: 9px;
	right: 9px;
	bottom: 9px;
    overflow: hidden;
}
.applyProduct form div.imgEdit>div img{
    width: 100%;
}
.applyProduct form div.imgEdit>div i.close{
    display: block;
    width: 39px;
    height: 36px;
    right: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
    background: url(../img/ground/close.png) no-repeat;
}
.applyProduct form div.desc textarea{
    height: 80px;
}
.applyProduct form input[type="submit"]{
    width: 80px;
    height: 34px;
    float: right;
    background-color: #d5164f;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    border: none;
    outline: none;
}
.importProduct{
	margin-top: 10px;
}
.importProduct>p{
	font-size: 16px;
	margin-bottom: 10px;
}
.importProduct form .productInfo{
	position: relative;
	padding-left: 80px;
	box-sizing: border-box;
	width: 100%;
	font-size: 0;
}
.importProduct form .productInfo label{
	position: absolute;
	left: 0;
	widows: 80px;
	font-size: 14px;
	top: 50%;
	margin-top: -10px;
}
.importProduct form .productInfo .p_name{
	width:65%;
	height: 34px;
	line-height: 34px;
	-webkit-box-sizing: border-box;
    border: 1px solid #e3e3e3;
    outline: none;
    margin-right: 5%;
}
.importProduct form .productInfo .p_lanmu{
	width: 30%;
	height: 34px;
	line-height: 34px;
	-webkit-box-sizing: border-box;
    border: 1px solid #e3e3e3;
    outline: none;
}
.importProduct .clickme{
	margin-top: 20px;
}
@media (max-width: 775px) {
    .productList .lists .list{
        width: 50%;
    }
    .applyProduct{
        display: none;
    }
    .verifyTitle .arrowDown{
        display: none;
    }

}
/********** 参展产品exbition_company **************/

/********** 参展产品改版 **************/
.exhibitionPart .pale{
	display: flex;
	min-height: 300px;
}

/* .exhibitionPart .pale>div.pale_product_edit{
	padding-top: 0;
} */
.exhibitionPart .pale .pale_summary{
	background-color: #fff;
	padding:20px; 
	margin-right: 10px;
	width: 230px;
	box-sizing: border-box;
}
.exhibitionPart .pale .pale_product{
	flex:1;
	background-color: #fff;
	padding:20px 0;
}
.exhibitionPart .pale .pale_summary .category-head{
	display: flex;
	color:#808080;
	font-size: 12px;
	margin-bottom: 10px;
}
.exhibitionPart .pale .pale_summary .category-head .all{
	flex:1;
}
.exhibitionPart .pale .pale_summary .category-head a.manage{
	color: #12add3
}
.exhibitionPart .pale .pale_summary .searchInput{
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}
.exhibitionPart .pale .pale_summary .searchInput input{
	flex:1;
	border:1px solid #ccc;
	background-color: #fff;
	outline: none;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	box-sizing: border-box;
	width: 120px;
	border-right: none;
}
.exhibitionPart .pale .pale_summary .searchInput .search{
	display: block;
	width:50px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background-color: #d5164f;
	color: #fff;
	font-size: 15px;
}
.exhibitionPart .pale .pale_summary .category-type{
	font-size: 12px;
}
.exhibitionPart .pale .pale_summary .category-type .category-title{
	color: #444;
	margin-bottom: 5px;
	margin-top: 20px;
}
.exhibitionPart .pale .pale_summary .category-type .category-tab{
	color:#444;
	margin-bottom: 10px;
	background: url(../img/product/product_icon.png) no-repeat;
	background-position: 0 4px;
	padding-left: 18px;
	cursor: pointer;
}
.exhibitionPart .pale .pale_summary .category-type .category-tab.extends{
	background: url(../img/product/product_icon.png) no-repeat;
	background-position: 0 -15px;
}
.exhibitionPart .pale .pale_summary .category-type .category-list{
	padding-left: 18px;
	margin-bottom: 10px;
	display: none;
}
.exhibitionPart .pale .pale_summary .category-type .category-list a{
	color: #808080;
}
.exhibitionPart .pale .pale_product .lists .productslist{
	width: 25%;
	padding: 5px;
}
.exhibitionPart .pale .pale_product .productslist .addtoCart{
	display: block;
	background: url(../img/product/product_icon.png) no-repeat;
	background-position: 0 -49px;
	width: 18px;
	height: 18px;
	margin-left: 10px;
}

.product_manage{
	display: flex;
	align-items: center;
	margin: 15px 0px;
}
.product_manage .manage{
	margin-left: auto;
	font-size: 14px;
}
.product_tags{
	margin: 0;
	display: flex;
    flex-wrap: wrap;
}
.product_tags .product_tag{
	display: inline-block;
    background: url(../img/exhibition/commentlogo.png) no-repeat left center;
    background-position: 0 -143px;
    height: 14px;
    line-height: 14px;
    color: #999999;
    font-size: 12px;
    padding-left: 22px;
    margin-right: 20px;
    cursor: pointer;
    margin-bottom: 5px;
}
.pale_product .product_form_head{
	margin:10px;
	width: auto; 
}
/*.productService .productslist .info{
	padding: 10px 6px;
}*/
.productService .productslist .info .product_info_top{
	display: flex;
	margin-bottom: 5px;
	width: 100%;
}
.productService .productslist .info .product_info_top .product_info_left{
	display: flex;
	align-items: center;
	flex:1;
}
.productService .productslist .info .product_info_top .product_info_left .price{
	font-size: 11px;
	color: #d5164f;
	margin-right: 5px
}
.productService .productslist .info .product_info_top .product_info_left .price span{
	font-size: 16px;
}
.productService .productslist .info .product_info_top .product_info_left .mail{
	color:#d1d1d1;
	font-size:12px;
	border:1px solid #d1d1d1;
	line-height: 16px;
}
.productService .productslist .info .product_info_desc{
	margin-bottom: 5px;
	color: #444;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width: 100%;
	max-width: 258px;
}
.productService .productslist .info .product_info_desc a{
	color: #444;
}
.productService .productslist .info .product_info_top .product_info_right{
	display: flex;
	align-items: center;
}
.productService .productslist .info .product_info_top .product_info_right .soldNumber{
	color: #808080;
	font-size:12px;
}
.productService .productslist .info .product_info_top .product_info_right .collect{
	display: block;
	background: url(../style/img/collect_new.png) no-repeat;
	background-size: 18px auto;
	width: 18px;
	height: 18px;
	margin-left: 5px;
}
.productService .productslist .info .product_info_top .product_info_right .collect.collected{
	display: block;
	background: url(../style/img/collected_new.png) no-repeat;
	background-size: 18px auto;
	width: 18px;
	height: 18px;
	margin-left: 5px;
}
.productService .productslist .info .product_info_bottom{
	display: flex;
	align-items: center;
	align-self: flex-end;
	width: 100%;
}
.productService .productslist .info .product_info_bottom .product_author{
	display: flex;
	align-items: center;
	flex:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.productService .productslist .info .product_info_bottom .product_author a{
	
	color: #808080;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.productService .productslist .info .product_info_bottom .product_author .authorlogo{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin-right: 5px;
}
.productService .productslist .info .product_info_bottom .product_author .authorName{
	color: #808080;
	font-size:14px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.productService .productslist .info .product_info_bottom .addtoCart{
	display: block;
    background: url(../img/product/product_icon.png) no-repeat;
    background-position: 0 -49px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
}
.pale_product .searchInput{

	align-items: center;
	display: flex;
}
.pale_product .searchInput input[type="text"]{
	border:1px solid #e6e6e8;
	flex:1;
	background-color: #fff;
	color: #807e7e;
	outline: none;
	line-height: 40px;
    height: 40px;
    padding-left: 5px;
    box-sizing: border-box;
}
.pale_product .searchInput .search{
	width: 50px;
    height: 40px;
    display: block;
    background: #d5164f url(../img/news/searchicons2.png) no-repeat center;
    background-size: 24px auto;
    font-size: 0;
}

@media (max-width: 640px) { 
	.exhibitionPart .pale .pale_product.productService .lists{
		padding: 5px;
	}
	.exhibitionPart .pale .pale_product .lists .productslist{
		width: 50%;
		padding: 5px;
		box-sizing: border-box;
	}

	.exhibitionPart .pale .pale_product{
		padding: 0;
	}
	.pale_product .product_form_head{
		margin:0;
	}
	.product_form_head .product_catalog.phone_style{
		display: block;
	}
	.pale_product .searchInput{
		display: flex;
		margin: 0;
	}
	.product_tags .product_tag{
		font-size: 12px;
	}
	.product_manage .manage{
		display: none;
	}
	
}


/**********参展产品改版 **************/

/**********参展产品编辑页改版 **************/
.pale_product_edit{
	padding: 20px 0px;
	flex:1;
	background-color: #fff;
	min-height: 280px;
}
.personal .personalRight>.pale_product_edit{
	padding: 0;
}
#product_form .form-group .form-depart>div{
	flex:1;
	display: flex;
	position: relative;
}
#product_form .form-group .form-depart .ui-select::after{
	position: absolute;
    content: "";
    width: 10px;
    height: 6px;
    right: 5%;
    top: 50%;
    margin-top: -3px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat right center;
}
.product_set .choose_set_detail{
	border: 1px solid #d2d2d2;
	height: 32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    flex:1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical; 
}
.product_set .choose_set_detail::after{
	position: absolute;
    content: "";
    width: 16px;
    height: 6px;
    right: 5%;
    top: 50%;
    margin-top: -3px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAMFBMVEUAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHxCwuweAAAAD3RSTlMA2CAKCPDp8ebJwri3sx95YQ1VAAAALUlEQVQI12MQNGBgWMaQL8zA85/B8CPD/iAGFvm5Xx8wMDj+L2JgYGCRUGAAAKesCSuk4z2tAAAAAElFTkSuQmCC) no-repeat 95% center;

}
.product_set .product_set_choose_lists{
	position: absolute;
	top: 32px;
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    left:-335px;
    width: 595px;
    padding:18px 6px 10px 10px;
    background-color: #fff;
    z-index: 11;
    display: none;
}
.form-group .form-depart:first-child .product_set .product_set_choose_lists{
	left: 0;
}

.exhibitionPart .pale_product_edit .product_set .product_set_choose_lists{
	left:-365px;
    width: 655px;
}
.exhibitionPart .pale_product_edit .form-group .form-depart:first-child .product_set .product_set_choose_lists{
	left: 0;
}
.product_set .product_set_choose_lists .product_set_list{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.product_set .product_set_choose_lists .product_set_list .product_set_type{
	flex:1;
}
.product_set .product_set_choose_lists .product_set_list>div{
	display: flex;
}
.product_set .product_set_choose_lists .product_set_list span{
	font-size: 14px;
	color:#444;
	padding-right: 10px;
}
.product_set .product_set_choose_lists .product_set_list input{
	border: 1px solid #d2d2d2;
	height: 26px;
    line-height: 26px;
    width:52px;
    margin-right: 10px;
}
.product_set .product_set_choose_lists .product_set_list .product_set_type input{
	width: 113px;
}
.product_set .product_set_choose_lists .product_set_list .delete{
	color: #12add3;
	font-size:14px;
}
.product_set .product_set_choose_lists .product_operation{
	text-align: right;
}
.product_set .product_set_choose_lists .product_operation a{
	color: #12add3;
	font-size:14px;
}
.product_set .product_set_choose_lists .product_set_save{
	text-align: right;
	margin-top: 10px;
}
.product_set .product_set_choose_lists .product_set_save a{
	display: inline-block;
	width: 80px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background-color: #d51550;
	font-size: 14px;
}
.product_commission{
	position: relative;
}
.product_commission input[type='text']{
	padding-right: 20px;
}
.product_commission .uint{
	position: absolute;
	right: 5%;
	top: 5px;
	color: #444;
	font-size: 14px;
}
.product_set .product_set_choose_lists_forPhones{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 111;
	padding-top: 44px;
	box-sizing: border-box;
	overflow-y: auto;
}
.product_set .product_set_choose_lists_forPhones .product_set_list>div{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 10px;
}
.product_set .product_set_choose_lists_forPhones .product_set_list span{
	color: #808080;
	font-size:14px;
	padding-left: 50px;
	display: inline-block;
	width: 106px;
	box-sizing: border-box;
}
.product_set .product_set_choose_lists_forPhones  .product_set_type{
	position: relative;
}
.product_set .product_set_choose_lists_forPhones .product_set_list .delete{
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #d5164f;
	left: 20px;
}
.product_set .product_set_choose_lists_forPhones .product_set_list .delete::after{
	content: "";
	position: absolute;
	display: block;
	width: 8px;
	height:2px;
	background-color: #fff;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -4px;
}
.product_set .product_set_choose_lists_forPhones .product_operation{
	text-align: center;
	margin-top: 20px;
}
.product_set .product_set_choose_lists_forPhones .product_operation .add{
	display: inline-block;
	position: relative;
	background-color: #e5e5e5;
	width: 110px;
	height: 110px;
	color: #999;
	font-size: 12px;
	padding-top: 70px;
	box-sizing: border-box;
}
.product_set .product_set_choose_lists_forPhones .product_operation .add::before{
	content: "";
	position: absolute;
	width: 60px;
	height: 6px;
	background-color: #fff;
	left: 50%;
	margin-left: -30px;
	top: 36px;
}
.product_set .product_set_choose_lists_forPhones .product_operation .add::after{
	content: "";
	position: absolute;
	width: 6px;
	height: 60px;
	background-color: #fff;
	left: 50%;
	margin-left: -3px;
	top: 10px;
}
.product_set .product_set_choose_lists_forPhones .product_operation .add1{
	display: inline-block;
	position: relative;
	background-color: #e5e5e5;
	width: 110px;
	height: 110px;
	color: #999;
	font-size: 12px;
	padding-top: 70px;
	box-sizing: border-box;
}
.product_set .product_set_choose_lists_forPhones .product_operation .add1::before{
	content: "";
	position: absolute;
	width: 60px;
	height: 6px;
	background-color: #fff;
	left: 50%;
	margin-left: -30px;
	top: 36px;
}
.product_set .product_set_choose_lists_forPhones .product_operation .add1::after{
	content: "";
	position: absolute;
	width: 6px;
	height: 60px;
	background-color: #fff;
	left: 50%;
	margin-left: -3px;
	top: 10px;
}

@media (max-width: 640px) { 
	.exhibitionPart .pale .pale_summary{
		display: none;
	}
	.pale_product_edit{
		padding: 0;
	}
	.pale_product_edit #product_form{
		margin-top: 0;
	}

	#product_form .form-group.productOption{
		display: block;
		border-bottom: none;
	}
	#product_form .form-group.productOption .form-depart{
		border-bottom: 1px solid #d0d0d0;
	}
	#product_form .form-group .form-depart_blank{
		display: none;
	}
	#product_form .form-group label{
		display: block;
		padding-left: 10px;
	}
	#product_form .form-group.productImage label{
		display: none;
	}
	#product_form .form-group input[type="text"],.pale_product_edit #product_form .form-group select{
		border:none;
	}
	#product_form .form-group.productImage{
		border:none;
	}
	#product_form .form-group.productEdit{
		border:none;
		margin-bottom: 0;
	}
	#product_form .form-group.productEdit label{
		display: none;
	}
	.product_set .choose_set_detail{
		border:none;
	}
	#product_form .form-group.setLinks label,#product_form .form-group.setTags label{
		display: none;
	}
	.exhibitionPart .pale{
		margin-bottom: 0;
	}
	.exhibitionPart .pale>div{
		padding: 0;
	}
	.product_set .product_set_choose_lists{
		display: none;
	}
	.product_set .product_set_choose_lists_forPhones{
		display: none;
	}
	.product_set_choose_lists_forPhones .product_form_head .save{
		color: #12add3;
	}
	.product_set_choose_lists_forPhones .product_set_save{
		margin-right: 10px;
	}
	.product_form_head .title{
		text-align: center;
	}


}
/**********参展产品编辑页改版 **************/

/********* 会展 -  网上展 **************/

.exhibition_index_tabs{
	display: flex;
	align-items: center;
	margin:10px 0;
	flex-wrap: wrap;
}
.exhibition_index_tabs .index_tab{
	width: 91px;
	height: 91px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.exhibition_index_tabs .index_tab{
	background-color: #76cbf3;
}
.exhibition_index_tabs .index_tab:nth-child(even){
	background-color: #5eabdf;
}
.exhibition_index_tabs .index_tab a{
	color: #fff;
	font-size:25px;
}
.exhibition_index_tabs .index_tab.current{
	background-color: #fbc920;
}
.exhibition_index_tabs .index_tab_more{
	background-color: #5eabdf;
	width: 91px;
	height: 91px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.exhibition_index_tabs .index_tab_more a{
	font-size:0;
	position: relative;
	display: block;
	width: 26px;
	height: 6px;
	background-color: #fff;
}
.exhibition_index_tabs .index_tab_more a::after{
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 26px;
	left: 50%;
	margin-left: -3px;
	top: 50%;
	margin-top: -13px;
	background-color: #fff;
}
.exhibition_index_topSwitch{
	margin-bottom: 25px;
}
.exhibition_index_photographer{
	background-color: #fff;
	padding:30px 12px 25px 12px;
	overflow: hidden;
	margin-bottom: 10px;
}
.exhibition_index_photographer .photographer_list {
	padding: 0  18px;
	width: 90px;
}
.exhibition_index_photographer .photographer_list a{
	display: flex;
	flex-direction: column;
	text-align: center;
}
.exhibition_index_photographer .photographer_list .userlogo{
	width: 90px;
	height: 90px;
	border-radius: 45px;
	margin-bottom: 25px;
	border:1px solid #f0f0f0;
}
.exhibition_index_photographer .photographer_list span{
	font-size:18px;
	color:#000;
}
.swiper_related_products{
	overflow: hidden;
}
.exhibition_index_company{
	background-color: #fff;
	padding: 30px;
	overflow: hidden;
	margin-bottom: 10px;
}
.exhibition_index_company .showbox{
	overflow: hidden;
}
.exhibition_index_company .showItem{
	overflow: hidden;
}
.exhibition_index_company .showItem .index{
	position: relative;
    border: #f2f2f2 solid 1px;
    width: 100%;
    overflow: hidden;
    height: 200px;
    box-sizing: border-box;
}
.exhibition_index_company .showItem .index .desc{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding: 10px 8px 0px 8px;
    background: url(../img/bgTransfer.png) top no-repeat;
    background-repeat: repeat-x;
    background-size: 100% 90px;
    padding-right: 60px;
    min-height: 89px;
}
.exhibition_index_company .showItem .index .desc .slogo{
	width: 48px;
    height: 48px;
    line-height: 43px;
    background-color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #d4d4d4;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}
.exhibition_index_company .showItem .index .desc .slogo img{
	width: auto;
    height: auto;
    max-width: 46px;
    max-height: 46px;
    min-height: auto;
    position: static;
    top: -50%;
    left: -50%;
    vertical-align: middle;
}
.exhibition_index_company .showItem .index .desc .ctitle{
	color: #000000;
    font-size: 16px;
    width: 100%;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.exhibition_index_company .showItem .index .desc .etitle{
	color: #000;
    font-size: 6px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.exhibition_index_company .showItem .index .desc .zhanweiNumber{
	font-weight: normal;
}
.exhibition_index_company .showItem .show{
	width: 100%;
    height: 200px;
    opacity: 0;
    position: absolute;
    background-color: rgba(39, 179, 214, 0.9);
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    padding: 12px 12px 0px 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}
.exhibition_index_company .showItem .show .desc{
	border-bottom: 1px solid #fff;
    padding-right: 8px;
}
.exhibition_index_company .showItem .show .desc .ctitle{
	font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    line-height: 1.6;
    margin-bottom: 5px;
    padding-right: 70px;
}
.exhibition_index_company .showItem .show .desc .etitle{
	font-size: 9px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
}
.exhibition_index_company .showItem .show a{
	color: #fff;
}
.exhibition_index_company .showItem .show .productIcons{
	overflow: hidden;
    display: flex;
    margin-top: 5px;
}
.exhibition_index_company .showItem .show .productIcons a{
	flex: 1;
    display: flex;
    margin-right: 5px;
    height: 70px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #000;
    align-items: center;
    justify-content: center;
}
.exhibition_index_company .showItem .show .productIcons a img{
	width: 100%;
}
.exhibition_index_company .showItem .show .operations{
	position: absolute;
    right: 12px;
    top: 10px;
    color: #444444;
    font-size: 16px;
}
.exhibition_index_company .showItem .show .operations a{
	color: #444444;
}

.exhibition_index_company .showItem:hover .show {
  animation:Viewshow ease-out 0.8s forwards;
  -webkit-animation:Viewshow  ease-out 0.8s forwards;
}

@-webkit-keyframes Viewshow{
    from { top: 100%; opacity: 0}
    to{top:0;opacity: 1}
}
@keyframes Viewshow{
    from { top: 100%; opacity: 0}
    to{top:0;opacity: 1}
}

.exhibition_index_company .showItem:hover .index .desc {
  animation:ViewOut linear 0.5s forwards;
  -webkit-animation:ViewOut  linear 0.5s forwards;
}

@-webkit-keyframes ViewOut{
    from {  opacity: 1}
    to{opacity: 0}
}
@keyframes ViewOut{
    from { opacity: 1}
    to{opacity: 0}
}
.exhibition_index_product{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 20px;
}
.exhibition_index_company{
	background-color: #fff;
	padding: 20px;
}
.exhibition_index_product .userLists{
	margin:10px 0;
}
.exhibition_index_product .userLists .user_information{
	display: flex;
    overflow: hidden;
    margin:0 10px;
}
.exhibition_index_product .userLists .user_information .userlogo{
	width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-right: 15px;
}
.exhibition_index_product .userLists .user_information .user_right{
	flex: 1;
    display: flex;
    align-items: center;
}
.exhibition_index_product .userLists .user_information .user_right a.nickname{
	color: #444444;
    font-size: 16px;
    display: block;
    flex: 1;
}
.exhibition_index_product .userLists .user_information .user_right .focus .guanzhu{
	font-size: 16px;
    color: #808080;
    background: url(/useful/js/invi/images/focus.png) no-repeat left center;
    padding-left: 25px;
    background-size: 18px auto;
}
.exhibition_index_product .lists .productslist{
	width: 25%;
	padding: 5px;
	box-sizing: border-box;
}
.exhibition_index_albums{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 10px;
	overflow:hidden;
}
.exhibition_index_albums .albumsLists{
	padding: 0;
	overflow: hidden;
}
.exhibition_index_albums .albumsLists ul{
	overflow: initial;
}
.exhibition_index_albums .albumsLists ul li{
	padding: 0;
	float: none;
}
.exhibition_index_invitation{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 10px;
}
.exhibition_index_invitation .invitation_list{
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}
.exhibition_index_invitation .invitation_list:last-child{
	margin-bottom: 0;
}
.exhibition_index_invitation .invitation_list .invitation_img{
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	background-color: #000;
    overflow: hidden;
    margin-right: 15px;
}
.exhibition_index_invitation .invitation_list .invitation_img img{
	height: 150px;
    max-width: initial;
}
.exhibition_index_invitation .invitation_list .invitation_info{
	flex:1;
	display: flex;
	flex-direction: column;
	height: 150px;
}
.exhibition_index_invitation .invitation_list .invitation_info .invitation_title{
	flex:1;
	color: #325477;
	font-size:18px;
}
.exhibition_index_invitation .invitation_list .invitation_info .invitation_data{
	display: flex;
	flex-direction: row;
}
.exhibition_index_invitation .invitation_list .invitation_info .invitation_data .invitation_left{
	flex:1;
	color:#333;
	font-size: 12px;
}
.exhibition_index_invitation .invitation_list .invitation_info .invitation_data .invitation_left .invitation_time{
	margin-bottom: 8px;
}
.exhibition_index_invitation .invitation_list .invitation_info .invitation_data .invitation_right{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.exhibition_index_invitation .invitation_list .invitation_info .invitation_data .invitation_right .invitation_price{
	color:#444;
	font-size: 12px;
	margin-right: 20px;
}
.exhibition_index_invitation .invitation_list .invitation_info .invitation_data .invitation_right .gotoInvitaion{
	display: inline-block;
	border:1px solid #12add3;
	width: 80px;
	height: 30px;
	border-radius: 15px;
	text-align: center;
	line-height: 30px;
	color: #12add3;
}
.exhibition_index_info{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 30px;
}
.exhibition_index_info .info_head{
	color:#444;
	font-size:18px;
	margin-bottom: 5px;
}
.exhibition_index_info p{
	word-wrap: break-word;
    font-size: 16px;
    color: #444444;
    line-height: 1.75rem;
    margin-bottom: 20px;
}
.exhibition_index_comment{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 30px;
}
.exhibition_index_comment_list{
	border-bottom: 1px solid #cfcfcf;
}
.exhibition_index_comment_list .oneline{
	position: relative;
    display: flex;
    padding: 10px 0;
}
.exhibition_index_comment_list .oneline .left_title{
	flex:1;
}
.exhibition_index_comment_list .oneline .left_title .title{
	color: #444;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    flex: 1;
}
.exhibition_index_comment_list .oneline .left_title .title a{
	color:#000;
}
.exhibition_index_comment_list .oneline .dotted{
	background: url(../img/dotted.png) no-repeat;
    background-size: 19px 5px;
    width: 19px;
    height: 5px;
    margin-top: 10px;
}
.exhibition_index_comment_list .oneline .showup{
	display: none;
    position: absolute;
    width: 120px;
    right: 0;
    top: 30px;
    z-index: 2;
    border: 1px solid #ccc;
    box-shadow: -2px -1px 8px #999;
}
.exhibition_index_comment_list .oneline .showup a{
	cursor: pointer;
    color: #12add3;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
}
.exhibition_index_comment_list .desc{
	color: #444;
    font-size: 16px;
    line-height: 1.75rem;
}
.exhibition_index_comment_list .desc .info{
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 35px;
}
.exhibition_index_comment_list .desc .info a{
	color: #444;
}
.exhibition_index_comment_list .desc .imgArea{
	overflow-y: hidden;
	margin-bottom: 10px;
}
.exhibition_index_comment_list .desc .imgArea .parts{
	width: 100%;
    clear: both;
    overflow-y: hidden;
}
.exhibition_index_comment_list .desc .imgArea .parts a{
	display: flex;
    float: left;
    margin-right: 2px;
    width: 150px;
    height: 150px;
    background-color: #000;
    overflow: hidden;
    justify-content: center;
}
.exhibition_index_comment_list .desc .imgArea .parts a img{
	height: 150px;
    max-width: initial;
}
.exhibition_index_comment_list .commentInfo{
	overflow: hidden;
    padding: 10px 0;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.exhibition_index_comment_list .commentInfo .left{
	flex: 1;
    height: auto;
    width: 50%;
}
.exhibition_index_comment_list .commentInfo .right{
	display: flex;
    align-items: center;
    justify-content: center;
}
.exhibition_index_comment_list .commentInfo .left .author a{
	font-size: 16px;
    color: #12add3;
}
.exhibition_index_comment_list .commentInfo .left .time{
	color: #a0a0a0;
    font-size: 14px;
}
.exhibition_index_comment_list .commentInfo .right>a{
	background: url(../img/usercenter/comment_logo.png) no-repeat;
    display: inline-block;
    background-size: 19px auto;
    color: #808080;
    margin-left: 10px;
    font-size: 12px;
}
.exhibition_index_comment_list .commentInfo .right a.record{
	background-position: 0 -28px;
    height: 16px;
    padding-left: 25px;
}
.exhibition_index_comment_list .commentInfo .right a.good{
	background-position: 0 0px;
    height: 16px;
    padding-left: 25px;
}
.exhibition_index_comment_list .commentInfo .right a.forwardTo{
	background-position: 0 -54px;
    width: 19px;
    height: 19px;
    font-size: 0;
    cursor: pointer;
}
.exhibition_index_currentPage{
	align-items: center;
	display: flex;
}
.exhibition_index_currentPage>a{
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #000;
	font-size: 16px;
	text-align: center;
}
.exhibition_index_currentPage>a.index{
	background-color: #fff;
}
.exhibition_web_info{
	margin-top: 35px;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 20px 40px;
	height: 180px;
	overflow: hidden;
}
.exhibition_web_info .memberInfo{
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: flex;
	align-items: center;
}
.exhibition_web_info .memberInfo .memberNumber,.exhibition_web_info .memberInfo .memberFocus,.exhibition_web_info .memberInfo .member_set{
	color: #f2f2f2;
	font-size: 14px;
	margin-right: 20px;
}
.exhibition_web_info .memberInfo .button{
	font-size: 14px;
}
.exhibition_web_info .memberInfo .button.joinIn{
	color: #f2f2f2;
}
.exhibition_web_info .memberInfo .button.joinOut{
	color: #f2f2f2;
}
.exhibitionContainer .header .navNoBackground{
	background-color: transparent;
}

@media (max-width: 640px){
	.exhibition_index_tabs{
		padding: 10px 12px;
	}
	.exhibition_index_tabs .index_tab{
		width: 64px;
		height: 64px;
		margin-right: calc((100vw - 344px)/4);
		margin-right: -webkit-calc((100vw - 344px)/4);
		margin-right: -moz-calc((100vw - 344px)/4);
		margin-bottom: 15px;
	}
	.exhibition_index_tabs .index_tab_more{
		width: 64px;
		height: 64px;
	}
	.exhibition_index_tabs .index_tab:nth-child(5n){
		margin-right: 0;
	}
	.exhibition_index_photographer .photographer_list{
		width: 64px;
		padding: 0 8px;
	}
	.exhibition_index_photographer .photographer_list .userlogo{
		width: 64px;
		height: 64px;
		border-radius: 32px;
		margin-bottom: 12px;
	}
	.exhibition_index_photographer .photographer_list span{
		font-size: 14px;
	}
	.exhibition_index_company{
		padding: 12px;
	}
	.exhibition_index_product{
		padding: 2px;
	}
	.exhibition_index_product .lists .productslist{
		width: 50%;
	}
	.exhibition_index_albums{
		padding: 12px;
	}
	.exhibition_index_invitation{
		padding: 12px;
	}
	.exhibition_index_info{
		padding: 12px;
	}
	.exhibition_index_invitation .invitation_list .invitation_info .invitation_data{
		flex-direction: column;
	}
	.exhibition_index_invitation .invitation_list .invitation_info .invitation_data .invitation_right{
		margin-top: 10px;
		justify-content: flex-end;
	}
	.exhibition_index_comment{
		padding: 12px;
	}
	.exhibition_index_comment_list .oneline .showup{
		position: fixed;
	    width: 80%;
	    left: 10%;
	    top: 50%;
	    margin-top: -61px;
	    z-index: 55;
	    border: 0;
	}
	.exhibition_index_tabs .index_tab a{
		font-size: 23px;
	}
	.exhibition_index_currentPage>a{
		display: block;
	flex:1;
		height: 40px;
		line-height: 40px;
		color: #000;
		font-size: 16px;
		text-align: center;
}
	.productService .swiper_related_products .lists{
		flex-wrap: nowrap;
}

	.exhibition_web_info{
		height: 155px;
}
	.exhibition_web_info .memberInfo{
		right: 10px;
}
}

/********* 会展 -  网上展 **************/

.replayButton_disable{
	width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    padding: 0;
    color: #fff;
    background-color: #b9b9b9;
    margin-left: auto;
    border: none;
    outline: none;
    display: none;
}
 @media (max-width: 775px) {
 	.exhibitionPart .manage_identify#product_form  .form-group-submit{
 		display: none;
 	}
 	.manage_identify .form-group .open_market{
 		display: block;
 		padding-left: 10px;
 		padding-right: 10px;
 	}
 	.manage_identify#product_form{
 		margin-top: 20px;
 	}
 	.exhibitionPart .manage_identify#product_form .form-group.productImage .productImagelists{
 		display: block;
		width: 100%;
 	}
 	.exhibitionPart .manage_identify#product_form .form-group.productImage .productImagelists>div{
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		position: relative;
 		padding-top: 5px;
 	}

 	.exhibitionPart .manage_identify#product_form .form-group.productImage .addImgPart{
 		width: 100px;
 		margin-right: 0;
 	}
 	.exhibitionPart .manage_identify#product_form .form-group.productImage .addImgPart .addImg{
 		padding-top: 100px;
 		width: 100px;
 	}
 	.exhibitionPart .manage_identify#product_form .form-group.productImage .addImgPart .images .img{
 		height: 100px;
 	}

 }

 /********** 申请与提醒 ***************/
.pale_application_remind .product_form_head{
	margin:0 20px;
	width: auto;
}
.pale_application_remind{
	margin-bottom: 20px;
}


@media (max-width: 640px){
	.pale_application_remind .product_form_head{
		margin:0;
		width: 100%;
	}
	

}

.toTop{
	top: 10%;
	bottom: auto;
}
.toTop img{
	width: 40px;
	height: 40px;
}
.toBottom{
	bottom: 10%;
	top: auto;
}
.toBottom img{
	width: 40px;
	height: 40px;
}

 /********** 图片切割 ***************/

.layout {
	display: flex;
	position: fixed;
	width: 100%!important;
	height: 100%!important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.7);
	align-items: center;
	justify-content: center;
	display: none;
}
.layout .img-container{
	width: 1000px;
	text-align: center;
}
.layout .img-container img{
	width: 100%;
	max-width: 1000px;
}
.layout #actions{
	position: fixed;
	width: 100%;
	bottom:0;
}
.layout #actions .docs-buttons{
	display: flex;
	align-items: center;
	padding: 10px 0;
    background: #fff;
}
.layout #actions .docs-buttons .button{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layout #actions .docs-buttons .button a{
	display: block;
	width: 54px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius: 4px;
}

.echartsContent .analysis{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
	margin-bottom: 20px;
}
.echartsContent .analysis .list{
	width: 25%;
	box-sizing: border-box;
	padding: 10px;
	border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}
.echartsContent .analysis .list .name, .echartsContent .analysis .list .newAdd{
	font-size: 14px;
	color: #666;
}
.echartsContent .analysis .list .newAdd span{
	display: inline-block;
	padding-left: 20px;
}
.echartsContent .analysis .list .number{
	font-size: 18px;
	color: #111;
	margin: 5px 0;
}

.phone_header{
	display: none;
	background-color: #f4f4f4;
    width: 100%;
    height: 40px;
    font-size: 14px;
    align-items: center;
	position: relative;
}

.phone_header .getback{
	color: #444444;
	display: inline-block;
	margin-left: 10px;
	padding-left: 20px;
	background: url(../img/scroll/index_tab_l.png) no-repeat;
	background-size: auto 16px;
	line-height: 16px;
	text-align: center;
	height: 16px;
}
.phone_header .title{
	position: absolute;
	color: #444444;
	line-height: 40px;
    text-align: center;
    height: 40px;
    font-size: 14px;
    left: 88px;
    right: 88px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
	font-weight: normal;
	margin: 0;
	padding: 0;

}
.phone_header input[type='submit']{
	color: #12add3;
    border: none;
    outline: none;
    background-color: transparent;
	margin-left: auto;
	padding-right: 10px;
}

.phone_header .submit{
	color: #12add3;
    border: none;
    outline: none;
    background-color: transparent;
	margin-left: auto;
	padding-right: 10px;
}
.phone_header .phone_catalog{
	position: relative;
    display: flex;
    align-items: center;
	margin-left: auto;
}
.phone_header .phone_catalog .phone_catalog_more{
	display: inline-block;
    background: url(../img/menu_black.png) no-repeat;
    width: 20px;
    height: 16px;
    margin-right: 10px;
    background-size: 20px auto;
	margin-left: auto;
}
.phone_header .phone_catalog .phone_catalog_lists{
	position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #f4f4f4;
    color: #444;
    font-size: 16px;
    top: 40px;
    padding: 0;
	z-index: 111;
	overflow-y: auto;
    padding-bottom: 44px;
    box-sizing: border-box;
	display: none;
}
.phone_header .phone_catalog .phone_catalog_lists .tablist{
	width: 100%;
}
.phone_header .phone_catalog .phone_catalog_lists .tablist ul{
	width: 100%!important;
}

.phone_header .phone_catalog .phone_catalog_lists a{
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #444;
	height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #cbcbcb;
    padding: 0 15px;
	background-color: #f4f4f4;
}

.reply_box .input-group{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
	margin-top: 10px;
  }
  .reply_box .input-group.submitButton{
	border-bottom: none;
  }
  .reply_box .input-group .input-add{
	font-size: 14px;
	color: #444;
	margin-right: 20px;
  }
  .reply_box .input-group input[type="text"]{
	height: 32px;
	line-height: 32px;
	border: none;
	outline: none;
	flex:1;
  }
  .reply_box .input-group.letterContent{
	align-items: flex-start;
  }
  .reply_box .input-group textarea{
	border: none;
	outline: none;
	flex:1;
  }
  .reply_box .send_letter{
	  margin-top: 20px;
	  width: 100px;
	  height: 32px;
	  line-height: 32px;
	  color: #fff;
	  margin-top: 20px;
	  font-size: 14px;
	  text-align: center;
	  background-color: #12add3;
	  border-radius: 6px;
	  display: block;
	  margin-left: auto;
  }

@media (max-width: 640px){
	.phone_header{
		display: flex;
	}
	.companyHomepage .echartsContent {
		margin-bottom: 0;
	}

	.reply_box .input-group{
		padding-left: 10px;
		padding-right: 10px;
	  }
	  .reply_box  .send_letter{
		display: none;
	  }
}

/* 公司高级设置 */
	.menu_setting{
		overflow: hidden;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.menu_setting .menu_setting_title{
		color: #12add3;
		font-size: 14px;
		float: right;
	}
    .menu_setting_list .menu_list{
        display: flex;
        align-items: center;
        margin: 15px 0;
		text-align: left;
		border-bottom: 1px solid #d0d0d0;
    }
    .menu_setting_list .menu_list span{
        width: 100px;
    }
    .menu_setting_list .menu_list input{
        border: none;
        outline: none;
        padding: 0 5px;
        height: 34px;
        line-height: 34px;
        box-sizing:border-box;
        flex: 1;
    }
	.menu_setting .submit{
        margin-bottom: 20px;
		text-align: left;
		overflow: hidden;
    }
    .menu_setting .submit a{
        width: 100px;
        height: 32px;
        line-height: 32px;
        color: #fff;
        margin-top: 20px;
        font-size: 14px;
        text-align: center;
        background-color: #12add3;
        border-radius: 6px;
        display: block;
		float: right;
    }
    .banner_setting .banner_setting_list .banner_setting_head{
        display: flex;
        align-items: center;
        border-top: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
    }
    .banner_setting .banner_setting_list .banner_setting_show{
        width: 100px;
		flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #d0d0d0;
        border-left: 1px solid #d0d0d0;
        align-self: stretch;
    }
    .banner_setting .banner_setting_list .banner_setting_img{
        width: 320px;
		flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #d0d0d0;
        align-self: stretch;
		padding: 5px;
    }
    .banner_setting .banner_setting_list .banner_setting_img img{
        width: 100%;
    }
    .banner_setting .banner_setting_list .banner_setting_link{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #d0d0d0;
        align-self: stretch;
		word-break: break-all;
    }
    .banner_setting .banner_setting_list .banner_setting_operations{
        width: 100px;
		flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #d0d0d0;
        align-self: stretch;
    }
    .banner_setting .banner_setting_list .banner_setting_operations .edit{
        font-size: 14px;
        color: #444;
    }
    .banner_setting .banner_setting_list .banner_list{
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d0d0d0;
    }
    .banner_list_head{
        display: flex;
        align-items: center;
    }
    .banner_list_head .banner_list_title{
        flex: 1;
    }
    .banner_list_content{
        position: relative;
    }
    .banner_list_content img{
        width: 100%;
    }
    .banner_list_content input[type="file"]{
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .banner_list_link input[type="text"]{
        margin-top:10px;
        width: 100%;
        border: 1px solid #d2d0d1;
        outline: none;
        padding: 0 5px;
        box-sizing:border-box;
        height: 34px;
        line-height: 34px;
    }
    /* .exhibitionPart form>.submit{
        display: none;
    } */
    .submit input[type="submit"]{
        border: none;
        outline: none;
        color: #fff;
        font-size: 16px;
        background-color: #d5164f;
        width: 100px;
        height: 30px;
        text-align: center;
        line-height: 30px;
		margin-left: auto;;
    }
    .banner_setting .productImagelists{
        display: flex;
        align-items: center;
        padding: 20px 0;
    }
    .banner_setting .productImagelists .addImgPart{
        width: 100px;
        position: relative;
    }
    .banner_setting .productImagelists .addImgPart .addImg{
        display: block;
        background: url(../img/product/upload.png) no-repeat;
        width: 100%;
        padding-top: 100px;
        text-align: center;
        color: #808080;
        font-size: 14px;
        background-size: 100% auto;
    }
    .banner_setting .productImagelists .addImgPart .images{
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        text-align: center;
    }
    .banner_setting .productImagelists .addImgPart .images .img{
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner_setting .productImagelists .addImgPart .images .delete{
        color: #12add3;
        text-align: center;
        font-size: 14px;
    }
    .banner_setting .banner_setting_list .bannerLink{
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d0d0d0;
        height: 44px;
    }
    .banner_setting .banner_setting_list .bannerLink label{
        font-size: 14px;
        color: #444;
        width: 100px;
    }
    .banner_setting .banner_setting_list .bannerLink input{
        flex: 1;
        box-sizing: border-box;
		height: 34px;
		line-height: 34px;
        border: none;
        outline: none;
    }
	.banner_setting .banner_setting_list .bannerShow{
		display: flex;
		align-items: center;
		border-bottom: 1px solid #d0d0d0;
		height: 44px;
	}
	.banner_setting .banner_setting_list .bannerShow label{
        font-size: 14px;
        color: #444;
        width: 100px
    }
    .banner_setting .banner_setting_list .bannerShow select{
        flex: 1;
        box-sizing: border-box;
		height: 34px;
		line-height: 34px;
        border: none;
        outline: none;
    }
    .banner_setting .banner_setting_list .submit{
        margin-bottom: 20px;
		overflow: hidden;
    }
    .banner_setting .banner_setting_list .submit a{
        width: 100px;
        height: 32px;
        line-height: 32px;
        color: #fff;
        margin-top: 20px;
        font-size: 14px;
        text-align: center;
        background-color: #12add3;
        border-radius: 6px;
        display: block;
		float: right;
    }
    @media (max-width: 640px){
        .banner_list_content input[type="file"]{
            display: none;
        }
        .exhibitionContainer .header{
            display: none;
        }
        .homePage .tabs{
            display: none;
        }
        /* .exhibitionPart{
            padding: 0;
        } */
        /* .exhibitionPart .submit{
            display: none;
        } */
        .exhibitionPart .menu_setting .menu_list{
            border-bottom: 1px solid #d2d0d1;
            padding: 0 10px;
        } 
        .exhibitionPart .menu_setting .menu_list input[type="text"]{
            border:none;
        }
        .banner_list_link input[type="text"]{
            border:none;
            border-bottom: 1px solid #d2d0d1;
        }
        .companyBg{
            display:none;
        }
        .container > .bottomfooter{
            display:none;
        }
		.menu_setting{
			padding-right: 0px;
		}
		.banner_setting .banner_setting_list .banner_setting_img{
			flex-shrink: initial;
			flex:1;
		}
		.banner_setting .banner_setting_list .banner_setting_link{
			display: none;
		}
		.banner_setting .banner_setting_list .bannerLink{
			padding-left: 10px;
			padding-right: 10px;
		}
		.banner_setting .banner_setting_list .banner_list_content{
			padding-left: 10px;
			padding-right: 10px;
		}
		.banner_setting .banner_setting_list .submit{
			display: none;
		}
		.banner_setting .banner_setting_list .bannerShow{
			padding-left: 10px;
			padding-right: 10px;
		}
    }