h4,
h5,
h6,
h1,
h2,
h3 {
	margin-top: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

html {
	font-size: 625%;
}

/* ====================公共样式==================== */

html,
body {
	font-family: Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei";
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #2c2c2c;
	webkit-transition: background-color .24s ease-in-out;
	transition: background-color .24s ease-in-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-size: 0.14rem;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body a {
	/*transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;*/
}

a {
	color: #ff7700;
}

a:hover {
	color: #ff7700;
}

a:hover,
a:focus {
	color: #ff7700;
	text-decoration: none;
	outline: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	/*字的颜色*/
	-webkit-text-fill-color: #21243d;
}

li {
	list-style-type: none;
}

h2 {
	font-size: 0.26rem;
}

h3 {
	font-size: 0.2rem;
}

h4 {
	font-size: 0.16rem;
}

h6 {
	font-size: 0.14rem;
}

pre.code {
	margin: 0.1rem;
	;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.hide {
	display: none;
}

.text-muted {
	color: #999;
}

.text-weaker {
	color: #666;
}

.text-primary {
	color: #fb692f;
}

.text-red,
.require {
	color: #0067B3;
}

.text-orange {
	color: #f70;
}

/**清理浮动 **/
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
	/* for IE6 IE7 */
}

.main-box {
	position: relative;
	min-height: 5rem;
}

.flexslider .slides img,
.container img,
.main img,
.modal-add-friend img,
.service-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text-line {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.swiper-slide .text-line{
    min-height:0.2rem;
}

.text-line-two {
	-webkit-line-clamp: 2;
}

.text-line-three {
	-webkit-line-clamp: 3;
}

.text-line-twelve {
	-webkit-line-clamp: 12;
}

.text-line-thirteen {
	-webkit-line-clamp: 13;
}

/*直播属性标签*/
.tag-bg {
	position: absolute;
	bottom: -0.08rem;
	left: 50%;
	transform: translate(-50%);
	width: 1.84rem;
	height: 0.42rem;
	line-height: 0.36rem;
	color: #fff;
	background: url(../images/tag-bg.png) no-repeat;
}

.tag-number {
	position: absolute;
	bottom: -1.1rem;
	z-index: 2;
	font-size: 1.1rem;
	color: rgba(244, 244, 244, .5);
}

.tag-default {
	height: 0.2rem;
	padding: 0 0.1rem;
	border-radius: 0.2rem;
	font-size: 0.12rem;
	line-height: 0.2rem;
}

.tag-orange {
	color: #ff7700;
	background-color: rgba(255, 119, 0, .2);
}

.tag-green {
	color: #3fac55;
	background-color: rgba(63, 172, 85, .2);
}

.tag-blue {
	color: #3a8fdf;
	background-color: rgba(58, 143, 223, .2);
}

.tag-purple {
	color: #9f67d3;
	background-color: rgba(159, 103, 211, .2);
}

/*直播动画图标*/
.live-sign {
	position: absolute;
	top: 0.1rem;
	left: 0.1rem;
	border-radius: 0;
	padding: 0.01rem;
	z-index: 10;
}

.live-sign-web {
	position: static;
	margin-top: 0.02rem;
}

.live-sign-inner {
	border-radius: 0;
	line-height: 1;
	align-items: center;
	padding: 0.02rem 0.06rem;
	z-index: 10;
	font-size: 0.12rem;
	color: #fff;
	text-align: center;
}

.live-sign-3 i,
.live-sign-2 i {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.live-sign-1 i {
	background-color: #FD6900;
}

.live-sign-inner i {
	display: inline-block;
	width: 0.04rem;
	height: 0.04rem;
	margin-right: 0.02rem;
	background-color: #2469F6;
	border-radius: 50%;
}

.live-sign-live,
.live-sign-1 {
	width: auto !important;
	height: auto !important;
	border: 0.01rem solid #e70e00;
}

.live-sign-live .live-sign-inner,
.live-sign-1 .live-sign-inner {
	background-color: #e70e00;
	animation: mylive-btn 1s infinite;
	-webkit-animation: mylive-btn 1s infinite;
}

.ico-circle,
.live-sign-1 i {
	background-color: #fff;
	height: 0.06rem !important;
	width: 0.06rem !important;
	vertical-align: 0.01rem;
	border-radius: 0.06rem;
}

.live-sign-live-replay,
.live-sign-2 {
	width: auto;
	background-color: rgba(0, 0, 0, .1);
}

.live-sign-live-replay .live-sign-inner,
.live-sign-2 .live-sign-inner {
	background-color: none;
}

.live-sign-live-upcoming,
.live-sign-3 {
	width: auto;
	background-color: none;
}

.live-sign-live-upcoming .live-sign-inner,
.live-sign-3 .live-sign-inner {
	background-color: rgba(0, 0, 0, .1);
}

.live-sign-live-upcoming-apple .live-sign-inner span {
	font-size: 0.14rem;
	color: #fff;
}


@keyframes mylive-btn {
	0% {
		transform: scaleX(.8);
	}

	100% {
		transform: scaleX(1);
	}
}

@keyframes rotate-round {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*商品详情模板*/
table {
	width: 100%;
}

.table-w-auto {
	width: auto;
}

.table-striped tr:nth-of-type(odd) {
	background-color: #f5f5f5;
}

.table tbody>tr>th,
.table tbody>tr>td {
	padding: 0.06rem 0.08rem;
	line-height: 1.5;
	vertical-align: middle;
	word-break: break-word;
	border-bottom: 0.01rem solid #ddd;
	border-top: none;
}

.table th {
	background-color: #f5f5f5;
	font-weight: normal;
}

.table-th-top tbody>tr>th {
	border-top: none;
	border-bottom: none;
}

.table-border {
	border-left: 0.01rem solid #ddd;
	border-top: 0.01rem solid #ddd;
}

.table-border th,
.table-border td {
	border-right: 0.01rem solid #ddd;
}

.goods-details-con p {
	margin-bottom: 0.05rem;
	line-height: 1.4;
}

.goods-details-con img {
	max-width: 7.5rem;
	width: auto;
	margin: 0.1rem 0;
}

.richtext-detail {
	width: 3.5rem !important;
}

.richtext richtext-detail {
	width: 3.3rem;
}

.goods-details-item {
	margin-top: 0.05rem;
	margin-bottom: 0.25rem;
}

.goods-details-con h4 {
	font-weight: bold;
}

.h-line {
	border-bottom: 0.01rem solid #ddd;
}

.goods-details-item .details-title {
	display: inline-block;
	font-size: 0.12rem;
	background-color: #ddd;
	padding: 0.08rem 0.15rem;
}

.table img {
	width: 0.5rem;
	height: 0.5rem;
	object-fit: contain;
}

.dashed-line {
	padding-bottom: 0.1rem;
	border-bottom: 0.01rem dashed #ddd;
}

.details-ul-half {
	flex-wrap: wrap;
}

.details-ul-half ul {
	display: flex;
	justify-content: flex-start;
	flex: 0 0 50%;
	padding-right: 0.2rem;
}

.details-ul-half li:first-child {
	width: 1.3rem;
	padding-right: 0.1rem;
	color: #666;
}

/*ico*/
.ico-base {
	display: inline-block;
	width: 0.24rem;
	height: 0.24rem;
	background-repeat: no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.ico-search-white {
	background-image: url(../images/ico-search-white.png);
}

.ico-search-purple {
	background-image: url(../images/ico-search-purple.png);
}

.ico-address {
	background-image: url(../images/ico-address.png);
}

.ico-phone {
	background-image: url(../images/ico-phone.png);
}

.ico-wplay {
	background-image: url(../images/ico-wplay.png);
}

.ico-like-white {
	background-image: url(../images/ico-like-white.png);
}

.ico-share-white {
	background-image: url(../images/ico-share-white.png);
}

.ico-online {
	background-image: url(../images/ico-online.png);
}

.ico-subscribe {
	background-image: url(../images/ico-subscribe.png);
}

.ico-off-line {
	background-image: url(../images/ico-off-line.png);
}

.ico-camera-white {
	background-image: url(../images/ico-camera-white.png);
}

.ico-voice {
	background-image: url(../images/ico-voice.png);
}

.ico-appointment-white {
	background-image: url(../images/ico-appointment-white.png);
}

.ico-interflow-white {
	background-image: url(../images/ico-interflow-white.png);
}

.ico-close-white {
	background-image: url(../images/ico-close-white.png);
}

.ico-close-gray {
	background-image: url(../images/ico-close-gray.png);
}

.ico-close-black {
	background-image: url(../images/ico-close-black.png);
}

.ico-close-s-white {
	background-image: url(../images/ico-close-s-white.png);
}

.ico-font-size-white {
	background-image: url(../images/ico-font-size-white.png);
}

.ico-font-size-gray {
	background-image: url(../images/ico-font-size-gray.png);
}

.ico-font-size-minus-white {
	background-image: url(../images/ico-font-size-minus-white.png);
}

.ico-font-size-minus-gray {
	background-image: url(../images/ico-font-size-minus-gray.png);
}

.ico-translate-white {
	background-image: url(../images/ico-translate-white.png);
}

.ico-translate-gray {
	background-image: url(../images/ico-translate-gray.png);
}

.ico-barrage-off-gray,
.ico-barrage {
	background-image: url(../images/ico-barrage-off-gray.png);
}

.ico-barrage-on {
	background-image: url(../images/ico-barrage-on.png);
}

.ico-file-white {
	background-image: url(../images/ico-file-white.png);
}

.ico-file-gray {
	background-image: url(../images/ico-file-gray.png);
}

.ico-invite-white {
	background-image: url(../images/ico-invite-white.png);
}

.ico-invite-gray {
	background-image: url(../images/ico-invite-gray.png);
}

.ico-share-white {
	background-image: url(../images/ico-share-white.png);
}

.ico-share-gray {
	background-image: url(../images/ico-share-gray.png);
}

.ico-remind-blue {
	background-image: url(../images/ico-remind-blue.png);
}

.ico-online-expo {
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../images/ico-online-expo.png);
}

.ico-meeting {
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../images/ico-meeting.png);
}

.ico-expo-serve {
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../images/ico-expo-serve.png);
}

.ico-expo-vr {
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../images/ico-expo-vr.png);
}

.ico-expo-number {
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../images/ico-expo-number.png);
}

.ico-expo-feeds {
	width: 0.46rem;
	height: 0.53rem;
	background-image: url(../images/ico-expo-feeds.png);
}

.ico-invite-white-o {
	background-image: url(../images/ico-invite-white-o.png);
}

.ico-meeting-user {
	background-image: url(../images/ico-meeting-user.png);
}

.ico-time-purple {
	background-image: url(../images/ico-time-purple.png);
}

.ico-full-screen {
	background-image: url(https://www.tdbexpo.com/images/ico-full-screen.png);
}

.ico-collect-orange {
	background-image: url(../images/ico-collect-orange.png);
}

.ico-collect-orange-o {
	background-image: url(../images/ico-collect-orange-o.png);
}

.ico-collect-white {
	background-image: url(../images/ico-collect-white.png);
}

.ico-p-collect-gray {
	background-image: url(../images/ico-p-collect-gray.png);
}

.ico-p-collect-orange {
	background-image: url(../images/ico-p-collect-orange.png);
}

.ico-mutual {
	background-image: url(../images/ico-mutual.png);
}

.ico-connect-orange {
	background-image: url(../images/ico-connect-orange.png);
}

.ico-time-orange {
	background-image: url(../images/ico-time-orange.png);
}

.ico-card-white {
	background-image: url(../images/ico-card-white.png);
}

.ico-about-white {
	background-image: url(../images/ico-about-white.png);
}

.ico-advantage-white {
	background-image: url(../images/ico-advantage-white.png);
}

.ico-contact-white {
	background-image: url(../images/ico-contact-white.png);
}

.ico-culture-white {
	background-image: url(../images/ico-culture-white.png);
}

.ico-services-white {
	background-image: url(../images/ico-services-white.png);
}

.ico-serve-apply {
	background-image: url(../images/serve-apply.png);
}

.ico-serve-apply-white,
.about-service-list li:hover .ico-serve-apply {
	background-image: url(../images/serve-apply-white.png);
}

.ico-serve-design {
	background-image: url(../images/serve-design.png);
}

.ico-serve-design-white,
.about-service-list li:hover .ico-serve-design {
	background-image: url(../images/serve-design-white.png);
}

.ico-serve-pay {
	background-image: url(../images/serve-pay.png);
}

.ico-serve-pay-white,
.about-service-list li:hover .ico-serve-pay {
	background-image: url(../images/serve-pay-white.png);
}

.ico-serve-scheme {
	background-image: url(../images/serve-scheme.png);
}

.ico-serve-scheme-white,
.about-service-list li:hover .ico-serve-scheme {
	background-image: url(../images/serve-scheme-white.png);
}

.ico-serve-shop {
	background-image: url(../images/serve-shop.png);
}

.ico-serve-shop-white,
.about-service-list li:hover .ico-serve-shop {
	background-image: url(../images/serve-shop-white.png);
}

.ico-serve-skill {
	background-image: url(../images/serve-skill.png);
}

.ico-serve-skill-white,
.about-service-list li:hover .ico-serve-skill {
	background-image: url(../images/serve-skill-white.png);
}

.ico-serve-trade {
	background-image: url(../images/serve-trade.png);
}

.ico-serve-trade-white,
.about-service-list li:hover .ico-serve-trade {
	background-image: url(../images/serve-trade-white.png);
}

.ico-serve-translate {
	background-image: url(../images/serve-translate.png);
}

.ico-serve-translate-white,
.about-service-list li:hover .ico-serve-translate {
	background-image: url(../images/serve-translate-white.png);
}

.ico-serve-trusteeship {
	background-image: url(../images/serve-trusteeship.png);
}

.ico-serve-trusteeship-white,
.about-service-list li:hover .ico-serve-trusteeship {
	background-image: url(../images/serve-trusteeship-white.png);
}

.ico-marketing {
	background-image: url(../images/ico-marketing.png);
}

.ico-field {
	background-image: url(../images/ico-field.png);
}

.ico-scene {
	background-image: url(../images/ico-scene.png);
}

.ico-experience {
	background-image: url(../images/ico-experience.png);
}

.ico-exhibition {
	background-image: url(../images/ico-exhibition.png);
}

.ico-replay-white,
.live-sign-2 i {
	background-image: url(../images/ico-replay-white.png);
}

.ico-upcoming-white,
.live-sign-3 i {
	background-image: url(../images/ico-upcoming-white.png);
}

.ico-add-friends {
	background-image: url(../images/ico-add-friends.png);
}

.ico-add-friends-orange,
.swiper-wrapper-recommend a:hover .ico-add-friends {
	background-image: url(../images/ico-add-friends-orange.png);
}

.ico-refuse-red {
	background-image: url(../images/ico-refuse-red.png);
}

.ico-voice-white {
	background-image: url(../images/ico-voice-white.png);
}

.ico-answer-green {
	background-image: url(../images/ico-answer-green.png);
}

.ico-qzone {
	background-image: url(../images/ico-qzone.png);
}

.icon_twitter {
	background-image: url(../images/icon_twitter.png);
}

.icon_facebook {
	background-image: url(../images/icon_facebook.png);
}

.ico-qq {
	background-image: url(../images/ico-qq.png);
}

.ico-douban {
	background-image: url(../images/ico-douban.png);
}

.ico-weibo {
	background-image: url(../images/ico-weibo.png);
}

.ico-categories-white {
	background-image: url(../images/ico-categories-white.png);
}

.ico-mail-white {
	background-image: url(../images/ico-mail-white.png);
}

.ico-chat-white {
	background-image: url(../images/ico-chat-white.png);
}

.ico-user {
	background-image: url(../images/ico-user.png);
}

.ico-online-expo-white {
	background-image: url(../images/ico-online-expo-white.png);
}

.ico-online-expo-orange {
	background-image: url(../images/ico-online-expo-orange.png);
}

.ico-directory-white {
	background-image: url(../images/ico-directory-white.png);
}

.ico-directory-orange {
	background-image: url(../images/ico-directory-orange.png);
}

.ico-explosive-white {
	background-image: url(../images/ico-explosive-white.png);
}

.ico-explosive-orange {
	background-image: url(../images/ico-explosive-orange.png);
}

.ico-expo-vr-white {
	background-image: url(../images/ico-expo-vr-white.png);
}

.ico-expo-vr-orange {
	background-image: url(../images/ico-expo-vr-orange.png);
}

.ico-find-white {
	background-image: url(../images/ico-find-white.png);
}

.ico-find-orange {
	background-image: url(../images/ico-find-orange.png);
}

.ico-meeting-white {
	background-image: url(../images/ico-meeting-white.png);
}

.ico-meeting-orange {
	background-image: url(../images/ico-meeting-orange.png);
}

.ico-my-meeting-white {
	background-image: url(../images/ico-my-meeting-white.png);
}

.ico-my-meeting-orange {
	background-image: url(../images/ico-my-meeting-orange.png);
}

.ico-release-white {
	background-image: url(../images/ico-release-white.png);
}

.ico-release-orange {
	background-image: url(../images/ico-release-orange.png);
}

.ico-arrow-l-orange {
	background-image: url(../images/ico-arrow-l-orange.png);
}

.ico-arrow-r-orange {
	background-image: url(../images/ico-arrow-r-orange.png);
}

.ico-issue-orange {
	background-image: url(../images/ico-issue-orange.png);
}

.ico-popular-orange {
	background-image: url(../images/ico-popular-orange.png);
}

.ico-service-orange {
	background-image: url(../images/ico-service-orange.png);
}

.ico-video-orange {
	background-image: url(../images/ico-video-orange.png);
}

.ico-appointments-orange {
	background-image: url(../images/ico-appointments-orange.png);
}

.ico-home-orange {
	background-image: url(../images/ico-home-orange.png);
}

.ico-point-white {
	background-image: url(../images/ico-point-white.png);
}

.ico-expo-live-orange {
	background-image: url(../images/ico-expo-live-orange.png);
}

.ico-expo-white {
	background-image: url(../images/ico-expo-white.png);
}

.header-box {
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
}

.header-box-nofixed {
	position: static;
}

.header-top {
	background: #f5f5f5;
	font-size: 0.12rem;
	height: 0.4rem;
	line-height: 0.4rem;
}

.sencond-nav {
	padding: 0;
}

.sencond-nav li {
	display: inline-block;
	list-style-type: none;
	transition: background-color .24s ease-in-out;
}

.sencond-nav li a {
	display: block;
	color: #fff;
	cursor: pointer;
	-webkit-transition: color .24s ease-in-out, background-color .24s ease-in-out;
	transition: color .24s ease-in-out, background-color .24s ease-in-out;
	background-color: #0067B3;
	width: 0.26rem;
	height: 0.26rem;
	border-radius: 50%;
	text-align: center;
	line-height: 0.26rem;
}

.head-nav .sencond-nav {
	position: absolute;
	right: 0;
	top: 0.37rem;
}

.logo-s-white {
	display: inline-block;
	width: 0.24rem;
	height: 0.16rem;
	margin-right: 0.08rem;
	vertical-align: -0.03rem;
	background: url(../images/icon_diamond-white.svg) no-repeat;
}

.sencond-nav li a:hover {
	text-decoration: none;
}

.sencond-nav-language li {
	display: none;
}

.sencond-nav-language li.on {
	display: block;
}

.header-right ul {
	display: flex;
	justify-content: flex-start;
	padding: 0;
}

.header-right li {
	list-style-type: none;
}

.header-right li a {
	display: block;
	padding: 0 0.05rem;
	color: #333;
}

.header-right li a:after {
	content: "";
	display: inline-block;
	height: 0.12rem;
	padding: 0 0.05rem;
	border-right: 0.01rem solid #999;
	vertical-align: -0.01rem;
}

.header-right li:last-child a:after {
	border-right: 0.01rem solid transparent;
}

.header-right li a:hover {
	color: #fb692f;
}

.tel {
	margin-right: 0.2rem;
}

.header-left ul {
	padding: 0;
	margin: 0;
}

.header-left ul li {
	display: inline-block;
}

.header-left ul li a {
	font-size: 1.1em;
	font-weight: 300;
	padding: 0.5em 0.8em;
	color: #555555;
	text-decoration: none;
}

.header-left ul li a:hover,
.head-left ul li.active a {
	color: #ff7700;
}

.header-bottom {
	width: 100%;
	background: #464646;
	box-sizing: border-box;
}

.header-pc {}

.logo-wrap {
	margin-bottom: 0;
}

.logo-wrap img {
	/*width: 2.91rem !important;
	height: 0.4rem;*/
}

.logo-wrap a {
	display: block;
}

.slogan-blade {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.2rem;
	height: 0.8rem;
	background-color: #64c2e3;
	overflow: hidden;
}

.slogan-blade:before {
	content: '';
	position: absolute;
	top: -0.2rem;
	left: -0.48rem;
	width: 0.7rem;
	height: 1.2rem;
	background-color: #fff;
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
}

.slogan-wrap {
	display: none;
}

.inner-header {
	height: 100%;
}

.inner-header .content-box {
	position: relative;
}

.slogan-box {
	width: 100%;
}

.search-box {
	position: relative;
	margin: 0;
	padding: 0 0.2rem;
}

.search-box>div {
	position: relative;
}

.search-box>div:first-of-type:before,
.select-wrap:before {
	content: "Filter by...";
	display: block;
	font-size: 0.12rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin-right: 0.15rem;
	white-space: nowrap;
}

.select-box,
.select-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 0.15rem;
}

.select-box:after,
.select-wrap:after {
	content: '';
	position: absolute;
	top: 0.13rem;
	right: 0.1rem;
	display: block;
	line-height: 0.36rem;
	color: #fff;
	width: 0.06rem;
	height: 0.06rem;
	border-top: 0.02rem solid #fb692f;
	border-right: 0.02rem solid #fb692f;
	transform: rotate(135deg);
	transition: .3s;
}

select.primary {
	display: block;
	width: 100%;
	max-width: 4rem;
	height: calc(2.25rem + 0.02rem);
	padding: 0.06rem;
	font-size: 0.12rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.5;
	color: #fff;
	background-color: transparent;
	background-clip: padding-box;
	border: 0.01rem solid #64c2e3;
	border-radius: 0;
	-webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select.primary option {
	color: #2c2c2c;
}

.search-wrap {
	position: relative;
}

.ico-search-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0.48rem;
	font-size: 0.18rem;
	line-height: 0.38rem;
	text-align: center;
	color: #fb692f;
}

.city-box {
	position: relative;
	height: 0.47rem;
	margin-left: 0.5rem;
	padding-top: 0.1rem;
	transition: .3s;
}

.city-select {
	position: relative;
	z-index: 10;
	padding: 0 0.08rem;
	font-size: 0.18rem;
	border: 0.01rem solid transparent;
	line-height: 0.36rem;
}

.city-select span {
	display: block;
	margin-right: 0.3rem;
}

.arrow {
	position: absolute;
	right: 0.12rem;
	top: 0.22rem;
	display: inline-block;
}

.arrow:after {
	display: block;
	content: '';
	width: 0.06rem;
	height: 0.06rem;
	border-top: 0.02rem solid #2c2c2c;
	border-right: 0.02rem solid #2c2c2c;
	transition: .3s;
}

.down-arrow:after {
	transform: rotate(135deg);
}

.right-arrow:after {
	transform: rotate(45deg);
}

.left-arrow:after {
	transform: rotate(-135deg);
}

.city-box:hover .city-select {
	border: 0.01rem solid #ddd;
	border-bottom: 0.01rem solid #fff;
}

.city-box:hover .city-select .down-arrow {
	top: 0.16rem;
}

.city-box:hover .city-select .down-arrow:after {
	transform: rotate(315deg);
}

.city-down {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 3;
	width: 2.6rem;
	padding: 0.08rem 0.08rem 0.18rem 0.08rem;
	background-color: #fff;
	border: 0.01rem solid #ddd;
	display: none;
}

.city-down li {
	float: left;
	list-style-type: none;
}

.city-down a {
	display: block;
	padding: 0.08rem 0.1rem;
	color: #7a7a7a;
	line-height: 1;
	text-decoration: none;
}

.city-down a:hover {
	color: #fff;
	background-color: #ff7700;
}

.city-box:hover .city-down {
	display: block;
}

#menu {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 200;
	width: 0.64rem;
	height: 0.64rem;
	margin: -0.32rem 0 0;
	cursor: pointer;
}

#menu .hamburger {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: 0 auto;
	width: 0.2rem;
}

#menu .hamburger .bar {
	position: relative;
	width: 0.2rem;
	height: 0.02rem;
	margin-bottom: 0.04rem;
	background: #fff;
	-webkit-transition: all .24s ease-in-out;
	transition: all .24s ease-in-out;
	outline: 0.01rem solid transparent;
}

#menu .hamburger .bar.top {
	top: 0;
}

#menu.active .hamburger .bar.top {
	top: 0.08rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#menu .hamburger .bar.mid {
	left: 0;
	opacity: 1;
}

#menu.active .hamburger .bar.mid {
	opacity: 0;
}

#menu .hamburger .bar.bot {
	top: 0;
}

#menu.active .hamburger .bar.bot {
	top: -0.04rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-container {
	position: absolute;
	right: 0;
	width: calc(100% - 0.64rem);
	max-width: 3.1rem;
	min-height: 100vh;
	background-color: #fb692f;
	color: #2c2c2c;
	padding: 0.4rem 0;
	display: ;
	opacity: 0;
	-webkit-transition: opacity .24s ease-in-out;
	transition: opacity .24s ease-in-out;
}

#nav-container .navbar-list,
ul.secondary-nav,
ul.sub-menu {
	list-style: none;
	background-color: #005380;
	margin: 0 0 0.2rem;
	padding: 0;
	border-top: solid 0.01rem #fb692f;
	overflow: hidden;
}

ul.sub-menu {
	display: none;
	background-color: #004970;
	margin: 0;
	padding: 0;
	border-top: none;
}

#nav-container span {
	position: absolute;
	top: 0;
	right: 0;
	width: 0.5rem;
	height: 0.45rem;
	border-left: solid 0.01rem #fb692f;
	-webkit-transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: color .24s ease-in-out, transform .24s ease-in-out;
	transition: color .24s ease-in-out, transform .24s ease-in-out, -webkit-transform .24s ease-in-out;
}

#nav-container .arrow {
	right: 0.2rem;
	top: 0.17rem;
	-webkit-transition: border-color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: border-color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: border-color .24s ease-in-out, transform .24s ease-in-out;
	transition: border-color .24s ease-in-out, transform .24s ease-in-out, -webkit-transform .24s ease-in-out;
}

.head-nav {
	position: relative;
	padding: 0 0.15rem;
}

.navbar-list li,
.secondary-nav li,
.sub-menu li {
	position: relative;
	list-style-type: none;
	-webkit-transition: background-color .24s ease-in-out;
	transition: background-color .24s ease-in-out;
	flex: 0 0 16%;
	text-align: center;
}

.navbar-list li a,
.secondary-nav li a,
.sub-menu li a {
	display: block;
	-webkit-transition: color .24s ease-in-out;
	transition: color .24s ease-in-out;
	text-decoration: none;
}

.navbar-list li a:hover .down-arrow:after,
.navbar-list li a:active .down-arrow:after {
	border-top: 0.02rem solid #fb692f;
	border-right: 0.02rem solid #fb692f;
}

.mega-wrap {
	display: ;
}

.section-title {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	align-items: flex-end;
	width: 100%;
	font-size: 0.28rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0.2rem;
	padding-bottom: 0.05rem;
	border-bottom: solid 0.03rem #fb692f;
}

.message-item span.glyphicon {
	font-size: 0.15rem;
}

.message-item.alert-danger .glyphicon {
	color: #ce4844;
}

.message-item.alert-success .glyphicon {
	color: #5cb85c;
}

.message-item.alert-warning .glyphicon {
	color: #aa6708;
}

.message-item.alert-info .glyphicon {
	color: #1b809e;
}

.list-group-item.active span.glyphicon {
	color: #fff;
}

.input-group-addon {
	border: 0.01rem solid #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	background-color: #ff7700;
	border-color: #ff7700;
}

.pagination>li>a,
.pagination>li>span {
	color: #ff7700;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	color: #ff7700;
}

.mainbox .art-content,
.mainbox .nav-content {
	font-size: .18rem;
	line-height: 2;
	color: #646464;
}

.mainbox .art-content h3,
.mainbox .nav-content h3 {
	margin-top: 1em;
}

.mainbox .art-content p,
.mainbox .nav-content p {
	margin-bottom: .1rem;
}

.art-content img {
	width: 100%;
	margin: .1rem 0;
}

.mainbox .art-content p.mapbox,
.mainbox .nav-content p.mapbox {
	padding: 0px;
	text-indent: 0px;
}

.mainbox .art-content li p,
.mainbox .nav-content li p {
	line-height: 2.2em;
	margin-bottom: 0em;
	text-indent: 0;
}

.mapbox iframe {
	border-radius: 0.02rem;
	padding: 0.05rem;
	border: 0.01rem solid #ddd;
	width: 100%;
}

.pad-0 {
	padding: 0;
}

.mar-0 {
	margin: 0 !important;
}

.listbox {
	padding-bottom: 6em;
}

.catlist-wrap {
	padding: 0.4rem 0;
}

.goods-cat-box {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	align-items: stretch;
}

.goods-cat-wrap {
	max-width: 100%;
	-webkit-box-pack: start;
	justify-content: flex-start;
	margin: 0;
	cursor: pointer;
}

.goods-cat-item {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	position: relative;
	background-color: #dcdcdc;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	padding-top: 0.04rem;
	border: solid 0.01rem #dcdcdc;
	vertical-align: middle;
	overflow: hidden;
	-webkit-transform: perspective(0.01rem) translateZ(0);
	transform: perspective(0.01rem) translateZ(0);
	box-shadow: 0 0 0.01rem rgba(0, 0, 0, 0);
	transform: perspective(0.01rem) translateZ(0);
	box-shadow: 0 0 0.01rem rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.24s;
	transition-duration: 0.24s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.goods-cat-item:before {
	content: "";
	width: 0;
	height: 0.04rem;
	background: #fb692f;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s;
}

.goods-cat-item:hover:before {
	left: 0%;
	width: 100%;
}

.goods-cat-item.active,
.goods-cat-item:hover,
.goods-cat-item:focus,
.goods-cat-item:active {
	box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.25);
}

.goods-cat-item {
	width: 100%;
}

.goods-cat-item.active {
	position: relative;
}

.goods-cat-img {
	background-color: #dcdcdc;
}

.goods-cat-title {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	height: 100%;
	background-color: #fff;
	-webkit-transition: background-color .24s ease-in-out;
	transition: background-color .24s ease-in-out;
}

.active .goods-cat-title {
	background-color: #fb692f;
}

.goods-cat-title h3 {
	width: 100%;
	font-size: 0.2rem;
	font-weight: 700;
	line-height: 1.2;
	color: #fb692f;
	margin: 0;
	padding: 0.2rem;
	text-transform: none;
	-webkit-transition: color .24s ease-in-out;
	transition: color .24s ease-in-out;
}

.right-indicator {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	color: #fb692f;
	-webkit-transition: color .24s ease-in-out, background-color .24s ease-in-out;
	transition: color .24s ease-in-out, background-color .24s ease-in-out;
	cursor: pointer;
}

.right-indicator span {
	width: 0.48rem;
	line-height: 0.32rem;
	text-align: center;
	-webkit-transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: transform .24s ease-in-out, color .24s ease-in-out;
	transition: transform .24s ease-in-out, color .24s ease-in-out, -webkit-transform .24s ease-in-out;
}

.active .goods-cat-title h3,
.active .right-indicator span {
	color: #fff;
}

.active .right-indicator span {
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}

.gcat-box {
	margin: 0 0.15rem;
}

.gcat-wrap {
	display: flex;
	flex-wrap: wrap;
	padding: 0.2rem 0 0.4rem;
	border: solid 0.01rem #dcdcdc;
	border-top: solid 0.04rem #fb692f;
	background-color: #eae8e8;
}

.cat-imgbox {
	width: 100%;
	height: 100%;
}

#gcat_box_224 .cat-imgbox {
	background: url(../images/44.jpg) no-repeat center center;
}

#gcat_box_16 .cat-imgbox {
	background: url(../images/33.png) no-repeat center center;
}

#gcat_box_12 .cat-imgbox {
	background: url(../images/22.png) no-repeat center center;
}

#gcat_box_1 .cat-imgbox {
	background: url(../images/11.png) no-repeat center center;
}

.subbox h4 {
	margin-bottom: 0.2rem;
	padding-top: 0.2rem;
	font-size: 0.32rem;
	font-weight: 400;
}

.noticebox {
	margin-bottom: 0.3rem;
	line-height: 1.6;
}

.sub-cat-list {
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	justify-content: center;
}

.sub-cat {
	margin-bottom: 0.25rem;
}

.sub-cat h5 a {
	color: #fb692f;
	font-weight: 700;
	border-bottom: solid 0.01rem #fb692f;
	-webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
	transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}

.sub-cat h5 a:hover {
	text-decoration: none;
}

.sub-cat-img {
	display: inline-block;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}

.sub-cat span {
	margin-left: 0.05rem;
	font-size: 0.12rem;
}

.defining-wrap {
	display: -webkit-box;
	display: flex;
	justify-content: space-around;
	/*width: 100%;*/
	padding-bottom: 0.4rem;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	align-items: stretch;
	margin: auto;
}

.defining,
.newswrap {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	align-items: stretch;
	margin: auto;
	width: 100%;
	zoom: 1;
}

.defining-txt,
.vidwrap {
	position: relative;
	width: 50%;
	margin: 0;
	min-height: 0.01rem;
	padding-right: 0.15rem;
	padding-left: 0.15rem;
}

.vidwrap video {
	width: 100%;
}

.defining-txt h2 {
	text-transform: uppercase;
	font-size: 0.32rem;
	font-weight: 400;
}

.defining-txt h2 em {
	font-weight: 700;
	font-style: normal;
}

.defining-txt p {
	margin-bottom: 0.3rem;
	font-size: 0.2rem;
	line-height: 1.6;
}

.defining-txt .arrow {
	right: 0.15rem;
	top: 0.15rem;
}

.defining-txt .arrow:after {
	border-top: 0.02rem solid #fff;
	border-right: 0.02rem solid #fff;
}

.defining-txt a {
	margin-bottom: 0.3rem;
	color: #fb692f;
	border-bottom: solid 0.01rem #fb692f;
	-webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
	transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}

.defining-txt a:hover,
.defining-txt a:active,
.defining-txt a:focus,
.defining-txt a:active:hover,
.defining-txt a:active:focus {
	color: #fb692f;
	text-decoration: none;
	border-color: #fb692f;
	background-color: #fb692f;
}

.vidvideo {
	position: relative;
	margin-bottom: 0.2rem;
}

.video-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .5);
}

.video-mask .ico-wplay {
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: .5;
}

.video-mask:hover .ico-wplay {
	opacity: 1;
}

.video-mask-small {
	background-color: rgba(0, 0, 0, .2);
}

.newsbox {
	width: 100%;
	background-color: #fff;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	background: url(../images/banner-home_sub.jpg) no-repeat center center;
	background-size: cover;
}

.defining-wrap-mar {
	margin-right: -0.15rem;
	margin-left: -0.15rem;
}

.news-wrap {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	align-items: stretch;
	width: 100%;
	margin: auto;
	padding: 0;
}

.news-item-box {
	position: relative;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	display: -webkit-box;
	display: flex;
	background: #fff;
	margin: 0.2rem 0.15rem;
	padding: 0.2rem 0.15rem;

}

.news-item {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.news-item h2 {
	font-size: 0.24rem;
	font-weight: 700;
	margin-bottom: 0.2rem;
}

.card-wrap {
	display: -webkit-box;
	display: flex;
	width: 100%;
	margin: 0;
}

.card-item {
	display: -webkit-box;
	display: flex;
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	padding: 0.2rem 0.15rem !important;
	border: none;
	border-radius: 0;
}

.card {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	height: 100%;
	width: 100%;
	margin: 0;
}

.card h2 {
	font-size: 0.24rem;
	font-weight: 700;
	margin-bottom: 0.2rem;
}

/*--start-search--*/
.search2 {
	position: relative;
	background: none;
	padding: 0.11rem;
	width: 100%;
	margin: 0px 0px 0px 0px;
	border: 0.01rem solid #A8A8A8;
}

.search2 input[type="text"] {
	outline: none;
	color: #555;
	background: none;
	font-size: 0.15rem;
	border: none;
	width: 79.33%;
}

.search2 input[type="submit"] {
	background: url('../images/sprit-1.png') no-repeat 0.06rem 0.06rem #c4c4c4;
	padding: 12.0.03rem 0.22rem;
	border: none;
	cursor: pointer;
	position: absolute;
	outline: none;
	top: 0px;
	right: 0px;
}

.tlinks {
	text-indent: -9990.09rem;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

.banner {
	background: url(../images/banner.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 7rem;
	text-align: left;
}

.banner-info {
	padding: 16em 0 0;
	width: 56%;
}

.banner-info h1 {
	color: #fff;
	font-size: 3.5em;
	font-weight: 400;
	margin: 1em 0em;
}

.banner-info p {
	font-size: 1.2em;
	color: #fff;
	font-weight: 400;
	line-height: 1.8em;
}

.welcome {
	margin-right: 0.15rem;
	text-align: center;
}

.welcome span {
	font-size: 0.13rem;
}

.welcome h2 {
	font-size: 4em;
	font-weight: 500;
	color: #ff7700;
	padding: 0.3em 0;
}

.welcome h6 {
	font-size: 1.8em;
	font-weight: 500;
	color: #000000;
	line-height: 1.5em;
}

.welcome p {
	font-size: 1.2em;
	font-weight: 400;
	color: #6B6B6B;
	margin: 1em 0em;
	line-height: 1.8em;
}

.wedo {
	padding: 3em 0;
	text-align: center;
}

.wedo h2 {
	font-size: 3.5em;
	font-weight: 500;
	color: #ff7700;
	padding: 0 0 0.3em;
}

.wedo h6 {
	font-size: 1.1em;
	font-weight: 400;
	color: #6B6B6B;
	line-height: 1.8em;
	margin: 0 auto;
	width: 46%;
}

.wha-top1 h4 {
	font-size: 1.3em;
	font-weight: 600;
	color: #000000;
	padding: 1em 0;
	line-height: 1.8em;
	text-align: left;
	margin: 0;
}

.wha-top1 p {
	font-size: 1.1em;
	font-weight: 400;
	color: #6B6B6B;
	line-height: 1.8em;
	margin: 0em 0 1em;
	text-align: left;
}

.wha-top1 {
	text-align: left;
}

.wha-top {
	padding: 3em 0em 0;
}

.main h2 {
	text-transform: capitalize;
	font-size: 0.24rem;
	color: #152154;
}

.main h3 {
	color: #152154;
}

.info-img {
	font-size: 8em;
}

/*--*/

.search-box input[type="text"] {
	width: 100%;
	height: 0.38rem;
	font-family: "proxima-nova", sans-serif;
	font-size: 0.16rem;
	line-height: 0.38rem;
	color: #2c2c2c;
	width: 100%;
	padding: 0 0.48rem 0 0.1rem;
	border: solid 0.01rem #dcdcdc;
}

.search-box input[type="submit"] {
	right: 0;
	margin: 0;
	border-radius: 0;
}

.search-box input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0.2rem;
	z-index: 10;
	width: 0.48rem;
	height: 0.38rem;
	background: transparent;
	text-indent: -9990.09rem;
	padding: 0;
	border: none;
}

.btn,
input[type="submit"] {
	font-family: "proxima-nova", sans-serif;
	font-size: 0.14rem;
	font-weight: 700;
	padding: 0.08rem 0.3rem;
	white-space: normal;
}

.btn {
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none;
	font-weight: normal;
	background: transparent;
	border: 0.01rem solid #bbb;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
}

.btn:hover {
	border: 0.01rem solid #ff7700;
	color: #ff7700;
}

.btn-base {
	height: 0.24rem;
	padding: 0px 0.12rem;
	font-size: 0.12rem;
	cursor: pointer;
	line-height: 0.24rem;
	border-radius: 0.2rem;
}

.btn-base-big {
	height: 0.3rem;
	line-height: 0.3rem;
}

.btn-small {
	height: 0.26rem;
	padding: 0 0.1rem;
}

.btn-language {
	border: none;
}

.btn-primary,
input[type="submit"] {
	background-color: #fff;
	color: #0067B3;
	border: 0.01rem solid #0067B3;
	outline: none;
	border-radius: 0.04rem;
	/*text-transform: uppercase;*/
	-webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
	transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
	background-color: #ff7700;
	border-color: #ff7700;
	color: #fff;
	outline: 0;
}

.btn-primary-high {
	height: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	background-color: #ff7700;
	border-color: #ff7700;
	color: #fff;
}

.btn-family {
	padding: 0.05rem 0.2rem;
	font-size: 0.18rem;
	background-color: #f8f8f8;
	border-color: #e7e7e7;
}

.btn-primary-o {}

.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-gradual {
	width: auto;
	height: 0.24rem;
	display: inline-block;
	padding: 0 0.12rem;
	color: #fff;
	border: none;
	/* line-height: 0.24rem; */
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
	border-radius: 0.2rem;
	cursor: pointer;
}

.btn-gradual:hover {
	color: #fff;
	border: none;
	background-color: #0067B3;
	background-image: none;
}

.btn-gradual-pointer:hover {
	cursor: pointer;
}

.btn-gradual-big {
	height: 0.3rem;
	/* padding: 0 0.25rem; */
	line-height: 0.3rem;
	width: 0.8rem;
}

.btn-orange-light {
	color: #f70;
	background-color: #FFF1E6;
	transition: background 500ms ease;
}

.btn-orange-light:hover {
	color: #fff;
	background-color: #f70;
}

.btn-modal {
	min-width: 1rem;
	background-color: #5c628f;
	border-radius: 0.3rem;
	color: #fff;
	border-color: #5c628f;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

.btn-gradual:hover,
.btn-gradual:focus,
.btn-gradual.focus {
	color: #fff;
}

.btn-gradual:active,
.btn-gradual.active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

.btn-gradual:active,
.btn-gradual.active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

.btn-gradual-lr {
	width: auto;
	height: 0.3rem;
	padding: 0 0.2rem;
	color: #fff;
	border: none;
	line-height: 0.3rem;
	border-radius: 0.04rem;
	cursor: pointer;
}

.btn-gradual-lr-blue {
	background-image: linear-gradient(to right, #41b0ff, #15d6ff);
}

.btn-gradual-lr-orange {
	background-image: linear-gradient(to right, #fa3515, #ff8a00);
}

.btn-purity-blue {
	background-color: #8499c3;
	background-image: none;
}

.btn-purity-red {
	background-color: #fb5f49;
	background-image: none;
}

/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ff7700;
}

.btn-1c:hover,
.btn-1c:active {
	color: #fff;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn-login {
	width: 100%;
	height: 0.5rem;
	background-color: #ff7700;
	color: #fff;
	boder: node;
}

.btn-login:hover {
	color: #fff;
	background-color: #ee6600;
}

.list-group-item.active a {
	color: #fff;
}

.list-group-item.active a span {
	color: #fff;
}

.list-group-item.list-group-title {
	font-size: 0.15rem;
	background-color: #f1f1f1;
}

.form-white {
	height: 0.48rem;
	border: none;
}

/*--*/
.midbann {
	background: url(../images/midbanner.jpg) no-repeat center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 3.52rem;
	padding: 7em 0em;
}

.midbann-left h3 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 600;
}

.midbann-left p {
	font-size: 1.2em;
	color: #fff;
	font-weight: 400;
	margin: 1em 0em;
	line-height: 1.8em;
}

.midbann-right {
	padding: 3em 0em;
	text-align: center;
}

a.read {
	background: none;
	color: #fff;
	text-decoration: none;
	font-size: 0.2rem;
	font-weight: 400;
	padding: 0.7em 2.5em;
	display: inline-block;
	text-decoration: none;
	border: 0.01rem solid #fff;
	text-align: center;
}

.pagerbox {
	text-align: center;
	margin-top: 0.2rem;
}

/*.blog-box .infoitem {margin-bottom: 0.2rem;}*/
.viewlist {
	overflow: hidden;
	line-height: 0.41rem;
}

.fr {
	float: right;
}

a.read:hover {
	color: #ff7700;
	background: #fff;
	border: 0.01rem solid #fff;
}

.maecenas {
	padding: 5em 0em;
}

.maecenas h4 {
	color: #000;
	font-size: 2em;
	line-height: 1.8em;
	font-weight: 400;
	border-bottom: 0.01rem solid #c9c9c9;
	padding: 0px 0px 0.12rem 0px;
}

.maecenas h6 {
	color: #989898;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 300;
	padding: 0.12rem 0px 0;
}

.maecenas p {
	font-size: 1.2em;
	color: #555;
	font-weight: 400;
	margin: 1em 0em;
	line-height: 1.8em;
}

.footer {
	background: #000000;
	padding: 1em 0em 2em;
}

.stay-left {
	float: left;
	width: 73%;
	margin-right: 3%;
}

.button {
	float: left;
	width: 24%;
}

.stay form input[type="text"] {
	width: 100%;
	color: #898888;
	outline: none;
	font-size: 0.16rem;
	padding: .5em;
	border: none;
	-webkit-appearance: none;
}

.button form input[type="submit"] {
	background: #ff7700;
	padding: .5em;
	color: #fff;
	font-size: 0.16rem;
	font-weight: 400;
	display: block;
	outline: none;
	border: none;
	width: 100%;
}

.button input[type="submit"]:hover {
	background: #557eae;
}

.stay {
	background: #3A3535;
	padding: 1em;
}

.stay2 {}

.stay2 .img-box {
	background: #3A3535;
	padding: 0.8em;
	width: 1.28rem;
	border-radius: 0.03rem;
}

.footer h4 {
	font-size: 2.5em;
	color: #fff;
	font-weight: 400;
	margin: 1em 0em;
}

.icon {
	float: left;
	width: 10%;
}

.data {
	float: right;
	width: 85%;
}

i.top {
	width: 0.24rem;
	height: 0.35rem;
	background: url(../images/top.png)no-repeat 0px 0.01rem;
	float: left;
	vertical-align: middle;
	display: block;
}

i.mob {
	width: 0.2rem;
	height: 0.32rem;
	background: url(../images/mb.png)no-repeat 0px 0.01rem;
	float: left;
	vertical-align: middle;
	display: block;
}

.footer p {
	font-size: 1em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	line-height: 1.8em;
}

.addr {
	margin: 2em 0em;
}

.footer h6 {
	font-size: 1em;
	color: #fff;
}

.footer h6 a {
	font-size: 1em;
	color: #ff7700;
}

.footer h6 a:hover {
	color: #fff;
}

.social ul {
	padding: 0;
	margin: 0;
}

.social ul li {
	display: inline-block;
	padding: 0em 0.5em;
}

i.facebok {
	width: 0.42rem;
	height: 0.42rem;
	background: url(../images/img-sprite.png)no-repeat -0.07rem -0.08rem;
	float: left;
	vertical-align: middle;
}

i.facebok:hover {
	opacity: 0.5;
}

i.twiter {
	width: 0.42rem;
	height: 0.42rem;
	background: url(../images/img-sprite.png)no-repeat -0.56rem -0.08rem;
	float: left;
	vertical-align: middle;
}

i.twiter:hover {
	opacity: 0.5;
}

i.drible {
	width: 0.42rem;
	height: 0.42rem;
	background: url(../images/img-sprite.png)no-repeat -1.04rem -0.08rem;
	float: left;
	vertical-align: middle;
}

i.drible:hover {
	opacity: 0.5;
}

i.in {
	width: 0.42rem;
	height: 0.42rem;
	background: url(../images/img-sprite.png)no-repeat -1.55rem -0.08rem;
	float: left;
	vertical-align: middle;
}

i.in:hover {
	opacity: 0.5;
}

.logo-1 {
	margin: 4em 0em;
}

.logo a {
	font-size: 3em;
	text-decoration: none;
}

.footer-right {
	text-align: center;
}

.footer-left {
	padding-right: 3em;
}

.banner-1 {
	background: url(../images/banner.jpg) no-repeat center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 1.5rem;
}

.main {
	padding-top: 1.45rem;
	/*padding-top: 1.6rem;*/
}

.nofixed-nopad {
	padding-top: 1.7rem;
}

.main-blog,
.main-artical {
	padding-top: 1rem;
}

.header-login {
	width: 100%;
	height: 1rem;
	display: flex;
	align-items: center;
}
.header-login .logo-wrap{
	width:auto !important;
}

.login-box {
	background-image: url('../images/login-bg.jpg');
	width: 100%;
	height: 6rem;
	padding-top: 0.2rem;
	background-repeat: no-repeat;
	background-position: top center;
}

.login-page {
	width: 4.1rem;
	min-height: 5.3rem;
	margin-left: auto;
	padding: 0.2rem 0.3rem;
	background-color: #fff;
	border: 0.01rem solid #ccc;
}

.login-page h2,
.register-page h2 {
	margin-bottom: 0;
	color: #fb692f;
	font-size: 0.26rem;
	border-bottom: 0;
}

.form-item {
	display: block;
	margin-bottom: 0.14rem;
	border: 0.01rem solid #e0e0e0;
	border-radius: 0.02rem;
}

.form-item input {
	height: 0.22rem;
	width: 3.16rem;
	line-height: 0.22rem;
	padding: 0.13rem 0.16rem 0.13rem 0.14rem;
	display: block;
	box-sizing: content-box;
	border: none;
	box-shadow: none;
}

.form-control:focus {
	border-color: #fb692f;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bts-box {
	padding-top: 0.1rem;
}

.other-panel {
	display: flex;
	justify-content: space-between;
	margin-top: 0.1rem;
}

.extra-links a,
.extra-links span {
	color: #999;
}

.sms-link,
.sms-box-wrap,
.verification-box,
.sms-login .tel-link {
	display: none;
}

.sms-login .sms-link {
	display: block;
}

.sms-box {
	display: flex;
}

.turn-area {
	display: none;
	height: 0.11rem;
	padding: 0.18rem 0 0.18rem 0.1rem;
	float: left;
}

.country-list {
	height: 0.25rem;
	line-height: 0.25rem;
	padding: 0.13rem 0.1rem 0.13rem 0;
	margin-left: 0.1rem;
	color: #333;
	border-right: 0.01rem solid #e0e0e0;
	display: block;
	overflow: hidden;
	position: relative;
	cursor: default;
	box-sizing: content-box;
}

.animation {
	position: relative;
	-webkit-animation: fade-in ease-in-out .5s;
	animation-name: fade-in;
	animation-timing-function: ease-in-out;
	animation-duration: .5s;
}

.country-code {
	padding-right: 0.12rem;
	position: relative;
}

.verification-box input {
	width: 2.1rem;
}

.code-panel {
	padding: 0.14rem 0.2rem;
	color: #333;
	display: block;
	overflow: hidden;
	border-left: 0.01rem solid #e0e0e0;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.send-ticket {
	cursor: pointer;
	color: #003ab5;
}

.verification-box {
	position: relative;
}

.sms-login .turn-area,
.sms-login .code-panel,
.sms-login .sms-box-wrap,
.sms-login .verification-box {
	display: block;
}

.sms-login .login-user,
.sms-login .login-password {
	display: none;
}

.register-box {}

.register-page {
	width: 8.5rem;
	min-height: 50.3rem;
	margin: 0 auto;
	padding-bottom: 0.4rem;
	background-color: #fff;
}

/*blog*/
.main-blog,
.main-artical {
	padding-bottom: 0.4rem;
	background-color: #f9f9f9;
}

.blog-box,
.artical-box {
	margin-top: 0.3rem;
	padding: 0.2rem 0.4rem;
	background-color: #fff;
}

.infoitem {
	padding: 0.2rem 0;
	color: #999;
	border-top: 0.01rem solid #ccc;
}

.blog-wrap h2 {
	margin-bottom: 0;
	padding-bottom: 0.1rem;
	color: #2c2c2c;
	border-bottom: 0.01rem solid #ccc;
}

.blog-wrap h4 {
	font-size: 0.18rem;
}

.blog-wrap h5 {
	font-size: 0.16rem;
}

.blog-wrap h4 a {
	color: #1A1A1A;
}

.blog-wrap h4 a:hover {
	color: #fb692f;
	text-decoration: none;
}

.blog-item {
	border-bottom: 0.01rem solid #ddd;
	border-top: none;
}

.blog-item a {
	display: block;
	color: #2c2c2c;
}

.blog-item p {
	color: #333;
}

.viewlist {
	overflow: hidden;
	margin-top: 0.06rem;
	line-height: 1.5;
	color: #999;
}

.viewlist .arrow {
	position: static;
}

.viewlist .arrow.arrow:after {
	margin-right: 0.04rem;
	margin-left: 0.02rem;
	border-top: 0.01rem solid #f70;
	border-right: 0.01rem solid #f70;
}

.viewlist .col-md-9 {
	padding-left: 0;
}

.blog-item .art-content {
	margin-bottom: 0.2rem;
	font-size: 0.14rem;
}

@-webkit-keyframes fade-in {
	from {
		left: -100%
	}

	to {
		left: 0
	}
}

@-moz-keyframes fade-in {
	from {
		left: -100%
	}

	to {
		left: 0
	}
}

@-o-keyframes fade-in {
	from {
		left: -100%
	}

	to {
		left: 0
	}
}

@keyframes fade-in {
	from {
		left: -100%
	}

	to {
		left: 0
	}
}

/**** About ****/

.bread-crumbs {
	margin-top: 1em;
	margin-bottom: 1em;
}

.breadcrumb {
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
}

.breadcrumb>.active {
	color: #999;
}

.about {
	display: block;
}

.about-data {
	float: left;
	width: 66.1%;
	margin-right: 3.6%;
}

.about-img {
	float: left;
	width: 44.2%;
}

.about-img img {
	padding: 0.05rem;
	background: #929DAC;
	box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
	-webkit-box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
	-moz-box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
	-o-box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
}

.about-desc {
	float: left;
	width: 54.2%;
	margin-right: 1.6%;
	margin-bottom: 1.5em;
}

.about-desc h4 {
	color: #646464;
	font-size: 1.4em;
	line-height: 1.8em;
}

.about-data p {
	font-size: 1em;
	color: #9C9C9C;
	line-height: 1.8em;
	margin: 1em 0em;
}

.about-data span {
	font-size: 1em;
	color: #9C9C9C;
	line-height: 1.8em;
	margin: 1em 0em;
}

.sidebar {
	float: left;
	width: 30.2%;
}

.sidebar h2 {
	color: #ff7700;
	text-transform: capitalize;
	font-size: 1.8em;
	font-weight: 600;
	margin-bottom: 2%;
}

.blog_heading p.date {
	padding-bottom: 0.05rem;
}

.date span.author:hover {
	text-decoration: underline;
}

.blog_desc p {
	line-height: 1.8em;
}

.blog_heading span {
	color: #4D4D4D;
	font-size: 1.2em;
	font-weight: 600;
}

.blog_desc {
	margin: 1em 0em 1.5em;
}

/***Services*/
.services {
	display: block;
}

.boxes h2 {
	color: #ff7700;
	text-transform: capitalize;
	font-size: 2em;
	font-weight: 600;
}

.boxes li p {
	margin-top: 8%;
}

.boxes li p {
	font-size: 1em;
	color: #9C9C9C;
	margin: 1em 0em;
	line-height: 1.8em;
}

.lb-album .btn1 {
	margin-top: 0.1rem;
}

.boxes li.btn1 {
	padding: 0 0.1rem 0.1rem;
}

.lb-album {
	margin: 0 auto;
	padding: 0;
}

.lb-album li {
	float: left;
	width: 22.333%;
	margin: 2.333% 0 0 2.333%;
	position: relative;
	list-style-type: none;
}

.lb-album li:first-child {
	margin-left: 0;
}

.lb-album li>a,
.lb-album li>a img {
	display: block;
}

.lb-album li>a img {
	padding: 0.05rem;
	background: #929DAC;
	box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
	-webkit-box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
	-moz-box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
	-o-box-shadow: 0px 0.56rem 0.36rem -0.6rem #121D12;
}

.lb-album li>a {
	position: relative;
}

.lb-album li>a img:hover {
	opacity: 0.6;
}

.lb-album li>a:hover span {
	opacity: 1;
	background: url(../images/zoom.png) no-repeat;
	filter: alpha(opacity=99);
	/* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
	/*IE8*/
}

.lb-overlay {
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgba(24, 23, 23, 0.91);
}

.lb-overlay a.lb-close {
	background: #202020;
	z-index: 1001;
	position: absolute;
	right: 36%;
	top: 7%;
	width: 0.27rem;
	height: 0.27rem;
	background: url('../images/close.png') no-repeat;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}

.lb-overlay img {
	position: relative;
	box-shadow: 0.01rem 0.01rem 0.04rem rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0.01rem 0.01rem 0.04rem rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0.01rem 0.01rem 0.04rem rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0.02rem 0.07rem rgba(0, 0, 0, 0.2);
}

.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 0.8rem 1rem 1.2rem 1rem;
}

.lb-overlay:target img {
	-webkit-animation: scaleDown 1.2s ease-in-out;
	-moz-animation: scaleDown 1.2s ease-in-out;
	-o-animation: scaleDown 1.2s ease-in-out;
	-ms-animation: scaleDown 1.2s ease-in-out;
	animation: scaleDown 1.2s ease-in-out;
}

.lb-overlay:target a.lb-close,
.lb-overlay:target>div {
	opacity: 1;
	filter: alpha(opacity=99);
	/* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
	/*IE8*/
}

@-webkit-keyframes scaleDown {
	0% {
		-webkit-transform: scale(10, 10);
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
}

@-moz-keyframes scaleDown {
	0% {
		-moz-transform: scale(10, 10);
		opacity: 0;
	}

	100% {
		-moz-transform: scale(1, 1);
		opacity: 1;
	}
}

@-o-keyframes scaleDown {
	0% {
		-o-transform: scale(10, 10);
		opacity: 0;
	}

	100% {
		-o-transform: scale(1, 1);
		opacity: 1;
	}
}

@-ms-keyframes scaleDown {
	0% {
		-ms-transform: scale(10, 10);
		opacity: 0;
	}

	100% {
		-ms-transform: scale(1, 1);
		opacity: 1;
	}
}

@keyframes scaleDown {
	0% {
		transform: scale(10, 10);
		opacity: 0;
	}

	100% {
		transform: scale(1, 1);
		opacity: 1;
	}
}

x:-o-prefocus,
.lb-overlay img {
	height: 100%;
}

/* 文章列表页 */

.mainbox .artinfo {
	/*padding: .1rem 1.46rem 1.15rem;*/
}

.art-head {}

.art-head h1 {
	margin-top: 0.15rem;
	margin-bottom: 0.15rem;
	font-size: 0.24rem;
}

.art-head span {
	font-size: 0.12rem;
	color: #999;
}

.art-head span:first-child {
	margin-right: 0.25rem;
}

.list-box .infoitem {
	padding: 0.1rem 0;
	border-bottom: solid 0.01rem #ddd;
}

.list-box .infoitem h5 {
	margin: 0px;
	font-size: 0.18rem;
	padding: 0.1rem 0 0.05rem 0;
}

.list-box .infoitem h5 a {
	color: #333;
}

.list-box .infoitem p {
	font-size: 0.14rem;
	color: #999;
	margin: 0.05rem 0;
}

.list-box .infoitem span {
	color: #999;
}

.no-data {
	font-size: 0.28rem;
	color: #ccc;
	list-style: none;
	text-align: center;
	padding: 2em;
}

.else-link {
	margin-top: 0.3rem;
}

.else-link strong {
	margin-left: 0.2rem;
}

.else-link a {
	color: #333;
}

.else-link a:hover {
	color: #ff7700;
}

/***Contact*/
.contact {
	margin-bottom: 4%;
	display: block;
}

.span_1_of_3 h3 {
	margin-bottom: 4%;
	color: #ff7700;
	text-transform: capitalize;
	font-size: 1.8em;
	font-weight: 400;
}

.span_2_of_3 h3 {
	color: #ff7700;
	text-transform: capitalize;
	font-size: 1.8em;
	font-weight: 400;
}

form {
	margin-top: 0%;
}

.col {
	display: block;
	float: left;
}

.col:first-child {
	margin-left: 0;
}

.contact-form {
	position: relative;
	padding-bottom: 0.3rem;
}

.contact-form div {
	padding: 0.05rem 0;
}

.contact-form span label {
	font-size: 0.8125em;
	color: #9C9C9C;
	line-height: 1.8em;
	padding-bottom: 0.05rem;
}

.contact-form input[type="text"],
.contact-form textarea {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	color: #9C9C9C;
	padding: 0.08rem;
	display: block;
	width: 98%;
	background: #fff;
	border: 0.01rem solid rgba(214, 212, 209, 1);
	outline: none;
	-webkit-appearance: none;
}

.contact-form textarea {
	resize: none;
	height: 1.2rem;
}

.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
	-webkit-transition: 0.9s;
	-o-transition: 0.9s;
	-moz-transition: 0.9s;
	transition: 0.9s;
	border: 0.01rem solid rgba(253, 203, 72, 0.66);
	box-shadow: 0px 0px 0.04rem rgba(151, 133, 36, 0.34);
	-webkit-box-shadow: 0px 0px 0.04rem rgba(151, 133, 36, 0.34);
	-moz-box-shadow: 0px 0px 0.04rem rgba(151, 133, 36, 0.34);
	-o-box-shadow: 0px 0px 0.04rem rgba(151, 133, 36, 0.34);
}

.contact-form input[type="submit"] {
	font-size: 0.16rem;
	padding: 0.1rem 0.2rem;
	color: #FFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	margin-top: 2%;
	background: #ff7700;
}

.contact-form input[type="submit"]:hover {
	background: #6087B6;
}

.company_address p {
	font-size: 1em;
	color: #9C9C9C;
	line-height: 1.8em;
}

.company_address p span {
	font-size: 1.2em;
	cursor: pointer;
	color: #ff7700;
}

.company_address p span:hover {
	text-decoration: none;
	color: #6087B6;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}

.map {
	margin-top: 6%;
	border: 0.01rem solid #C7C7C7;
	margin-bottom: 0.15rem;
}

.navbanner {
	height: 6rem;
	margin: 1rem auto 0;
}

.flexslider,
.flexslider .slides img {
	border-radius: 0;
}

.flexslider .slides>li {
	height: auto;
}

.flex-control-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-right: 0.6rem;
	text-align: right;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.flex-control-nav li {
	margin: 0 !important;
	padding: 0 !important;
}

.flex-control-paging li a {
	bottom: .6rem;
	width: 0.1rem;
	height: 0.1rem;
	display: inline-block;
	margin: 0 .05rem;
	color: transparent;
	border-radius: 100%;
	background: none;
	border: 0.02rem solid rgba(255, 255, 255, 0.4);
	opacity: 1;
	box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
}

.flex-control-nav {
	text-align: center;
}


.flex-control-paging li a.flex-active {
	background-color: rgba(255, 119, 0, 0.5);
}

.flexslider:hover .flex-direction-nav a {
	opacity: 1;
}

.flex-direction-nav a {
	width: .6rem;
	height: .78rem;
	background-repeat: no-repeat;
	background-size: .6rem .78rem;
}

.flex-direction-nav .flex-prev {
	background-image: url(../images/button-prev.png);
	left: .5rem;
}

.flex-direction-nav .flex-next {
	background-image: url(../images/button-next.png);
	right: .5rem;
}

.flexslider:hover .flex-prev {
	left: .5rem;
}

.flexslider:hover .flex-next {
	right: .5rem;
}


.flex-control-paging li a {
	bottom: 0.1rem;
	width: 0.34rem;
	height: 0.03rem;
	display: inline-block;
	margin: 0 .05rem;
	color: transparent;
	border-radius: 0;
	background: #DCDCDC;
	box-shadow: none;
	background: rgba(255, 255, 255, 0.4);

}

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
	background-color: #fff;
}

.banner-box {
	/*position: relative;*/
	display: -webkit-box;
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.banner-img {
	/*position: relative;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.full {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.banner-img h2 {
	position: relative;
	z-index: 20;
	font-size: 0.36rem;
	font-weight: 400;
	text-align: center;
	color: #fff;
	margin: 0;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	margin-bottom: 0.3rem;
}

.banner-img.home.corp h2,
.banner-img.home.emea h2 {
	font-size: 0.36rem;
	font-weight: 3rem;
	text-align: center;
	color: #fff;
	margin-bottom: 0.3rem;
}

.banner-search {
	position: absolute;
	left: 50%;
	bottom: 0.45rem;
	transform: translate(-50%);
	width: 3rem;
	/*z-index: 100;*/
	background-color: #fff;
	text-align: center;
	padding: 0.05rem 0.05rem 0.05rem 0.15rem;
	border-radius: 0.5rem;
}

.banner-search input[type="text"] {
	width: calc(100% - 0.48rem);
	font-size: 0.24rem;
	width: 2rem;
	color: #555555;
	margin: 0;
	border-color: transparent;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.banner-search input[type="submit"] {
	position: relative;
	z-index: 100;
	width: 0.42rem;
	height: 0.42rem;
	background: transparent;
	text-indent: -9990.09rem;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.banner-search .ico-search {
	width: 0.28rem;
	height: 0.28rem;
	position: absolute;
	right: 0.15rem;
	top: 0.12rem;
}

/*--register--*/
.register {
	padding: 4em 0 5em 0;
}

.register-top-grid h3,
.register-bottom-grid h3 {
	color: #ff7700;
	font-size: 1.2em;
	padding-bottom: 0.15rem;
	margin: 0;
	font-weight: 600;
}

.register-top-grid div,
.register-bottom-grid div {
	width: 48%;
	float: left;
	margin: 0.1rem 0;
}

.register-top-grid span,
.register-bottom-grid span {
	color: #999;
	font-size: 0.85em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}

.register-top-grid input[type="text"],
.register-bottom-grid input[type="text"] {
	border: 0.01rem solid #EEE;
	outline-color: #FF5B36;
	width: 96%;
	font-size: 1em;
	padding: 0.5em;
}

.checkbox {
	margin-bottom: 0.04rem;
	padding-left: 0.27rem;
	font-size: 1.1em;
	line-height: 0.27rem;
	cursor: pointer;
}

.checkbox {
	float: left;
	position: relative;
	font-size: 0.85em;
	color: #555;
}

.checkbox:last-child {
	margin-bottom: 0;
}

.news-letter {
	color: #555;
	font-weight: 600;
	font-size: 0.85em;
	margin-bottom: 1em;
	display: block;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	clear: both;
}

.checkbox i {
	position: absolute;
	bottom: 0.05rem;
	left: 0;
	display: block;
	width: 0.2rem;
	height: 0.2rem;
	outline: none;
	border: 0.02rem solid #ff7700;
}

.checkbox input+i:after {
	content: '';
	background: url("../images/tick1.png") no-repeat 0.01rem 0.02rem;
	top: -0.01rem;
	left: -0.01rem;
	width: 0.15rem;
	height: 0.15rem;
	font: normal 0.12rem/0.16rem FontAwesome;
	text-align: center;
}

.checkbox input+i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}

.checkbox input {
	position: absolute;
	left: -9990.09rem;
}

.checkbox input:checked+i:after {
	opacity: 1;
}

.news-letter:hover {
	color: #00BFF0;
}

.register-but {
	margin-top: 1em;
}

.register-but form input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 1.2em;
	padding: 0.6em 2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border: none;
	outline: none;
}

.register-but input[type="submit"]:hover {
	background: #000;
}

div.register-bottom-grid {
	margin-top: 3em;
}

/*--login--*/
.login-left {
	padding: 0;
}

.login-left h3,
.login-right h3 {
	color: #ff7700;
	font-size: 1.2em;
}

.login-left p,
.login-right p {
	color: #868583;
	display: block;
	font-size: 1em;
	margin: 0 0 2em 0;
	line-height: 1.8em;
}

.acount-btn {
	background: #ff7700;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
}

.acount-btn:hover,
.login-right input[type="submit"]:hover {
	background: #ff7700;
	text-decoration: none;
	color: #fff;
}

/*mainbox*/
.linebox {
	margin-bottom: 0;
	padding: 0.4rem 0;
	border-bottom: 0;
}

.mainbox h2,
.cat-title,
.linebox h2 {
	position: relative;
	line-height: 2;
}

.mainbox h2 span,
.cat-title span,
.linebox h2 span {
	display: inline-block;
	padding: 0 0.3em;
	border-bottom: 0.03rem solid #ff7700;
}

.linebox h2 {
	margin-top: 0;
	margin-bottom: 0.3rem;
	text-align: center;
	line-height: 1;
	border-bottom: none;
}

.linebox h2 span {
	color: #fb692f;
	font-size: 0.16rem;
	border-bottom: solid 0.01rem #fb692f;
	-webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
	transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}

.cat-title {
	margin-bottom: 0;
	font-size: 1.5em;
}

.mainbox h2 a,
.linebox h2 a {
	display: block;
	float: right;
	margin-top: 0.18rem;
	color: #999;
}

.mainbox .textonly label {
	display: none;
}

.mainbox .btn-block {
	width: 96%;
	max-width: 4rem;
}

.mainbox legend {
	padding-bottom: 0.1rem;
}

.mainbox form {
	padding: 1em 0;
}

/*.mainbox form div {
	padding: 0 0 0em 0;
}*/

.mainbox form div.input-group {
	padding: 0;
}

.mainbox form div.has-error label {
	color: #a94442;
}

.mainbox form div.has-error input {
	border: 0.01rem solid #a94442;
}

.mainbox label {
	color: #999;
	font-size: 1.2em;
	padding-bottom: 0.2em;
	display: block;
	/*text-transform: uppercase;*/
	font-weight: normal;
}

.mainbox input[type="text"],
.mainbox input[type="password"],
.mainbox input[type="email"],
.mainbox textarea {
	/*border: 0.01rem solid #DDD;
	outline-color:#FF6392;
	width: 96%;
	max-width:4rem;
	font-size:1em;
	padding: 0.4em;
	color:#666;*/
}

.mainbox input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border: none;
	outline: none;
}

/*-- news --*/
.news {
	position: relative;
	margin: 2em 0 0 0em;
	padding: 1em 0;
	border: 0.01rem solid #ddd;
}

.news h3 {
	position: absolute;
	top: -0.12rem;
	left: -0.04rem;
	width: 1.3rem;
	height: 0.36rem;
	margin: 0;
	padding-left: 0.4rem;
	color: #ec7c0f;
	font-size: 1.3em;
	font-weight: 400;
	background-color: #fff;
	background: url(../images/icon-title.png) no-repeat;
	text-align: left;
}

.news-grid-text span {
	color: #0070C6;
	font-size: 0.14rem;
	line-height: 1.7em;
	font-weight: 700;
}

.news-grid-text h4 {
	font-size: 0.18rem;
	margin: 0;
	color: #323232;
	font-weight: 600;
}

.news-grid-text {
	margin-bottom: 1em;
}

.news-grid img {
	width: 100%;
}

.news-grid p {
	color: #8c8c8c;
	font-size: 0.15rem;
	line-height: 1.8em;
	margin: .5em 0 0 0;
}

.news-grids {
	margin-top: 3em;
}

.news-grid {
	margin: 0 0 1em 0;
}

.blue {
	margin-top: 1em;
	text-align: left;
}

.blue a {
	background: none;
	color: #ff7700;
	font-size: 0.18rem;
	padding: 0;
}

.blue a:hover {
	background: none;
	color: #8c8c8c;
}

.news-slid {
	background: url(../images/12.jpg) no-repeat 0px -1.57rem;
	min-height: 4rem;
	background-size: cover;
}

.news-slid-info {
	text-align: center;
	left: 30%;
	top: 42%;
	margin: 10em 0 0 0;
}

.news-slid-info h2 {
	color: #FFF;
	font-size: 0.36rem;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

.gray {
	margin: 4em 0;
}

.gray a {
	font-size: 0.2rem;
}

/*-- list --*/
.list {
	padding: 0 0.15rem;
}

.list li {
	line-height: 1.6;
	list-style-type: none;
}

.news .list li {
	border-bottom: 0.01rem dashed #e0e0e0;
}

.news .list li:last-child {
	border-bottom: none;
}

.list li a {
	display: block;
	overflow: hidden;
}

.list li span {
	display: inline-block;
}

.list li span.art-title,
.ed-item li a {
	width: 75%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 1em;
	color: #333;
}

.rightcol .news-list li span.art-title {
	width: 100%;
}

.list li span.art-time {
	float: right;
	color: #999;
	font-size: 0.12rem;
}

.news-list {
	list-style: none;
	height: 100%;
	margin: 0;
	padding: 0;
}

.news-list li {
	margin: 0 0 0.2rem;
}

.news-list li h4 {
	font-size: 0.16rem;
	font-weight: 700;
	margin: 0 0 0.05rem;
}

.news-list a {
	color: #fb692f;
	text-decoration: none;
	-webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
	transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}

.news-list a:hover,
.news-list a:active,
.news-list a:focus {
	color: #fb692f;
}

.news-meta {
	font-size: 0.13rem;
	color: #555555;
	margin-bottom: 0.15rem;
}

/*--blog--*/
.blog-list {
	margin-bottom: 0.25rem;
}

.blog-info {
	padding: 0.2rem;
	font-size: 0.12rem;
	border-bottom: 0.01rem solid #ddd;
}

.blog-img {
	width: 1.36rem;
	height: 0.8rem;
	margin-right: 0.3rem;
	overflow: hidden;
}

.blog-info a {
	color: #666;
}

.blog-info h4 a {
	font-size: 0.2rem;
	color: #000;
}

.blog-time {
	margin-top: 0.2rem;
	color: #999;
}

.artlist {
	margin-bottom: 0.25rem;
	padding: 0.1rem 0.15rem;
	border: 0.01rem solid #ddd;
}

.artlist .list {
	padding: 0;
}

.imglist {
	padding: 0;
}

.artimg-list {
	margin: 0.15rem 0 0.25rem;
	padding: 0.1rem 0.09rem;
	border: 0.01rem solid #ddd;
}

.artimg-info {
	float: left;
	width: 2.8rem;
	height: 1.72rem;
	margin-right: 0.1rem;
}

.artimg-list div:last-child {
	margin-right: 0;
}

.newgroup {
	padding: 0 !important;
}

.newgroup-list {
	display: flex;
	justify-content: space-between;
	margin: 0.15rem 0 0.25rem;
}

.catbox-91,
.catbox-92 {
	padding: 0.1rem;
	border: 0.01rem solid #ddd;
}

.catbox-91 {
	margin-right: 0.4rem;
}

.newgroup-img {
	width: 2.3rem;
	height: 1.18rem;
	margin-right: 0.2rem;
}

.consult-list {
	width: calc(100% - 2.5rem);
	padding: 0.1rem 0;
}

.consult-list li {
	height: 0.3rem;
	line-height: 0.3rem;
}

.consult-list a {
	height: 0.3rem;
	line-height: 0.3rem;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
}

.friendlink-list {
	margin-bottom: 0.25rem;
	padding: 0.15rem;
	border: 0.01rem solid #ddd;
}

.friendlink-list h2 {
	float: left;
	margin-bottom: 0;
	margin-top: 0 !important;
	font-size: 0.16rem;
	line-height: 0.3rem;
	font-weight: bold;
	border: none;
}

.friendlink-list h2:after {
	width: 0;
	height: 0;
}

.friend-list li {
	float: left;
	height: 0.3rem;
	margin: 0 0.2rem;
	line-height: 0.3rem;
}

.friend-list li a {
	color: #555;
}

/*leftcol*/
.leftcol,
.rightcol {
	/*lmargin-top:0.25rem;*/
	padding-right: 0;
}

.student-info .rightcol {
	margin-top: 0.25rem;
}

.teach-info .rightcol {
	margin-top: 0.25rem;
}

.maecenas-left {
	width: calc(100% - 2.6rem);
}

.navbox h3,
.bestnews h3 {
	font-size: 0.2rem;
	line-height: 2;
}

.nav-list {
	padding: 0;
}

.nav-list li {
	border-bottom: 0.01rem solid #ddd;
}

.nav-list li:last-child {
	border-bottom: none;
}

.nav-list span {
	color: #333;
}

.selected span {
	color: #225ebc;
}

.login-right form {
	padding: 1em 0;
}

.login-right form div {
	/*padding: 0 0 2em 0;*/
}

.login-right form div.input-group {
	padding: 0;
}

.login-right form div.has-error label {
	color: #a94442;
}

.login-right form div.has-error input {
	border: 0.01rem solid #a94442;
}

/*.login-right span,*/
.login-right label {
	color: #999;
	font-size: 1.2em;
	padding-bottom: 0.2em;
	display: block;
	/*text-transform: uppercase;*/
	font-weight: normal;
}

.login-right input[type="text"],
.login-right input[type="password"],
.login-right input[type="email"] {
	border: 0.01rem solid #DDD;
	outline-color: #ff7700;
	width: 42%;
	font-size: 1.2em;
	padding: 0.7em;
	color: #666;
}

.user-info .form-control {
	width: 42%;
	height: 0.5rem;
	border-radius: 0;
}

.user-info label {
	margin-top: 0.15rem;
	font-size: 0.14rem;
}

.user-info input[type="text"],
.user-info input[type="password"],
.user-info input[type="email"] {
	padding: 0.1rem;
	font-size: 0.14rem;
}

.user-info input[type="submit"] {
	margin-top: 0.3rem;
}

a.forgot {
	font-size: 0.875em;
	margin-right: 0.11rem;
	color: #999;
}

ul.breadcrumbs {
	padding: 0;
	list-style: none;
	float: left;
}

ul.breadcrumbs li {
	display: inline-block;
	font-size: 1.1em;
	color: #000;
}

ul.breadcrumbs li.women {
	background: #5BBD50;
	padding: 0.03rem;
}

ul.previous {
	padding: 0;
	list-style: none;
	float: right;
}

ul.previous li a {
	color: #999;
	font-size: 1.1em;
}

.dreamcrub {
	margin: 2em 0 5em 0;
	font-family: 'Roboto', sans-serif;
}

.mens-toolbar {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 2em;
}

.mens-toolbar .sort {
	float: left;
	width: 20.5%;
}

.sort-by {
	color: #000;
	font-size: 0.8125em;
	text-transform: uppercase;
}

.sort-by label {
	font-weight: normal;
}

.mens-toolbar .pages {
	float: right;
	margin: 0;
}

ul.women_pagenation.dc_paginationA.dc_paginationA06 {
	float: right;
	padding: 0;
	list-style: none;
}

.pages {
	float: right;
}

.pages .limiter {
	color: #000;
	font-size: 0.8125em;
	text-transform: uppercase;
}

.pages .limiter select {
	padding: 0;
	margin: 0 0 0.01rem;
	vertical-align: middle;
}

ul.women_pagenation li {
	float: left;
	margin: 0px;
	margin-left: 0.05rem;
	padding: 0px;
	list-style: none;
}

ul.women_pagenation li a {
	color: #000;
	display: block;
	padding: 0.04rem 0.08rem;
	text-decoration: none;
	font-size: 0.8125em;
	text-transform: uppercase;
}

ul.women_pagenation li.active a {
	background: #26d2fc;
	color: #fff;
}

ul.women_pagenation li a:hover {
	background: #26d2fc;
	color: #fff;
}

/*--account--*/
.span_1_of_account {
	width: 47.2%;
}

.col_1_of_account {
	display: block;
	float: left;
	margin: 1% 0 1% 4.6%;
}

.col_1_of_account:first-child {
	margin-left: 0;
}

h4.title {
	color: #5A0F16;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	line-height: 1.2;
	text-transform: uppercase;
}

.span_1_of_account p {
	color: #999;
	font-size: 0.9em;
	line-height: 1.8em;
}

h5.sub_title {
	color: #ff7700;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 3% 0;
}

.button1 {
	margin-top: 3%;
}

.button1 input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.08rem 0.2rem;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border: none;
	float: left;
}

.button1 input[type="submit"]:hover {
	background: #000;
}

.login {
	padding: 3% 0;
}

.comments-area input[type="text"] {
	padding: 0.1rem 0.15rem;
	width: 97%;
	color: #000;
	font-size: 0.8125em;
	border: 0.01rem solid #f0f0f0;
	background: #fff;
	outline: none;
	display: block;
}

.comments-area input[type="text"]:hover,
.comments-area input[type="password"]:hover {
	border: 0.01rem solid #ff7700;
}

.comments-area input[type="password"] {
	padding: 0.1rem 0.15rem;
	width: 97%;
	color: #000;
	font-size: 0.8125em;
	border: 0.01rem solid #f0f0f0;
	background: #fff;
	outline: none;
	display: block;
	font-family: 'Open Sans', sans-serif;
}

.comments-area span {
	color: #ff7700;
}

.comments-area p {
	padding: 0.08rem 0;
}

.comments-area input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.08rem 0.2rem;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border: none;
	float: right;
}

.comments-area input[type="submit"]:hover {
	background: #000;
}

p#account-form-remember {
	float: left;
}

p#account-form-remember label a {
	text-decoration: underline;
	color: #999;
}

p#account-form-remember label a:hover {
	text-decoration: none;
}

.col_1_of_2 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}

.span_1_of_2 {
	width: 49.2%;
}

.col_1_of_2:first-child {
	margin-left: 0;
}

.register_account {
	padding: 3% 0;
}

.register_account form input[type="text"],
.register_account form select {
	font-size: 0.8125em;
	color: #999;
	padding: 0.08rem;
	outline: none;
	margin: 0.1rem 0;
	width: 95%;
	font-family: 'Open Sans', sans-serif;
	border: 0.01rem solid #f0f0f0;
}

.register_account form input[type="text"]:hover,
.register_account form select:hover {
	border: 0.01rem solid #DBDADA;
}

button.grey {
	background: #555;
	color: #FFF;
	/* font-size: 0.8em; */
	padding: 0.08rem 0.2rem;
	/* border-radius: 0.05rem; */
	border-bottom: 0.04rem solid #1D1C1C;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
	float: left;
}

button.grey:hover {
	background: #FFAF02;
	border-bottom: 0.04rem solid #DF9A06;
}

p.terms {
	float: left;
	font-size: 0.12rem;
	padding: 0.15rem 0 0 0.15rem;
}

p.terms a,
p.note a {
	text-decoration: underline;
	color: #555;
}

p.terms a:hover,
p.note a:hover {
	text-decoration: none;
}

.register_account form input[type="text"].code {
	width: 15%;
}

.register_account form input[type="text"].number {
	width: 74.8%;
}

p.code {
	color: #999;
	font-size: 0.8125em;
}

.account {
	background: rgb(255, 255, 255);
	padding: 4em 0em;
}

/*---plans-404page-----*/
.error-page {
	text-align: center;
}

.error-page p {
	font-size: 4em;
	color: #ff7700;
}

.error-page h3 {
	font-size: 10em;
	color: #012231;
}

.error-page {
	padding: 1.3rem 0px 0 0;
	min-height: 5.5rem;
}

.btn1 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	padding: 0.7em 3.5em;
	display: inline-block;
	letter-spacing: 0.01rem;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0px !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.3em;
	border: 0.01rem solid #ff7700;
	font-weight: 600;
	color: #ff7700;
}

.btn1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.banner-info {
	padding: 12em 0 0;
	width: 56%;
}

.language-box {
	text-align: right;
}

/*首页*/
.student-list,
.teacher-list {
	padding: 0;
}

.student-list li,
.teacher-list li {
	overflow: hidden;
	padding: 0 0.1rem;
}

.student-list li:hover,
.teacher-list li:hover {
	background-color: #f7f7f7;
}

.student-list li span,
.teacher-list li span {
	float: left;
	margin-right: 0.1rem;
}

.teacher-list li i {
	margin-left: 0.02rem;
	padding: 0 0.02rem;
	color: #fff;
	font-style: normal;
}

.mark-green {
	background-color: #3C3;
}

.mark-red {
	background-color: #F60;
}

.w280 {
	width: 2.8rem;
}

.w160 {
	width: 1.6rem;
}

.w110 {
	width: 1.1rem;
}

.w85 {
	width: 0.85rem;
	;
}

.w60 {
	width: 0.6rem;
}

.tel-box {
	margin-top: 0.2rem;
	padding: 0.15rem;
	border: 0.05rem solid #eee;
	border-radius: 0.06rem;
}

.tel-box p {
	font-size: 0.16rem;
}

.tel-box h3 {
	width: 80%;
	margin: 0.15rem auto;
	padding: 0.15rem;
	border: 0.1rem solid #ff7700;
	border-radius: 0.2rem;
}

/*表单*/
.form-group {
	display: flex;
	margin-bottom: 0.16rem;
}

.form-box .form-group {
	margin-left: 0;
	margin-right: 0;
}

.form-box label {
	color: #333;
	font-size: 0.14rem;
	cursor: pointer;
}

.form-title {
	margin-top: 0.15rem;
	margin-bottom: 0.25rem;
	line-height: 1.8;
	text-align: center;
}

.form-title h1,
.payment h1 {
	margin-bottom: 0.15rem;
	font-size: 0.26rem;
	color: #ff7700;
}

.form-box input.form-control,
.form-box select.form-control,
.form-box textarea.form-control {
	height: 0.4rem;
	border-radius: 0.02rem;
}

.form-box-step3 input.form-control,
.form-box-step3 select.form-control,
.form-box-step3 textarea.form-control {
	width: 4rem;
}

.form-box select.form-select-s {
	width: 1.3rem;
	margin-left: 0.05rem;
	margin-right: 0.05rem;
}

.form-box select.form-select-m {
	width: 1rem;
	margin-left: 0.05rem;
	margin-right: 0.05rem;
}

.form-group-text {
	padding-top: 0.07rem;
	font-size: 0.16rem;
}

.group-link {
	margin-left: 0.2rem;
	font-size: 0.16rem;
	line-height: 0.34rem;
}

.group-link:hover {
	color: #ff7700;
}

.reg-box {
	margin: 0 auto;
}

.form-item-control {
	padding: 0;
}

.help-block {
	margin-bottom: 0px;
}

.pinfo .form-box label {
	width: 1.6rem;
	text-align: right;
}

.form-group .require {
	margin-right: 0.05rem;
	vertical-align: middle;
}

.feedback .form-group {
	display: block;
}

#orderModal .modal-header {
	border: none;
}

#orderModal .modal-dialog {
	width: 7.6rem;
	background: #FFFFFF;
	border-radius: 0.08rem;
}

#orderModal .top_box {
	padding: 0 0 0.2rem 0;

}

#orderModal .top_box {
	font-size: 0.16rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.22rem;
	border-bottom: 0.01rem solid #ddd;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

#orderModal .modal-title {
	font-size: 0.22rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.3rem;
}

.form-control {
	padding: 0.06rem 0.12rem;
}


/*foot*/
.footer-bottom p {
	margin-bottom: 0.06rem;
}

.foot-logo {
	display: block;
	width: 2rem;
	margin: 0 auto 0.15rem;
}

.foot-logo img {
	opacity: 0.6;
	-webkit-transition: opacity .24s ease-in-out;
	transition: opacity .24s ease-in-out;
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
}

.foot-logo:hover img {
	opacity: 1;
}

.footer-menu {
	display: flex;
	justify-content: space-between;
}

.footer-menu dl {
	flex: 0 0 20%;
}

.footer-menu dt {
	margin-bottom: 0.1rem;
}

.footer-menu dd {
	line-height: 2;
}

.footer-menu dd a {
	color: #787878;
}

.footer-menu a:hover {
	text-decoration: none;
	color: #323232;
}

@media (max-width:10.4rem) {
	.foot-tel {
		position: fixed;
		left: 5%;
		bottom: 0;
		z-index: 100;
		width: 90%;
		height: 1.2rem;
		padding: 0 0.2rem;
		font-size: 5rem;
		color: #fff;
		line-height: 1.2rem;
		text-align: center;
		background-color: #ff7700;
		border-radius: 0.6rem;
	}
}

.code-box {
	padding: 0 0.5rem;
	color: rgba(255, 255, 255, .4);
	font-size: 0.12rem;
}

.code-img {
	display: inline-block;
	width: 0.8rem;
	margin-bottom: 0.1rem;
}

.code-box b {
	display: block;
	margin-bottom: 0.06rem;
	color: #ff7700;
	font-size: 0.22rem;
	font-weight: normal;
}

.checkbox-list {
	padding-left: 0;
}

.checkbox-list-sub {
	display: flex;
	flex-flow: column wrap;
	width: 83%;
	height: 5rem;
}

.checkbox-list-row {
	width: 4rem;
	padding-top: 0.07rem;
}

.checkbox-list li {
	float: left;
	margin-right: 0.15rem;
	list-style-type: none;
}

.checkbox-list h5 {
	margin-top: 0.1rem;
	font-weight: bold;
	margin-right: 0.2rem;
	border-bottom: 0.01rem solid #ddd;
}

.checkbox-list label {
	display: inline-block;
	font-size: 0.14rem;
	vertical-align: 0.02rem;
}

.listbox {
	margin-top: 0.1rem;
}

.student thead {
	background-color: rgba(0, 175, 236, .3);
}

.student .table tr:hover {
	background-color: rgba(0, 175, 236, .1);
}

.student .table th,
.student .table td {
	text-align: center;
	vertical-align: middle;
	border: 0.01rem solid rgba(0, 175, 236, .3);
}

.student .table td.td-left {
	text-align: left;
}

/**详情**/
.detail {
	margin-top: 0.25rem;
	padding: 0.15rem 0;
	border: 0.01rem solid #ddd;
}

.detail-photo {
	width: 2rem;
}

.user-img {
	width: 1.5rem;
	height: 1.5rem;
	margin-left: 0.25rem;
	margin-bottom: 0.15rem;
	border: 0.04rem solid rgba(0, 175, 236, .3);
	border-radius: 50%;
}

.user-img img {
	/*object-fit:contain;*/
	border-radius: 50%;
}

.qq-box {
	width: 0.77rem;
	margin: 0.15rem auto;
}

.qq2017 {
	width: 0.77rem;
	height: 0.22rem;
	display: block;
	background: url(//img-oss-vilan.szbeicai.com/v6/Sprite2017.png) no-repeat;
	background-position: -1.1rem -1rem;
}

.detail-info {
	width: calc(100% - 2rem);
}

.detail-info dl {
	margin-bottom: 0.1rem;
	overflow: hidden;
}

.detail-info dt,
.detail-info dd {
	float: left;
}

.detail-info dt {
	width: 1.2rem;
	margin-right: 0.2rem;
	font-weight: normal;
	color: #999;
	text-align: right;
}

.detail-info dd {
	width: calc(100% - 1.6rem);
}

.container h2 {}

/*rightcol*/
.right-block {
	margin-bottom: 0.15rem;
	border: 0.01rem solid #ddd;
}

.index-right {
	padding: 0;
}

.right-block h3,
.index-right h2,
.education-box h3 {
	margin-bottom: 0;
	padding: 0 0.15rem;
	font-size: 0.16rem;
	font-weight: bold;
	line-height: 0.42rem;
	border-bottom: 0.01rem solid #ddd;
	background-color: #f7f7f7;
}

.index-right h2 {
	margin-top: 0;
}

.index-right h2 span {
	padding: 0;
	border: none;
}

.index-right .list li span.art-title {
	width: 100%;
}

.erweima p {
	padding: 0.15rem;
}

.block-list li {
	height: 0.32rem;
	line-height: 0.32rem;
	list-style-type: none;
}

.block-list .list li a,
.ed-item li a {
	height: 0.32rem;
	line-height: 0.32rem;
	text-decoration: none;
}

.block-list a {
	color: #333;
}

.block-list .list li a:hover span.art-title,
.ed-item li a:hover {
	color: #ff7700;
}

/*图片*/
.gallerybox {
	/* display:flex; */
	justfiy-content: space-between;
	width: 100%;
	margin-top: 0.25rem;
	-moz-column-count: 4;
	/* Firefox */
	-webkit-column-count: 4;
	/* Safari 和 Chrome */
	column-count: 4;
	-moz-column-gap: 0.15rem;
	column-gap: 0.15rem;
}

.gallery {
	margin: 0 0 0.15rem;
	padding: 0.15rem;
	border: 0.01rem solid #ddd;
	border-radius: 0.04rem;
	float: left;
	box-shadow: 0 0 0.03rem #ddd;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

.gallery:hover {
	border: 0.01rem solid #ff7700;
}

.gallery a {
	color: #333;
}

.gallery a:hover {
	text-decoration: none;
}

.imgbox {
	width: 100%;
	margin-bottom: 0.15rem;
}

.imgbox img {
	border-radius: 0.04rem;
	border: 0.01rem solid #eee;
}

.gallery h3 {
	font-size: 0.16rem;
}

.gallery p {
	color: #999;
}

.hotline {
	margin-top: 0.4rem;
	font-size: 0.18rem;
}

.linkbox {
	margin-top: 0.25rem;
}

.jcarousel {
	overflow: visible
}

.jcarousel li {
	position: relative;
}

.teacher-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, .5);
}

.teacher-info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0.1rem;
	text-align: center;
	color: #fff;
}

.teacher-info p {
	height: 0.9rem;
}

.jcarousel li:hover .teacher-box {
	opacity: 1;
	transition: all .5s ease-in-out;
}

/*请家教*/
.education-box {
	padding: 0;
	border: 0.01rem solid #ddd;
}

.ed-itembox {
	display: flex;
	justify-content: center;
	margin-top: 0.1rem;
}

.ed-item {
	margin-top: 0.15rem;
	padding: 0 0.15rem;
}

.ed-item ul {
	margin-top: 0.1rem;
	padding: 0;
}

.ed-item li {
	list-style-type: none;
}

.ed-time {
	margin: 0.15rem auto 0.2rem;
}

.ed-bg {
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: .3;
	background: linear-gradient(to top, #1076b9 50%, #ffffff 100%);
}

.ed-bgimg {
	position: relative;
	z-index: 1;
}

.treaty {
	padding-top: 0.07rem;
}

.treaty label {
	display: inline-block;
}

/*付款*/
.pay-box {
	padding: 0.2rem 0.8rem;
	border: 0.01rem solid #ddd;
}

.pay-item {
	display: flex;
}

.pay-item ul {
	flex: 1 1 auto;
}

.pay-item ul:first-child {
	border-right: 0.01rem solid #ddd;
}

.pay-item li {
	font-size: 0.16rem;
	list-style-type: none;
}

.pay-item li:first-child {
	color: #f00;
}

.img-box {
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 auto;
}

.img-box img {
	border-radius: 0.04rem;
	border: 0.01rem solid #ddd;
}

/*后台样式*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #0067B3;
	border-color: #0067B3;
}

.feed-list li {
	list-style-type: none;
}

.cstatus-1 {
	color: blue;
}

.cstatus-2 {
	color: red;
}

.cstatus-3 {
	color: #888;
}

.cstatus-4 {
	color: green;
}

.cstatus-5 {
	color: green;
}

span.info-id {
	color: #E25F07;
	font-size: 0.16rem;
	font-weight: 700;
}

.listbox .searchbox {
	background-color: #f3f3f3;
	overflow: hidden;
	border-top: 0.01rem solid #ddd;
	border-left: 0.01rem solid #ddd;
	border-right: 0.01rem solid #ddd;
}

.search-con {
	margin-bottom: 0.2rem;
}

.listbox .searchbox div.label {
	width: 0.9rem;
	float: left;
	color: #666;
	text-align: left;
	padding: 0.12rem 0.1rem;
	font-weight: normal;
	font-size: 0.12rem;
}

.listbox .lastbox {
	border-bottom: 0.01rem solid #ddd;
	margin-bottom: 0.1rem;
}

.listbox .searchbox .fbox {
	margin-left: 0.9rem;
	background-color: #fff;
	padding: 0.1rem;
	font-size: 0.12rem;
}

.listbox .searchbox .fbox a {
	display: inline-block;
	padding: 0.04rem 0.08rem;
	color: #ff7700;
	border-radius: 0.02rem;
}

.listbox .searchbox .fbox a.act-item {
	background-color: #ff7700;
	color: #fff;
}

.msgbox {
	width: 13.35rem;
	margin: auto;
	margin-top: 0.1rem;
	padding: 0px 0.15rem;
	display: none;
}

.msgbox .alert {
	margin: 0px 0px 0px 0px;
}

.fadeInRight h3 {
	border-bottom: 0.01rem solid #ff7700;
	text-align: center;
	font-size: 0.26rem;
	font-weight: normal;
	padding-bottom: 0.1rem;
}

span.hightlight {
	color: #ff7700
}

span.hightlight:hover {
	text-decoration: underline;
}


/*去掉响应式样式调整（变成响应式此处样式也全部删除）*/
.container {
	width: 15rem;
	padding-left: 0;
	padding-right: 0;
}

.container:before,
.container:after {
	content: '';
	display: none;
}

.header,
.header-bottom,
.navbanner,
.linkbox,
.footer-bottom {
	/*display:table;
	width:100%;*/
}

.sitemsg {
	font-size: 0.14rem;
	text-align: center;
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.card-wrap.top-category,
.card-wrap.panel,
.content-wrap.panel {
	max-width: 100%;
	-webkit-box-pack: start;
	justify-content: flex-start;
	margin: 0;
}

.card-wrap.panel.trigger.home {
	cursor: pointer;
}

.content-card {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	position: relative;
	background-color: #dcdcdc;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	padding-top: 0.04rem;
	border: solid 0.01rem #dcdcdc;
	vertical-align: middle;
	-webkit-transform: perspective(0.01rem) translateZ(0);
	transform: perspective(0.01rem) translateZ(0);
	box-shadow: 0 0 0.01rem rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	transform: perspective(0.01rem) translateZ(0);
	box-shadow: 0 0 0.01rem rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.24s;
	transition-duration: 0.24s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.content-card:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: 0;
	background: #fb692f;
	height: 0.04rem;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.24s;
	transition-duration: 0.24s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.content-card.active,
.content-card:hover,
.content-card:focus,
.content-card:active {
	box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.25);
}

.panel .content-card {
	width: 100%;
}

.img-wrap {
	height: 1.75rem;
	;
	background-color: #dcdcdc;
}

.card-wrap.top-category .content-card .title-wrap,
.card-wrap.panel .content-card .title-wrap,
.content-wrap.panel .content-card .title-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.card-wrap.panel .content-card .title-wrap {
	height: 100%;
}

.content-card .title-wrap {
	background-color: #fff;
	-webkit-transition: background-color .24s ease-in-out;
	transition: background-color .24s ease-in-out;
}

.card-wrap.top-category .content-card .title-wrap h3,
.card-wrap.panel .content-card .title-wrap h3,
.content-wrap.panel .content-card .title-wrap h3 {
	text-transform: none;
	margin: 0;
	padding: 0.2rem;
}

.card-wrap.panel.trigger.home .content-card .title-wrap h3.panel-title {
	color: #fb692f;
	-webkit-transition: color .24s ease-in;
	transition: color .24s ease-in;
}

.panel .content-card .title-wrap h3.panel-title {
	width: 100%;
	font-size: 0.2rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	padding: 0.2rem;
	-webkit-transition: color .24s ease-in-out;
	transition: color .24s ease-in-out;
}

.card-wrap.top-category .content-card .title-wrap .trigger,
.card-wrap.panel .content-card .title-wrap .trigger,
.content-wrap.panel .content-card .title-wrap .trigger {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	color: #fb692f;
	-webkit-transition: color .24s ease-in-out, background-color .24s ease-in-out;
	transition: color .24s ease-in-out, background-color .24s ease-in-out;
	cursor: pointer;
}

.trigger .arrow {
	right: 0.2rem;
	top: 0.28rem;
}

.trigger .arrow:after {
	width: 0.07rem;
	height: 0.07rem;
	border-top: 0.02rem solid #fb692f;
	border-right: 0.02rem solid #fb692f;
}

.fa,
.fab,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.card-wrap.top-category .content-card .title-wrap .trigger span,
.card-wrap.panel .content-card .title-wrap .trigger span,
.content-wrap.panel .content-card .title-wrap .trigger span {
	width: 0.48rem;
	background-color: #fff;
	line-height: 0.32rem;
	text-align: center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out;
}

.content.sf_cols.panels.home .panel .content-card .title-wrap .trigger span {
	background-color: transparent;
	-webkit-transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
	transition: transform .24s ease-in-out, color .24s ease-in-out;
	transition: transform .24s ease-in-out, color .24s ease-in-out, -webkit-transform .24s ease-in-out;
}

.collapse-panel {
	display: none;
}

.collapse-panel .panel-wrap {
	padding: 0 0.15rem;
}

.collapse-panel.active .panel-wrap {
	border: solid 0.01rem #dcdcdc;
	border-top: solid 0.04rem #fb692f;
}

.panel-row {
	background-color: #eae8e8;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.panel-row h2 {
	padding-top: 0.2rem;
}

.logo-row {
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	justify-content: center;
}

.centered {
	text-align: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.logo-row p {
	font-size: 0.14rem;
	margin-bottom: 0.25rem;
}

.centered a {
	color: #fb692f;
	border-bottom: solid 0.01rem #fb692f;
	-webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
	transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}

.centered p a {
	border-color: #fb692f;
}

.logo-row img {
	width: 100%;
	max-width: 2rem;
	margin: 0.1rem auto;
}

.linebox .container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-right: 0.15rem;
	padding-left: 0.15rem;
}

.lightbox-bg-mainnav {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
}

.footerbox .nav {
	display: flex;
}

.footerbox .nav-list {
	list-style: none;
	text-align: center;
	margin: 0 0 0.3rem;
	padding: 0;
	overflow: hidden;
}

.footerbox .nav-list li {
	display: inline-block;
	position: relative;
	margin: 0 0 0 -0.04rem;
	padding: 0;
	border: none;
}

.footerbox .nav a {
	display: block;
	background-color: transparent;
	font-family: "proxima-nova", sans-serif;
	font-size: 0.14rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: #fff;
	padding: 0.1rem 0.15rem;
	border: none;
	-webkit-transition: color .24s ease-in-out;
	transition: color .24s ease-in-out;
	opacity: 1;
}

.footerbox .nav a span {
	color: #fff;
}

.footerbox .nav a:hover span {
	color: #64c2e3;
}

.foot-address {
	opacity: .6;
}

.foot-address h4 {
	font-size: 0.16rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 0.1rem;
}

.foot-address p {
	font-size: 0.14rem;
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

/*上线发布*/
.release-bg {
	width: 100%;
	height: 7.6rem;
	background: url(../images/eovobo-release-bg.jpg) no-repeat center /cover;
	/* background-color: #000177; */
	padding-top: 2.2rem;
	position: relative;
	box-sizing: border-box;
	/* background-size: 80%;*/
}

.release-wrap {
	margin: 0 auto;
}

.release-logo {
	position: absolute;
	top: 18%;
	left: 50%;
	width: 2.6rem;
	height: 0.6rem;
	background: url(../images/logo-white.png) no-repeat center center;
	background-size: 100%;
	transform: translate(-50%);
}

.release-txt {
	font-size: 0.66rem;
	color: #fff;
	line-height: 2;
}

/*用户中心*/
.account_grid {
	margin-top: 1.7rem;
}

.service-banner {
	width: 100%;
	height: 2rem;
	margin-bottom: 0.15rem;
	margin-top: -0.1rem;
	background: url(../images/service-banner.jpg)
}

/*展会*/

.dis-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dis-flex-start {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.dis-flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.expo-banner {
	position: relative;
	width: 100%;
	height: auto;
	/*margin-top: 1.6rem;
	background: url(../images/expo-banner.jpg) no-repeat center / cover;*/
}

.expo-banner-bg {
	display: none;
}

.expo-banner-img {
	display: block;
}

.expo-banner-logo {
	position: relative;
	left: 0.4rem;
	top: 0.3rem;
	width: 0.5rem;
	height: 0.68rem;
}

.banner-title-box {
	position: relative;
	left: 0.4rem;
	top: 0.4rem;
}

.banner-title-box h2 {
	font-size: 0.48rem;
	font-weight: bold;
	background: linear-gradient(to bottom, #fff 30%, #9aaefa 72%);
	-webkit-background-clip: text;
	color: transparent;
}

.banner-title-box h3 {
	font-size: 0.4rem;
	background: linear-gradient(to bottom, #fff 60%, #9aaefa 85%);
	-webkit-background-clip: text;
	color: transparent;
}

.expo-banner-tag {
	position: relative;
	left: 0.4rem;
	top: 0.4rem;
	width: 1.88rem;
	;
	height: 0.36rem;
	line-height: 0.36rem;
	font-size: 0.2rem;
	color: #fff;
	letter-spacing: 0.01rem;
	background: url(../images/expo-banner-tag.png) no-repeat;
}

.submenu-bg {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0.8rem;
	background-color: rgba(255, 255, 255, .6);
}

.submenu {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
}

.submenu-list {
	justify-content: flex-start;
}

.submenu-list li {
	flex: 0 0 2rem;
	height: 1.25rem;
	font-size: 0.18rem;
	justify-content: center;
	align-items: flex-end;
}

.submenu-list li:nth-of-type(1) a {
	background-image: linear-gradient(to right, #1bb4ee, #02a0dc);
}

.submenu-list li:nth-of-type(2) a {
	background-image: linear-gradient(to right, #006ce5, #007bf9);
}

.submenu-list li:nth-of-type(3) a {
	background-image: linear-gradient(to right, #a76af1, #a24fe2);
}

.submenu-list li:nth-of-type(4) a {
	background-image: linear-gradient(to right, #f271ba, #ec4ea7);
}

.submenu-list li:nth-of-type(5) a {
	background-image: linear-gradient(to right, #f96f6f, #ef5858);
}

.submenu-list li:nth-of-type(6) a {
	background-image: linear-gradient(to right, #fdb223, #ffa200);
}

.submenu-list a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2rem;
	height: 0.8rem;
	color: #fff;
}

.submenu-list a:hover,
.submenu-list li.on a {
	position: relative;
	box-shadow: 0.05rem 0px 0.2rem rgba(33, 36, 61, .2);
	text-decoration: none;
	cursor: pointer;
	height: 1.18rem;
	border-top-left-radius: 0.03rem;
	border-top-right-radius: 0.03rem;
}

.submenu-list i {
	margin-right: 0.08rem;
}

.submenu-list li:nth-of-type(1) i {
	width: 0.42rem;
	height: 0.38rem;
}

.friends-box {
	padding: 0.2rem 0;
	background-color: #eaedfd;
}

.friends-wrap {
	flex: 0 0 5.6rem;
	color: #5e6699;
	/*height: 1.6rem;*/
}

.frends-ico-box {
	width: 0.6rem;
	height: 0.22rem;
	margin-right: 0.15rem;
	color: #fff;
	font-size: 0.12rem;
	background-image: linear-gradient(to bottom, #4e7dff, #40b1ff);
	border-radius: 0.2rem;
}

.frends-ico-box:hover {
	background-color: #ff7700;
}

.frends-ico-box a {
	justify-content: center;
	height: 0.22rem;
	color: #fff;
}

.frends-ico-box i {
	align-self: flex-end;
	width: 0.14rem;
	height: 0.18rem;
	margin-right: 0.03rem;
}

.friends-list-wrap {
	position: relative;
	width: 100%;
	z-index: 0;
}

.friends-list {
	justify-content: flex-start;
	margin-top: 0.05rem;
}

.friends-list li {
	flex: 0 0 17.5%;
}

.friends-list a {
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #5e6699;
}

.friends-list a:hover {
	color: #ff7700;
}

.friends-list-img {
	position: relative;
	width: 0.76rem;
	height: 0.76rem;
	margin-bottom: 0.1rem;
	border: 0.03rem solid #fff;
	border-radius: 50%;
}

.friends-list a:hover .friends-list-img {
	border: 0.03rem solid #ff7700;
}

.swiper-wrapper-recommend a:hover .friends-list-img {
	border: 0.03rem solid #ff7700;
}

.swiper-wrapper-recommend a h6 {
	transition: .5s;
	margin-bottom: 0;
}

.swiper-wrapper-recommend a:hover h6 {
	color: #ff7700;
}



.swiper-wrapper-recommend a {
	/*height: 0.7rem;*/
	color: #5e6699;
}

.on-stall {
	border: 0.03rem solid #f0c9b1;
}

.on-peers {
	border: 0.03rem solid #b1e6d2;
}

.add-friends {
	display: flex;
	justify-content: center;
	align-items: center;
	border-color: #969bbb;
}

.add-friends i {
	width: 0.4rem;
	height: 0.4rem;
}

.add-friends-sub {
	position: absolute;
	right: -0.04rem;
	bottom: -0.04rem;
	font-size: 0.12rem;
	color: #f70;
	background: #eaedfd;
	border-radius: 0.06rem;
}

.friends-list-img img {
	border-radius: 50%;
}

.friends-list h6 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.swiper-wrapper-recommend h6 {
	color: #5e6699;
}

.friends-swiper-btn,
#swiper-button-next-recommend,
#swiper-button-prev-recommend,
#swiper-button-next-friend,
#swiper-button-prev-friend,
#swiper-button-next-expo,
#swiper-button-prev-expo {
	position: absolute;
	top: 0.2rem;
	width: 0.7rem;
	height: 0.9rem;
	z-index: 10;
	outline: none;
	background-image: linear-gradient(to right, rgba(234, 237, 253, .05) 7%, rgba(234, 237, 253, 1) 50%);
}

.friends-swiper-next {
	right: 0;
}

.friends-swiper-btn .arrow {
	top: 0.32rem;
}

.friends-swiper-btn .arrow:after {
	width: 0.26rem;
	height: 0.26rem;
	border-color: #969bbb;
}

.friends-swiper-prev .left-arrow {
	right: 0;
	left: 0.12rem;
}

/* */
.expo-catbar-box {
	height: 0.5rem;
	background-image: linear-gradient(to bottom, #4e7dff, #40b1ff);
}

.expo-catbar {
	/* overflow: visible; */
}

.expo-cat-list {
	justify-content: flex-start;
	margin-bottom: 0.16rem;
	padding: 0;
}

.expo-cat-list li {
	position: relative;
	text-align: center;
	line-height: 1rem;
	list-style-type: none;
	cursor: pointer;
	font-size: 0.24rem;
}

.expo-cat-list li:hover,
.expo-cat-list li.active {
	background-color: rgba(255, 255, 255, .2);
}

.expo-cat-list li:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;
}

.expo-cat-list li:hover:after,
.expo-cat-list li.active:after {
	border-top-color: #ff9233;
}

.expo-cat-list a {
	display: block;
	padding: 0 0.35rem;
	color: #fff;
}

.expo-swiper-btn .arrow {
	top: 0.43rem;
}

.expo-swiper-btn .arrow:after {
	width: 0.14rem;
	height: 0.14rem;
	border-color: #333;
	border-top: 0.04rem solid #333;
	border-right: 0.04rem solid #333;
	border-radius: 0.04rem;
}

.expo-live-box {
	padding: 0 0 0.1rem 0;
	background-color: #fff;
}

.expo-search-box {
	margin-bottom: 0.15rem;
}

.expo-live-box .expo-item:hover {
	box-shadow: 0px 0.08rem 0.16rem 0px rgba(0, 0, 0, 0.12);
}

.expo-address-wrap,
.expo-search-wrap {
	position: relative;
	flex: 0 0 50%;
	height: 0.58rem;
	padding: 0 0.18rem;
	color: #9099cf;
	border: 0.02rem solid #5e6699;
	border-right-color: transparent;
	border-radius: 0.04rem;
}

.expo-address-wrap label {
	margin-bottom: 0;
	font-weight: normal;
}

.expo-address-wrap .form-control {
	height: 0.58rem;
	border: none;
	background-color: transparent;
	color: #9099cf;
}

.expo-address-wrap .arrow:after {
	width: 0.12rem;
	height: 0.12rem;
	/*border-top: 0.03rem solid #9099cf;
    border-right: 0.03rem solid #9099cf;*/
	border-radius: 0.03rem;
	border-color: transparent;
}

.expo-search-wrap {
	left: -0.02rem;
	border-radius: 0 0.04rem 0.04rem 0;
}

.expo-search-wrap-focus {
	padding-left: 0.18rem;
	color: #ff7700;
	border: 0.02rem solid #ff7700;
	border-right-color: transparent;

}

.expo-search-wrap-directories {
	width: 12rem;
	margin: 0 auto 0.16rem;
	padding-left: 0.18rem;
	color: #ff7700;
	border: 0.02rem solid #ff7700;
	border-right-color: transparent;
	border-radius: 0.05rem;
}

.expo-search-blue-wrap {
	border: 0.02rem solid #606795;
}

.inp-search {
	width: 100%;
	background-color: transparent;
	border: none;
	height: 0.52rem;
	padding-right: 0.15rem;
	color: #152154;
}

.inp-search-directories {
	width: 100%;
	background-color: transparent;
	border: none;
	height: 0.52rem;
	padding-right: 0.15rem;
	color: #152154;
}

.btn-search-bg {
	position: absolute;
	right: -0.02rem;
	top: -0.02rem;
	width: 0.58rem;
	height: 0.57rem;
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
	border-top-right-radius: 0.04rem;
	border-bottom-right-radius: 0.04rem;
	border: none;
}

.btn-search-bg i {
	width: 0.4rem;
	height: 0.4rem;
}

.expo-search-blue-wrap .btn-search-bg {
	right: 0px;
	top: 0px;
	width: 0.54rem;
	height: 0.54rem;
	border-top-right-radius: 0.02rem;
	border-bottom-right-radius: 0.02rem;
}

.expo-search-blue-wrap ::-webkit-input-placeholder {
	color: #9299cb;
}

.expo-search-blue-wrap ::-moz-placeholder {
	color: #9299cb;
}

.expo-search-blue-wrap :-ms-input-placeholder {
	color: #9299cb;
}

.search-live-box .expo-address-wrap,
.search-live-box .form-control {
	color: #606795;
}

input.inp-search:focus,
button:focus {
	outline: 0;
}

input.inp-search-directories:focus,
button:focus {
	outline: 0;
}

.expo-search-s-wrap {
	height: 0.4rem;
	padding: 0 0.05rem;
	background-color: #fff;
	border-radius: 0.26rem;
}

.inp-search-s {
	width: 100%;
	background-color: transparent;
	border: none;
	height: 0.4rem;
	padding: 0 0.1rem;
}

.inp-search-s:focus {
	outline: none;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
	-webkit-text-fill-color: #807c7c;
	transition: background-color 5000s ease-out 0.5s;
}

.btn-search-bg-s {
	display: flex;
	height: 0.26rem;
	border: none;
	background-color: transparent;
}

.expo-live {
	flex-flow: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 0 !important;
}

.expo-item-wrap {
	flex: 0 0 20%;
	padding: 0 0.2rem 0.2rem 0;

}

.expo-item-wrap-width {
	flex: none;
	width: 2.97rem;
	height: 5.13rem;
}

.expo-item-wrap:nth-of-type(5n+5) {
	padding-right: 0.2rem;
}

.expo-item {
	/* padding-bottom: 0.12rem; */
	border-radius: 0.08rem;
	background-color: #fff;
	/*overflow: hidden;*/
	-webkit-box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, .05);
	box-shadow: 0px 0 0.12rem 0px rgba(0, 0, 0, 0.08);
}
.expo-live-box .expo-item{
	width:2.8rem;
}

.item-company-info {
	padding: 0.03rem 0.1rem;
	border-radius: 0.08rem 0.08rem 0 0;
	background-image: #fff;
}

.item-company-info:hover {
	/*background-color: #ca5848; */
}

.expo-live-box .btn-appointment {
	background-color: #0067B3;
	background-image: none;
}

.item-company-info-logo {
	display: flex;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.1rem;
	background-color: #fff;
	border-radius: 50%;
	border: 0.01rem solid #fff;
}

.item-company-info-logo img {
	border-radius: 50%;
	object-fit: contain;
}

.item-company-info-txt {
	width: calc(100% - 0.7rem);
	line-height: 1.4;
	font-size: 0.15rem;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
}

.expo-item a {
	display: block;
	color: #333;
}

.expo-item a:hover {
	color: #ff7700;
}

.item-company-info a {
	display: flex;
	width: 100%;
}

.expo-item-img-wrap {
	position: relative;
	margin-bottom: 0.12rem;
	border-radius: 50%;
}

.expo-item-img {
	width: 100%;
	height: 3.8rem;
}

.expo-item-img-mini {
	position: absolute;
	bottom: 0.12rem;
	left: 0.12rem;
	border-radius: 0.04rem;
	z-index: 10;
	width: 0.58rem;
	height: 0.58rem;
	background-color: #fff;
	display: flex;
}

.expo-item-img-mini img {
	border-radius: 0.04rem;
	z-index: 10;
	width: 0.58rem;
	height: 0.58rem;
	margin: 0 0.1rem 0 0;
}

.expo-item-fabulous {
	position: absolute;
	bottom: 0.06rem;
	right: 0.1rem;
	z-index: 10;
	width: 0.3rem;
	cursor: pointer;
}

.expo-item-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: 10;
	padding-top: 30%;
	text-align: center;
	font-size: 0.16rem;
	color: rgba(255, 255, 255, .9);
	background-color: rgba(0, 0, 0, .65);
	transition: opacity 500ms ease;
	transform: translateZ(0);
	display: none;
}

.expo-live-more {
	position: relative;
	margin-top: 0.16rem;
	color: #5e6699;
}

.expo-live-more a {
	display: inline-block;
	color: #5e6699;
	line-height: 1.8;
}

.expo-live-more a:hover {
	color: #ff7700;
}

.expo-live-more span {
	margin-right: 0.04rem;
}

.expo-live-more .arrow {
	position: relative;
	right: 0;
	top: 0;
}

.expo-live-more .arrow:after {
	width: 0.08rem;
	height: 0.08rem;
	border-top: 0.02rem solid #5e6699;
	border-right: 0.02rem solid #5e6699;
}

.expo-live-more a:hover .arrow:after {
	border-top: 0.02rem solid #ff7700;
	border-right: 0.02rem solid #ff7700;
}

.expo-docking-box {
	padding: 0.2rem 0;
	background-color: #5e6699;
	color: #fff;
}

.expo-docking-box h2 {
	color: #fff;
}

.docking-wrap-flex {
	align-items: flex-start;
}

.docking-wrap {
	flex: 0 0 48%;
	margin-top: 0.05rem;
}

.docking-wrap h3 {
	font-size: 0.2rem;
}

.docking-wrap a {
	color: #fff;
}

.explosive-wrap h3 {
	margin-bottom: 0.15rem;
}

.purchaser-wrap h3.purchaser-tit {
	margin-bottom: 0;
	padding-bottom: 0.2rem;
	border-bottom: 0.01rem solid #8f94b6;
}

/*.explosive-ico-bg{
    position: relative;
	width: 0.2rem;
	height: 0.2rem;
	background-color: #21243d;
	border-radius: 50%;
}
.explosive-ico-bg a{
	display:block;
    width: 0.2rem;
    height: 0.2rem;
}
.explosive-ico-bg .arrow,.purchaser-ico-bg .arrow {
    right: 0.07rem;
    top: 0.06rem;
}
.explosive-ico-bg .arrow:after,.purchaser-ico-bg .arrow:after {
    width: 0.08rem;
    height: 0.08rem;
    border-top: 0.02rem solid #fff;
    border-right: 0.02rem solid #fff;
}
*/
.purchaser-ico-bg {
	position: relative;
	height: 0.2rem;
	background-color: #ff7700;
	border-radius: 0.2rem;
}

.purchaser-ico-bg a {
	padding: 0 0.1rem;
	line-height: 0.2rem;
}

.purchaser-ico-bg span {
	margin-right: 0.1rem;
	font-size: 0.12rem;
}

.more-ico-bg {
	position: relative;
	width: 0.2rem;
	height: 0.2rem;
	background-color: #21243d;
	border-radius: 50%;
	transition: 0.5s all;
}

.more-ico-bg a {
	width: 0.2rem;
	height: 0.2rem;
	color: #fff;
	justify-content: start;
}

.more-ico-bg span {
	opacity: 0;
	margin-right: 0.1rem;
	font-size: 0.12rem;
}

.more-ico-bg .arrow,
.purchaser-ico-bg .arrow {
	right: 0.07rem;
	top: 0.06rem;
}

.more-ico-bg .arrow:after,
.purchaser-ico-bg .arrow:after {
	width: 0.08rem;
	height: 0.08rem;
	border-top: 0.02rem solid #fff;
	border-right: 0.02rem solid #fff;
}

.more-ico-bg:hover {
	width: 0.7rem;
	height: 0.2rem;
	background-color: #ff7700;
	border-radius: 0.2rem;
}

.more-ico-bg:hover a {
width: 0.7rem;
	padding: 0 0.1rem;
	line-height: 0.2rem;
}

.more-ico-bg:hover span {
	opacity: 1;
}

.pro-hor-list li,
.pro-hor-list li a {
	justify-content: flex-start;
	align-items: flex-start;
}

.pro-hor-list li {
	margin-bottom: 0.15rem;
}

.pro-hor-list li:last-child {
	margin-bottom: 0;
}

.pro-hor-list h6 {
	padding-top: 0.05rem;
	margin-bottom: 0.1rem;
}

.pro-hor-img {
	width: 1.26rem;
	height: 1.26rem;
	margin-right: 0.12rem;
}

.pro-hor-img img {
	border-radius: 0.04rem;
}

.pro-hor-txt {
	max-width: calc(100% - 2.36rem);
}

.pro-hor-con {
	color: #b9bdd8;
}

.purchaser-list li {
	margin-bottom: 0;
}

.purchaser-list li a {
	align-items: center;
	width: 100%;
	height: 0.65rem;
	margin-bottom: 0;
	padding: 0.1rem 0;
	color: #b9bdd8;
	border-bottom: 0.01rem solid #787fa9;
}

.purchaser-list h6 {
	width: 1.5rem;
	margin-bottom: 0;
	padding: 0 0.4rem 0 0.15rem;
	color: #fff;
	line-height: 1.5;
}

.purchaser-list-con {
	width: calc(100% - 2.8rem);
	font-size: 0.12rem;
}

.purchaser-num {
	width: 1.3rem;
	padding: 0 0.15rem 0 0.4rem;
	font-size: 0.12rem;
	line-height: 1;
}

.purchaser-num strong {
	font-size: 0.16rem;
	color: #ffa200;
	font-weight: normal;
}

.expo-meeting-box {
	padding-top: 0.2rem;
	color: #21243d;
}

.meeting-list {
	justify-content: flex-start;
	margin-top: -0.4rem;
}

.meeting-list li {
	flex: 0 0 21%;
	padding: 0px 0 0.2rem;
	justify-content: center;
	flex-direction: column;
}

.meeting-list li:nth-of-type(1) {
	flex: 0;
	margin-right: 0.7rem;
}

.meeting-list a:hover {
	color: #fff;
	border: none;
}

.meeting-tit-img {
	width: 1.46rem;
	height: 1.46rem;
	cursor: pointer;
}

.meeting-table-wrap {
	position: relative;
	flex-direction: column;
	margin-bottom: 0.05rem;
}

.meeting-speak {
	position: relative;
	bottom: -0.12rem;
	width: 0.86rem;
	height: 0.86rem;
	padding-top: 0.02rem;
	text-align: center;
	background: url(../images/ico-meeting-userbg.png) no-repeat center / cover;
}

.meeting-speak img {
	width: 0.68rem;
	height: 0.68rem;
	border-radius: 50%;
}

.meeting-table {
	width: 0.96rem;
	height: 0.96rem;
}

.meeting-user {
	position: relative;
	bottom: 0.08rem;
}

.meeting-user i {
	position: relative;
	width: 0.34rem;
	height: 0.4rem;
}

.meeting-user-two i:nth-of-type(1) {
	top: -0.22rem;
	transform: rotate(50deg);
	left: -0.27rem;
}

.meeting-user-two i:nth-of-type(2) {
	right: -0.29rem;
	transform: rotate(-50deg);
	top: -0.22rem;
}

.meeting-user-three i:nth-of-type(1) {
	top: -0.6rem;
	transform: rotate(90deg);
	left: -0.22rem;
}

.meeting-user-three i:nth-of-type(3) {
	top: -0.6rem;
	transform: rotate(-90deg);
	right: -0.22rem;
}

.meeting-user-four i:nth-of-type(1) {
	top: -0.73rem;
	transform: rotate(97deg);
	left: -0.04rem;
}

.meeting-user-four i:nth-of-type(2) {
	top: -0.13rem;
	transform: rotate(45deg);
	left: -0.22rem;
}

.meeting-user-four i:nth-of-type(3) {
	top: -0.13rem;
	transform: rotate(-41deg);
	right: -0.2rem;
}

.meeting-user-four i:nth-of-type(4) {
	top: -0.73rem;
	transform: rotate(-97deg);
	right: -0.04rem;
}

.expo-merchants-box {
	padding: 0.2rem 0;
	color: #21243d;
	background-color: #eaedfd;
}

.suppliers-wrap {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

.merchants-list {
	flex-wrap: wrap;
	margin-top: 0.15rem;
}

.merchants-list li {
	position: relative;
	margin: 0 0.2rem 0px 0;
	background-color: #fff;
	border-radius: 0.12rem;
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, .05);
}

.suppliers-list li {
	flex: 0 0 24%;
}

.merchants-list li:nth-of-type(4n + 4) {
	margin-right: 0;
}

.merchants-item-img {
	position: relative;
	width: 100%;
	height: 2.4rem;
}

.merchants-list a {
	color: #21243d;
}

.merchants-list a:hover {
	color: #ff7700;
}

.merchants-item-img img {
	border-radius: 0.12rem 0.12rem 0 0;
}

.img-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.4rem;
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 0.12rem 0.12rem 0 0;
}

.merchants-item-text {
	padding: 0.15rem;
	/*height: 0.85rem;
	line-height: 1.8;
	font-weight: bold;*/
	display: flex;
	align-items: center;
}

.merchants-item-text img {
	width: 0.32rem;
	height: 0.32rem;
	border-radius: 0.02rem;
	margin: 0 0.1rem 0 0;
}

.exhibitors-list li {
	flex: 0 0 31%;
	margin-right: 0.35rem;
}

.exhibitors-list li:nth-of-type(3n + 3) {
	margin-right: 0;
}

.exhibitors-list .merchants-item-img {
	width: 100%;
}

.merchants-rank {
	position: absolute;
	left: 0;
	top: 0px;
	width: 0.74rem;
	height: 0.33rem;
}

.merchants-rank img {
	border-radius: 0.12rem 0 0 0;
}

.merchants-rank span {
	position: absolute;
	left: 0.07rem;
	top: 0.04rem;
	font-size: 0.18rem;
	color: #fff;
	font-style: italic;
}

.expo-product-box {
	padding-bottom: 0.1rem;
	background-color: #f7f7f7;
	position: relative;
}

.expo-product-box .expo-catbar-box {
	background-color: #F7F7F7;
	/* border-bottom: 0.02rem solid #bec8e1; */
	background-image: none;
}

.gradient-cat-list li:hover,
.gradient-cat-list li.active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

.gradient-cat-list li:hover:after,
.gradient-cat-list li.active:after {
	border-top-color: #ff7700;
}

.expo-product-list {
	padding: 0.32rem 0 0;
	flex-wrap: wrap;
	justify-content: flex-start;
	min-height: 3.38rem;
}

.expo-product-list li {
	position: relative;
	width: 2.8rem;
	margin: 0 0.2rem 0.2rem 0;
	border-radius: 0.06rem;
	background-color: #fff;
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, .05);
}

.expo-product-list li:nth-of-type(5n + 5) {
	margin-right: 0;
}

.expo-product-list a {
	color: #5e6699;
}

.expo-product-list a:hover {
	color: #0067B3;
}

.product-item-img {
	position: relative;
	width: 100%;
	height: 2.82rem;
}

.product-item-img img {
	border-radius: 0.06rem 0.06rem 0 0;
}

.expo-product-list .img-mask {
	height: 2.82rem;
}

.product-item-con {
	padding: 0.12rem;
	line-height: 1.6;
}

.product-item-txt {
	height: 38px;
	font-size: 0.12rem;
}

.product-item-price {
	font-size: 0.18rem;
}

.open-type {
	position: absolute;
	left: 0.15rem;
	top: 0.15rem;
	width: 0.22rem;
	height: 0.16rem;
	display: none;
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

.open-type:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-20%, -50%);
	width: 0;
	height: 0;
	border: 0.05rem solid transparent;
	border-left-color: #fff;
}

.expo-feeds-box {
	padding: 0.3rem 0;
	background-color: #5e6699;
	color: #fff;
}

.expo-feeds-list {
	margin-top: 0.4rem;
	flex-wrap: wrap;
}

.expo-feeds-list li {
	flex: 0 0 48%;
	align-items: center;
	margin-bottom: 0.2rem;
	color: #b9bdd8;
}

.feeds-user-img {
	width: 0.7rem;
	height: 0.7rem;
	margin-right: 0.15rem;
	border: 0.04rem solid #8289b2;
	border-radius: 50%;
}

.feeds-user-img img {
	border-radius: 50%;
}

.expo-feeds-list h3 {
	margin-bottom: 0.05rem;
	padding-top: 0;
	font-size: 0.2rem;
	color: #fff;
}

.expo-feeds-list .pro-hor-con {
	font-size: 0.12rem;
}

.feeds-date {
	margin-top: 0.05rem;
	justify-content: flex-start;
	font-size: 0.12rem;
}

.feeds-date i {
	width: 0.14rem;
	height: 0.14rem;
	margin-right: 0.05rem;
}

.desc-tag {
	font-weight: 500;
	font-size: 0.1rem;
	text-align: center;
	border-radius: 0.04rem;
	margin-top: 0.03rem;
	padding: 0.02rem 0.05rem;
}

.expo-info-wrap {
	padding: 0 0.1rem 0.1rem 0.1rem;
}

.live-remind-box {
	font-size: 0.12rem;
}

.expo-info-wrap h5 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	height: 0.4rem;
}

.live-tags-bg {
	height: 0.44rem;
	padding: 0.15rem 0.1rem;
	background-color: #f7f7f7;
}

.live-tags {
	font-size: 0.12rem;
	max-width: 1.4rem;
	/*height: 0.2rem; */
	padding: 0.02rem 0.1rem;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.live-tags-factory,
.live-tags-1 {
	color: #ff7700;
	background-color: #FFF1E6;
}

.live-tags-launch,
.live-tags-2 {
	color: #4E4FB0;
	background-color: #F1F2FE;
}

.live-tags-evaluation,
.live-tags-3 {
	color: #00AC55;
	background-color: #E5F6ED;
}

.live-tags-speak,
.live-tags-4 {
	color: #04A0F1;
	background-color: #EBF5FF;
}


/*直播间*/
.live-room {
	background-color: #f9f9f9;
}

.live-head-panel {
	width: 100%;
	height: 0.5rem;
	margin-top:0.1rem;
	background: #F2F2F2;
}

.companysign-wrap {
	justify-content: flex-start;
	/*width: 78%;*/
	color: #fff;
}

.company-logo {
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.1rem;
}

.company-logo img {
	border-radius: 0;
}

.company-name {
	flex: 1;
	line-height: 1.4;
}

.company-follow-btn {
	border: 0.01rem solid #fff;
	border-radius: 0.14rem;
	height: 0.28rem;
	font-size: 0.12rem;
	color: #fff;
	line-height: 0.28rem;
	padding: 0 0.2rem;
	font-weight: 500;
	margin-left: 0.2rem;
	cursor: pointer;
}

.live-head-panel .negotiation_btn {
	position: static;
}

.live-wrap,
.meet-wrap {
	padding: 0.4rem 0;
	align-items: flex-start;
}

.video-panel {
	position: relative;
	width: 10.4rem;
	height: 5.85rem;
}

.video-content-panel {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.lib-video {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.live-play {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	text-align: center;
	margin: auto;
	z-index: 2;
	width: 1rem;
	height: 1rem;
	background: url(../images/live-play.png) no-repeat center / cover;
	background-color: transparent;
	cursor: pointer;
}

.live-ended {
	background: rgba(0, 0, 0, .6);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	display: none;
}

.vcp-error-tips {
	display: none !important;
}

.vcp-loading {
	opacity: 0;
}

.tip-icon {
	width: 0.4rem;
	height: auto;
}

.tip-desc {
	width: 70%;
	text-align: center;
	font-size: 0.16rem;
	color: #fff;
	text-shadow: 0 0 0.04rem rgba(0, 0, 0, .5);
	margin-top: 0.12rem;
}

.video-left-panel {
	position: absolute;
	top: 0;
	bottom: 0.7rem;
	left: 0;
	width: 2.4rem;
	z-index: 2;
	display: flex;
	flex-direction: column-reverse;
	padding: 0.16rem;
}

.comment-wrap {
	width: 100%;
	height: 2.4rem;
	overflow-y: scroll;
}

.comment-list li {
	padding: 0.05rem 0.08rem;
	background: rgba(34, 34, 34, .9);
	border-radius: 0.04rem;
	margin-bottom: 0.04rem;
	list-style-type: none;
	color: rgba(255, 255, 255, .5);
	font-size: 0.12rem;
}

.comment-list span {
	font-size: 0.12rem;
	color: #fff;
}

.comment-list span:first-child {
	margin-right: 0.06rem;
}

/* 滚动条样式 */
.scroll-wrap {
	overflow: auto !important;
	scrollbar-face-color: transparent;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #007bc6;
	scrollbar-darkshadow-color: #007bc6;
	scrollbar-arrow-color: #007bc6;
	scrollbar-track-color: #009ed2;
}

/* 设置滚动条的样式 */
.scroll-wrap::-webkit-scrollbar {
	width: 0.06rem;
	background-color: transparent;
}

/* 滚动槽 */
.scroll-wrap::-webkit-scrollbar-track {
	border-radius: 0.1rem;
}

/* 滚动条滑块 */
.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius: 0.1rem;
	background-color: transparent;
}

.scroll-wrap-orange::-webkit-scrollbar {
	background-color: #ddd;
}

.scroll-wrap-orange::-webkit-scrollbar-thumb {
	background-color: #f70;
}

.scroll-wrap-black::-webkit-scrollbar-thumb {
	background-color: #000;
}
.scroll-wrap-DDE7FB::-webkit-scrollbar-thumb {
	background-color: #DDE7FB;
}

.scroll-wrap-DDE7FB:hover::-webkit-scrollbar-thumb {
	background-color: #B8CDF9;
}

.video-toolbar-panel {
	position: absolute;
	right: 0.1rem;
	top: 0.4rem;
	z-index: 11;
}

.video-toolbar-panel h4 {
	height: 0.2rem;
	color: #fb692f;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0.15rem;
	animation: mylive-size 1s linear infinite;
	-webkit-animation: mylive-size 1s linear infinite;
}

.service-box {
	position: relative;
}

.service-list li {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-bottom: 0.18rem;
	color: #fff;
	cursor: pointer;
}

.service-list span {
	font-size: 0.12rem;
	display: block;
	width: 0.5rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.service-list li>i {
	width: 0.3rem;
	height: 0.3rem;
}

.ico-state {
	position: absolute;
	right: -0.02rem;
	bottom: -0.03rem;
	width: 0.15rem;
	height: 0.15rem;
}

.service-img {
	position: relative;
	width: 0.45rem;
	height: 0.45rem;
	margin-bottom: 0.04rem;
}

.service-img img {
	border-radius: 50%;
}

.service-img i {
	position: absolute;
	right: -0.02rem;
	bottom: -0.01rem;
}

.fa-check-circle {
	color: #00ac55;
}

.fa-minus-circle {
	color: #666;
}

.fa-clock-o {
	color: #e70e00;
}

@keyframes mylive-size {
	0% {
		font-size: 0.12rem;
	}

	50% {
		font-size: 0.16rem;
	}

	100% {
		font-size: 0.12rem;
	}
}

.live-full-screen {
	position: absolute;
	right: 0rem;
	bottom:-1550%;
	cursor: pointer;
}

/*邀请弹窗*/
.contact-way-modal {
	position: absolute;
	top: 0.88rem;
	right: 0.55rem;
	display: none;
	width: 1.8rem;
	padding: 0.04rem 0.08rem;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 0.04rem;
	color: #fff;
}

.contact-way-item {
	padding: 0.04rem 0;
	cursor: pointer;
	transition: .3s;
}

.contact-way-item:hover {
	background-color: rgba(0, 0, 0, 1);
	border-radius: 0.05rem;
}

.contact-way-item a {
	color: #fff;
}

.contact-way-item a:hover {
	color: #f70;
}

.contact-way-item i {
	margin-right: 0.1rem;
}

.contact-way-item span {
	font-size: 0.12rem;
}

.modal-close {
	position: absolute;
	top: -0.06rem;
	right: -0.06rem;
	cursor: pointer;
}

.modal-close i {
	width: 0.2rem;
	height: 0.2rem;
	background-size: 54%;
	background-position: center
}

.contact-way-modal-friend {
	width: 2.6rem;
	z-index: 10;
	right: -0.08rem;
	top: 1.08rem;
	transform: translate(50%);
}

.contact-way-modal-friend:before {
	content: "";
	position: absolute;
	left: 25%;
	top: -0.2rem;
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;
	border-bottom-color: rgba(0, 0, 0, .8);
}

.contact-way-item-arrow {
	position: absolute;
	left: 0;
	top: -0.2rem;
	width: 2.6rem;
	height: 0.2rem;
}

.contact-way-item-arrow:before {
	content: "";
	position: absolute;
	left: 25%;
	top: 0px;
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;
	border-bottom-color: rgba(0, 0, 0, .8);
}

.modal-close-b {
	top: auto;
	bottom: 0.06rem;
	right: 0.06rem;
	opacity: 0.5;
}

.contact-way-item-user {
	position: absolute;
	right: 0.1rem;
	top: 0.1rem;
	width: 0.46rem;
	height: 0.46rem;
	display: flex;
	background: #fff;
	border-radius: 50%;
}

.contact-way-item-user img {
	border-radius: 50%;
}

.service-box .contact-way-modal {
	/*background-color: rgba(255,255,255,.2);*/
	right: -2rem;
}

.modal-add-friend {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
	display: none;
	width: 4.6rem;
	padding: 0.5rem 0.7rem 0.3rem;
	color: #fff;
	background-color: #111328;
	box-shadow: 0 0 0.25rem rgba(14, 17, 47, .5);
	border-radius: 0.04rem;
}

.modal-add-friend-item {
	margin-bottom: 0.3rem;
}

.modal-add-friend-item .help-block {
	color: #9299cb;
}

.add-friend-ipt {
	width: 100%;
	height: 0.4rem;
	padding: 0 0.1rem;
	color: #fff;
	border: 0.02rem solid #606795;
	background-color: transparent;
	border-radius: 0.04rem;
}

.modal-add-friend input:focus,
.modal-add-friend select:focus {
	outline: 0;
}

.add-friend-ipt-code {
	border-radius: 0 0.04rem 0.04rem 0;
	border-left: none;
}

.add-friend-close {
	position: absolute;
	right: 0.15rem;
	top: 0.1rem;
	cursor: pointer;
}

.add-friend-close i {
	width: 0.12rem;
	height: 0.12rem;
}

.modal-invite .contact-way-item-user {
	position: static;
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 auto 0.1rem;
}

.modal-invite-ico {
	justify-content: center;
	margin-bottom: 0.3rem;
}

.modal-invite-ico li {
	padding: 0 0.25rem;
	cursor: pointer;
}

.modal-invite-ico p {
	margin-top: 0.1rem;
	font-size: 0.12rem;
}

.modal-invite-ico i {
	width: 0.34rem;
	height: 0.34rem;
}

.modal-business-card {
	width: 3.8rem;
	padding: 0.3rem;
}

.business-card-img {
	position: relative;
	left: 50%;
	transform: translate(-50%);
	width: 0.8rem;
	height: 0.8rem;
	margin-top: -0.7rem;
	border: 0.03rem solid #101329;
	border-radius: 50%;
	box-shadow: 0 0 0.25rem rgba(14, 17, 47, .5);
}

.business-card-img img {
	border-radius: 50%;
}

.business-card-list {
	margin-top: 0.2rem;
}

.business-card-list dl {
	display: flex;
	margin-bottom: 0.15rem;
}

.business-card-list dt {
	width: 1rem;
	margin-right: 0.15rem;
	text-align: right;
	font-weight: normal;
}

.modal-tips-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	background-color: rgba(0, 0, 0, .7);
	transition: display .15s linear;
}

.modal-tips {
	position: relative;
	width: 6.6rem;
	height: 4.6rem;
	margin: 7% auto 0;
	padding-top: 0.3rem;
	background-color: #fff;
	border-radius: 0.06rem;
}

.modal-tips img {
	width: 3.6rem;
	height: 2.6rem;
	margin-bottom: 0.5rem;
}

.modal-tips .ico-close-white {
	position: absolute;
	right: -0.3rem;
	top: -0.2rem;
	cursor: pointer;
}




/*电话code*/
.phone-group {
	position: relative;
}

.phone-btn {
	height: 0.4rem;
	padding: 0 0.1rem;
	line-height: 0.4rem;
	border: 0.02rem solid #606795;
	border-right: none;
	border-radius: 0.04rem 0 0 0.04rem;
	/* background: #606795;*/
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/* background-image: url("../images/arrow.png") no-repeat scroll right center transparent; */
	background: url("../images/arrow.png") no-repeat scroll right center rgba(96, 103, 149, 1);
}

.phone-btn1 {
	padding: 0 0.23rem 0 0.1rem;
}

.phone-select {
	position: absolute;
	left: 0;
	padding: 0.2rem;
	background-color: #606795;
}

.phone-btn::-webkit-scrollbar {
	width: 0.08rem;
	height: 0.08rem;
	background-color: rgba(255, 255, 255, 0.2);
}

/*定义滚动条轨道 内阴影+圆角*/
.phone-btn::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0.08rem rgb(1, 64, 118);
	border-radius: 0.02rem;
	background-color: rgba(245, 245, 245, 0.2);
}

/*定义滑块 内阴影+圆角*/
.phone-btn::-webkit-scrollbar-thumb {
	border-radius: 0.1rem;
	-webkit-box-shadow: inset 0 0 0.08rem #014076;
	background-color: #ff0;
}



.live-right-panel {
	position: relative;
	width: calc(100% - 10.4rem);
	height: 5.8rem;
	overflow: hidden;
	background-color: #fff;
}

.live-info {
	padding: 0.1rem;
}

.live-info h4 {
	max-height: 0.48rem;
	font-weight: bold;
	line-height: 1.5;
}

.translate {
	position: relative;
	margin-top: 0.08rem;
}

.live-room .translate {
	display: none;
}

.translate h3 {
	color: #fff;
	font-size: 0.2rem;
}

.translate-subtitle {
	max-height: 3.88rem;
	color: #666;
	font-size: 0.16rem;
}

.meet-box li {
	list-style-type: none;
}

.translate-ico>li {
	display: flex;
	flex: 0 0 33%;
	flex-direction: column;
	align-items: center;
	margin-bottom: 0.15rem;
	cursor: pointer;
}

.translate-ico>li.active {
	color: #fb692f;
}

#font-barrage {
	/*flex: initial;*/
}

#font-barrage.active {
	/*flex: 1;*/
}

.translate-lang-modal {
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	transform: translate(-50%);
	display: none;
	padding: 0.06rem 0;
	color: #fff;
	background-color: rgba(0, 0, 0, .9);
	border-radius: 0.04rem;
	font-size: 0.12rem;
}

.translate-lang-list>li {
	padding: 0 0.25rem;
	line-height: 2.6;
}

.translate-lang-list>li>a {
	display: block;
	color: rgba(255, 255, 255, .5);
}

.translate-lang-list>li>a:hover,
.translate-lang-list>li.active a {
	text-decoration: none;
}

.translate-lang-list>li.active {
	background-color: #000;
}

.translate-white .translate-lang-list>li.active {
	background-color: #111;
}

.translate-white .translate-lang-list>li.active a {
	color: #fff;
}

.translate-subtitle>div {
	display: none;
}

.translate-subtitle>div.active {
	display: block;
}

.translate-lang-modal .modal-close {
	top: -0.1rem;
	right: -0.14rem;
	background-color: #333;
	border-radius: 50%;
}

.translate-white {
	height: 100%;
}

.translate-white .translate-subtitle {
	max-height: 4.48rem;
	overflow: hidden;
	color: #fff;
	line-height: 1.8;
}

.live-product-box {
	padding-bottom: 0.2rem;
}

.live-product-panel {
	padding: 0.2rem;
	background-color: #fff;
	/*border-top: 0.01rem solid #f5f5f5;*/
}

.live-product-panel h5 {
	margin: 0;
	padding: 0.12rem 0.1rem;
	font-weight: bold;
}

.live-product-wrap {
	width: 100%;
	flex-wrap: wrap;
	/*height: 10.9rem;
    overflow-y: scroll;*/
}

.live-product-list {
	flex: 0 0 32%;
	margin-bottom: 0.2rem;
	padding: 0.1rem 0;
	border: 0.01rem solid #ddd;
	border-radius: 0.04rem;
}

.live-product-item {
	align-items: flex-start;
	width: 100%;
	padding: 0.06rem 0.12rem 0;
	cursor: pointer;
}

.live-product-img-wrap {
	position: relative;
	width: 0.8rem;
	margin-right: 0.12rem;
}

.live-product-img {
	width: 0.8rem;
	height: 0.8rem;
	overflow: hidden;
	border-radius: 0.08rem;
}

.product-pic-mark {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .04);
	border-radius: 0.08rem;
}

.ico-living {
	width: 0.2rem;
	height: auto;
	position: absolute;
	left: 0.04rem;
	top: 0.04rem;
	z-index: 10;
}

.live-product-price {
	font-weight: bold;
}

.live-product-chatbtn {
	display: inline-block;
	height: 0.24rem;
	margin-right: 0.12rem;
	padding: 0 0.1rem;
	cursor: pointer;
	line-height: 0.24rem;
	font-size: 0.12rem;
	color: #fb692f;
	background-color: #fb692f1a;
	border-radius: 0.2rem;
}

.post-wrapper {
	position: absolute;
	left: 0;
	bottom: -0.02rem;
	z-index: 20;
	width: 100%;
	padding: 0.08rem 0.12rem;
	background: #fff;
	box-shadow: 0 -0.02rem 0.04rem 0 rgba(0, 0, 0, .12);
}

.post-textinput {
	width: 78%;
	height: 0.35rem;
	line-height: 0.32rem;
	border-radius: 0.16rem;
	background-color: #efefef;
	padding: 0 0.12rem;
	border: 0.01rem solid #ddd;
}

.post-input {
width:100%;
	flex: 1;
	background: transparent;
	color: #666;
	border: 0;
	outline: none;
	line-height: 0.01rem;
}

.post-count {
    margin-left: 0.1rem;
	font-size: 0.12rem;
	color: #666;
}

.post-current {
	color: #04a0f1;
}

.post-btn {
	display: inline-block;
	height: 0.32rem;
	color: #fff;
	text-decoration: none;
	background: #fb692f;
	line-height: 0.32rem;
	padding: 0 0.2rem;
	border-radius: 0.16rem;
	margin-left: 0.08rem;
}

.post-btn:hover,
.post-btn:active {
	display: block;
	color: #fff;
	text-decoration: none;
}

.meet-box {
	padding-bottom: 0.3rem;
	background-color: #eaedfd;
}

.meet-wrap {
	position: relative;
	padding-bottom: 0;
}

.meet-wrap .video-panel {
	background-color: #000;
}

.meet-wrap .live-right-panel {
	position: absolute;
	top: 0.4rem;
	bottom: 0;
	right: 0;
	width: calc(100% - 10.4rem);
	height: auto;
	overflow: hidden;
	background-color: #262121;
}

.meet-info {
	height: 100%;
	padding: 0.2rem 0.3rem;
}

.meet-info .translate-ico {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.meet-wrap .translate-ico>li {
	margin-top: 0.35rem;
	flex: 0 0 17%;
}

.meet-wrap .translate-lang-modal {
	left: 20%;
	bottom: 0.3rem;
	background-color: rgba(0, 0, 0, 1);
}

.meet-video-wrap {
	margin-top: 0.2rem;
}

.meet-video-list li {
	flex: 0 0 24%;
	margin-right: 0.16rem;
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, .05);
	border-radius: 0.06rem;
}

.meet-video-list li:last-child {
	margin-right: 0;
}

.meet-video-imgbox {
	position: relative;
	width: 100%;
}

.meet-video-img {
	width: 100%;
	height: 1.8rem;
	;
}

.meet-video-img img {
	border-radius: 0.06rem 0.06rem 0 0;
}

.meet-video-txt {
	padding: 0.1rem;
	background: #f7f7f7;
	border-radius: 0 0 0.06rem 0.06rem;
}

.meet-video-txt h5 {
	height: 0.38rem;
	line-height: 1.5;
}

.meet-remind {
	height: 0.55rem;
	margin: 0.1rem -0.1rem -0.1rem;
	padding: 0 0.15rem 0px;
	border-top: 0.01rem solid #e1e1e1;
}

.meet-remind span {
	color: #fb692f;
}

.meet-remind-txt {
	color: #04a0f1;
	cursor: pointer;
}

.meet-remind-active {
	background-color: #FFF1E6;
	border-radius: 0 0 0.06rem 0.06rem;
}

/* 搜索页 */
.search-cat-banner {
	position: relative;
	width: 100%;
	height: 2rem;
	background: url(../images/banner-search.jpg) no-repeat center / cover;
}

.search-cat-banner-txt {
	padding-top: 0.75rem;
	font-size: 0.36rem;
	font-weight: bold;
	text-shadow: 0.04rem 0.05rem 0.05rem rgba(0, 0, 0, .2);
	background: linear-gradient(to bottom, #fff 82%, #9aaefa 92%);
	-webkit-background-clip: text;
	color: transparent;
}

.search-live-box {
	padding-bottom: 0.3rem;
	background-color: #eaedfd;
}

.search-live-box h2 {
	margin-bottom: 0.2rem;
	color: #152154;
}

.expo-catbar-box-nobg {
	height: 0.52rem;
	margin-bottom: 0.2rem;
	background-color: transparent;
	border-bottom: 0.02rem solid #c1c6e5;
}

.expo-catbar-box-nobg li {
	line-height: 0.5rem;
	font-size: 0.2rem;
}

.expo-catbar-box-nobg a {
	color: #606795;
}

.expo-catbar-box-nobg a:hover,
.expo-catbar-box-nobg li.active a {
	color: #fff;
}

.expo-product-box h2 {
	padding-top: 0.3rem;
	color: #fff;
}

.search-cat-box .expo-product-box h2 {
	color: #2c2c2c;
}

.search-cat-box .expo-product-list {
	padding-top: 0.1rem;
}

/* 求购,爆品 */
.supply-wrap,
.blast-wrap {
	padding: 0.3rem 0;
	background-color: #eaedfd;
}

.supply-list {
	flex-wrap: wrap;
	margin-top: 0.15rem;
}

.supply-list li {
	position: relative;
	flex: 0 0 49%;
	border-radius: 0.06rem;
	padding: 0.15rem;
	color: #999;
	background: #fff;
}

.supply-list h3 {
	color: #2c2c2c;
}

.supply-list .purchaser-num {
	width: auto;
	padding: 0;
}

.supply-list .pro-hor-con {
	margin-top: 0.05rem;
	height: 0.4rem;
	line-height: 1.4;
}

.supply-list .tag-default {
	position: absolute;
	right: 0.15rem;
	top: 0.15rem;
}

.blast-wrap .product-item-txt {
	font-weight: normal;
}

.blast-list {
	justify-content: flex-start;
	padding-top: 0.05rem;
}

.blast-list li {
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, 0);
}

.blast-list h4 {
	height: 0.18rem;
}

.contact-infor {}

/* 找朋友 */
.find-box,
.mymeeting-box {
	padding-bottom: 0.2rem;
	background-color: #eaedfd;
}

.find-list li {
	align-items: center;
	margin-bottom: 0;
}

.find-list h3 {
	color: #5e6699;
}

.meeting-img {
	width: 0.92rem;
	height: 0.92rem;
	margin-right: 0.4rem;
}

.mymeeting-box .find-wrap {
	padding: 0.2rem 0;
}

.mymeeting-wrap {
	padding-top: 0;
}

.mymeeting-list {
	margin-top: 0.15rem;
}

.mymeeting-list li {
	flex: 0 0 24%;
	margin-right: 0.15rem;
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, .05);
	border-radius: 0.06rem;
	padding: 0.35rem;
	background: #fff;
}

.mymeeting-list li:last-child {
	margin-right: 0;
}

.creatmeeting {
	justify-content: flex-start;
}

.creatmeeting-img {
	width: 4.5rem;
	margin-right: 0.35rem;
	padding: 0 0.45rem;
}

.creatmeeting-form {
	width: 5.6rem;
}

.creatmeeting-form input {
	margin-bottom: 0.1rem;
}

.creatmeeting-form textarea {
	height: 2.6rem;
}

.textarea-box {
	position: relative;
	margin-bottom: 0.2rem;
}

.textarea-number {
	position: absolute;
	right: 0.2rem;
	bottom: 0.15rem;
}

.textarea-number span {
	color: #f70;
}

.meeting-group {
	margin-top: 0.15rem;
	background-color: #fff;
	border-radius: 0.06rem;
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, .05);
}

.meeting-group-tabs {
	width: 100%;
	height: 0.5rem;
	background: url(../images/mymeeting-tab-bg.png) no-repeat center / cover;
	border: none;
	border-radius: 0.06rem 0.06rem 0 0;
}

.meeting-group-tabs>li>a {
	position: relative;
	margin: 0 0.15rem;
	padding: 0.1rem 0;
	color: #666;
	line-height: 0.3rem;
}

.meeting-group-tabs>li>a,
.meeting-group-tabs>li>a:hover,
.meeting-group-tabs>li>a:active,
.meeting-group-tabs>li>a:focus {
	border: none;
	background-color: transparent;
}

.meeting-group-tabs>li.active>a,
.meeting-group-tabs>li.active>a:hover,
.meeting-group-tabs>li.active>a:active,
.meeting-group-tabs>li.active>a:focus {
	color: #0067B3;
	border: none;
	background-color: transparent;
}

.meeting-group-tabs>li.active>a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 0.02rem solid #0067B3;
	border-radius: 0.02rem;
}

.meeting-group-content {
	padding: 0 0.2rem 0.2rem;
}

.meeting-group-pane {
	padding-top: 0.15rem;
}

.meeting-group-pane li {
	width: 100%;
	margin-bottom: 0.15rem;
	padding: 0.2rem 0;
	border-bottom: 0.01rem solid #eee;
	position: relative;
}

.meeting-group-pane h6 {
	font-weight: 500;
	font-size: 0.18rem;
}

.meeting-group-date {
	font-size: 0.14rem;
	color: #999;
	line-height: 0.24rem;
}

.meeting-group-date span {
	display: inline-block;
	width: auto;
	text-align: right;
}

.meeting-nomore-bg {
	position: relative;
	width: 1.2rem;
	height: 0.02rem;
	margin: 0.5rem auto 0.3rem;
	background-color: #999;
}

.meeting-nomore {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.8rem;
	color: #999;
	text-align: center;
	background-color: #fff;
}

.meeting-details {
	margin-top: 0.15rem;
	padding: 0.2rem;
	background-color: #fff;
	border-radius: 0.06rem;
}

.meeting-details-item {
	margin-bottom: 0.2rem;
}

.meeting-details-title {
	padding: 0.2rem 0 0;
}

.meeting-details-title small {
	margin-left: 0.15rem;
	color: #f70;
}

.meeting-group .negotiation_btn {
	top: 0.13rem;
}

.countdown {
	color: #f70;
}

.countdown span {
	width: 0.24rem;
	height: 0.24rem;
	display: inline-block;
	margin: 0 0.06rem;
	text-align: center;
	line-height: 0.24rem;
	background-color: #f70;
	border-radius: 0.02rem;
	color: #fff;
}

.meeting-details-con {
	margin: 0.3rem 0 0.2rem 0;
	padding: 0.3rem 0;
	border-top: 0.06rem solid #eaedfd;
	border-bottom: 0.06rem solid #eaedfd;
}

.meeting-details-con span {
	display: inline-block;
	width: auto;
	text-align: right;
}

.meeting-details-intro {
	color: #999;
}

.participants li {
	padding: 0.2rem;
	border-bottom: 0.02rem solid #eaedfd;
}

.participants li:last-child {
	border-bottom: none;
}

.participants-img {
	width: 0.64rem;
	height: 0.64rem;
	margin-right: 0.15rem;
}

.participants-img img {
	border-radius: 50%;
}

.participants-company {
	color: #999;
}

.meeting-invite {
	margin-top: 0.25rem;
	border-bottom: 0.01rem solid #ddd;
}

.invitees-wrap {
	flex-wrap: wrap;
}

.invitees-item {
	flex: 0 0 32.1%;
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
	padding: 0.25rem 0.15rem;
	background-color: #fff;
	border-radius: 0.06rem;
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, .05);
}

.invitees-item:nth-of-type(3n + 3) {
	margin-right: 0;
}

.invitees-item input[type="checkbox"] {
	width: 0.16rem;
	height: 0.16rem;
}

.meeting-invitees-num {
	margin-top: 0.15rem;
}

.meeting-invited {
	color: #999;
}

.meeting-invited span {
	color: #f70;
}


/* 用户中心 */
.bigbox {
	padding: 0.2rem 0 0.3rem;
}

.user-img {
	width: 1.8rem;
	;
	height: 1.8rem;
	;
	margin-left: 0.36rem;
}

.uimg-box {
	float: left;
	overflow: hidden;
}

.uinfo-box {
	margin-left: 2.7rem;
}

.uinfo-box ul {
	list-style: none;
}

.uinfo-box li {
	border-bottom: 0.01rem dashed #ddd;
	line-height: 3em;
}

.uinfo-box li span.label {
	color: #999;
	width: 1.4rem;
	font-weight: normal;
	display: inline-block;
	text-align: right;
	font-size: 0.14rem;
}

.uinfo-box li span.value {
	color: #333
}

.upload-img {
	float: none;
	flex-direction: column;
	justify-content: center;
}

.upload-button .btn {
	height: auto;
	margin-bottom: 0.1rem;
	cursor: pointer;
}

.upload-button .btn:hover {
	border-color: transparent;
	color: #fff;
}

.upload-button input {
	cursor: pointer;
}

a.list-group-item:hover {
	background: rgba(0,103,179, .4);
}

.user-info .user-img {
	margin: 0 0 0.15rem;

}

.user-info .uimg-box {
	width: 2rem;
}

.my-follow-item {
	padding: 0.15rem 0;
	border-bottom: 0.01rem solid #ddd;
}

.my-follow-item:last-child {
	border-bottom: none;
}

.my-follow-item a {
	display: block;
	border: none;
	width: 0.8rem;
	height: 0.8rem;
}

/* 意向订单 */
.filter {
	justify-content: flex-start;
	padding: 0 0 0.1rem;
}

.filter label {
	margin-top: 0;
}

.my-favorate input[type="checkbox"] {
	width: 0.16rem;
	height: 0.16rem;
	margin-top: 0.02rem;
}

.filter-delete {
	margin-left: 0.4rem;
	color: #999;
	cursor: pointer;
}

.exhibits-wrap {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.exhibits-item {
	position: relative;
	flex: 0 0 23.4%;
	padding: 0.3rem 0.15rem 0.15rem 0.15rem;
	border: 0.01rem solid #e6e6e6;
	background: #fff;
	margin: 0 0.15rem 0.2rem 0;
}

.exhibits-item:nth-of-type(4n + 4) {
	margin-right: 0;
}

.exhibits-item:hover {
	border: 0.01rem solid #ff7700;
}

.exhibits-operate {
	position: absolute;
	top: 0.05rem;
	left: 0.08rem;
	right: 0.08rem;
	cursor: pointer;
}

.exhibits-operate input {
	cursor: pointer;
}

.exhibits-item a {
	display: block;
}

.exhibits-item-img {
	position: relative;
	width: 1.8rem;
	;
	height: 1.8rem;
	;
}

.exhibits-wrap .exhibits-item-img {
	width: 100%;
	height: 100%;
}

.exhibits-item-img .img-mask {
	height: 100%;
	border-radius: 0;
}

.exhibits-item-label {
	position: absolute;
	top: 0;
	width: auto;
	min-width: 0.48rem;
	height: 0.24rem;
	padding: 0 0.05rem;
	line-height: 0.24rem;
	font-size: 0.12rem;
}

.r-label {
	text-align: center;
	background: #d71e26;
	color: #fff;
	right: 0;
}

.exhibits-item-info {
	margin: 0.15rem 0;
	font-weight: 600;
	color: #2c2c2c;
	height: 0.4rem;
}
.account_grid .exhibits-item-info{
	height:0.46rem;
}

.exhibits-item-company {
	/* height: 0.32rem; */
	padding-top: 0.14rem;
	font-size: 0.12rem;
	color: #999;
	border-top: 0.01rem solid #e6e6e6;
}

.exhibits-item-num {
	padding-top: 0.08rem;
	border: none;
}

.exhibits-item .glyphicon-trash {
	display: none;
	color: #ccc;
}

.line_glyphicon {
	display: block;
	width: 0.04rem;
	height: 0.42rem;
	background: #ff7700;
	position: absolute;
	left: 0;
	top: 0;
}

.exhibits-item:hover .glyphicon-trash {
	display: block;
}

.exhibits-item:hover .glyphicon-trash:hover {
	color: #2c2c2c;
}

.release-order {
	margin-left: 0.25rem;
	color: #0067B3;
	cursor: pointer;
}

.release-order span {
	margin-right: 0.05rem;
	font-size: 0.12rem;
}

/* 商品详情 */
.product-detail {}

.ex-inner {
	padding-top: 0.6rem;
	background-color: #f9f9f9;
}

.product-info {
	margin-bottom: 0.4rem;
}

.product-info-photos {
	flex: 0 0 5.8rem;
	margin-right: 0.4rem;
	align-items: flex-start;
}

.product-info-cover {
	width: 4.6rem;
	height: 4.6rem;
}

.product-info-content {
	width: 5.7rem;
	;
	height: 4.6rem;
}

.jqueryzoom {
	position: relative;
	padding: 0;
	border: solid 0.01rem #eaeaea;
	width: 4.6rem;
	height: 4.6rem;
	overflow: hidden;
	display: inline-block;
}

/*放大镜是基于图片大小自动生成的，每次都要把jqueryzoom中img的大小和jqueryzoom盒子大小设置为一样的，不然放大镜滑块有可能溢出*/
.jqueryzoom img {
	width: 4.6rem;
}

.cloudzoom-gallery {
	border: 0.01rem solid transparent;
}

.cloudzoom-gallery-active {
	border-color: #ff7700;
	/*opacity: .5 */
}

.jqueryzoom-list {
	position: relative;
	height: 4.6rem;
	overflow: hidden;
}

.jqueryzoom-btn {
	position: absolute;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0.16rem;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .5);
}

.jqueryzoom-btn:after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.09rem;
	border-top: 0.02rem solid rgba(255, 255, 255, .7);
	border-right: 0.02rem solid rgba(255, 255, 255, .7);
	transition: .3s;
}

.jqueryzoom-prev {
	top: 0;
}

.jqueryzoom-prev:after {
	transform: rotate(-45deg);
	margin-top: 0.05rem;
}

.jqueryzoom-next {
	bottom: 0;
}

.jqueryzoom-next:after {
	transform: rotate(135deg);
	margin-bottom: 0.05rem;
}

.product-info-list {
	position: relative;
	flex-direction: column;
	overflow: hidden;
	justify-content: flex-start;
}

.product-info-list li {
	width: 1.1rem;
	height: 1.1rem;
	margin-bottom: 0.07rem;
	border: 0.01rem solid #e6e6e6;
}

.zoomPad {
	width: 100%;
	height: 100%;
}

.product-info-content h2 {
	max-height: 0.68rem;

	font-size: 0.18rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.25rem;
}

.product-info-txt {
	margin-top: 0.32rem;
	margin-bottom: 0.4rem;
	padding: 0.32rem 0.2rem 0.2rem 0.2rem;
	background: #FFF6F0;
	border-top: 0.01rem solid #FD6900;
	position: relative;
}

.product-info-txt .ico-collect-orange {
	width: 0.16rem;
	height: 0.16rem;
}

.product-info-txt .ico-collect-orange-o {
	width: 0.16rem;
	height: 0.16rem;
}

.product-info-txt dl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 0.2rem;
	color: #666;
	font-size: 0.16rem;
}

.product-info-txt dt {
	font-weight: normal;
	margin-right: 0.08rem;
	font-size: 0.14rem;
	font-weight: 400;
	color: #666666;
	line-height: 0.2rem;
}

.product-info-collect {
	cursor: pointer;
	font-size: 0.12rem;
	font-weight: 400;
	color: #666666;
	line-height: 0.16rem;
	position: absolute;
	right: 0.1rem;
	top: 0.1rem;
}

.product-detail .line {
	width: 5.7rem;
	height: 0.01rem;
	background: #DDDDDD;
}

.product-info-collect i {
	margin-right: 0.05rem;
}

.product-info-ctrl {
	width: 100%;
	margin-top: 1rem;
	padding: 0 0.6rem 0 0;
}

.product-info-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300.06rem;
	height: 0.64rem;
	line-height: 0.48rem;
	border-color: #ff7700;
	color: #ff7700;
	background-color: transparent;
	border: 0.01rem solid #ff7700;
	cursor: pointer;
}

.product-info-btn:hover {
	border: 0.01rem solid #ee6600;
}

.product-info-btn i {
	margin-right: 0.08rem;
}

.product-info-purpose {
	width: 3.06rem;
	color: #fff;
	background-color: #ED2625;
	font-size: 0.18rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.25rem;
}

.product-info-qiatan {
	width: 1.84rem;
	height: 0.64rem;
	background: #FD6900;
	color: #fff;
	font-size: 0.18rem;
	font-weight: 500;
	color: #FFFFFF;
}

.product-info-logo {
	width: 2.5rem;
	height: 4.6rem;
	background: #F9F9F9;
	border: 0.01rem solid #DDDDDD;
	margin: 0 0 0 0.2rem;
	padding: 0.2rem 0.4rem 0.14rem 0.4rem;
	position: relative;
}

.product-info-logo .logo {
	width: 1rem;
	height: 1rem;
	border-radius: 0.04rem;
	border: 0.01rem solid #F2F2F2;
	margin: 0 auto 0.2rem;
	display: block;
}

.product-info-logo .title {
	font-size: 0.16rem;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 0.22rem;
	text-align: center;
	margin: 0 0 0.2rem 0;
}

.product-info-logo .collection_box {
	width: 1.7rem;
	height: 0.44rem;
	background: #F9F9F9;
	border-radius: 0.02rem;
	border: 0.01rem solid #999999;
	text-align: center;
	line-height: 0.44rem;
	position: absolute;
	bottom: 0.69rem;
	cursor: pointer;
}

.product-info-logo .communicate_box {
	width: 1.7rem;
	height: 0.44rem;
	background: #F9F9F9;
	border-radius: 0.02rem;
	border: 0.01rem solid #999999;
	text-align: center;
	line-height: 0.44rem;
	position: absolute;
	bottom: 0.15rem;
	cursor: pointer;
}

.product-info-qiatan:hover {
	color: #fff;
}

.product-info-purpose:hover,
.product-info-purpose:focus {
	color: #fff;
	background-color: #ee6600;
}

.product-parameter-list {
	flex-wrap: wrap;
	padding: 0.4rem;
}

.product-parameter-list li {
	flex: 0 0 33%;
	padding: 0.1rem 0;
}

.store-info {
	padding-bottom: 0.5rem;
	justify-content: flex-start;
}

.store-info a {
	justify-content: flex-start;
	color: #2c2c2c;
}

.store-info-logo {
	width: 0.78rem;
	height: 0.78rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 0.24rem;
	border: 0.01rem solid #e5e5e5;
	position: relative;
}

.store-info-tit {
	margin-right: 0.1rem;
	font-size: 0.2rem;
}

.store-info-detail .product-info-collect {
	color: #2c2c2c;
}

.product-detail-info {
	padding: 0.5rem 0;
}

.product-detail-info-con {
	margin-top: 0.25rem;
}

.exhibits-related {
	padding: 0.5rem 0;
	background-color: #eaedfd;
}

.modal-order .form-group {
	flex-direction: column;
}

.modal-order label {
	font-weight: normal;
}

.modal-order .modal-footer {
	border: none;
}

/*阿里巴巴*/
.do-entry-list:after,
.do-entry dl:after,
.do-performance:after {
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: " ";
	clear: both;
}

.product-detail-info-con .tt_block {
	display: none;
}

.product-detail-info-con .do-title {
	font-size: 0.2rem;
	line-height: 0.22rem;
	color: #2c2c2c;
	padding: 0.2rem 0 0.1rem !important;
	border-bottom: 0.01rem dashed #ddd !important;
}

.do-content {
	overflow: hidden;
}

.do-overview {
	border-top: 0.01rem dashed #e6e7eb;
}

.do-entry {
	border-bottom: 0.01rem dashed #e6e7eb;
	padding: 0.1rem 0 0.16rem;
	font-size: 0.12rem;
}

.do-entry-title {
	font-weight: 700;
	font-size: 0.14rem;
	color: #333;
	line-height: 0.14rem;
	padding: 0.08rem 0;
}

.do-entry-list {
	box-sizing: border-box;
}

.do-entry-item li {
	float: left;
}

.do-entry dl {
	padding: 0 0.2rem;
	box-sizing: border-box;
}

.do-entry-separate dl,
.do-entry-item {
	width: 4.8rem;
	zoom: 1;
	float: left;
}

.do-entry dt {
	padding: 0.04rem 0;
	color: #666;
	width: 1.02rem;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.do-entry-separate dt {
	width: 0.9rem;
}

.do-entry dt {
	width: 1.1rem;
}

.do-entry dd {
	padding: 0.04rem 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
	margin: 0;
}

.ellipsis {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	width: 100%;
}

.do-entry-item li {
	line-height: 2;
}

.do-entry-item li:first-child {
	width: 1.1rem;
}

.do-entry img {
	display: block;
	max-width: 7.5rem;
	width: 6.4rem;
	margin: 0.2rem 0;
}

.product-certifications .do-entry-list>.do-entry-item,
.product-certifications .do-entry-item li:first-child {
	line-height: 0.3rem;
	height: 0.3rem;
	overflow: hidden;
	position: relative;
	width: auto;
}

.product-certifications .do-entry-list>.do-entry-item>.do-entry-item {
	color: #000;
	width: auto;
	margin-right: 0.1rem;
}

.icbu-certificate-icon {
	display: inline-block;
	width: 0.19rem;
	height: 0.25rem;
	vertical-align: top;
	margin-right: 0.09rem;
}

.icbu-certificate-icon.icbu-certificate-icon-ce {
	background: url(../images/ico-ce.png) 0 0 no-repeat;
	background-size: 0.19rem;
	background-position-y: center;
	vertical-align: middle;
}

/* 企业信息 */
.enterprise-box {
	background-color: #eaedfd;
}

.enterprise-box .expo-product-box h2 {
	color: #152154;
}

.enterprise-banner-box {
	width: 100%;
	height: 0.5rem;
	background: #F2F2F2;

}

.enterprise-banner {
	height: 0.5rem;

}

.enterprise-box .expo-live {
	padding-top: 0.3rem;
}

.enterprise-shop-info {}

.shop-info-img {
	width: 0.3rem;
	height: 0.3rem;
	/*border: 0.05rem solid rgba(255, 255, 255,.5);*/
	border-radius: 0;
}

.shop-info-img img {
	border-radius: 0;
}

.shop-info {
	margin-left: 0.1rem;
	color: #fff;
}

.shop-info h2 {
	font-size: 0.16rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.22rem;
	margin: 0;
}

.shop-contact {
	margin-top: 0.2rem;
}

.shop-contact li {
	height: 0.3rem;
	margin-right: 0.15rem;
	border-radius: 0.3rem;
	line-height: 0.3rem;
	background-color: #f70;
}

.shop-contact li i {
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.05rem;
}

.shop-contact li a {
	display: flex;
	align-items: center;
	padding: 0 0.15rem;
	color: #fff;
	font-size: 0.16rem;
}

.enterprise-follow {
	color: #fff;
	font-size: 0.16rem;
}

.enterprise-follow dl {
	margin: 0 0.3rem;
	text-align: center;
}

.enterprise-follow dt {
	font-size: 0.28rem;
	font-weight: normal;
}

.enterprise-box .expo-product-box {
	background-color: transparent;
}

.enterprise-contact-box div.enterprise-contact-wrap:last-child {
	margin-top: 0.2rem;
}

.enterprise-box .expo-product-list {
	padding: 0.1rem 0 0;
}

.collects-p {
	position: absolute;
	top: 0.1rem;
	right: 0.15rem;
}

.collects-p i {
	width: 0.16rem;
	height: 0.18rem;
}

.enterprise-nav-wrap {
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	background-color: #F9F9F9;
	margin-top: 0.2rem;
	/* position: relative; */
}

.enterprise-nav-wrap:after {
	position: absolute;
	left: 0;
	top: -0.2rem;
	content: "";
	width: 100%;
	height: 0.2rem;
	background-color: #F9F9F9;
}

.enterprise-nav li {
	/* margin: 0 0.3rem; */
	font-size: 0.16rem;
}

.enterprise-nav a {
	display: block;
	padding: 0 0.4rem;
	color: #fff;
}

.enterprise-nav a:hover,
.enterprise-nav li.on {
	background-color: rgba(255, 255, 255, .2);
}

.enterprise-video-wrap {
	padding: 0.5rem 0 0;
}

.video-show-wrap {
	padding-bottom: 0.1rem;
}

.video-show-wrap h2,
.enterprise-replay-wrap h2 {
	padding-top: 0.3rem;
}

.enterprise-live-list {
	margin-bottom: 0.2rem;
}

.enterprise-live-list .video-panel {
	position: relative;
	width: 6.25rem;
	height: 3.5rem;
	margin-right: 0.2rem;
	background-color: #afafaf;
}

.video-info-panel {
	width: calc(100% - 60.45rem);
}

.video-info-panel h2 {
	margin-bottom: 0.2rem;
}

.video-info-panel p {
	margin-bottom: 0.4rem;
	color: #5e6699;
	font-size: 0.16rem;
}

.video-info-panel .live-tags {
	height: auto;
	padding: 0.05rem 0.1rem;
}

.enterprise-replay-wrap {
	padding-bottom: 0.3rem;
}

.enterprise-replay-wrap .expo-live {
	margin-top: 0.2rem;
}

.enterprise-replay-wrap .expo-info-wrap,
.enterprise-replay-wrap .expo-item {
	padding: 0;
}

.enterprise-replay-wrap h5 {
	padding: 0 0.1rem;
}

.enterprise-replay-wrap .expo-item {
	border-radius: 0.12rem;
}

.video-show-list li {
	flex: 0 0 32.5%;
	margin: 0 0.15rem 0.15rem 0;
	cursor: pointer;
}

.video-show-list li:nth-of-type(5n + 5) {
	margin-right: 0.15rem;
}

.video-show-list li:nth-of-type(3n + 3) {
	margin-right: 0;
}

.video-show-list .product-item-img {
	position: relative;
	width: 3.9rem;
	height: 2.34rem;
}

.video-show-list .expo-product-list .img-mask {
	height: 2.34rem;
}

.video-show-length {
	position: absolute;
	bottom: 0.1rem;
	left: 0.15rem;
	padding: 0 0.05rem;
	color: #fff;
	font-size: 0.12rem;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 0.03rem;
}

.enterprise-box .open-type {
	top: auto;
	bottom: 0.1rem;
}

.enterprise-contact-box {
	padding-top: 0.2rem;
	padding-bottom: 0.4rem;
}

.enterprise-desc {
	margin-bottom: 0.2rem;
}

.enterprise-desc-con {
	padding: 0.15rem;
	background-color: #f7f8ff;
}

.enterprise-contact {
	align-items: center;
	margin-top: 0.15rem;
	padding: 0.35rem;
	background-color: #f7f8ff;
}

.enterprise-contact-user {
	width: 4rem;
	flex-direction: column;
	color: #152154;
}

.enterprise-contact-user img {
	width: 1.48rem;
	height: 1.48rem;
	margin-bottom: 0.2rem;
	border-radius: 50%;
}

.enterprise-contact-info {
	width: calc(100% - 4rem);
	padding-left: 0.6rem;
	border-left: 0.01rem solid #c9cde5;
}

.enterprise-contact-info dl {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 0.15rem;
}

.enterprise-contact-info dt {
	width: 2.2rem;
	color: #5e6699;
	text-align: right;
	font-weight: normal;
}

.enterprise-contact-info dd {
	width: calc(100% - 1.1rem);
	margin-left: 0.2rem;
	color: #152154;
}

.enterprise-exhibit {
	max-height: 0.64rem;
	overflow-y: auto;
	padding: 0.04rem 0;
}

.enterprise-contact-shop {
	padding: 0;
}

.enterprise-contact-cominfo {
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	border-left: none;
}

.enterprise-contact-cominfo dl {
	height: 0.7rem;
	/*padding: 0 0.2rem;*/
	flex: 0 0 49.9%;
	align-items: center;
	margin-bottom: 0;
	border-right: 0.01rem solid #c9cde5;
	border-bottom: 0.01rem solid #c9cde5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.enterprise-contact-cominfo dl:nth-of-type(2n+2) {
	border-right: none;
}

.enterprise-contact-cominfo dl:nth-last-of-type(1),
.enterprise-contact-cominfo dl:nth-last-of-type(2) {
	border-bottom: none;
}

.expo-records-box {
	padding: 0.2rem 0;
	background-color: #21243d;
}

.expo-records-box h2,
.license-box h2 {
	color: #fff;
}

.expo-records-box h5 {
	position: absolute;
	bottom: 0;
	color: #5e6699;
}

.expo-axis-wrap {
	align-items: flex-end;
	position: relative;
	height: 4.2rem;
}

.expo-axis-wrap:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	content: "";
	width: 100%;
	height: 0.02rem;
	background-image: linear-gradient(to right, #21243d, #585d7c 6%);
}

.expo-axis-wrap li {
	position: relative;
	flex: 0 0 20.1%;
	height: 100%;
	margin-left: -0.5rem;
}

.expo-axis-wrap li:first-child {
	margin-left: 0.65rem;
}

.expo-axis-item {
	position: relative;
	top: 50%;
	transform: translate(0, -100%);
	padding: 0 0.15rem 0.1rem;
}

.expo-axis-item:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: "";
	width: 0.01rem;
	height: 100%;
	background-color: #3b3f5a;
}

.expo-axis-item:after {
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-50%, 50%);
	content: "";
	width: 0.14rem;
	height: 0.14rem;
	background-color: #585d7c;
	border: 0.02rem solid #3b3f5a;
	border-radius: 0.14rem;
}

.expo-axis-wrap li:nth-child(even) .expo-axis-item {
	transform: translate(0, 0);
	padding: 0.15rem 0.15rem 0;
}

.expo-axis-wrap li:nth-child(even) .expo-axis-item:after {
	bottom: 0;
	top: 0;
	transform: translate(-50%, -50%);
}

.expo-records-img {
	width: 1.98rem;
	flex-wrap: wrap;
	margin-bottom: 0.05rem;
	padding-bottom: 0.5rem;
}

.expo-records-img img {
	width: 0.62rem;
	height: 0.62rem;
	margin-right: 0.04rem;
	margin-bottom: 0.04rem;
	border-radius: 0.04rem;
}

.expo-records-date {
	position: absolute;
	bottom: 0px;
	padding-bottom: 0.3rem;
	font-size: 0.24rem;
	color: #fff;
	line-height: 1;
}

.expo-axis-wrap li:nth-child(even) h5 {
	top: 0;
	margin-bottom: 0;
	bottom: auto;
	margin-top: 0.1rem;
}

.expo-axis-wrap li:nth-child(even) .expo-records-date {
	top: 0;
	bottom: auto;
	padding: 0.3rem 0 0;
}

.expo-axis-wrap li:nth-child(even) .expo-records-img {
	padding: 0.54rem 0 0;
}

.no-img-box img {
	width: 2rem;
	height: 1.5rem;
	margin: 0.2rem auto;
}

.enterprise-staff .friends-list {
	margin-top: 0.15rem;
}

.enterprise-staff .friends-list-img {
	width: 0.5rem;
	height: 0.5rem;
}

.enterprise-staff .swiper-wrapper-recommend h6 {
	color: rgba(255, 255, 255, .5);
	font-size: 0.12rem;
}

.product-info-ctrl .swiper-wrapper-recommend h6 {
	color: #2c2c2c;
}

.license-box {
	padding: 0.2rem 0;
	background-color: #21243d;
}

.license-wrap {
	position: relative;
	margin-top: 0.15rem;
}

.swiper-wrapper-license {
	justify-content: flex-start;
}

.license-wrap .swiper-slide {
	height: 2.8rem;
}

.license-item {
	width: 2.28rem;
	height: 2.82rem;
	padding: 0.12rem;
	background: url(../images/license-item-bg.jpg) no-repeat center / cover;
}

.album-wrap {
	padding-top: 0.2rem;
	padding-bottom: 0.4rem;
}

.album-list {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.album-list li {
	width: 2.84rem;
	height: 2.84rem;
	margin: 0 0.15rem 0.15rem 0;
}

.album-list li:nth-of-type(5n + 5) {
	margin-right: 0;
}

.license-wrap .swiper-button-prev,
.license-wrap .swiper-button-next {
	background-image: none;
}

.license-wrap .arrow {
	top: 50%;
	transform: translate(0, -50%);
}

.license-wrap .left-arrow {
	left: -0.5rem;
}

.license-wrap .right-arrow {
	right: -0.5rem;
}

/*企业模板*/
.shop-box {
	padding-top: 0;
}

.product-recommend {
	display: flex;
	align-items: center;
	width: 100%;
	height: 3.96rem;
	background: #F9F9F9;
	border: 0.01rem solid #DDDDDD;
	padding: 0.2rem;
	margin: 0 0 0.4rem 0;
}


.product-recommend .item {
	width: 2.84rem;
	height: 3.6rem;
	background: #FFFFFF;
	border-radius: 0.08rem;
	margin: 0 0.1rem 0 0;
}

.product-recommend .item img {
	width: 2.84rem;
	height: 2.84rem;
	margin: 0 0 0.12rem 0;
}

.product-recommend .item .title {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.22rem;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0 0.1rem;
}

.product-detail .recommend-title {
	font-size: 0.16rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.22rem;
}

.product-parameter {
	display: flex;
	justify-content: space-between;
	margin: 0 0 0.4rem 0;
}

.product-parameter .product-parameter-left-box {
	width: 12.3rem;
	border: 0.01rem solid #DDDDDD;
}

.product-parameter .product-parameter-left-box .tab_box {
	display: flex;
	border-bottom: 0.01rem solid #DDDDDD;
	height: 0.58rem;
	align-items: center;
}

.product-parameter .product-parameter-left-box .tab_box div {
	padding: 0 0.2rem;
	height: 0.58rem;
	line-height: 0.58rem;
}

.product-parameter .product-parameter-left-box .tab_box div.active {
	color: #F06300;
	border-bottom: 0.02rem solid #F06300;
}

.product-parameter .product-parameter-right-box {
	width: 2.5rem;
}

.product-parameter .product-parameter-right-box .title_name {
	width: 2.5rem;
	height: 0.57rem;
	background: #F2F2F2;
	border-top: 0.01rem solid #DDDDDD;
	line-height: 0.57rem;
	text-align: center;
}

.product-parameter .product-parameter-right-box .item_box {
	padding: 0.25rem 0.2rem;
	border: 0.01rem solid #DDDDDD;
}

.product-parameter .product-parameter-right-box .item_box .item {
	margin: 0 0 0.2rem 0;
}

.product-parameter .product-parameter-right-box .item_box .item img {
	width: 2.1rem;
	height: 2.1rem;
	margin: 0 0 0.1rem 0;
}

.product-parameter .product-parameter-right-box .item_box .item .title {
	font-size: 0.16rem;
	font-weight: 400;
	color: #666666;
	line-height: 0.22rem;
	height: 0.44rem;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.product-detail-info {
	padding: 0.4rem;
}

.product-detail-info h2 {
	font-size: 0.24rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.33rem;
	text-align: center;
	width: 2rem;
	position: relative;
	display: inline-block;

}

.product-detail-info h2:after {
	content: "";
	position: absolute;
	left: 2.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 4rem;
	height: 0.01rem;
	background: #999999;
}

.product-detail-info h2:before {
	content: "";
	position: absolute;
	right: 2.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 4rem;
	height: 0.01rem;
	background: #999999;
}

.product-detail-info .left_span {
	width: 0.2rem;
	height: 0.2rem;
	border: 0.01rem solid #000000;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	left: 4.3rem;
	top: 0.07rem;
}

.product-detail-info .right_span {
	width: 0.2rem;
	height: 0.2rem;
	border: 0.01rem solid #000000;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	right: 40.3rem;
	top: 0.07rem;
}

.product-detail-box .tab_box {
	width: 100%;
	height: 0.58rem;
	border-bottom: 0.01rem solid #DDDDDD;
	background: #F9F9F9;
	box-shadow: 0px 0.02rem 0.04rem 0px rgba(0, 0, 0, 0.04);
}

.product-detail-box .tab_box .container {
	display: flex;
	align-items: center;
	height: 0.58rem;
}

.product-detail-box .tab_box .container div {
	padding: 0 0.2rem;
	height: 0.58rem;
	line-height: 0.58rem;
	cursor: pointer;
}

.product-detail-box .tab_box .container div.active {
	color: #F06300;
	border-bottom: 0.02rem solid #F06300;
}

.fixed_tab_box {
	position: fixed;
	z-index: 119;
	top: 0;
	width: 100%;
	display: none;
}


/* 关于我们 */
.about-box,
.brand-box,
.main-product-box {
	margin-top: 1rem;
	background-color: #f4f4f4;
}

.about-banner-bg {
	position: relative;
	width: 100%;
	height: 3.2rem;
	background: url(../images/about-banner.jpg) no-repeat center / cover;
}

.about-nav {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%);
}

.about-nav li {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 0.6rem;
	font-size: 0.2rem;
}

.about-nav>li>a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 2.1rem;
	height: 0.6rem;
	color: #fff !important;
	background-color: rgba(33, 36, 61, .8);
	border-radius: 0.04rem 0.04rem 0 0;
	border: none;
}

.about-nav>li>a:hover,
.about-nav>li.active a {
	position: relative;
	text-decoration: none;
	cursor: pointer;
	height: 0.8rem;
	background-color: #ff7700 !important;
	border: none !important;
}

.about-nav i {
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.1rem;
}

.about-main {
	color: #5e6699;
	line-height: 1.8;
	font-size: 0.16rem;
}

.about-main h2,
.brand-box h2,
.main-product-box h2 {
	margin-bottom: 0.2rem;
	font-size: 0.36rem;
	letter-spacing: 0.04rem;
}

.about-main small {
	display: block;
	margin-top: 0.1rem;
	font-size: 0.14rem;
	color: #5e6699;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

.about-wrap {
	padding-bottom: 1rem;
}

.about-item {
	margin-top: 1rem;
}

.about-item-img {
	flex: 0 0 50.76rem;
	height: 4.32rem;
}

.about-item-intro {
	position: relative;
	flex: 1 1 auto;
	height: 3.6rem;
	padding: 0.8rem 0.6rem;
	background-color: #fff;
}

.about-item-profile {
	margin-left: -0.8rem;
	color: #fff;
	background-color: #ff7700;
}

.about-item-profile h2 {
	width: 1.7rem;
	height: 0.52rem;
	background: url(../images/about-tit.png) no-repeat center / cover;
}

.about-item-global small {
	color: #fff;
}

.about-item-text {}

.about-item-layout {
	width: 100%;
	height: 5.22rem;
	padding-top: 2.9rem;
	color: #fff;
	background: url(../images/about-img02.jpg) no-repeat center / cover;
}

.about-item-global {
	width: 4.6rem;
}

.about-item-person {
	margin-right: -0.8rem;
}

.about-item-chance {
	margin-left: -0.8rem;
}

.about-item-marks {
	position: absolute;
	right: 0.3rem;
	top: 0.7rem;
	font-size: 2.3rem;
	line-height: 1rem;
	color: rgba(255, 119, 0, .08);
}

.about-service-wrap {
	padding: 0.5rem;
}

.about-service-wrap h2 {}

.about-service-list {
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 0.4rem;
}

.about-service-list li {
	flex: 0 0 3.3rem;
	height: 3.2rem;
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
	padding: 0.4rem 0.6rem 0.1rem;
	text-align: center;
	background-color: #fff;
	border-radius: 0.12rem;
}

.about-service-list li:nth-of-type(3n + 3) {
	margin-right: 0;
}

.about-service-list i {
	width: 1.42rem;
	height: 1.42rem;
	margin-bottom: 0.2rem;
}

.about-service-list li:hover {
	color: #fff;
	background-color: #ff7700;
}

.about-culture-wrap,
.main-product-item {
	padding: 1rem 0;
}

.about-culture-img {
	flex: 0 0 6rem;
	height: 3.36rem;
}

.about-culture-intro {
	width: 6rem;
	height: 3.36rem;
	padding: 0.8rem 0.6rem 0;
}

.about-culture-intro h2 {
	position: relative;
	width: 4.74rem;
	height: 0.74rem;
}

.about-culture-intro span {
	position: absolute;
	left: 0;
	bottom: 0;
}

.tit-mission {
	background: url(../images/culture-mission.png) no-repeat;
}

.tit-vision {
	background: url(../images/culture-vision.png) no-repeat;
}

.tit-target {
	background: url(../images/culture-target.png) no-repeat;
}

.tit-idea {
	background: url(../images/culture-idea.png) no-repeat;
}

.tit-value {
	background: url(../images/culture-value.png) no-repeat;
}

.about-contact-wrap {
	padding: 1rem 0;
}

.about-contact-item {
	flex: 0 0 50%;
	flex-direction: column;
}

.about-contact-img {
	position: relative;
	width: 2.74rem;
	height: 2.74rem;
}

.about-contact-img img {
	border: 0.06rem solid #c7c9d9;
	border-radius: 50%;
	object-fit: contain;
	background-image: linear-gradient(to right, #ebe5f1, #f2ecfa);
}

.about-contact-info {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.about-contact-info dt {
	margin-bottom: 0.2rem;
	font-size: 0.24rem;
	color: #21243d;
}

.about-contact-info dd {
	margin-bottom: 0.08rem;
}

.contact-service-wrap {
	width: 100%;
	height: 50.74rem;
	padding-top: 1rem;
	background: url(../images/contact-img01.jpg) no-repeat center / cover;
}

.contact-service-list {
	position: relative;
	width: 8.2rem;
	margin: 0 auto;
	padding: 0.4rem 1.1rem;
	color: #21243d;
	background: rgba(255, 255, 255, .8);
	border-radius: 0.06rem;
}

.contact-service-list:after {
	position: absolute;
	right: 0.7rem;
	content: "";
	width: 0;
	bottom: -0.5rem;
	height: 0;
	border: 0.5rem solid transparent;
	border-left-color: rgba(255, 255, 255, .8);
	transform: rotate3d(0, 0, 1, 225deg);
}

.contact-service-info {
	margin-top: 0.3rem;
}

.contact-service-info li {
	margin-bottom: 0.15rem;
}

.about-advantage-wrap {
	position: relative;
	padding: 0.5rem 0;
}

.about-advantage-img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 2.2rem;
	background: url(../images/advantage-img01.jpg) no-repeat center / cover;
}

.about-advantage-list-box {
	padding: 0.8rem 0 0.3rem;
}

.about-advantage-list {
	position: relative;
	z-index: 10;
	justify-content: center;
}

.about-advantage-list li {
	position: relative;
	flex: 0 0 2.9rem;
	;
	height: 2.9rem;
	;
	display: flex;
	padding: 0.4rem;
	margin-left: 0.02rem;
	margin-right: 0.02rem;
	background-color: #fff;
	box-shadow: 0 0 0.15rem rgba(34, 36, 59, .05);
	transform: rotate(45deg);
}

/*.about-advantage-list li:before {
	position: absolute;
	content: "";
	width: 2.8rem;
    height: 2.8rem;
    padding: 0.5rem;
    background-color: #fff;
    box-shadow: 0 0 0.15rem rgba(34, 36, 59,.05);
    transform: rotate(45deg);
}*/
.about-advantage-item {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	transform: rotate(-45deg);
}

.about-advantage-tit {
	flex-direction: column;
}

.about-advantage-list i {
	position: relative;
	top: -0.2rem;
	width: 0.46rem;
	height: 0.46rem;
}

.about-advantage-list h3 {
	width: 100%;
	margin-bottom: 0.18rem;
	text-align: center;
}

.about-advantage-list-three {
	top: -0.78rem;
}

.about-advantage-list-two li:nth-of-type(1) {
	left: -0.58rem;
}

.about-advantage-list-two li:nth-of-type(2) {
	right: -0.58rem;
}

.about-advantage-list-two li:nth-of-type(1) h3 {
	color: #ff7700;
}

.about-advantage-list-two li:nth-of-type(2) h3 {
	color: #84b87b;
}

.about-advantage-list-three li:nth-of-type(1) {
	left: -1.18rem;
}

.about-advantage-list-three li:nth-of-type(2) {
	right: 0;
	padding: 0.4rem 0.1rem;
}

.about-advantage-list-three li:nth-of-type(3) {
	right: -1.18rem;
}

.about-advantage-list-three li:nth-of-type(1) h3 {
	color: #7595e7;
}

.about-advantage-list-three li:nth-of-type(2) h3 {
	color: #4eaeb1;
}

.about-advantage-list-three li:nth-of-type(3) h3 {
	color: #a75cc1;
}

.about-advantage-list p {
	position: relative;
	z-index: 5;
	height: 1.68rem;
	text-align: center;
}

.brand-banner-bg,
.main-product-banner-bg {
	position: relative;
	width: 100%;
	height: 3.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: url(../images/brand-banner.jpg) no-repeat center / cover;
}

.brand-box h2,
.main-product-box h2 {
	margin-bottom: 0;
	line-height: 1.4;
}

.brand-main {
	justify-content: center;
	flex-direction: column;
	padding-top: 0.9rem;
	padding-bottom: 1rem;
}

.brand-title-bg {
	justify-content: center;
	width: 0.86rem;
	height: 0.86rem;
	background-color: rgba(255, 119, 0, .2);
	transform: rotate(45deg);
}

.brand-title {
	width: 0.6rem;
	height: 0.6rem;
	background-color: #f70;
}

.brand-title-logo {
	width: 0.62rem;
	height: 0.18rem;
	background: url(../images/logo-white-all.svg) no-repeat center / cover;
	transform: rotate(-45deg);
}

.axis-wrap {
	position: relative;
	margin-top: 0.15rem;
	padding-top: 0.2rem;
}

.axis-wrap:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	content: "";
	width: 0.04rem;
	height: 100%;
	background-image: linear-gradient(to bottom, #f2dccd 80%, #f4f4f4 100%);
}

.axis-wrap li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.75rem;
}

.axis-wrap li>div {
	flex: 0 0 50%;
}

.axis-date {
	position: relative;
	font-size: 0.5rem;
	color: #f70;
}

.axis-date:after {
	position: absolute;
	top: 50%;
	bottom: 0;
	content: "";
	width: 1.2rem;
	height: 0.02rem;
	background-color: #f2dccd;
}

.axis-date-left {
	text-align: right;
	padding-right: 1.35rem;
}

.axis-date-left:after {
	right: 0;
}

.axis-date-right {
	padding-left: 1.35rem;
}

.axis-date-right:after {
	left: 0;
}

.axis-text {
	position: relative;
	width: 5rem;
	padding: 0.2rem;
	color: #5e6699;
	font-size: 0.16rem;
	background-color: #fff;
	border-radius: 0.06rem;
}

.axis-text:before {
	position: absolute;
	top: 50%;
	display: block;
	content: "";
	width: 0;
	height: 0;
	transform: translate(0, -50%);
	border-top: 0.07rem solid transparent;
	border-bottom: 0.07rem solid transparent;
}

.axis-text-left {
	right: 0.25rem;
	text-align: right;
}

.axis-text-left:before {
	border-left: 0.16rem solid #fff;
	right: -0.14rem;
}

.axis-text-right {
	left: 0.25rem;
}

.axis-text-right:before {
	border-right: 0.16rem solid #fff;
	left: -0.14rem;
}

.main-product-banner-bg {
	background: url(../images/core-banner.jpg) no-repeat center / cover;
}

.bg-white {
	width: 100%;
	background-color: #fff;
}

.main-product-item {
	width: 10rem;
}

.main-product-img {
	flex: 0 0 4.52rem;
	height: 2.86rem;
}

.main-product-intro {
	width: 5.48rem;
	padding: 0.8rem 0 0 0.6rem;
}

/* 个人信息页 */
.personal-box {
	padding-bottom: 0.5rem;
	background-color: #eaedfd;
}

.personal-info {
	padding: 0.4rem 0 0.5rem;
	justify-content: flex-start;
}

.user-image-bg {
	width: 1.66rem;
	height: 1.66rem;
	margin-right: 0.9rem;
	padding: 0.03rem;
	border-radius: 50%;
	background-image: linear-gradient(to right, #ff7700, #ff3554);
}

.user-image {
	width: 100%;
	height: 100%;
	padding: 0.05rem;
	background: #eaedfd;
	border-radius: 50%;
}

.user-image img {
	border-radius: 50%;
}

.personal-name {
	margin-bottom: 0.25rem;
	justify-content: flex-start;
}

.personal-name span {
	margin-right: 0.2rem;
	font-size: 0.2rem;
}

.personal-number {
	margin-bottom: 0.15rem;
	font-size: 0.16rem;
}

.personal-number li {
	margin-right: 0.35rem;
}

.friends-list-wrap-row {
	width: 12rem;
}

.friends-list-wrap-row .friends-list-img {
	width: 0.86rem;
	height: 0.86rem;
	padding: 0.03rem;
	border: 0.01rem solid #ddd;
}

.friends-list-wrap-row a:hover .friends-list-img {
	border: 0.01rem solid #ff7700;
}

.personal-feed-wrap {
	margin-top: 0.5rem;
}

.personal-feed-wrap h2 {
	color: #5e6699;
}

.personal-feed-list {
	flex-wrap: wrap;
	margin-top: 0.3rem;
}

.personal-feed-list li {
	position: relative;
	flex: 0 0 2.8rem;
	height: 2.8rem;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
}

.personal-feed-list li:nth-of-type(4n + 4) {
	margin-right: 0;
}

.personal-fabulous {
	position: absolute;
	left: 0.1rem;
	bottom: 0.1rem;
	z-index: 10;
	color: #fff;
}



/* jcarousel */
.jcarousel ul {
	margin-bottom: 0.16rem;
}




/* carousel */
.carousel {
	background-color: #fff;
}

.carousel-inner {
	justify-content: flex-start;
}

.carousel-inner>.item {
	display: flex;
	width: 3rem;
	height: 0.5rem;
}

.carousel-caption {
	bottom: 0;
	padding: 0;
	color: #333;
	text-shadow: none;
}

/* menu-one */

#swiper-container-expo {
	width: 10.8rem;
	height: 0.6rem;
	line-height: 0.5rem;
}

#swiper-container-expo a {
	color: #fff;
	text-align: center;
	font-size: 0.16rem;
}

#swiper-container-expo .swiper-slide {
	width: auto;
	height: 0.5rem;
	padding: 0 0.3rem;
	position: relative;
}

#swiper-container-expo .swiper-slide:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;
}

#swiper-container-expo .swiper-slide:hover {
	background-color: rgba(255, 255, 255, .2);
}

#swiper-container-expo .active {
	background-color: rgba(255, 255, 255, .2);
}

#swiper-container-expo .active:after {
	border-top-color: #67beff;
}

#swiper-container-expo .swiper-slide:hover:after {
	border-top-color: #67beff;
}

.swiper-slide-live:hover:after {
	border-top-color: transparent;
}

.swiper-slide-live {
	width: 1.4rem;
	height: 0.5rem;
	padding: 0 0.18rem;
	color: #fff;
	line-height: 0.5rem;
	background-color: #fb5f49;
	text-align: center;
}


/* menu-two */

#swiper-container-expo-two {
	height: 0.6rem;
	line-height: 0.5rem;
	background: #F7F7F7;
	width: 90%;
}

.commodity-expo {
	background: #fff;
	height: 0.5rem;
}

.commodity-expo:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0.5rem;
	background: #FFF;
}

#swiper-container-expo-two:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0.5rem;
	background: #FFF;
}

#swiper-container-expo-two a {
	color: #0f0e20;
	text-align: center;
	font-size: 0.16rem;
}

#swiper-container-expo-two .swiper-slide {
	width: auto;
	height: 0.5rem;
	padding: 0 0.3rem;
	position: relative;
	cursor: pointer;
}

#swiper-container-expo-two .swiper-slide:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;
}

#swiper-container-expo-two .swiper-slide:hover {
	background-color: #0067B3;
}

#swiper-container-expo-two .active {
	background-color: #0067B3;
}

#swiper-container-expo-two .active a,
#swiper-container-expo-two .swiper-slide:hover a {
	color: #fff;
}

#swiper-container-expo-two .active:after {
	border-top-color: #0067B3;
}

#swiper-container-expo-two .swiper-slide:hover:after {
	border-top-color: #0067B3;
}









/* 会议分享 */

.share_box {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
	width: auto;
	padding: 0.5rem 0.7rem 0.3rem;
	color: #fff;
	background-color: #111328;
	box-shadow: 0 0 0.25rem rgba(14, 17, 47, .5);
	border-radius: 0.04rem;
	display: none;
}

.close_share_box {
	position: absolute;
	right: 0.15rem;
	top: 0.1rem;
	cursor: pointer;
	width: 0.12rem;
	height: 0.12rem;
}

.share_box_content {}

.icon_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.icon_box div {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	border: 0.01rem solid #f4ea29;
	line-height: 0.44rem;
	text-align: center;
	margin: 0 0.1rem 0 0;
}

.icon_box div:nth-of-type(2) {
	border: 0.01rem solid red;
}

.icon_box div:nth-of-type(3) {
	border: 0.01rem solid #228A31;
}

.icon_box div:nth-of-type(4) {
	border: 0.01rem solid red;
}

/* 直播间分享 */
.share_box_big {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: transparent;
	display: none
}

.share_box_big .share_box {
	display: block;
}

/* 首页轮播图 */
#swiper-container-recommend {
	width: 100%;
}

#swiper-button-prev-recommend,
#swiper-button-prev-friend,
#swiper-button-prev-expo {
	left: 0;
	top: 0;
	background-size: 100%;
	margin-top: 0;
	background-image: linear-gradient(to right, rgba(234, 237, 253, 1) 50%, rgba(234, 237, 253, .05) 77%);
}

.personal-box #swiper-button-next-recommend,
.personal-box #swiper-button-prev-recommend {
	top: 0px;
}

#swiper-button-next-recommend,
#swiper-button-next-friend,
#swiper-button-next-expo {
	right: 0;
	top: 0;
	background-size: 100%;
	margin-top: 0;
}

#swiper-container-friend {
	width: 100%;
}

#swiper-button-prev-fzriend {
	left: -0.06rem;
}

#swiper-button-next-friend {
	right: -0.05rem;
}

.goods_tips {
	display: none;
}

.not_et {
	display: none;
	width: 0.6rem !important;
	height: 0.6rem !important;
}

.loading_goods {
	display: none;
	width: 0.6rem !important;
	height: 0.6rem !important;
}

.loading_goods1 {
	display: block;
	width: 0.6rem !important;
	height: 0.6rem !important;
	margin: 0 auto;
}

#swiper-button-prev-expo-two {
	left: 0.38rem;
	top: 0.3rem;
}

#swiper-button-next-expo-two {
	right: 0.38rem;
	top: 0.3rem;
}

#swiper-button-next-expo,
#swiper-button-prev-expo {
	top: 0;
	height: 1rem;
	background-image: linear-gradient(to right, rgba(255, 119, 0, .05) 7%, rgba(78, 125, 255, 1) 50%);
}

#swiper-button-prev-expo {
	background-image: linear-gradient(to right, rgba(78, 125, 255, 1) 50%, rgba(255, 119, 0, .05) 77%);
}



.swiper-button-disabled {
	display: none !important;
}

.friends-list-wrap-row #swiper-container-recommend {
	width: 100%;
}

.friends-list .swiper-slide {
	width: 9.5%;
}

#swiper-container-expo .swiper-slide {
	cursor: pointer;
}

/* 搜索页面轮播样式 */
#swiper-container-search {
	height: 0.7rem;
	line-height: 0.5rem;
}

#swiper-container-search a {
	color: #5e6699;
	text-align: center;
	font-size: 0.16rem;
	transition: 0s;
}

.search-cat-box #swiper-container-search a {
	color: #fff;
}

#swiper-container-search .swiper-slide {
	width: auto;
	height: 0.5rem;
	padding: 0 0.3rem;
	position: relative;
	cursor: pointer;
}

#swiper-container-search .swiper-slide:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;
}

#swiper-container-search .swiper-slide:hover {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

#swiper-container-search .active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

#swiper-container-search .swiper-slide:hover a {
	color: #fff;

}

#swiper-container-search .active a {
	color: #fff;
}

#swiper-container-search .active:after {
	border-top-color: #ff9233;
}

#swiper-container-search .swiper-slide:hover:after {
	border-top-color: #ff9233;
}

.search-live-box .swiper-button-next {
	background-image: none;
	outline: none;
	right: -0.5rem;
	transform: translateY(-50%);
}

.search-live-box .swiper-button-prev {
	background-image: none;
	outline: none;
	left: -0.5rem;
	transform: translateY(-50%);
}

.search-live-box .expo-swiper-btn .arrow {
	top: 0.4rem;
}

.search-live-box .expo-swiper-btn .arrow:after {
	width: 0.14rem;
	height: 0.14rem;
	border-color: #5e6699;
	border-top: 0.04rem solid #5e6699;
	border-right: 0.04rem solid #5e6699;
	border-radius: 0.04rem;
}

.jcarousel {
	position: relative;
	width: 15rem;
}

/* 找回密码页面样式 */
.password_box_big {
	width: 3rem;
	margin: 0 auto;
}

.password_box {
	width: 3rem;
	height: 1rem;
	margin: 0 auto;
	position: relative;
}

.mailbox {
	display: block;
	margin: 0.1rem 0;
	width: 3rem;
	height: 0.4rem;
	outline: none;
	color: #737373;
	font-size: 0.14rem;
	border: 0.01rem solid #2c2c2c;
	border-radius: 0.04rem 0 0 0.04rem;
	padding: 0 0 0 0.1rem;
}

.mailbox:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 10rem white inset;
}

.btn-next {
	height: 0.4rem;
	background-color: #ff7700;
	width: 3rem;
	cursor: pointer;
	text-align: center;
	line-height: 0.4rem;
	color: #fff;
	transition: .2s;
	margin: 0 auto 0.1rem;
}

.btn-next:hover {
	background-color: #EE6600;
}

.btn-next-two {
	height: 0.4rem;
	background-color: #ff7700;
	width: 3rem;
	cursor: pointer;
	text-align: center;
	line-height: 0.4rem;
	color: #fff;
	transition: .2s;
	margin: 0 auto 0.1rem;
}

.btn-next-two:hover {
	background-color: #EE6600;
}

.btn-next-three {
	height: 0.4rem;
	background-color: #ff7700;
	width: 3rem;
	cursor: pointer;
	text-align: center;
	line-height: 0.4rem;
	color: #fff;
	transition: .2s;
	margin: 0 auto 0.1rem;
}

.btn-next-three:hover {
	background-color: #EE6600;
}

.switch_state {
	color: #ff7700;
	cursor: pointer;
}

.password_box_phone {
	display: none;
}

.password_box_mailbox {
	display: block;
}

.retrievetele_phone_list {
	padding: 0px 0.78rem 0.15rem 0;
	margin: 0;

}

.retrievetele_phone_list .phone-btn {
	height: 0.4rem;
	line-height: 0.4rem;
	outline: none;
	border: 0.01rem solid #2c2c2c;
	border-radius: 0.04rem 0 0 0.04rem;
	background-color: transparent;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../images/arrow.png") no-repeat scroll right center transparent;
}

.retrieve_tips {
	margin: 0 0 0.1rem 0;
}

.phone_input {
	width: 1.63rem;
	height: 0.4rem;
	line-height: 0.4rem;
	border: 0.01rem solid #2c2c2c;
	border-left: none;
	outline: none;
	border-radius: 0 0.04rem 0.04rem 0;
	padding: 0 0 0 0.1rem;
}

.verification_code_box {
	display: none;
}

.again_send {
	position: absolute;
	top: 0.31rem;
	right: 0;
	width: 1.2rem;
	height: 0.4rem;
	text-align: center;
	cursor: pointer;
	color: #ff7700;
	outline: none;
}

.yzm_input {
	border-radius: 0.04rem;
}

.mailbox1 {
	border-radius: 0.04rem;
}

.newPassword_box_big {
	display: none;
}

.newPassword_box {
	height: 1.8rem;
	;
}

.newPad_input {
	border-radius: 0.04rem;
}

.newPad_input2 {
	border-radius: 0.04rem;
}


/* 首页登录样式 */
.telephone_list {
	padding: 0px 1.45rem 0.23rem 0;
	margin: 0;
}

.telephone_list_select {
	min-width: 1.25rem;
	height: 0.48rem;
	line-height: 0.48rem;
	padding: 0px;
}

.telephone_list .phone-btn {
	height: 0.46rem;
	line-height: 0.46rem;
	outline: none;
	border: none;
	border-right: none;
	border-radius: 0.04rem 0 0 0.04rem;
	background-color: transparent;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../images/arrow.png") no-repeat scroll right center transparent;
}

.login_user {
	background-color: #fff !important;
}

.login_password {
	background-color: #fff !important;
}

/* MORE LIST */
.live_more {
	width: 2rem;
}

/* 录播样式 */
.replay_video_box {
	width: 10.4rem;
	height: 5.8rem;
	background: #000;
	position: relative;
}

.replay_video {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.replay_video_box .replay-icon {
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
}

.replay_video_play {
	width: 7.64rem;
	height: 4.74rem;
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 888;
}

.phone-box-register {
	background: url(../images/arrow.png) no-repeat scroll right center transparent !important;
	border: 0.01rem solid #ccc !important;
	border-right: none !important;
}

.form-item-control .telephone_list_select {
	width: 0.38rem;
	height: 0.38rem;
	padding: 0px;
	border: 0.01rem solid #ccc;
	border-right: none;
}

.form-item-control .telephone_list_select,
.form-item-control .animation,
.form-item-control .phone-box-register {
	line-height: 0.38rem;
}

.form-item-control .phone-box-register {
	height: 0.38rem;
	border: none !important;
}

/* 浏览器兼容性样式 */
.expo-address-wrap .form-control {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../images/arrow.png") no-repeat scroll right center transparent;
}

.expo-address-wrap .form-control::-ms-expand {
	display: none;
}

.phone-btn {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	/*background: url("../images/arrow.png") no-repeat scroll right center transparent;*/
}

/* 建议开始 */

.modal-content-proposal {
	padding: 0.15rem;
	width: 70%;
	margin: 0 auto 0;
}

.modal-footer-proposal {
	border-top: none;
	background: #fff;
	border-radius: 0.06rem;
}

.title-proposal {
	text-align: center;
	'
margin: 0 0 0.1rem 0;
}

.title-proposal-input {
	margin: 0 0 0.1rem 0;
}

.phone-input {
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	padding: 0.1rem;
	margin: 0 0 0.1rem 0;
}

.textarea-proposal {
	width: 3.94rem;
	height: 1.4rem;
	line-height: 0.26rem;
	border: 0.01rem solid #DDD;
	outline: none;
}

/* 反馈和返回顶部 */
.icon-box-top-advise {
	position: fixed;
	right: 2%;
	bottom: 6%;
	z-index: 9999
}

.main .ico-advise {
	width: 0.2rem;
	height: 0.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.main .ico-top {
	width: 0.22rem;
	height: 0.22rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.icon-box {
	width: 0.42rem;
	height: 0.42rem;
	margin: 0 0 0.1rem 0;
	position: relative;
	cursor: pointer;
	border-radius: 50%;
	background: #fff;
}

.icon-box p {
	color: #7b819a;
	font-size: 0.12rem;
	position: absolute;
	left: 50%;
	top: 76%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	font-weight: 600;
	display: none;
}

/* 展商名录 */
.expo-box-big {
	background-color: #F9F9F9;
}

.container-directories {
	width: 15rem;
	margin: 0 auto;
}

.expo-content-directories {
	display: flex;
	flex-wrap: wrap;
	margin: 0.2rem 0 0 0;
}

.expo-directories-item {
	width: 5.92rem;
	height: 2.7rem;
	background: #fff;
	border-radius: 0.06rem;
	margin: 0 0.14rem 0.1rem 0;
	position: relative;
	border: 0.01rem solid transparent;
}

.expo-directories-item:hover,
.supply-list li:hover,
.blast-list li:hover {
	box-shadow: 0px 0.03rem 0.19rem 0px rgba(33, 36, 61, 0.2);
}

.live-sign-apple {
	right: 0.1rem;
	top: 0.1rem;
	left: auto;
}

.expo-directories-item:nth-child(2n) {
	margin-right: 0;
}

.container-directories .follow-btn {
	/*position: absolute;
        right: 0.25rem;
        top: 0.4rem;*/
	font-size: 0.12rem;
	cursor: pointer;
}

.container-directories .follow-btn.follow-btn-active {
	background: #45b549;
}

.container-directories .top-box {
	margin: 0.15rem 0 0 0.15rem;
	align-items: center;
}

.container-directories .header-img {
	width: 0.66rem;
	height: 0.66rem;
	background: linear-gradient(6deg, #FF7700, #FF3554);
	box-shadow: 0px 0px 0.3rem 0px #DEE1F0;
	border-radius: 50%;
	margin: 0 0.15rem 0 0;
	position: relative;
}

.container-directories .header-img img {
	border-radius: 50%;
	width: 0.62rem;
	height: 0.62rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.container-directories h4 {
	align-items: center;
}

.company_information a {
	max-width: 2.6rem;
	margin-right: 0.15rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #2c2c2c;
}

.company_information a:hover {
	color: #f70;
}

.container-directories .fans_box {
	display: flex;
	justify-content: flex-start;
}

.container-directories dl {
	display: flex;
	margin-right: 0.2rem;
	margin-bottom: 0;
	color: #666666;
	font-size: 0.12rem;
}

.container-directories dt,
.container-directories dd {
	line-height: 0.24rem;
}

.container-directories dt {
	margin-right: 0.1rem;
	font-weight: normal;
}

.container-directories dd {
	color: #323232;
}

.fans_box .live-sign-apple {
	position: static;
	height: 0.21rem;
}

.container-directories .swiper-box {
	width: 4.86rem;
	height: 1.8rem;
	margin: 0.15rem auto 0;
}

.container-directories .swiper-slide-img {
	width: 1.4rem;
	height: 1.4rem;
	border: 0.01rem solid #EEEEEE;
	border-radius: 0.07rem;
}

.container-directories .text {
	width: 1.38rem;
	margin-top: 0.05rem;
	font-size: 0.12rem;
	color: #5E6699;
	/*height: 0.2rem;*/
}

.container-directories .swiper-container-directories {
	height: 100%;
}

.container-directories .swiper-button-next-directories {
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-right.png');
}

.container-directories .swiper-button-next,
.container-directories .swiper-button-prev {
	-webkit-background-size: auto;
	background-size: auto;
}

.container-directories .swiper-button-prev-directories {
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-left.png');
}

.container-directories .emal-box {
	display: flex;
	position: absolute;
	right: 1.45rem;
	bottom: 0.15rem;
	cursor: pointer;
}

.container-directories .emal-box span {
	color: #FF755A;
	margin: 0 0 0 0.06rem;
}

.container-directories .emal-box div {
	height: 0.24rem;
	background: #FCF1EE;
	border-radius: 0.2rem;
	margin: 0 0.06rem 0 0;
	padding: 0px 0.2rem;
	align-items: center;
	justify-content: center;
}

.container-directories .emal-box .last-div {
	background: #E5F6EE;
}

.container-directories .emal-box .last {
	color: #40BF7C;
}

.expo-box-big .tips {
	text-align: center;
	display: none;
	color: #8a8a8a;
	font-size: 0.2rem;
	margin: 0.66rem 0 0 0;
	height: 1rem;
}

.not_et_directories {
	position: relative;
	left: 50%;
	top: 0.6rem;
	transform: translateX(-50%);
}

.print-data {
	display: none;
}

.container-directories-wrap .swiper-button-next {
	right: 0.2rem !important;
	top: 50% !important;
}

.container-directories-wrap .swiper-button-prev {
	left: 0.2rem !important;
	top: 50% !important;
}

.negotiation_btn {
	position: absolute;
	right: 0.1rem;
	top: 0.18rem;
	font-size: 0.12rem;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.negotiation_btn i {
	width: 0.14rem;
	height: 0.14rem;
	margin-right: 0.04rem;
}

/*宣传册*/
.exhibition-xc-box {
	position: relative;
	width: 100%;
	min-height: 100vh;
}

.exhibition-xc-box img {}

.exhibition-xc-box h1 {
	position: absolute;
	top: 0.15rem;
	width: 0.32rem;
	height: 0.44rem;
	/*background: url(../images/logo-cepme.png) no-repeat center / cover;*/
}

.exhibition-xc-wrap {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding-left: 0.3rem;
}

.exhibition-xc-main {
	position: absolute;
	bottom: 3vh;
	width: calc(100vw - 0.5rem);
}

.exhibition-xc-con {
	color: #fffdf9;
}

.exhibition-xc-text {
	margin-bottom: 0.1rem;
	font-size: 0.16rem;
}

.exhibition-xc-date {
	width: 77%;
	margin-top: 0.1rem;
	padding: 0.05rem 0.15rem;
	font-size: 0.12rem;
	border: 0.01rem solid rgba(255, 253, 249, .4);
}

.exhibition-xc-time span {
	font-size: 0.2rem;
	width: 12vw;
	display: inline-block;
	line-height: 1.2;
}

.exhibition-xc-time strong {
	font-size: 0.6rem;
	font-weight: normal;
	background-image: linear-gradient(to right, #c4b78a, #fdf0c0);
	-webkit-background-clip: text;
	color: transparent;
}

.eovobo-xc-code {
	position: absolute;
	right: 0;
	bottom: 0.2rem;
	width: 0.8rem;
	height: 1rem;
}

#service_timer {
	position: absolute;
	top: 0.16rem;
	right: 0.16rem;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #fff;
}

#service_timer em {
	height: 0.24rem;
	width: 0.34rem;
	text-align: center;
	margin: 0 0.05rem;
	font-size: 0.16rem;
	font-weight: bold;
	letter-spacing: 0.02rem;
	line-height: 0.24rem;
	background-image: linear-gradient(to bottom, #ff3554 20%, #ff7700 80%);
	border-radius: 0.04rem;
	font-style: normal;
}

.exhibition-xc-box2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pinyin_box {
	width: 12rem;
	margin: 0 auto 0;
	z-index: 99;
	background-color: #eaedfd;

}

.pinyin {
	display: flex;
}

.pinyin div {
	width: 0.44rem;
	height: 0.44rem;
	text-align: center;
	line-height: 0.44rem;
	cursor: pointer;
	background: #ff7700;
	color: #fff;
	margin: 0 0.1rem 0 0;
	border-radius: 0.04rem;

}

.pinyin div:hover {
	background: #ff3554;
}

.pinyin .active {
	background: #ff3554;
}


/* 首页轮播图样式更改 */

.swiper-button-next {
	outline: none;
}

.swiper-button-prev {
	outline: none;
}

.live_tips {
	display: none;
}

#friends_list_box li {
	position: relative;
}

#friends_list_box li:hover div.contact-way-modal {
	display: block;
}

#swiper-container-friend .swiper-slide {
	position: relative;
}

#swiper-container-friend .swiper-slide:hover .contact-way-modal {
	display: block;
}

#swiper-button-next-expo,
#swiper-button-prev-expo {
	height: 0.5rem;
	opacity: 0;
}

.jcarousel {
	position: relative;
}

.expo-swiper-btn .arrow {
	top: 50%;
	transform: translateY(-50%);
}

#swiper-button-prev-expo {
	left: 0;
}

#swiper-button-next-expo {
	right: -0.1rem;
}

.expo-catbar-box {
	position: relative;
}

.expo-product-box .swiper-button-next {
	transform: translateY(-50%);
	background-image: none;
	margin: -0.06rem 0 0 0;
}

.expo-product-box .swiper-button-prev {
	transform: translateY(-50%);
	background-image: none;
	margin: -0.06rem 0 0 0;
}

/*--头部改版--*/
.header-revision {
	height: 0.5rem;
	margin-bottom: 0.24rem;
}

.header-revision-box .header-pc {
	background-color: #fff;
	padding: 0.19rem 0 0 0;
}

.header-revision .expo-search-wrap {
	width: 8.22rem;
	font-size: 0.14rem;
	flex: 0 0 auto;
	height: 0.44rem;
	padding: 0 0.2rem;
	color: #9099cf;
	border: 0.02rem solid #0067B3;
	border-radius: 0;
	background-color: #fff;
}

.header-revision .inp-search {
	height: 0.4rem;
}

.header-revision .btn-search-bg {
	width: auto;
	height: 0.44rem;
	padding: 0 0.25rem;
	justify-content: center;
	color: #fff;
	background-image: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #0067B3;
}

.header-revision .btn-search-bg i {
	width: 0.22rem;
	height: 0.22rem;
	margin-right: 0.1rem;
}

.header-revision .header-right ul {
	flex-direction: column;
	font-size: 0.12rem;
}

.header-revision .header-right li a:after {
	border-right: none;
}

.header-revision-user {
	/*width: 1.8rem;*/
}

.header-revision .header-right .nav_cool {
	display: flex;
	flex-direction: row;
}

.header-right .nav_cool .regist_nav_btn {
	margin: 0 0.32rem 0 0;
}

.header-right .nav_cool li {
	background: #FFFFFF;
	border-radius: 0.02rem;
	border: 0.01rem solid #0067B3;
	color: #FD6900;
}

.header-right .nav_cool .regist_nav_btn a {
	color: #0067B3;
}

.header-right .nav_cool li a {
	font-size: 0.14rem;
	font-weight: 500;
	line-height: 0.2rem;
	color: #0067B3;
	padding: 0.08rem 0.2rem;
}

.header-right .nav_cool li:hover {
	background: #0067B3;
	border-radius: 0.02rem;
}

.header-right .nav_cool li:hover a {
	color: #FFF;
}

.header-revision .header-right li a:after {
	display: none;
}

.header-revision-nav {
	width: 100%;
	height: 0.52rem;
	background: #0067B3;
}

.revision-submenu-list a {
	color: #FFFFFF;
}

.revision-submenu-list {
	height: 0.52rem;
	display: flex;
	align-items: center;
}

.revision-submenu-list li {
	margin: 0 0.4rem 0 0;
}

.revision-submenu-list li.on,
.revision-submenu-list li:hover {
	/*background-color: #FB5F49;*/
	/*background-image: linear-gradient(to right, #fa3515, #ff8a00);*/
}

.revision-submenu-list li:hover i {
	animation: rotate-round 0.4s linear 1;
	-webkit-animation: rotate-round 0.4s linear 1;
}

.revision-submenu-list a {
	font-size: 0.16rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.22rem;
}

.revision-submenu-list span {
	/*width: calc(100% - 0.45rem);*/
	margin-left: 0.08rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.revision-submenu-list li.on a,
.revision-submenu-list li:hover a {
	color: #FFFFFF;
}

.header-ico-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 0.4rem;
	height: 0.4rem;
	background-color: #eee;
	border-radius: 50%;
	display: none;
}

.revision-submenu-list i {
	width: 0.26rem;
	height: 0.26rem;
}

/* 搜索详情 */
.history_box {
	display: none;
	background: #fff;
	border: 0.02rem solid #0067B3;
	border-top: 0.02rem solid #ddd;
	position: relative;
	left: -0.22rem;
	width: 7.14rem;
	border-radius: 0 0 0 0;
	z-index: 99;
}

.history_box li {
	color: #152154;
	cursor: pointer;
	line-height: 0.4rem;
	padding: 0 0 0 0.2rem;
}

.history_box li:hover {
	color: #1677ff;
}

.friends-list-wrap-box {
	width: 100%
}

.friends-list-wrap-box #swiper-button-next-recommend {
	top: 0.53rem;
	height: 1rem;
}

.friends-list-wrap-box #swiper-button-prev-recommend {
	top: 0.53rem;
	height: 1rem;
}

.loading_goods_product {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);

}

.loading_goods_product1 {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);

}

.loading_goods_directories {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);

}

.not_yet {
	text-align: center;
	width: 100%;
}

.not_yet_last {
	color: #fff;
}

/* 供求发布 */
.supply-wrap {
	padding-top: 0.12rem;
}

.supply-wrap .title-wrap {
	width: 100%;
	height: 0.48rem;
	background: #f70;
	display: flex;
	margin: 0 0 0.17rem 0;
}

.supply-wrap .title-wrap h2 {
	width: 1.06rem;
	height: 0.58rem;

	font-size: 0.16rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.58rem;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.supply-wrap .title-wrap h2:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;

}

.supply-wrap .title-wrap h2:hover {
	background: rgba(225, 225, 225, .2);
}


.supply-wrap .title-wrap h2:hover:after {
	border-top-color: #ff9233;
}

.supply-wrap .title-wrap .active {
	background: rgba(225, 225, 225, .2);
}

.supply-wrap .title-wrap .active:after {
	border-top-color: #ff9233;
}

.supply-wrap .btn-orange-light {
	margin-right: 0.15rem;
	box-shadow: 0px 0.02rem 0.12rem 0px rgba(243, 80, 15, 0.9);
}

.supply-wrap .btn-orange-light:hover {
	color: #f70;
	background-color: #fff;
}

.supply-wrap .ico-base {
	width: 0.14rem;
	height: 0.14rem;
	margin-right: 0.05rem;
	vertical-align: -0.06rem;
}

/*logo wall*/

#swiper-container-logo.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#swiper-container-logo .swiper-slide {
	text-align: center;
	font-size: 0.18rem;
	background: #fff;
	height: calc((100% - 0.5rem) / 4);

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 0 !important;
}

.logo-wall-wrap {
	padding: 0.2rem 0;
	background-color: #dee1f7;
}

.logo-wall {
	flex-wrap: wrap;
	height: 3.3rem;
}

.logo-wall-wrap li,
.logo-wall-item {
	flex: 0 0 15.5%;
	height: 0.6rem;
	margin-right: 0.15rem;
	margin-bottom: 0.15rem;
	padding: 0.04rem;
	background-color: #fff;
	border-radius: 0.04rem;
}

.logo-wall-wrap li:nth-of-type(6n + 6) {
	margin-right: 0;
}

.logo-wall-wrap img {
	object-fit: contain;
	height: 0.56rem;
}

.logo-wall-item {
	flex: 0 0 auto;
}

.swiper-slide.logo-wall-item {
	height: 0.7rem;
}

.logo-wall .arrow:after {
	width: 0.16rem;
	height: 0.16rem;
	border-color: #4B87FF;
	border-top: 0.04rem solid #4B87FF;
	border-right: 0.04rem solid #4B87FF;
}

.logo-wall .swiper-button-next {
	right: -0.4rem;
	background-image: none;
}

.logo-wall .swiper-button-prev {
	left: -0.4rem;
	background-image: none;
}



/*调查问卷*/

.problem-item {
	margin-left: 0.5rem;
}

.input_t {
	border: none;
	border-bottom: 0.01rem solid #333333;
	background: no-repeat bottom, 50% calc(100% - 0.01rem);
	background-size: 0 100%, 100% 100%;
	transition: background 0s ease-out;
}

.input_t:focus {
	background-image: linear-gradient(0deg, #f70 0.02rem, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 0.01rem, transparent 0);
	background-size: 100% 100%, 100% 100%;
	transition-duration: 0.3s;
	border: 0;
}

.input_300 {
	width: 3rem;
}

.input_200 {
	width: 2rem;
	font-size: 0.12rem;
}

.input_50 {
	width: 0.5rem;
}

.input_center {
	text-align: center;
}

.questionnaire-info {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0.4rem;
}

.questionnaire-info-item {
	width: 50%;
	height: 0.5rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.questionnaire-info-item-label {
	width: 0.9rem;
}

.questionnaire-box {
	padding-bottom: 0.3rem;
	background-color: #eaedfd;
}

.questionnaire {
	width: 900px;
	margin: 0.3rem auto 0;
	padding: 0.5rem;
	font-size: 0.16rem;
	background: #fff;
	box-shadow: 0px 0.03rem 0.19rem 0px rgba(33, 36, 61, 0.1);
	border-radius: 0.06rem;
}

.questionnaire h2 {
	text-align: center;
	color: #f70;
}

.questionnaire h4 {
	margin-bottom: 0.2rem;
	color: #666;
	font-weight: bold;
}

.questionnaire-tip {
	margin: 0.2rem 0 0.4rem;
	padding-bottom: 0.15rem;
	border-bottom: 0.01rem dashed #ccc;
}

.p-ind {
	text-indent: 2em;
}

.questionnaire dl {
	margin-bottom: 0.4rem;
	font-size: 0.15rem;
}

.questionnaire dt {
	margin-bottom: 0.15rem;
}

.questionnaire dd {
	display: flex;
	justify-content: flex-start;
}

.radiocheck {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 20%;
	margin-right: 0.1rem;
	padding: 0.05rem;
}

.radiocheck:hover {
	background-color: #efefef;
}

.radiocheck-other {
	width: auto;
}

.radiocheck-wrap {
	flex-wrap: wrap;
}

.radiocheck input,
.questionnaire label {
	margin: 0;
	cursor: pointer;
}

.radiocheck input[disabled] {
	cursor: not-allowed;
}

.questionnaire label {
	width: calc(100% - 0.2rem);
	padding-left: 0.05rem;
	font-weight: normal;
}

.radiocheck-other label {
	width: auto;
}

.radiocheck-explain {
	width: 75%;
}

.radiocheck-explain label {
	width: auto;
	margin-right: 0.1rem;
}

.questionnaire-textarea {
	margin-bottom: 0.4rem;
}

.btn-appointment {
	cursor: pointer;
}

/*精彩视频*/
.album-container-box {
	background: #f2f2f2;
	/*margin: 1.3rem 0 0 0;*/
}

.album-container {
	padding: 0.4rem 0 0 0;
}

.album-container h3 {
	font-size: 0.24rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.33rem;
	margin: 0 0 0.2rem 0;
	padding: 0 0 0 0.1rem;
	position: relative;
}

.album-container h3:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.04rem;
	height: 0.3rem;
	background: #FD6900;
}

.album_item_box {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 0.4rem;
}

.album_item {
	width: 3.6rem;
	height: 4.7rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	margin: 0 0.2rem 0.2rem 0;
	cursor: pointer;
	box-shadow: 0px 0.06rem 0.12rem 0px rgba(0, 0, 0, 0.08);
}

.album_item:nth-child(4n) {
	margin: 0 0 0.2rem 0
}

.album_item video {
	width: 100%;
	height: 4rem;
}

.album_item .video_box {
	width: 100%;
	height: 4rem;
	overflow: hidden;
	position: relative;
	background: #000;
	border-radius: 0.1rem 0.1rem 0 0;
}

.album_item .title {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0.16rem 0.1rem 0.09rem 0.1rem;
}

.album_item .pause_img,
.play-img {
	width: 0.38rem;
	height: 0.38rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.model_video {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}

.model_video video {
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.model_video .video_box {
	width: 8.4rem;
	height: 6rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.model_video .ico-close-white {
	display: inline-block;
	width: 0.46rem;
	height: 0.46rem;
	background-image: url(../images/ico-close-white.png);
	background-size: 100% 100%;
	position: absolute;
	top: 0.2rem;
	right: 0.4rem;
	cursor: pointer;
}

.more_one {
	text-align: center;
	color: #1677FF;
	cursor: pointer;
	display: none;
}

.more_two {
	text-align: center;
	color: #1677FF;
	cursor: pointer;
	display: none;
}

.model_count_down {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	position: absolute;
	left: 0;
	top: 0;
}

.a_ {
	position: relative;
}

.model_count_down h6 {
	text-align: center;
	color: #fff;
	font-size: 0.18rem;
	margin: 1rem 0 0 0;
}

.model_count_down p {
	text-align: center;
	color: #fff;
	margin: 0.1rem 0 0 0;
	font-size: 0.18rem;
}

.meeting_btn {
	width: 1.42rem;
	height: 1.16rem;
	margin-right: 0.15rem;
	padding: 0 0.06rem 0 0.02rem;
	background-image: url(../images/meeting_bg.png);
	background-size: 100%;
	cursor: pointer;
	position: fixed;
	right: 0;
	top: 1.8rem;
	z-index: 10;
}

.meeting_btn p {
	width: 0.8rem;
	height: 0.7rem;
	text-align: center;
	font-size: 0.28rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	text-shadow: 0px 0.04rem 0px rgba(238, 44, 13, 0.75);
	line-height: 0.32rem;
	position: absolute;
	left: 46%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/*inlet-wrap*/
.inlet-wrap {
	padding: 0.15rem 0;
}

.inlet-list li {
	flex: 0 0 24%;
	height: 1.6rem;
	margin-right: 0.15rem;
	transition: 0.2s all linear;
	text-align: center;
	border-radius: 0.02rem;
	/*background: url(../images/inlet-img01.jpg) no-repeat center / cover;*/
}

.inlet-list li:nth-of-type(1) {
	/*transform: scale(1.05);
    box-shadow: 0px 0.03rem 0.09rem 0px rgba(33, 36, 61, 0.3);*/
}

.inlet-list li:nth-of-type(1) h4,
.inlet-list li:nth-of-type(1) p {
	/*text-shadow: 0.02rem 0.03rem 0.05rem rgba(0,0,0,.5);*/
}

.inlet-list li:nth-of-type(2) {
	/*background: url(../images/inlet-img02.jpg) no-repeat center / cover;*/
}

.inlet-list li:nth-of-type(3) {
	/*background: url(../images/inlet-img03.jpg) no-repeat center / cover;*/
}

.inlet-list li:nth-of-type(4) {
	/*background: url(../images/inlet-img04.jpg) no-repeat center / cover;*/
}

.inlet-list li:nth-of-type(4) {
	margin-right: 0;
}

.inlet-list li:hover {
	transform: scale(1.05);
	box-shadow: 0px 0.03rem 0.09rem 0px rgba(33, 36, 61, 0.3);
}

.inlet-list a {
	display: block;
	height: 100%;
	/*padding-top: 1.1rem;*/
	padding-top: 0.15rem;
	cursor: pointer;
	color: #0f0e20;
	box-shadow: 0px 0px 0.1rem 0px rgba(214, 214, 214, 0.8);
	border-radius: 0.02rem;
}

.inlet-img {
	width: 2.26rem;
	height: 0.84rem;
	margin: 0 auto 0.1rem;
	justify-content: center;
}

.inlet-list li:nth-of-type(1) .inlet-img {
	margin-bottom: 0px;
}

.inlet-img img {
	width: auto;
	height: 0.84rem;
}

.inlet-list h4 {
	margin-bottom: 0.05rem;
}

.inlet-list p {
	font-size: 0.12rem;
	color: #999;
	/*color: rgba(255, 255, 255, .6);*/
}

.expo-nostart {
	display: none;
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
	line-height: 2;
	background: rgba(0, 0, 0, .9);
	z-index: 10000;
}

/*新闻*/
.journalism-wrap {
	height: 0.4rem;
	border: 0.01rem solid #e5e5e5;
	border-radius: 0.04rem;
	margin: 0 auto 0.1rem;
}

.swiper-container-journalism {
	width: 100%;
	height: 100%;
}

.swiper-container-journalism .swiper-slide {
	height: 0.38rem !important;
	line-height: 0.4rem !important;
	padding: 0 0.2rem 0 0.1rem;
}

.swiper-container-journalism .swiper-slide h3 {
	margin: 0;
	font-size: 0.14rem;
}

.swiper-container-journalism .swiper-slide-journalism {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.a-artical {
	color: #152154;
}

.video_index_box {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 7rem;
	z-index: 99;
	box-shadow: 0.02rem -0.01rem 0.1rem 0px rgba(0, 0, 0, 0.8);
	border-radius: 0 0.16rem 0 0;
}

.video_index {
	width: 7rem;
	border-radius: 0 0.16rem 0 0;
	display: block;
}

.video_index_box .pause_box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
}

.video_index_box .pause_img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;

}

.video_index_box .ico-close-white {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 0.3rem;
	height: 0.3rem;
}

.panel-body .video_index_box {
	position: relative;
	margin: 0 auto;
}

/* 首页直播间 start */

.expo_live_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.4rem 0 0.2rem 0;
}

.expo_live_box h3 {
	font-size: 0.24rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.33rem;
	padding: 0 0 0 0.16rem;
	position: relative;
	margin: 0;
}

.expo_live_box h3:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0.06rem;
	height: 0.28rem;
	background: #0067B3;

}

.expo_live_box .menu_box {
	display: flex;
}

.expo_live_box .menu_box a {
	font-size: 0.14rem;
	font-weight: 500;
	color: #999;
	line-height: 0.2rem;
}

.expo_live_box .menu_box a.active {
	color: #333;
}

.expo-live-box .expo-info-wrap .text {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	height: 0.4rem;
}


.expo-live-box .header_box {
	padding: 0.16rem 0.1rem;
	border-top: 0.01rem solid #ddd;
}

.expo-live-box .header_box .item-company-info-logo {
	width: 0.32rem;
	height: 0.32rem;

}

.expo-live-box .header_box .item-company-info-txt {
	width: 1.82rem;
	font-size: 0.12rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.16rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: left;
}

.expo-live-box .header_box .a {
	display: flex;
	align-items: center;
}

.expo-live-box .header_box .btn-gradual-lr-blue {
	background: #FD6900;
	padding: 0 0.12rem;
	height: 0.24rem;
	line-height: 0.24rem;
}

/* 首页直播间 end */

/* 展商洽谈 start */

.negotiation-wrap-apple {
	background: url('../images/191610947636.jpg') no-repeat left top #1074de;
}

.negotiation-wrap {
	padding: 0 0 0.38rem 0;
	margin-bottom: 0;
}

.negotiation-title {
	position: relative;
	padding: 0.3rem 0;
}

.negotiation-title h2 a {
	color: #fff;
	font-size: 0.2rem;
}

.negotiation-title h2 a,
.negotiation-title h2 a:hover {
	color: #fff;
}

.negotiation-title .title_h2 {
	position: relative;
	height: 0.42rem;
	padding: 0;
}

.negotiation-title .title_h2:after {
	content: '';
	position: absolute;
	left: -0.2rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.12rem;
	height: 0.15rem;
	background: url('../images/181610947630.jpg') no-repeat;
	background-size: 100%;
}

.negotiation-title .title_h2:before {
	content: '';
	position: absolute;
	right: -0.2rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.12rem;
	height: 0.15rem;
	background: url('../images/171610947626.jpg') no-repeat;
	background-size: 100%;
}

.negotiation-wrap-apple {
	background: url('../images/191610947636.jpg') no-repeat left top #1074de;
}

.negotiation-wrap {
	padding: 0 0 0.38rem 0;
	margin-bottom: 0;
}

.negotiation-title {
	position: relative;
	padding: 0.3rem 0;
}

.negotiation-title h2 {
	color: #fff;
	font-size: 0.32rem;
}

.negotiation-title h2 a,
.negotiation-title h2 a:hover {
	color: #fff;
}

.negotiation-title-more {
	position: absolute;
	right: 0.15rem;
}

.negotiation-title a:hover.negotiation-title-more {
	color: #FD6900;
}

.negotiation-category {
	margin-bottom: -0.06rem;
	/*margin-top: 0.3rem;*/
	color: rgba(255, 255, 255, .6);
}

.negotiation-category li {
	margin-left: 0.15rem;
	margin-right: 0.15rem;
	cursor: pointer;
}

.negotiation-category li:hover,
.negotiation-category .selected {
	color: rgba(255, 255, 255, 1);
}

.negotiation-category .selected:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.04rem;
	background: #FFFFFF;
}

.negotiation-catbar .swiper-container {
	width: 14.4rem;
}

.negotiation-catbar .swiper-container:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.01rem;
	width: 14.4rem;
	height: 0.02rem;
	background: #FFFFFF;
	opacity: 0.4;
}

.negotiation-catbar .negotiation-category {
	margin-bottom: 0;
	height: 0.34rem;
}


.negotiation-catbar .swiper-slide {
	width: auto;
	cursor: pointer;
}

.negotiation-catbar .swiper-slide.active {
	color: #fff;
}

.negotiation-catbar .swiper-slide.active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.04rem;
	background: #FFFFFF;
}

.negotiation-catbar .swiper-slide:hover {
	color: #fff;
}

.negotiation-catbar .swiper-button-prev,
.negotiation-catbar .swiper-button-next,
#swiper-button-next-negotiation,
#swiper-button-prev-negotiation {
	width: 0.12rem;
	height: 0.12rem;
	right: 0.15rem;
	margin-top: 0;
	transform: translate(0, -50%);
	background-image: none;
}

.negotiation-catbar .arrow {
	position: relative;
	right: 0px;
	top: -0.1rem;
}

.negotiation-catbar .left-arrow {
	left: 0;
}

.negotiation-catbar .arrow:after {
	width: 0.12rem;
	height: 0.12rem;
	border-color: rgba(255, 255, 255, .6);
}

.negotiation-catbar .swiper-button-prev:hover .arrow:after,
.negotiation-catbar .swiper-button-next:hover .arrow:after {
	border-color: rgba(255, 255, 255, 1);
}

#swiper-container-negotiation .swiper-wrapper {
	width: 14.7rem;
	margin: 0.3rem auto 0;
	overflow: hidden;
	max-height: 5.48rem;
}

#swiper-container-negotiation .swiper-wrapper-apple {
	margin: 0.4rem 0 0 0;
}

.negotiation-list {
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	flex-wrap: wrap;
}

.negotiation-item {
	flex: 0 0 49.49%;
	margin-right: 0.15rem;
	margin-bottom: 0.15rem;
	padding: 0.15rem 0.15rem 0.24rem 0.15rem;
	background-color: #fff;
	position: relative;
	border-radius: 0.04rem;
}

.negotiation-item:hover {
	box-shadow: 0px 0.06rem 0.12rem 0px rgba(0, 0, 0, 0.3);
}

.negotiation-item:nth-of-type(2n + 2) {
	margin-right: 0;
}

.negotiation-info-img {
	width: 0.46rem;
	height: 0.46rem;
	margin-right: 0.1rem;
}

.negotiation-info-img img {
	border-radius: 0.46rem;
}

.negotiation-info,
.negotiation-contact .btn-base {
	margin-right: 0.1rem;
}

.negotiation-contact .btn-blue {
	position: absolute;
	right: 0;
	top: 0;
}

.negotiation-contact .btn-light-blue {
	position: static;
	left: 2.92rem;
	top: 0.2rem;
}

.negotiation-contact .live-sign-apple {
	left: 2.92rem;
	top: 0.48rem;
}

.negotiation-follow {
	position: absolute;
	left: 0.74rem;
	top: 0.48rem;
}

.negotiation-contact {
	position: absolute;
	left: 3rem;
	top: 0.16rem;
	width: 4.14rem;
}

.negotiation-contact a,
.negotiation-contact a:hover {
	color: #fff;
}

.negotiation-contact .live-sign-apple {
	position: static;
	height: 0.2rem;
	margin-right: 0.1rem;
}

.negotiation-contact .ico-base {
	width: 0.12rem;
	height: 0.12rem;
	margin-right: 0.04rem;
}

.negotiation-follow dl {
	padding: 0 0.15rem;
	text-align: center;
	font-size: 0.12rem;
	border-right: 0.01rem solid #F2F2F2;
}

.negotiation-follow dl:last-child {
	border-right: none;
}

.negotiation-follow dd {
	color: #999;
}

.negotiation-product-wrap,
.purchasing-wrap,
.purchasing-form-list {
	margin-top: 0.2rem;
}

.negotiation-product-wrap {
	width: 6.96rem;
	margin-top: 0;
}

.swiper-box {
	position: relative;
	font-size: 0.12rem;
}

.swiper-slide-img {
	width: 1rem;
	height: 1rem;
	padding: 0.02rem;
	margin: 0 0 0.18rem 0;
}

.purchasing-list-bg {
	width: 6.5rem;
	height: auto;
	margin-right: 0.15rem;
	padding: 0 0.24rem 0 0.3rem;
	position: relative;
	/*background: url(../images/purchasing-bg.jpg) no-repeat center / cover;*/
}

.purchasing-list {
	flex-wrap: wrap;
	height: 4.66rem;
	margin: 0.66rem 0 0 0;

}

.purchasing-list-bg:after {
	content: '';
	position: absolute;
	right: 0.3rem;
	bottom: 0;
	width: 5.9rem;
	;
	height: 0.45rem;
	/*background: #F7F9FC; */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .6), #F7F9FC);
}

.purchasing-list-bg:before {
	content: '';
	position: absolute;
	right: 0.3rem;
	top: 0.86rem;
	width: 5.9rem;
	;
	height: 0.45rem;
	/* background: rgba(255, 255, 255, .5); */
	background-image: linear-gradient(to top, rgba(255, 255, 255, .6), #F7F9FC);
	z-index: 99;
}

.purchasing-list li {
	flex: 1 1 100%;
	margin-bottom: 0.14rem;
	/*padding: 0.1rem 0.15rem;*/
	height: 0.64rem;
	background: #FFFFFF;
	border-radius: 0.02rem;
	transition: all .2s ease;
	overflow: hidden;
}

.purchasing-list li:hover .purchasing-list-txt div {
	color: #0067B3;
}

.purchasing-list li:hover {
	box-shadow: 0px 0px 0.12rem 0px rgba(26, 44, 110, 0.12);
}

.purchasing-list li .num {
	color: #333333;
}

.purchasing-list-txt div {
	color: #333333;
}

.purchasing-list li:hover {
	transform: translate3d(0, -0.02rem, 0);
}

.purchasing-list li a {
	color: #fff;
}

.purchasing-list li a:hover {

	box-shadow: 0px 0px 0.12rem 0px rgba(26, 44, 110, 0.12);
}

.purchasing-list-img {
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 0.15rem;
	border: 0.02rem solid #fff;
	border-radius: 0.4rem;
}

.purchasing-list-img img {
	border-radius: 0.4rem;
}

.purchasing-list-txt small {
	color: #999999;
}

.purchasing-form {
	/*width: calc(100% - 600.05rem);*/
	height: 4.06rem;
	padding: 0 0.3rem;
	width: 7.3rem;
}

.purchasing-form-list .form-group {
	margin-bottom: 0.2rem;
	align-items: center;
}

.purchasing-form-list .form-group:nth-child(4) {
	align-items: flex-start;
	position: relative;
}

.purchasing-form-list label {
	width: 2.5rem;
	margin-right: 0.2rem;
	margin-bottom: 0;
	font-size: 0.14rem;
	text-align: right;
	font-weight: normal;
}

.purchasing-form-list .form-control {
	height: 0.48rem;
	border-radius: 0px;
	box-shadow: none;
	border: 0.01rem solid #E2E2E2;
	font-size: 0.12rem;
}

.purchasing-form-list #info_fax {
	height: 1.6rem;
}

.purchasing-form-list .form-group:nth-child(4):after {
	content: '';
	position: absolute;
	right: 0.02rem;
	bottom: 0.02rem;
	width: 0.12rem;
	height: 0.15rem;
	background: #fff;
}

.purchasing-form-btn {
	margin-top: 0.44rem;
	padding: 0 0 0 1.3rem;
}

.purchasing-form-btn .confirmbtn {
	border-radius: 0.02rem;
	background: #0067B3;
	color: #FFFFFF;
}

.btn-light-blue {
	background-color: #fff;
	color: #0067B3;
	border-radius: 0.02rem;
	border: 0.01rem solid #0067B3;
}

.btn-blue {
	background-color: #0067B3;
	color: #fff;
}

.btn-base-small {
	height: auto;
	line-height: auto;
}


/* 展商洽谈 end  */

/* 供求发布 start  */

.release-warp-apple {
	background: url('../images/231610953466.jpg') no-repeat left top;
}

.release-warp {
	background-size: 100% 100%;
	padding: 0.64rem 0 0.68rem 0;
}

.release-warp .purchasing-wrap {
	margin-top: 0;
	justify-content: space-between;
}

.release-warp .purchasing-form-list {
	margin-top: 0.66rem;
}

.purchasing-form-btn {
	margin-top: 0.44rem;
	padding: 0 0 0 1.3rem;
}

.purchasing-form-btn .confirmbtn {
	border-radius: 0.02rem;
	background: #0067B3;
	color: #FFFFFF;
}

.btn-base-large {
	height: 0.4rem;
	padding: 0 0.3rem;
	border-radius: 0.4rem;
	font-size: 0.14rem;
}

.floor h2 {
	position: relative;
	padding: 0 0 0 0.1rem;
}

.floor h2:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.04rem;
	height: 0.25rem;
	background: #0067B3;
}

.purchasing-list-bg .negotiation-title-more {
	padding: 0.04rem 0.1rem;
	border-radius: 0.02rem;
	border: 0.01rem solid #0067B3;
	color: #0067B3;
	font-size: 0.14rem;
	background: transparent;
}

@keyframes myfirst {
	from {
		height: 0;
	}

	to {
		height: 0.64rem;
	}
}

.purchasing-list li {
	/*animation: myfirst 5s;*/
}

.myfirst {
	animation: myfirst 0.6s;
}

@keyframes myfirstopacity {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.myfirstopacity {
	opacity: 0;
}


/* 供求发布 end  */

/* 龙头企业 start  */

.suppliers-wrap-box {
	width: 100%;
	background: #f7f7f7;
}

.suppliers-wrap {
	padding-left: 0;
	padding-right: 0;
}

.suppliers-wrap h2 {
	position: relative;
	font-size: 0.26rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.37rem;
	text-align: center;
}

.suppliers-wrap h2:after {
	content: "";
	position: absolute;
	left: 5.32rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.9rem;
	height: 0.02rem;
	background: #333333;
}

.suppliers-wrap h2:before {
	content: "";
	position: absolute;
	right: 5.32rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.9rem;
	height: 0.02rem;
	background: #333333;
}

.merchants-list {
	flex-wrap: wrap;
	margin-top: 0.2rem;
}

.merchants-list li {
	position: relative;
	margin: 0 0.2rem 0px 0;
	background-color: #fff;
	border-radius: 0.12rem;
	box-shadow: 0.04rem 0.03rem 0.05rem rgba(33, 36, 61, .05);
}

.copyright img {
	width: 0.2rem !important;
	height: 0.2rem !important;
}

/* 龙头企业 end  */

/* 预约洽谈 start*/
.digtial_box {
	/*background: #fff;*/
	min-height: 5rem;
	overflow: hidden;
}

.digtial_box .nav_box {
	display: flex;
	flex-wrap: wrap;
	padding: 0.18rem 0 0 0.24rem;
	background: #fff;
}

.digtial_box .nav_box1 {
	margin: 0.16rem 0 0 0;
	padding: 0.18rem 0 0.18rem 0.24rem;
}

.digtial_box .nav_box .content_text {
	display: flex;
	flex-wrap: wrap;
	width: 13.6rem;
	position: relative;
	margin: 0 0 0.2rem 0;
}

.digtial_box .nav_box .content_text div {
	font-size: 0.14rem;
	font-weight: 400;
	color: #666666;
	line-height: 0.22rem;
	margin: 0 0.4rem 0.12rem 0;
	cursor: pointer;
}

.digtial_box .nav_box .content_text div.active {
	color: #FD6900;
}

.digtial_box .nav_box .content_text div:hover {
	color: #FD6900;
}

.digtial_box .nav_box .content_text_letter {
	display: flex;
	flex-wrap: wrap;
	width: 13.6rem;
	margin: 0 0 0.16rem 0;
}

.digtial_box .nav_box .content_text_letter div {
	padding: 0 0.06rem;
	height: 0.22rem;
	background: #EEEEEE;
	border-radius: 0.02rem;
	border: 0.01rem solid #CCCCCC;
	font-size: 0.16rem;
	font-weight: 400;
	color: #999999;
	line-height: 0.22rem;
	margin: 0 0.16rem 0.16rem 0;
	cursor: pointer;
}

.digtial_box .nav_box .content_text_letter div:hover {
	color: #FFFFFF;
	background: #FD6900;
	border: 0.01rem solid #FD6900;
}

.digtial_box .nav_box .content_text_letter div.active {
	color: #FFFFFF;
	background: #FD6900;
	border: 0.01rem solid #FD6900;
}

.digtial_box .sort_box {
	display: flex;
	flex-wrap: wrap;
}

.digtial_box .sort_box div {
	cursor: pointer;
}

.digtial_box .sort_box div.active {
	color: #FD6900;
}

.digtial_box .sort_box div:hover {
	color: #FD6900;
}

.digtial-floor-card {
	padding: 0 0 0.3rem 0;
}

.digtial-floor-card li {
	box-shadow: 0px 0.04rem 0.06rem 0px rgba(26, 44, 110, 0.06);
}

.digtial_box .goods_tips_text {
	display: none;
}

.digtial_box .loading_goods_img {
	display: none;
}

.photo_album .loading_goods_img {
	display: block;
}

.digtial_box .floor-card li {
	width: 3.54rem;
}

.digtial_box .sorry {
	width: 15rem;
	height: 0.48rem;
	line-height: 0.48rem;
	background: #EEEEEE;
	margin: 0.16rem 0 0 0;
	padding: 0 0 0 0.24rem;
	display: none;
}

.digtial_box .sorry .sorry_text {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
}

.digtial_box .sorry .sorry_text {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
}

.digtial_box .sorry .sorry_text span {
	color: #FD6900;
}

.container-directories {
	width: 15rem;
	margin: 0 auto;
}

.expo-content-directories {
	display: flex;
	flex-wrap: wrap;
	margin: 0.2rem 0 0 0;
}

.expo-directories-item {
	width: 7.42rem;
	/*height: 2.7rem;*/
	background: #fff;
	border-radius: 0.06rem;
	margin: 0 0.14rem 0.1rem 0;
	position: relative;
	border: 0.01rem solid transparent;
}

.expo-directories-item:hover,
.supply-list li:hover,
.blast-list li:hover {
	box-shadow: 0px 0.03rem 0.19rem 0px rgba(33, 36, 61, 0.2);
}

.live-sign-apple {
	right: 0.1rem;
	top: 0.1rem;
	left: auto;
}

.expo-directories-item:nth-child(2n) {
	margin-right: 0;
}

.container-directories .follow-btn {
	/*position: absolute;
	right: 0.25rem;
	top: 0.4rem;*/
	font-size: 0.12rem;
	cursor: pointer;
}

.container-directories .follow-btn.follow-btn-active {
	background: #45b549;
}

.container-directories .top-box {
	margin: 0.15rem 0 0 0.15rem;
	align-items: center;
}

.container-directories .header-img {
	width: 0.66rem;
	height: 0.66rem;
	/*background: linear-gradient(6deg, #FF7700, #FF3554);*/
	/*box-shadow: 0px 0px 0.3rem 0px #DEE1F0;*/
	border-radius: 50%;
	margin: 0 0.15rem 0 0;
	position: relative;
}

.container-directories .header-img img {
	border-radius: 50%;
	width: 0.62rem;
	height: 0.62rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.container-directories h4 {
	align-items: center;
}

.company_information a {
	max-width: 2.6rem;
	margin-right: 0.15rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #2c2c2c;
}

.company_information a:hover {
	color: #fd6900;
}

.container-directories .fans_box {
	display: flex;
	justify-content: flex-start;
}

.container-directories dl {
	display: flex;
	margin-right: 0.2rem;
	margin-bottom: 0;
	color: #666666;
	font-size: 0.12rem;
}

.container-directories dt,
.container-directories dd {
	line-height: 0.24rem;
}

.container-directories dt {
	margin-right: 0.1rem;
	font-weight: normal;
}

.container-directories dd {
	color: #323232;
}

.fans_box .live-sign-apple {
	position: static;
	height: 0.21rem;
}

.container-directories .swiper-box {
	width: 6.66rem;
	height: 1.8rem;
	margin: 0.15rem auto 0.15rem;
}

.container-directories .swiper-slide-img {
	width: 1rem;
	height: 1rem;
	border: 0.01rem solid #EEEEEE;
	border-radius: 0.07rem;
}

.container-directories .text {
	width: 1rem;
	margin-top: 0.05rem;
	font-size: 0.12rem;
	color: #5E6699;
}

.container-directories .swiper-container-directories {
	height: 100%;
}

.container-directories .swiper-button-next-directories {
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-right.png');
}

.container-directories .swiper-button-next,
.container-directories .swiper-button-prev {
	-webkit-background-size: auto;
	background-size: auto;
}

.container-directories .swiper-button-prev-directories {
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-left.png');
}

.container-directories .emal-box {
	display: flex;
	position: absolute;
	right: 1.45rem;
	bottom: 0.15rem;
	cursor: pointer;
}

.container-directories .emal-box span {
	color: #FF755A;
	margin: 0 0 0 0.06rem;
}

.container-directories .emal-box div {
	height: 0.24rem;
	background: #FCF1EE;
	border-radius: 0.2rem;
	margin: 0 0.06rem 0 0;
	padding: 0px 0.2rem;
	align-items: center;
	justify-content: center;
}

.container-directories .emal-box .last-div {
	background: #E5F6EE;
}

.container-directories .emal-box .last {
	color: #40BF7C;
}

.expo-box-big .tips {
	text-align: center;
	display: none;
	color: #8a8a8a;
	font-size: 0.2rem;
	margin: 0.66rem 0 0 0;
	height: 1rem;
}

.not_et_directories {
	position: relative;
	left: 50%;
	top: 0.6rem;
	transform: translateX(-50%);
}

.print-data {
	display: none;
}

.container-directories-wrap .swiper-button-next {
	right: -0.22rem !important;
	top: 50% !important;
}

.container-directories-wrap .swiper-button-prev {
	left: -0.22rem !important;
	top: 50% !important;
}

.negotiation_btn {
	position: absolute;
	right: 0.1rem;
	top: 0.18rem;
	font-size: 0.12rem;
	cursor: pointer;
}

.negotiation_btn i {
	width: 0.14rem;
	height: 0.14rem;
	margin-right: 0.04rem;
}

.modal-content-proposal {
	padding: 0.24rem 0.64rem;
	width: 100%;
	margin: 0 auto 0;
}

.title-proposal {
	text-align: center;
	margin: 0 0 0.1rem 0;
	font-size: 0.22rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.3rem;
}

.title-proposal-input {
	margin: 0 0 0.1rem 0;
	font-size: 0.16rem;
	color: #333333;
}

.phone-input {
	width: 3.86rem;
	height: 0.52rem;
	line-height: 0.52rem;
	padding: 0.16rem;
	margin: 0 0 0.1rem 0;
	border: 0.01rem solid #DDDDDD;
	outline: none;
}

.bs-example-modal-lg-proposal .modal-footer-proposal {
	text-align: center;
}

.modal-footer-proposal {
	border-top: none;
	background: #fff;
	border-radius: 0.06rem;
}

.bs-example-modal-lg-proposal .modal-footer-proposal .btn-default {
	background: #999999;
	color: #FFFFFF;
	border: none;
}

.bs-example-modal-lg-proposal .modal-footer-proposal .btn-primary {
	background: #2469F6;
	color: #FFFFFF;
	border: none;
}

.textarea-proposal {
	line-height: 0.26rem;
	outline: none;
	width: 6rem;
	height: 1.8rem;
	background: #FFFFFF;
	border-radius: 0.02rem;
	border: 0.01rem solid #DDDDDD;
	padding: 0.16rem;
}

/* 预约洽谈 end */

/* 展商直播 start */

.all_live .expo-live-box {
	background: #F9F9F9;
}

.all_live .expo-catbar-box {
	margin-bottom: 0.34rem;
}

.all_live .expo-catbar-box {
	background-color: #F9F9F9;
	background-image: none;
}

.all_live .swiper_box {
	background-color: #F9F9F9;
	position: relative;

}

.all_live .swiper_box:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0.5rem;
	background: #FFF;
}

.all_live .expo-catbar:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0.5rem;
	background: #FFF;
}

.all_live #swiper-container-expo a {
	font-size: 0.16rem;
	font-weight: 400;
	color: #333333;
}

.all_live #swiper-container-expo {
	width: 90%;
	margin: 0 auto;
}

.all_live #swiper-container-expo .active {
	background: #F06300;

}

.all_live #swiper-container-expo .active a {
	color: #fff;
}

.all_live #swiper-container-expo .swiper-slide:hover:after {
	border-top-color: #F06300;
}

.all_live #swiper-container-expo .swiper-slide:hover:after {
	border-top-color: #F06300;
}

.all_live #swiper-container-expo .swiper-slide:hover {
	background: #F06300;
}

.all_live #swiper-container-expo .swiper-slide:hover a {
	color: #fff;
}

.all_live #swiper-container-expo .active:after {
	border-top-color: #F06300;
}

.all_live #swiper-button-next-expo,
#swiper-button-prev-expo {
	opacity: 1;
	background-image: none;
}

.all_live #swiper-button-next-expo {
	right: 0.2rem;
}

.all_live #swiper-button-prev-expo {
	left: 0.2rem;
}

/* 展商直播 end */

/* 我的预约 start */
.mymeeting-box .meeting-group {
	background: none;
}

.mymeeting-box .meeting-group-content {
	background: #fff;
}

.mymeeting-box .btn-gradual {
	background-image: none;
	color: #0067B3;
	border-radius: 0;
	border: 0.01rem solid #0067B3;
}

.mymeeting-box .btn-gradual:hover {
	color: #FFFF;
}

.mymeeting-box .nav-tabs>li:nth-of-type(1) {
	position: relative;
}

.mymeeting-box .nav-tabs>li:nth-of-type(1):after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.01rem;
	height: 0.18rem;
	background: #DDDDDD;
}

.mymeeting-box .meeting-group-tabs {
	background: none;
}


/* 我的预约 end */

/* 预约洽谈 start */

.negotiation-box .in_progress {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.negotiation-box .be_overdue {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.negotiation-box .left_box div p:nth-of-type(1) {
	font-size: 0.14rem;
	font-weight: 400;
	color: #666666;
}

.negotiation-box .left_box div p:nth-of-type(2) {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
}

.negotiation-box .btn-warning {
	color: #333;
}

.negotiation-box .btn-warning:focus {
	background-color: #fff;
}

.negotiation-box .btn-warning:hover {
	background-color: #FD6900;
	border-color: #FD6900;
	color: #fff;
}

.negotiation-box .btn-warning:active:hover {
	color: #333;
	background-color: #fff;
	border-color: #333;
}

.negotiation-box .in_progress:after {
	content: "";
	height: 0;
	width: 4.86rem;
}

.negotiation-box .be_overdue:after {
	content: "";
	height: 0;
	width: 4.86rem;
}

.negotiation-banner-box .right_box .chat {
	cursor: pointer;
}

.negotiation-banner-box .right_box .collection {
	cursor: pointer;
}

.negotiation-banner-box .right_box .chat h2 {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	border-radius: 0.14rem;
	border: 0.01rem solid #666666;
	padding: 0.04rem 0.12rem;
	margin: 0;
}

.negotiation-banner-box .right_box .collection h2 {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	background: #FD6900;
	border-radius: 0.14rem;
	color: #fff;
	margin: 0 0 0 0.2rem;
	padding: 0.04rem 0.12rem;
}


/* 预约洽谈 end */

/* 直播间 start */

.btn-box {
    justify-content: flex-end;
}
.btn-box .chat,.btn-box .collection {
    margin-right: 0.15rem;
}
.live-room .chat {
	cursor: pointer;
}

.live-room .collection {
	cursor: pointer;
}

.live-room .chat h2 {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	border-radius: 0.14rem;
	padding: 0.04rem 0.12rem;
	margin: 0;
}

.live-room .collection h2 {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	background: #FD6900;
	border-radius: 0.14rem;
	color: #fff;
	margin: 0;
	padding: 0.04rem 0.12rem;
}

#main_app_box .tab_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 0.01rem solid #DDDDDD;
}

#main_app_box .tab_box div {
	width: 2.3rem;
	height: 0.44rem;
	line-height: 0.44rem;
	text-align: center;
	font-size: 0.14rem;
	font-weight: 500;
	color: #333333;
	cursor: pointer;
}

#main_app_box .tab_box div.active span {
	border-bottom: 0.02rem solid #FD6900;
	height: 100%;
	display: inline-block;
}

.live-room .commodity_box::-webkit-scrollbar {
	width: 0.04rem;
}

.live-room .commodity_box::-webkit-scrollbar {
	background-color: #ddd;
}

.live-room .commodity_box::-webkit-scrollbar-thumb {
	border-radius: 0.1rem;
	background-color: #FD6900;
}

.live-room .commodity_box {
	padding: 0.1rem 0.16rem;
	height: 4.83rem;
	overflow: auto;
}



.live-room .commodity_box .item_commodity {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0.1rem 0;
}

.live-room .commodity_box .item_commodity .left_box {
	width: 1.26rem;
	height: 1.26rem;
	position: relative;
	margin: 0 0.1rem 0 0;
	border-radius: 0.04rem;
	overflow: hidden;
}

.live-room .commodity_box .item_commodity .left_box img {
	object-fit: none;
}

.live-room .commodity_box .item_commodity .left_box span {
	width: 0.2rem;
	height: 0.2rem;
	line-height: 0.2rem;
	border-radius: 0.04rem;
	background: #999999;
	font-size: 0.12rem;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.live-room .commodity_box .item_commodity .right_box .title {
	width: 100%;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	font-size: 0.14rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 0.2rem;
	margin: 0 0 0.1rem 0;
}

.live-room .commodity_box .item_commodity .right_box .price {
	font-size: 0.14rem;
	font-weight: 500;
	color: #FD6900;
	line-height: 0.2rem;
}

.live-room .commodity_box .service {
	font-size: 0.12rem;
	font-weight: 400;
	color: #F06300;
	line-height: 0.24rem;
	padding: 0 0.14rem;
	border-radius: 0.02rem;
	border: 0.01rem solid #F06300;
	display: inline-block;
	cursor: pointer;
}

.live-room .commodity_box .service:hover {
	background: #F06300;
	color: #fff;
}

.live-room .item_commodity_box {
	margin: 0 0 0.1rem 0;
}

.live-room .btn-gradual {
	padding: 0.04rem 0.12rem;
	font-size: 0.14rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.2rem;
	height: auto;
	background: #F06300;
}

/* 直播间 end  */

/* 供求发布 start */
.supply-banner {
	height: 3rem;
	background: url('../images/supply_banner.jpg') no-repeat center / cover;
}

.supply-box .search-cat-banner-txt {
	padding-top: 0.75rem;
	font-size: 0.36rem;
	font-weight: bold;
	text-shadow: 0.04rem 0.05rem 0.05rem rgb(0 0 0 / 20%);
	color: #fff;
}

.supply-box .search-cat-banner-txt1 {
	padding-top: 0;
}

.btn-base-big-apple {
	position: absolute;
	left: 50%;
	top: 2.12rem;
	transform: translateX(-50%);
	height: 0.38rem;
	line-height: 0.38rem;
	background: #2469F6;
	box-shadow: 0px 0px 0.12rem 0px rgb(26 44 110 / 12%);
	border-radius: 0.02rem;
	color: #fff;
}

.supply-box .goods-nav-warp {
	position: relative;
	width: 15rem;
	margin: 0 auto;
	background: #fff;
	display: flex;
}

.supply-box .goods-nav-warp .all.active {
	background: #ECF2FF;
	border-radius: 0.02rem;
	color: #2469F6;
}

.supply-box .swiper-container-goods-nav .swiper-slide {
	width: auto;
	padding: 0.2rem 0.2rem;
	color: #333333;
	cursor: pointer;
}

.supply-box .goods-nav-warp .swiper-button-next {
	right: -0.3rem;
	top: 0.41rem;
	width: 0.3rem;
	height: 0.22rem;
}

.supply-box .goods-nav-warp .swiper-button-prev {
	left: -0.3rem;
	top: 0.41rem;
	width: 0.3rem;
	height: 0.22rem;
}

.supply-box .swiper-container-goods-nav .active {
	background: #ECF2FF;
	border-radius: 0.02rem;
	color: #2469F6;
}

/* 供求发布 end */


/* 公司详情 start */

.enterprise-box .enterprise-banner-box {
	width: 100%;
	height: 2.1rem;
	background: url('../images/enterprise-banner.jpg') no-repeat center / cover;
}

.enterprise-nav-wrap {
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	background-color: #ff7700;
}

.enterprise-box .shop-info-img {
	width: 1.3rem;
	height: 1.3rem;
}

.enterprise-box .shop-info {
	margin-left: 0.2rem;
	color: #fff;
}

.enterprise-box .enterprise-banner {
	height: 2.1rem;
}

.enterprise-box .enterprise-nav-wrap:after {
	display: none;
}

.enterprise-box .enterprise-nav-wrap {
	margin: 0;
}

/* 公司详情 end */

/* 用户头像 start */

.header-revision-user .user_header_img {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	left: -0.36rem;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}

.header-revision-user {
	position: relative;
}

.frends-ico-box1 {
	position: absolute;
	right: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
}

.frends-ico-box2 {
	position: absolute;
	right: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
}

.frends-ico-box2:hover .news_warp_box1 {
	display: block !important;
}

.frends-ico-box a {
	justify-content: center;
	height: 0.3rem;
	color: #fff;
}

.header-revision-nav .frends-ico-box i {
	width: 0.18rem;
	height: 0.18rem;
	align-self: auto;
	margin-right: 0;
}

.ico-invite-black {
	background-image: url('../images/ico-invite-black.png');
}

.ico-message-black {
	background-image: url('../images/ico-message-black.png');
}

.header-revision-nav .frends-ico-box {
	width: 0.3rem;
	height: 0.3rem;
	margin-left: 0.12rem;
	color: #fff;
	font-size: 0.12rem;
	background-image: none;
	background-color: #f2f2f2;
	border-radius: 0.2rem;
}

.news_warp_box {
	width: 3.8rem;
	height: 4.47rem;
	background: #FFFFFF;
	box-shadow: 0px 0.08rem 0.16rem 0px rgb(26 44 110 / 16%);
	position: absolute;
	right: -0.4rem;
	top: 0.3rem;
	z-index: 99;
	display: none;
	overflow: hidden;
}

.news_warp_box .title_box_new {
	display: flex;
	justify-content: space-between;
	height: 0.6rem;
	line-height: 0.6rem;
	border-bottom: 0.01rem solid #DDDDDD;
	padding: 0 0.15rem;
}

.news_warp_box .title_box_new p {
	font-size: 0.18rem;
	font-weight: 500;
	color: #333333;
}

.news_warp_box .title_box_new a {
	font-size: 0.14rem;
	font-weight: 400;
	color: #2469F6;
}

.news_warp_box .news_content {
    height: 3.8rem;
	padding: 0 0.15rem;
	cursor: pointer;
}

.news_warp_box .news_content .item {
	padding: 0.12rem 0;
	border-bottom: 0.01rem solid #DDDDDD;
}

.news_warp_box:after {
	content: '';
	position: absolute;
	top: -0.1rem;
	left: 22.84rem;
	width: 0;
	height: 0;
	border-width: 0 0.1rem 0.1rem;
	border-style: solid;
	border-color: transparent transparent #fff;
	display: none;
}

.modal-add-friend1 {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	display: none;
	width: 7.06rem;
	height: 4.06rem;
	padding: 0.24rem 0.7rem 0.3rem;
	color: #fff;
	background: #FFFFFF;
	box-shadow: 0 0 0.25rem rgb(14 17 47 / 50%);
	border-radius: 0.04rem;
}

.add-friend-ipt {
	width: 3.86rem;
	height: 0.52rem;
	background: #FFFFFF;
	border-radius: 0.02rem;
	border: 0.01rem solid #DDDDDD;
	padding: 0 0.1rem;
	color: #999999;
	margin: 0.06rem auto;
	display: block;
}

.phone-btn {
	height: 0.52rem;
	padding: 0 0.1rem;
	line-height: 0.4rem;
	border: 0.01rem solid #ddd;
	border-right: none;
	border-radius: 0.04rem 0 0 0.04rem;
	/* background: #606795; */
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../images/arrow.png) no-repeat scroll right center rgba(255, 255, 255, 1);
	color: #999999;
	margin: 0 0 0 0.9rem;
}

.add-friend-ipt-code {
	border-radius: 0 0.04rem 0.04rem 0;
	border-left: none;
	width: 3rem;
}

.btn-modal {
	min-width: 1rem;
	background-color: #2469F6;
	border-radius: 0.02rem;
	color: #fff;
	border-color: #2469F6;
}

.btn-modal1 {
	min-width: 1rem;
	background-color: #999999;
	border-radius: 0.02rem;
	color: #fff;
	border-color: #999999;
	margin: 0 0.32rem 0 0;
}

.modal-add-friend1 .add-friend-close {
	position: static;
}

.frends-ico-box2 .tips_red {
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	display: block;
	background: red;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}


/* 用户头像 end */

/* 消息中心 start */


.news_warp_box .news_content .item p {
	width: 100%;
	margin: 0 0 0.08rem 0;
	color: #333;
}

.message_box .title_box {
	height: 0.46rem;
	background: #FFFFFF;
	border-bottom: 0.01rem solid #DDDDDD;
	display: flex;
	line-height: 0.46rem;
	margin: 0 0 0.23rem 0;
}

.message_box .title_box div {
	margin: 0 0.5rem 0 0;
	position: relative;
	cursor: pointer;
}

.message_box .title_box div.active {
	color: #2469F6;
	border-bottom: 0.01rem solid #2469F6;
}

.message_box .cool_box {
	/* height: 0.28rem; */
	background: #FFFFFF;
	display: flex;
	margin: 0 0 0.23rem 0;
	border-radius: 0.02rem;
}

.message_box .cool_box div {
	margin: 0 0.16rem 0 0;
	position: relative;
	background: #EEEEEE;
	border-radius: 0.02rem;
	border: 0.01rem solid #DDDDDD;
	padding: 0.04rem 0.24rem;
	color: #333333;
	font-size: 0.14rem;
	font-weight: 400;
	color: #999999;
	cursor: pointer;
}

.message_box .news_table .table_title_box {
	display: flex;
	align-items: center;
	background: #F7F9FC;
	line-height: 0.44rem;
	height: 0.44rem;
	padding: 0 0 0 0.24rem;
}

.message_box .news_table .table_content_box .menu {
	display: flex;
	align-items: center;
	line-height: 0.44rem;
	height: 0.44rem;
	padding: 0 0 0 0.24rem;
	border-bottom: 0.01rem solid #DDDDDD;
}

.table_content_box img {
	width: 0.14rem;
	height: 0.13rem;
	margin: 0 0.08rem 0 0;
}

.message_box .news_table .table_content_box .news_detail {
	padding: 0 0 0 0.32rem;
	height: 0;
	overflow: hidden;
	background: #F7F9FC;
}

.message_box .news_table .table_content_box div {
	cursor: pointer;
}

.message_box .cool_box div.active {
	border: 0.01rem solid #666666;
	padding: 0.04rem 0.24rem;
	background: #fff;
	color: #333333;
}

.dd {
	width: 3.4rem;
}

/* 消息中心 end */

.goods-price {
	height: 0.28rem;
	line-height: 0.3rem;
	color: #FD6900;
	display: none;
	padding: 0 0 0 0.12rem;
}

.floor-card-goods li h5 {
	height:0.4rem;
	margin-bottom: 0.08rem;
	margin-top: 0.1rem;
	font-size: 0.12rem;
	color: #333333;
	padding: 0 0.12rem;
}

.floor-card-goods .model_goods_text_name {
	padding: 0 0.12rem;
}

.floor-card-goods .model_goods .model_goods_text {
	padding: 0 0.12rem;
}

.floor-card-goods .model_goods p {
	font-size: 0.14rem;
	font-weight: 400;
	color: #2469F6;
	/* line-height: 0.2rem; */
	background: #fff;
	padding: 0.03rem 0.08rem;
	display: inline-block;
	text-align: center;
	border-radius: 0.02rem;
	border: 0.01rem solid #2469F6;
	margin: 0 0 0 0.12rem;
	/* height: 0.3rem; */
}

.floor-card-goods .model_goods_text_name {
	font-size: 0.12rem;
	font-weight: 400;
	color: #999999;
	line-height: 0.19rem;
	height: 0.19rem;
	margin: 0.12rem 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bottom_loading .floor-card-img {
	width: 2.8rem;
	height: 2.8rem;
}

.scene-catbar {
	margin: 0 auto 0.18rem;
}

.scene_box {
	width: 100%;
	position: relative;
	background: #FFFFFF;
	padding: 1.13rem 0 0 0;
	overflow: hidden;
}

.scene_box h4 {
	font-size: 0.24rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.33rem;
	position: absolute;
	left: 50%;
	top: 0.4rem;
	transform: translateX(-50%);
	margin: 0;
}

.scene_box h4:after {
	content: "";
	position: absolute;
	left: -0.34rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.24rem;
	height: 0.24rem;
	background: url('../images/left_title.png');
}

.scene_box h4:before {
	content: "";
	position: absolute;
	right: -0.34rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.24rem;
	height: 0.24rem;
	background: url('../images/right_title.png');
}

.scene_box .model_photo {
	width: 15rem;
	height: 6.7rem;
	margin: 0 auto 0.2rem;
	position: relative;
}

.scene_box .model_photo .title_box {
	width: 10.24rem;
	height: 0.44rem;
	line-height: 0.44rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 0 0 0.1rem;
	font-size: 0.14rem;
	font-weight: 400;
	color: #FFFFFF;
}

.scene_box .model_photo .title_box p {
	font-size: 0.14rem;
	font-weight: 400;
	color: #FFFFFF;
}

.scene_box .img_box {
	width: 15rem;
	margin: 0 auto;
	display: flex;
	/*white-space: nowrap;
	overflow-x: auto;*/
	position: relative;
}

.swiper-button-next-livePhoto {
	right: -0.4rem !important;
}

.swiper-button-prev-livePhoto {
	left: -0.4rem !important;
}

/* 设置滚动条的样式 */
.scene_box .img_box::-webkit-scrollbar {
	height: 0.02rem;
}

/* 滚动槽 */
.scene_box .img_box::-webkit-scrollbar-track {
	-webkit-box-shadow: inset000.06remrgba(0, 0, 0, 0.6);
	border-radius: 0.1rem;
}

/* 滚动条滑块 */
.scene_box .img_box::-webkit-scrollbar-thumb {
	border-radius: 0.1rem;
	background: blue;
	-webkit-box-shadow: inset000.06remrgba(0, 0, 0, 0.5);
}

.scene_box .img_box::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 0, 0, 0.4);
}

.scene_box .img_box .img_item_box {
	margin: 0 0.2rem 0 0;
}

.scene_box .img_box .img_item_box .item_img {
	width: 100%;
	height: 1.5rem;
	cursor: pointer;
	margin: 0 0 0.1rem 0;
	border: 0.02rem solid transparent;
}

.scene_box .img_box .img_item_box .item_img.active {
	border: 0.02rem solid #FD6900;
}

.scene_box .img_box .img_item_box p {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 2rem;
}

.scene_box .more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.4rem 0 0.1rem 0;
}

.scene_box .more div {
	font-size: 0.18rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.25rem;
	padding: 0.1rem 0.59rem;
	border: 0.01rem solid #999999;
	cursor: pointer;
}

.scene-catbar .swiper-slide.active {
	color: #333;
}

.scene-catbar .negotiation-category {
	color: #666666;
}

.scene-catbar .swiper-slide.active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.04rem;
	background: #0067B3;
}

.scene-catbar .swiper-slide:hover {
	color: #333;
}

.scene-catbar .swiper-container:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.01rem;
	width: 14.4rem;
	height: 0.02rem;
	background: #ddd;
	opacity: 0.4;
}

.photo_big_box {
	width: 15rem;
	display: flex;
	flex-wrap: wrap;
	margin: 0.4rem auto 0;
}

.photo_big_box .item_img {
	width: 3.6rem;
	height: 2.4rem;
	position: relative;
	margin: 0 0.2rem 0.2rem 0;
}

.photo_big_box .item_img:nth-child(4n) {
	margin-right: 0;
}

.photo_big_box .item_img img {
	width: 100%;
	height: 100%;
}

.photo_big_box .text_box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.38rem;
	line-height: 0.38rem;
	font-size: 0.14rem;
	font-weight: 400;
	color: #FFFFFF;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	padding: 0 0.12rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.empty_box {
	display: none;
}

.friend_big_box {
	width: 15rem;
	display: flex;
	flex-wrap: wrap;
	margin: 0.4rem auto 0;
}

.friend_big_box .item_img {
	width: 2.84rem;
	height: 1.13rem;
	background: #FFFFFF;
	box-shadow: 0px 0.02rem 0.08rem 0px rgba(0, 0, 0, 0.04);
	border-radius: 0.04rem;
	margin: 0 0.2rem 0.2rem 0;
	display: flex;
	align-items: center;
	padding: 0 0 0 0.12rem;
	position: relative;
}

.friend_big_box .item_img:nth-child(5n) {
	margin-right: 0;
}

.friend_big_box .item_img img {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	margin: 0 0.07rem 0 0;
}

.friend_big_box .item_img h4 img {
	width: 0.52rem;
	height: 0.25rem;
}

.friend_big_box .item_img h4 {
	display: flex;
	align-items: center;
	margin: 0;
}

.friend_big_box .item_img h4 span{
	width: 0.5rem;
	font-size: 0.14rem;
	font-weight: 500;
	color: #333333;
	margin: 0 0.07rem 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.friend_big_box .item_img p {
	width: 1rem;;
	font-size: 0.14rem;
	font-weight: 500;
	color: #333333;
	margin: 0.07rem 0.07rem 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.friend_big_box .item_img .follow_btn {
	font-size: 0.12rem;
	font-weight: 400;
	color: #666666;
	line-height: 0.16rem;
	padding: 0.04rem 0.12rem;
	border-radius: 0.4rem;
	border: 0.01rem solid #979797;
	cursor: pointer;
	position: absolute;
	right: 0.12rem;
	top: 50%;
	transform: translateY(-50%);
}

.friend_big_box .item_img .follow_btn1 {
	background: #0067B3;
	color: #fff;
}

.friend_big_box .item_img .follow_btn2 {
	background: #fff;
	color: #0067B3;
	border: 1px solid #0067B3;
}

.loading_box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: #0067B3;
	opacity:0.8;
	z-index: 9999;
}

.loading_box img {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.load8 .loader, .load8 .loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.load8 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.load8 .loader {
	margin: 0 auto 2em;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.load8 h5 {
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.load8 .loader,
.load8 .loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}
@-webkit-keyframes load8 {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}

.service_box {
	display: flex;
	margin: 0.16rem 0 0 0;
}

.service_box .item_box {
	margin: 0 0.2rem 0 0;
	position: relative;
	cursor: pointer;
	z-index: 9999;
}

.service_box .item_box .header_box {
	width: 0.5rem;
	height: 0.5rem;
	border: 0.03rem solid #f0c9b1;
	border-radius: 50%;
	margin: 0 0 0.1rem 0;
}

.service_box .item_box .header_box img {
	border-radius: 50%;
}

.service_box .item_box h6 {
	width: 0.5rem;
	text-align: center;
	color: rgba(255,255,255, .5);
	font-size: 0.12rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.service_box .item_box .service_card_box {
	width: 2.6rem;
	padding: 0.04rem 0.08rem;
	background-color: rgba(0,0,0,.8);
	border-radius: 0.04rem;
	color: #fff;
	display: none;
	position: absolute;
	left: -50%;
	top: 0.84rem;
}

.service_box .item_box .service_card_box:after {
	content: "";
	position: absolute;
	left: 0.4rem;
	top: -0.2rem;
	width: 0;
	height: 0;
	border: 0.1rem solid transparent;
	border-bottom-color: rgba(0,0,0,.8);
}

.service_box .item_box:hover .service_card_box {
	display: block;
}

.service_box .item_box .header_img {
	position: absolute;
	right: 0.08rem;
	top: 50%;
	transform: translateY(-50%);
}

.service_box .item_box .header_img img {
	position: static;
	margin: 0;
}

.header_img img {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border: 0.01rem solid #E2E2E2;
    border-radius: 50%;
}

.photo_album .tab_box {
	width: 15rem;
	height: 0.6rem;
	background: #FFFFFF;
	margin-bottom: 0.2rem;
	display: flex;
	align-items: center;
}

.photo_album .tab_box div {
	padding: 0.2rem 0.92rem;
	font-size: 0.16rem;
	font-weight: 400;
	color: #666666;
	line-height: 0.22rem;
	cursor: pointer;
}

.photo_album .tab_box div.active {
	background: #0067B3;
	color: #FFFFFF;
}

.message_box_model {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .39);
	z-index: 9999999;
	display: none;
}

.stay_message_box {
	width: 5.24rem;
	height: 3.15rem;
	background: #FFFFFF;
	border-radius: 0.06rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.stay_message_box h4 {
	text-align: center;
	margin: 0.2rem 0 0.28rem 0;
	font-size: 0.16rem;
	font-weight: 600;
	color: #010101;
	line-height: 0.22rem;
}

.stay_message_box textarea {
	width: 4.84rem;
	height: 1.85rem;
	background: #F9F9F9;
	border-radius: 0.04rem;
	border: 0.01rem solid #DDDDDD;
	margin: 0 auto;
	display: block;
	resize: none;
	outline: none;
	padding: 0.12rem;
}

.stay_message_box .cool_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0.16rem 0 0 0;
	padding: 0 0.2rem;
}

.stay_message_box .cool_box .right_box {
	font-size: 0.12rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.16rem;
	background: #0067B3;
	border-radius: 0.4rem;
	padding: 0.04rem 0.12rem;
	cursor: pointer;

}

.stay_message_box .close {
	width: 0.16rem;
	height: 0.16rem;
	position: absolute;
	right: 0.2rem;
	top: 0.2rem;
	cursor: pointer;
}

.card_box_model {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .39);
	z-index: 9999999;
	display: none;
}

.stay_message_box {
	width: 5.24rem;
	height: 3.15rem;
	background: #FFFFFF;
	border-radius: 0.06rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.card_message_box {
	width: 5.73rem;
	padding: 0 0 0.16rem 0;
	background: #FFFFFF;
	box-shadow: 0px 0px 0.12rem 0px rgba(26, 44, 110, 0.06);
	border-radius: 0.06rem;
	border: 0.01rem solid #F7F9FC;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

}

.card_message_box .title_box {
	width: 100%;
	height: 0.46rem;
	display: flex;
	align-items: center;
        justify-content: space-between;
	padding: 0 0.2rem;
	border-bottom: 0.01rem solid #EEEEEE;
}

.card_message_box .title_box h4 {
	font-size: 0.16rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.22rem;
	margin: 0;
}

.card_message_box .title_box img {
	width: 0.14rem;
	height: 0.14rem;
}

.card_message_box .center_box {
	padding: 0 0.2rem;
}

.card_message_box .center_box .header_info {
	display: flex;
	align-items: center;
        justify-content: space-between;
	margin: 0.12rem 0 0 0;
	padding: 0 0 0.16rem 0;
	border-bottom: 0.01rem solid #CCCCCC;
}

.card_message_box .center_box .header_info .left_box {
	display: flex;
	align-items: center;
}

.card_message_box .center_box .header_info .left_box img {
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 0.14rem 0 0;
}

.card_message_box .center_box .header_info .left_box h5 {
	font-size: 0.22rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.3rem;
	margin: 0 0 0.04rem 0;
}

.card_message_box .center_box .header_info .left_box p {
	font-size: 0.13rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.18rem;
	letter-spacing: 2px;
}

.card_message_box .center_box .header_info .right_box {
	font-size: 0.16rem;
	font-weight: 400;
	color: #2469F6;
	line-height: 0.22rem;
	padding: 0 0.06rem;
	border: 0.01rem solid #2469F6;
	cursor: pointer;
}

.card_message_box .center_box .info_box {
	border-bottom: 0.01rem solid #CCCCCC;
}

.card_message_box .center_box .info_box .item {
	display: flex;
	align-items: center;
        justify-content: space-between;
	margin: 0.16rem 0;
}

.card_message_box .center_box .info_box .item div {
	font-size: 0.14rem;
	font-weight: 400;
	color: #999999;
	line-height: 0.2rem;
}

.card_message_box .center_box .info_box .item p {
	font-size: 0.14rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.2rem;
	max-width: 3rem;
}

.card_message_box .bottom_box {
	display: flex;
	align-items: center;
        justify-content: space-between;
	padding: 0 0.2rem;
	margin: 0.16rem 0 0 0;
}

.card_message_box .bottom_box div {
	cursor: pointer;
}

.card_message_box .bottom_box img {
	width: 0.46rem;
	height: 0.46rem;
	margin: 0 0 0.1rem 0;
}

.card_message_box .bottom_box p {
	font-size: 0.1rem;
	font-weight: 400;
	color: #999999;
	line-height: 0.14rem;
}


.modal-sm-box p storng,.modal-sm-box p span{
	width: auto !important;
}


.vcp-player video{
    width: 10.04rem !important;
    height: 5.85rem !important;
}