/* 商机 */
.business-content-bottom{ margin-top: 10px; padding-bottom: 60px;}
.business-content-bottom:after{ content: " "; display: block; height: 0px; clear: both; width: 100%;}
.business_swiper { height: 310px; margin-top: 16px;}
.business_swiper .swiper_nav_box_left{ margin: 0px;}
.business_nav_box_right{width: 310px;height: 100%;background: #FFFFFF;float: right;padding: 0px 26px;box-sizing: border-box;}
.business.right_content_wrap{ height: 100%;}
.business_login_title{ font-size: 22px; line-height: 22px; color: #666666; text-align: center; border-bottom: 1px solid #eaeeef; padding-top: 28px; padding-bottom: 14px;}
.business_login_wrap { padding: 11px 15px;}
.business_login_input{ display: flex; border: 1px solid #e2e2e2; border-radius: 4px; margin: 15px auto;}
.business_login_input span{ display: inline-block; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #f1f1f1; color: #afafaf; float: left\9; line-height: 40px; text-align: center;}
.business_login_input input { height: 40px; flex: 1; padding: 0px 10px; font-size: 14px; font-family: "microsoft yahei";}
.business_login_input:nth-child(1){ margin-bottom: 30px;}
.business_btn_tig{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0px;
}
.business_btn_tig .rememberMe{
	display: flex;
	align-items: center;
	font-size: 12px;
	float: left\9;
}
.business_btn_tig .rememberMe input[type="checkbox"]{ margin-right: 5px;}
.business_btn_tig .forgetPassword{font-size: 12px; float: right\9;}
.business_btn_submit{ 
	margin: 15px 0px 20px 0px; 
	font-family: "microsoft yahei"; 
	border-radius: 4px; 
	width: 100%; 
	height: 47px; 
	font-size: 18px; 
	color: #ffffff;
}
.business_btn_register{
	display: flex;
}
.business_btn_register span.icon{ 
	border-radius: 100px; 
	background-color: #0ba957; 
	width: 16px; 
	height: 16px; 
	display: inline-block; 
	color: #ffffff; 
	font-size: 11px; 
	line-height: 16px; 
	margin-right: 5px;
}
.business_btn_register a{ margin-left: 5px; color: #ff3a3a;}
.business-item{
	background: #FFFFFF; 
	border-radius: 4px; 
	padding: 15px 27px 30px 10px;
	display: flex;
	align-items: flex-start;
	overflow: hidden;
}
.business-item-left-header{ width: 60px; min-width: 60px; height: 60px; padding: 0px 17px; float: left\9;}
.business-item-left-header img { width: 100%; height: 100%; border-radius: 100px; object-fit: cover;}
.business-item-right{ flex: 1; padding-top: 15px; padding-left: 94px\9;}
.business-item-right-name{ font-size: 18px; line-height: 24px; display: flex; align-items: flex-start; margin-bottom: 10px;}
.business-item-right-name:after{ content: " "\9; width: 100%\9; height: 0px\9; display: block\9; clear: both\9;}
.business-item-right-name span{ display: inline-block; line-height: 24px; color: #ffffff; width: 40px; min-width: 40px; text-align: center; margin-right: 8px; font-size: 14px; border-radius: 3px; float: left\9;}
.business-item-right-name span{ background-color: #969696;}
.business-item-right-name p{ flex: 1; padding-left: 48px\9;}
.business-item-right-tig{ display:flex; margin-bottom: 10px;}
.business-item-right-tig .tig-item{ display: inline-block; margin-right: 15px; color: #ababab;}
.business-item-right-tig .tig-item span{ margin-right: 5px; font-size: 14px;}
.business-item-right-content{ line-height: 22px; color: #555555; word-wrap: break-word; word-break: normal; word-break:break-all;}
.business-item-right-content .textp{ display: inline;}
.business-item-right-content .textp-btn{ color: #b59a6f; cursor: pointer;}

.business-item-img-list{ display: flex; width: 100%; overflow: hidden; padding: 10px 0px;}
.business-item-img-list:after{ content: " "\9; width: 100%\9; height: 0px\9; display: block\9; clear: both\9;}
.business-item-img-list li{ float: left\9; width: 202px; height: 0px; position: relative; z-index: 0; padding-bottom: 202px; background-color: #f8f8f8; overflow: hidden; margin-right: 15px; border-radius: 4px;}
.business-item-img-list li:nth-child(3n){ margin-right: 0px;}
.business-item-img-list li img{ display: block; width: 202px; height: 202px; object-fit: cover;}
.business-item-menu{ display: flex;}
.business-item-menu:after{ content: " "\9; width: 100%\9; height: 0px\9; display: block\9; clear: both\9;}
.business-item-menu .business-item-menu-li{ margin-right: 40px; line-height: 33px; cursor: pointer; float: left\9;}
.business-item-menu .business-item-menu-li:last-child{ margin-right: 0px;}
.business-item-menu .business-item-menu-li:nth-child(1){ margin-right: 5px;}
.business-item-menu .business-item-menu-li:nth-child(1), .business-item-menu .business-item-menu-li:nth-child(2){ background-color: #F8F8F8; color: #333333; font-size: 15px; padding: 0px 15px;}
.business-item-menu .business-item-menu-li span.iconfont{ margin-right: 3px; }


.business-item.gy .business-item-right-name span{ background-color: #19884E;}
.business-item.gy .business-item-right-content .textp-btn{ color: #3a99e9;}
.business-item.gy .business-item-menu .business-item-menu-li{color: #8591a6;}
.business-item.gy .business-item-menu .business-item-menu-li:hover{color: #123b95;}
.business-item.gy .business-item-menu .business-item-menu-li:nth-child(1), .business-item.gy .business-item-menu .business-item-menu-li:nth-child(2){ background-color: #e1e9f5; color: #08308c; }
.business-item.gy .business-item-menu .business-item-menu-li:nth-child(1):hover, .business-item.gy .business-item-menu .business-item-menu-li:nth-child(2):hover{ background-color: #123b95; color: #ffffff; }



.business-item.qg .business-item-right-name span{ background-color: #f56800;}
.business-item.qg .business-item-right-content .textp-btn{ color: #b59a6f;}
.business-item.qg .business-item-menu .business-item-menu-li{color: #aca07f;}
.business-item.qg .business-item-menu .business-item-menu-li:hover{color: #e86f05;}
.business-item.qg .business-item-menu .business-item-menu-li:nth-child(1), .business-item.qg .business-item-menu .business-item-menu-li:nth-child(2){ background-color: #fef5ec; color: #e86f05; }
.business-item.qg .business-item-menu .business-item-menu-li:nth-child(1):hover, .business-item.qg .business-item-menu .business-item-menu-li:nth-child(2):hover{ background-color: #e86f05; color: #ffffff; }


.business-item.zs .business-item-right-name span{ background-color: #0066ff;}
.business-item.zs .business-item-right-content .textp-btn{ color: #175199;}
.business-item.zs .business-item-menu .business-item-menu-li{color: #8590a6;}
.business-item.zs .business-item-menu .business-item-menu-li:hover{color: #0066ff;}
.business-item.zs .business-item-menu .business-item-menu-li:nth-child(1), .business-item.zs .business-item-menu .business-item-menu-li:nth-child(2){ background-color: #e5efff; color: #0066ff; }
.business-item.zs .business-item-menu .business-item-menu-li:nth-child(1):hover, .business-item.zs .business-item-menu .business-item-menu-li:nth-child(2):hover{ background-color: #0066ff; color: #ffffff; }


.business-right-ad{ border-radius: 4px; width: 390px; height: 226px; background: url(../images/business_bg1.jpg); background-size: 390px 226px; padding-top: 47px; padding-left: 60px; color: #ffffff; box-sizing: border-box;}
.business-right-ad .text-h1{ font-weight: bold; font-size: 36px; margin-bottom: 12px; text-shadow: 2px 2px 2px #0c4173;}
.business-right-ad .text-h2{ font-size: 18px; margin-bottom: 24px;}
.business-right-ad .text-go{ display: inline-block; border-radius: 3px; font-size: 14px; color: #44433f; background-color: #ffebbb; padding: 5px 10px;}



.business-right-mail{  width: 100%; }
.business-right-mail li{ background-color: #ffffff; border-radius: 4px; margin-top: 6px; overflow: hidden; box-sizing: border-box; position: relative; z-index: 0; padding: 20px;}
.business-right-mail li .title{ font-size: 18px; color: #595855; margin-bottom: 15px; display: flex; line-height: 26px;}
.business-right-mail li .title span{ color: #85a69b; font-size: 24px; margin-right: 10px;}
.business-right-mail .tig{ display: flex;}
.business-right-mail .tig:after{ content: " "\9; width: 100%\9; height: 0px\9; display: block\9; clear: both\9;}
.business-right-mail .tig .tig-logo-img{ width: 76px; min-width: 76px; height: 76px; box-shadow: 0 0 5px rgba(0,0,0,.15); border-radius: 3px; overflow: hidden; float: left\9;}
.business-right-mail .tig .tig-logo-img img{display: block; width: 76px; height: 76px; object-fit: cover;}
.business-right-mail .tig .tig-right{ flex: 1; display: flex; align-items: flex-end; padding-left: 76px\9; height: 76px\9;}
.business-right-mail .tig .tig-right:after{ content: " "\9; width: 100%\9; height: 0px\9; display: block\9; clear: both\9;}
.business-right-mail .tig .tig-right .tig-right-wrap{ width: 50%; margin: 0px 8px; margin-top: 18px\9; float: left\9; width: 44%\9; }
.business-right-mail .tig .tig-right .tig-right-wrap .tig-rw-text{
	font-size: 13px; 
	color: #656566;
}
.business-right-mail .tig .tig-right .tig-right-wrap .tig-rw-text span{font-size: 30px; margin-right: 6px;}
.business-right-mail .tig .tig-right .tig-right-wrap .tig-rw-progress{ border-radius: 30px; width: 100%; height: 6px; background-color: #e7e7e7; position: relative; z-index: 0; margin-top: 20px; overflow: hidden;}
.business-right-mail .tig .tig-right .tig-right-wrap .tig-rw-progress span{ display: block; width: 0%; height: 100%; border-radius: 20px; background-color: #969696;}

.business-right-mail .tig .tig-right .tig-right-wrap.tig-member .tig-rw-text span{ color: #ef201f;}
.business-right-mail .tig .tig-right .tig-right-wrap.tig-member .tig-rw-progress span{ background-color: #a5bae1;}
.business-right-mail .tig .tig-right .tig-right-wrap.tig-views .tig-rw-text span{ color: #ef201f;}
.business-right-mail .tig .tig-right .tig-right-wrap.tig-views .tig-rw-progress span{ background-color: #fbb3b2;}

.business-right-mail-item-content { margin: 20px 0; line-height: 20px; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.business-right-mail li .join-wrap .join-btn{ display: inline-block; background-color: #e8f0ed; color: #6a8b80; padding: 8px 25px; border-radius: 0 0 20px 0;}
.business-right-mail li .join-wrap .join-btn:hover{ background-color: #088444; color: #ffffff;}


.business-right-mail li .hover-code{ transition:all .2s ease; position: absolute; width: 63px; height: 63px; background-color: #e8f0ed; right: 0; bottom: 0; border-radius: 100px 0 0 0; overflow:  hidden; cursor: pointer; color: #85a69b; display: flex; align-items: center; justify-content: center; text-align: center\9;}
.business-right-mail li .hover-code .init-code{ display: block; font-size: 26px; margin-left: 10px; margin-top: 5px; margin-top: 20px\9;}
.business-right-mail li .hover-code .show-code{ display: none;}


/* .business-right-mail li .hover-code.open{ width: 170px; height: 100%; border-radius: 0px; background-color: rgba(8,132,68, .9); color: #ffffff;}
.business-right-mail li .hover-code.open .init-code{ display: none;}
.business-right-mail li .hover-code.open .show-code{ display: block;}
.business-right-mail li .hover-code.open .show-code .code-img{ width: 104px; height: 104px; overflow: hidden; border-radius: 200px;}
.business-right-mail li .hover-code.open .show-code .code-text{text-align: center; padding-top: 20px;} */

.business-right-mail li .hover-code:hover{ width: 170px; height: 100%; border-radius: 0px; background-color:#ffffff; color: #333;}
.business-right-mail li .hover-code:hover .init-code{ display: none;}
.business-right-mail li .hover-code:hover .show-code{ display: block;}
.business-right-mail li .hover-code:hover .show-code .code-img{ width: 104px; height: 104px; overflow: hidden; border-radius: 200px; margin: 30% auto 0px auto\9;}
.business-right-mail li .hover-code:hover .show-code .code-text{text-align: center; padding-top: 20px; line-height: 20px;}



/*企业推荐*/
.product_box_right{float: right;width: 390px;}
.product_box_right_top{width: 100%;overflow: hidden;background: #FFFFFF;padding: 0px 17px 1px;box-sizing: border-box;height: 388px;}
.product_box_right_top_title{height: 78px;box-sizing: border-box;border-bottom: 1px solid #eaeeef;line-height: 77px;font-size: 24px;color: #2c2e3b;}
.product_box_right_top_title_bg{float: left;width: 38px;height: 38px;background: url(../images/supplier-icon-qiye.png) no-repeat;background-size: 100%;background-position: center;margin: 17px 8px 0px 0px;}
.product_box_right_top_list{width: 100%;padding: 13px 0px 20px 0px;box-sizing: border-box;overflow: hidden;}
.product_box_right_top_li{line-height: 40px;position: relative;padding-left: 31px;box-sizing: border-box;width: 100%;float: left;}
.product_box_right_top_li:after{content: "";position: absolute;width: 6px;height: 6px;background: #0ba957;border-radius: 50%;left: 7px;top: 17px;}
.product_box_right_top_li:before{content: "";position: absolute;width: 10px;height: 10px;background: #e1f3ec;border-radius: 50%;left: 5px;top: 15px;}
.product_box_right_top_li_name{float: left;max-width: 230px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.product_box_right_top_li_goods{max-width: 90px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;padding: 0px 10px;height: 21px;line-height: 21px;float: left;box-sizing: border-box;margin: 9.5px 0px 0px 10px;background: #f5f5f5;}
.product_box_right_top_li_goods:hover{background: #1ab566;color: #FFFFFF;}

.nedate1 .tims  {
	display: inline-block;
	width: 130px;
	height: 24px;
	line-height:24px;
	background-image: url(../images/com_new/tims.svg);
	background-size: auto 26px;
	background-repeat: no-repeat;
	padding-left:30px;
	color:#1296DB;
}
.business-content-bottom .product_box_right_top_title{ background-color:#FFF; padding-left:20px;}
.product_recommend_header_title_bg{float: left;width: 38px;height: 38px;background: url(../images/supplier-icon-type.png) no-repeat;background-size: 100%;background-position: center;margin: 17.5px 7px 0px 0px;}