@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px; font-family:"微软雅黑"; font-size:12px; background-color:#F0F2F5;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,ol{ padding:0px; margin:0px; list-style:none;}
img{ border:0px;}

.fl { float:left;}
.fr { float:right;}
.fw { font-weight:bold;}
.pd04{ padding:0px 4px;}
.fon_s14 { font-size:14px;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
em { font-style:normal;}
i { font-style:normal;}
.cl { clear:both;}

/* 首页 */
.container { width:100%; margin:0px; padding:0px;}
.content { width:1200px; margin:0px auto;}
.head { background:#fff; }
.top { width:100%; padding-top:18px; padding-bottom:18px; display: flex; align-items: center;justify-content:space-between;}
*+html .top { width:100%; padding-top:18px; padding-bottom:0;}
.top_l { width:180px;}
.top_l a img { max-width:180px; max-height:68px;}

.top_r{display: flex; justify-content: right;align-items: center; min-width: 200px;}
.btn-box {
	/* background-color: #f00; */
	color: #fff;
	width: auto;
	border-radius: 10px;
	min-width: 50px;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border: 0;
	cursor: pointer;
}

.btn-box span {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	background-color: #fff;
}

.btn-box span img{
	display: block; width: 28px; height: 28px; margin-top: 5px;
}

.btn-box input {
	display: inline-block;
	border: 0;
	color: #666;
	padding-left: 20px;
	line-height: 40px !important;
	height: 40px;
	box-sizing: border-box;
	vertical-align: 4px;
	font-size: 16px;
	width: 50px;
	transition: all .3s ease-in-out;
}

.btn-box:hover input {
	display: inline-block;
	width: 240px;
	padding-right: 10px
}

.btn-box input:not(:placeholder-shown) {
	display: inline-block;
	width: 240px;
	padding-right: 40px
}
.top_dl{color: #666; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; margin-left:10px;}
.top_dl img{ display: block; width: 22px; height:22px;border-radius: 50px; margin-right:5px;}
.top_dl:hover,.top_dl:active { color: #666;}
.top_zc{color: #666; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; margin-left:10px;}
.top_zc img{ display: block; width: 22px; height:22px; margin-right:5px;}
.top_zc:hover,.top_zc:active { color: #666;}

.navbg { height:54px; line-height:54px; background:#008046; font-weight:bold;}
.nav { height:54px; line-height:54px; font-size:16px;}
.nav ul li { float:left;}
.nav ul li a { color:#ffffff; display:block; text-align:center; width:149px;}
.nav ul>li>a:hover,.nav .navho>a { display:block; color:#ffffff;}

.saiqu>a:link, .saiqu>a:visited { display: block;}
#saiqu-t { float: left; position: relative;}
*+html #saiqu-t { float: left; position: relative; z-index:2;}
#saiqu-t>a {display: flex;justify-content: center;align-items: center;}
#saiqu-t>a img{ display: inline-block; width: 16px; width: 16px; margin-left:6px}
#saiqu-t>a:hover { display: flex;justify-content: center;align-items: center; color:#fff; background-color:#008046;}
#saiqu-t ul { display: none;position: absolute; left:0; top:54px; z-index:1004; width:149px;background-color:#fff;}
#saiqu-t ul li { float: none; border-top:1px dashed #e3e3e3;}
#saiqu .saiqu-pos { height:40px; line-height:40px; font-size:14px; font-weight: normal;}
#saiqu .saiqu-pos a { color:#4c4c4c;}
#saiqu .saiqu-pos a:hover { background-color:#008046; color:#fff; }
#saiqu #saiqu-t:hover img{transform:rotate(-180deg)}
#saiqu #saiqu-t:hover ul {display: block;}

.banner { padding-top:20px; width:1200px;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1200px; height:340px; margin:0 auto; position:relative; overflow:hidden;}
*+html #playBox{ width:100%; height:340px; margin:0 auto; position:relative; overflow:hidden; z-index:1;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0; z-index:10;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay li a{display:inline-block; width: 1200px;}

#playBox .pre{ cursor:pointer; width:37px; height:80px; background:url(../images/left.png) no-repeat; position:absolute; top:146px; left:190px; z-index:11; display:none;}
#playBox .next{ cursor:pointer; width:37px; height:80px; background:url(../images/right.png) no-repeat; position:absolute; top:146px; right:200px; z-index:11; display:none;}
#playBox .smalltitle { height:10px; position:absolute; right:36px; bottom:24px; z-index:11;}
#playBox .smalltitle ul{ border-radius:12px; padding:6px 7px;height:12px; width:66px; margin:0 auto;position:absolute; right:0; z-index:1001;}
#playBox .smalltitle ul li{ width:12px; height:12px; margin:0 5px; border-radius:12px; background:#fff; float:left; overflow:hidden;*display:inline;*zoom:1; cursor:pointer;}
#playBox .smalltitle .thistitle{ background:#008046;}
.banner_t { border-radius:12px; padding:6px 7px; height:12px; width:66px; background-color:#008046;filter:alpha(opacity=40); /*IE滤镜，透明度50%*/-moz-opacity:0.4; /*Firefox私有，透明度50%*/opacity:0.4;/*其他，透明度50%*/ position:absolute; right:0; z-index:1000; }
.banner-pic {position:relative; height:340px;}
*+html .banner-pic {position:relative; height:340px; z-index:1001;}



.section_lt {width:1200px; }
.section_lt > h1 { color: #666666; font-size:28px; font-weight:normal; text-align: center;}
.section_lt > p { color: #666; font-size:14px; padding-top:10px; text-align: center;}
.section_lt > p::before,.section_lt > p::after{content:"";display:inline-block;width:5%;margin:5px 1%;border-bottom:1px solid #666;}

.section_lm { margin-top:40px;}
.section_lmd { padding:46px 0 0;}
.section_lmd ul li { display:block; float:left; margin:0 30px 30px 0; width:380px; position: relative;}
.section_lmd ul li:nth-child(3n+3){ margin-right: 0;}
.section-lt { width: 380px;}
.section-ltt { position: absolute; bottom:0; left: 0; z-index: 99; width: 380px; height: 58px; background-color: #000000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.section-ltd { position: absolute; bottom:0; left: 0; z-index: 100; font-size: 14px; padding:10px 0;}
.section-ltd span{display: block; width: 72px; text-align:center; font-family:Arial; font-size:20px; margin-right:5px}
.section-ltd span em {display: block;}
.section-ltd font{display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.section-ltd a { display: flex; justify-content: flex-start; align-items: center;  color: #fff; padding: 0 10px; width: 360px;}
.section-ld a img { display: block; width:380px; height:238px;}

.industry-item{ border: 1px solid #CCCCCC; background:#fff; padding: 40px 0 20px 40px; margin:20px 0;}
.industry-item ul { width: 100%;}
.industry-item ul li {display: flex; float: left; justify-content: flex-start; align-items: center; width: 46%; background:#fff; margin:0 4% 3% 0;}
.industry-item ul li:nth-child(2n+2){ margin-right: 0;}
.industry-iteml{ border: 1px solid #ccc; display: block; width: 100px; text-align:center;}
.industry-year { background-color: #E4E4E4; font-size:20px; color: #666666; padding: 10px 0;}
.industry-date{ color: #666666; font-size:36px;}
.industry-itemr { margin-left: 20px; width: 464px;}
.industry-itemr h2 { color: #666666; font-size:16px; font-weight: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.industry-itemr p{ color: #999999; font-size:14px; line-height:24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.look a {color: #666; font-size:14px;  display: inline-flex; align-items: center;}
.look a img { display: block; width: 12px; height:12px; margin-left:5px}

.viewMore{ display: block; margin:10px 0 30px; text-align:center;}
.viewMore a { color: #666; font-size:14px;  display: inline-flex; align-items: center; padding: 10px 30px;border: 1px solid #CCCCCC; border-radius:30px;}
.viewMore a img { display: block; width: 12px; height:12px; margin-left:5px}


.index_adv { margin-top:20px; width:1200px;}
.index_adv a img {width:1200px; height:90px;}

.hzhb { background:url(../images/hzhb-zt.jpg) no-repeat center 32px #fff; padding-left: 20px; padding-right: 40px; text-align: center;position: relative; margin-top: 20px; min-height: 96px;text-align: center; padding-top: 106px;}
.hzhb a {display: inline-block;margin: 15px 15px;position: relative;}
.hzhb img { height:45px;}

.foot { margin-top:26px; background-color:#fff; padding-top:20px; padding-bottom:20px; }
.foot_l { padding-top:26px; color:#999999; font-size:14px}
.foot_la { line-height:18px;}
.foot_la a { color:#999999;}
.foot_la span { padding:0 14px;}
.foot_lb { padding-top:6px; padding-bottom:20px; line-height:18px;}
.foot_lc { line-height:18px; color: #ccc;}
.foot_r { display: flex; margin-top:30px;}
.foot-tel{ color: #999;font-size:16px; line-height:20px;}
.foot-tel img{ display: inline-block; width: 20px; height:20px;}
.foot-tel p{display: flex; justify-content: center;}
.foot-tel p:nth-child(2n+2){margin-left: 20px; margin-top: 6px;}
.foot-bar { margin-left: 20px;}
.foot-bar a { display: block; background:#e4e4e4; width: 50px; height:50px; border-radius: 50px;}
.foot-bar a img { display: block; width: 30px; height:30px; margin:0 auto; padding-top: 10px;}
.foot-bar a:hover{ background-color: #008046;}
.foot-bar #wxImg{display:none;background:#fff;position:absolute; margin-top: -104px; margin-left:-20px;padding: 10px 10px 0; border:1px solid #e4e4e4;}
.foot-bar #wxImg img{ display: block; width: 66px; height:66px; margin: 0 auto;}
.foot-bar #wxImg span { display:block; font-size:12px; color:#333; height:24px; line-height:24px; overflow:hidden;}


/* 关于我们  */
.about-us { padding: 25px 0; color: #999; font-size:16px; line-height:28px;}
.about-banner{width: 100%; position: relative;}
.about-text {width: 100%; height:300px; position: absolute;}
.about-text span { display: block; position: absolute; bottom:0; left: 0; z-index: 99;  width: 100%; height:300px; background-color: #000000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.about-text p { position: absolute; left: 50%; top: 50%; margin-left: -95px; margin-top: -45px; z-index: 100; color: #fff; font-size: 48px; padding:10px 0;}
.about-pic img{ display: block; width: 100%; height:300px;}

.location{ padding: 0 0 25px 0;}
.location span{padding: 0 10px; font-family:cursive;}
.location a {color: #999; font-size:14px;}

/* 协会服务 */
.about-us-l{ width: 260px; border: 1px solid #E4E4E4; border-bottom:0; background:#fff; text-align:center;}
.about-us-l ul li{border-bottom: 1px solid #E4E4E4; height: 62px; line-height:62px; font-size:18px;}
.about-us-l ul li a { display: block; color: #666;}
.about-us-l ul li a:hover , .about-us-l ul li a:active{ color: #008046;} 
.about-us-r .tab-pane{ background:#fff; width: 890px;}
.about-us-r .tab-pic img{display: block; margin: 0 auto; padding: 20px 0;}
.tab-title{ height: 60px; line-height:60px; padding-left:20px; color: #666; font-size:20px; border-bottom: 3px solid #008046;}

.tab-consult{ padding: 100px 0; display: block; text-align: center;}
.tab-consult .item{ display: flex; justify-content:center; align-items: center; margin-bottom:40px;}
.tab-consult .item .t { width: 100px; text-align:right;}
.tab-consult .inpbox{ padding-left: 10px;}
.tab-consult .inpbox .inp{ width: 350px; height:50px; line-height:50px; padding: 0 5px; border-radius: 3px; border:1px solid #ccc }
.tab-consult .inpbox .inp{ width: 350px; height:50px; line-height:50px; padding: 0 5px; border-radius: 3px; border:1px solid #ccc }
.tab-consult .item-text { font-size:14px;}
.tab-consult >div> .btn{ border-radius: 3px; color: #fff; font-size:16px; font-weight: bold; width: 362px;height:50px; line-height:50px; padding: 0 5px; margin: 0 auto; background:#008046; display: block;}

.tab-amend{padding-left: 100px;}
.tab-amend .item{ display: flex; justify-content:left; align-items: left;}
.tab-amend .item .t { width: auto; text-align:left; padding-right:20px;}
.amend-pic img{display: block; width: 60px; height: 60px; border-radius: 60px;}
.amend a {color: #008046;}
.wx-pic{display: block; width: 30px; height: 30px; border-radius: 30px; margin-right:10px;}
.bind a { background-color: #008046; padding:5px 10px; color:#fff;}

/* 行业资讯 */
.industry-text{padding: 30px; color: #999; font-size:16px; line-height:28px;}

.industry-list{}
.industry-list ul { width: 100%;}
.industry-list ul li a {display: flex; justify-content: flex-start; align-items: center; padding: 20px; border-bottom:1px solid #e4e4e4;}
.industry-listl{  background-color: #E9E9E9; display: block; width: 80px; text-align:left; padding:10px}
.list-year { font-size:24px; color: #666666; }
.list-date{ color: #666666; font-size:14px;}
.industry-listr { margin-left: 20px; width: 820px;}
.industry-listr h2 { color: #333333; font-size:18px; font-weight: normal;}
.industry-listr p{ color: #999999;margin-top: 10px; font-size:14px; line-height:24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.zypp-foot { padding:50px 0; text-align: center;}
.zypp-foot .pager { font-family:arial; font-size: 14px; display: flex; justify-content: center;}
.zypp-foot .pager > li { display: inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:0px !important; border-bottom:0px !important;}
.zypp-foot .pager > li > a, .pager > li > span { display: block; margin-left:5px; color:#999999 !important; border: 1px solid #e2e2e2 !important; border-radius:3px;padding: 0 14px; background-color: #fff; height: 36px; line-height: 36px;}
.zypp-foot .pager > li.previous > a, .pager > li.previous > span { border-radius:3px !important; background-color: #fff !important; color:#999999 !important; padding: 0 4px  !important; background-color: #e2e2e2 !important;}
.zypp-foot .pager > li.next > a, .pager > li.next > span { border-radius:3px !important; background-color: #fff !important; color:#999999 !important; padding: 0 4px  !important;}
.zypp-foot .pager > li > a:focus, .pager > li > a:hover, .pager > li > span:focus, .pager > li > span:hover { background-color:#008046; color: #fff !important; outline:none;}
.zypp-foot .pager > li.active > a, .pager > li.active > a:hover, .pager > li.active > span, .pager > li.active > span:hover {background-color:#008046; border: 1px solid #008046 !important; color: #fff !important; outline:none;}
.zypp-foot .pager > li .iconfont { font-size: 19px; font-weight: bold;  vertical-align: middle;}

.detail-content{ padding: 20px;}

#foot-t { position: relative;}
*+html #foot-t { position: relative; z-index:2;}
#foot-t>a {display: flex;justify-content: center;align-items: center;}
#foot-t>a img{ display: inline-block; width: 20px; width: 20px;}
#foot-t>a:hover { display: flex;justify-content: center;align-items: center; color:#fff; background-color:#008046;}
#foot-t dl { display: block;position: absolute; left:0; top:-54px; z-index:1004; background-color:#fff;}
#foot-t dl dt { float: none; border:1px solid #e4e4e4;}
#foot #foot-t:hover dl {display: block;}

/* 协会活动列表  */
.activity-list { padding: 25px 0; color: #999; font-size:16px; line-height:28px;}
.filtrate-list ul li{ margin-bottom: 22px;}
.filtrate-list ul li a { display: inline-block; margin-right: 10px; min-width: 90px; color: #999; font-size:14px}
.filtrate-list ul li a:first-child { min-width: 50px; /* color: #008046; */}
.filtrate-list ul li a:hover{color: #008046;}
.filtrate-list ul li .current-color{color:#008046 !important;}

.sort-list{ margin-bottom: 40px;}
.sort-list a { display: inline-flex; align-items: center; padding: 3px 15px; background-color: #e9e9e9; border-radius: 3px; color: #999; font-size:14px; margin-right:20px;}
.sort-list a img {display: inline-block; width: 16px; height:16px; margin-left:5px;}

.activity-item ul li{ display: block; float:left; background-color: #fff; margin-right:20px; margin-bottom:20px;}
.activity-item ul li:nth-child(4n+4){ margin-right: 0;}
.activity-item ul li a>img{ display: block; width: 288px; height:216px;}
.activity-item h1 { font-size: 16px; padding: 10px 10px 0;}
.activity-item h1 a {color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.activity-item p { font-size: 13px; padding: 0 10px;}
.activity-item span {display: flex;  justify-content: left;  align-items: center; padding: 0 10px 10px; font-size: 13px;}
.activity-item span>img {display: inline-block; width: 20px; height:20px; margin-right:5px;}
.activity-look { border-top: 1px solid #e4e4e4; padding: 15px; text-align:right;}
.activity-look a { background-color: #008046; color:#fff; padding: 5px 10px; font-size:12px; border-radius: 3px; }

/* 协会活动详情  */
.detail-head{ border: 1px solid #e4e4e4; background-color: #fff; margin-bottom:30px;  padding: 15px;}
.detail-headl a>img{ display: block; width: 288px;/* height:210px; */}
.detail-headr { padding-left: 15px;}
.detail-headr h2 {font-weight:normal; font-size: 18px; color: #333; margin-bottom:6px;}
.detail-icon {display: flex; justify-content: flex-start; margin-bottom:6px;}
.detail-icon span{ display: flex; align-items: center; margin-right:20px; color: #666;}
.detail-icon span img {display: block; width: 14px; height:14px; margin-right:5px;}
.detail-locate {display: flex;  justify-content: left;  align-items: center; color: #666; font-size: 13px; margin-bottom:6px;}
.detail-locate >img {display: inline-block; width: 16px; height:16px; margin-right:5px;}
.detail-time{ color: #666; margin-bottom:6px;}
.detail-time em { color: #008046; padding: 0 5px;}
.detail-cost{ color: #666; margin-bottom:6px;}
.detail-cost em { color: #008046; padding: 0 5px;}
.detail-btn{ margin: 15px 0;}
.detail-btn a { background-color: #008046; border-radius: 3px; color: #fff; font-size: 14px; padding: 6px 16px; margin-right:10px;}
.detail-btn a:last-child { background-color: #fff; color: #008046; border:1px solid #008046; }
.detail-share{color: #666; display: flex; justify-content: flex-start; align-items: center;}
.detail-share a { margin-right: 20px;}
.detail-share a>img{ display: inline-block; width: 28px; height:28px;}

.detail-item{ border: 1px solid #e4e4e4; background-color: #fff;}
.detail-tab{ border-bottom: 1px solid #e4e4e4;}
.detail-tab ul{display: flex; justify-content: flex-start; height:60px; line-height:60px;}
.detail-tab ul li { padding: 0 20px; text-align:center; font-size: 16px; }
.detail-tab ul li a { color: #666666;}
.notice-mttho { color: #008046 !important;}
.personal-mttho a { color: #008046 !important;}
.detail-tab ul li a:hover ,.detail-tab ul li a:active{ color: #008046;}

.detail-intro { padding: 20px;}
.detail-dz{ font-size: 14px; line-height: 28px; color: #666666;}
.detail-dz p { padding-bottom: 15px;}
.dianzan{ display: flex; justify-content: center; border-top: 1px solid #e4e4e4; padding: 40px 0 20px;}
.dianzan a {display: flex; align-items: center; background-color: #008046; border-radius: 25px; color: #fff; padding: 8px 30px;}
.dianzan a img {display: block; width: 24px; height:24px; margin-right:5px;}

.comment-list{ border-bottom: 1px solid #e8e8e8; padding: 20px 0;}
.comment-listl {width: 52px; margin-right:20px;}
.dianzan img {display: block; width: 52px; height:52px;}
.comment-listr{ color: #666666;}
.comment-listr h1{ font-weight:normal; font-size: 16px;}
.comment-listr h1 em { font-size: 12px; padding-left:10px;}
.comment-listr p { color: #999999; font-size: 14px; padding: 10px 0;}
.comment-icon {display: flex; justify-content: flex-start;}
.comment-icon span{ display: flex; align-items: center; margin-right:20px;}
.comment-icon span img {display: block; width: 22px; height:22px; margin-right:5px;}
.comment-list:last-child{ border-bottom: 0;}

/* 报名过程 */
.apply-consult{ padding: 50px 0; display: block; text-align: center;}
.apply-consult .group{ }
.apply-consult .apply-item{align-items: center; display: inline-flex; float: left; margin-bottom:40px; width: 50%;}
.apply-consult .apply-item .apply-t { width: 100px; text-align:right;}
.apply-consult .apply-inpbox{ padding-left: 10px;}
.apply-consult .apply-inpbox .apply-inp{ width: 350px; height:50px; line-height:50px; padding: 0 5px; border-radius: 3px; border:1px solid #ccc }
.apply-consult .apply-inpbox .apply-inp{ width: 350px; height:50px; line-height:50px; padding: 0 5px; border-radius: 3px; border:1px solid #ccc }
.apply-consult .textbox { padding-left: 10px;}
.apply-consult .textbox .textbox-inp{ width: 350px; line-height:20px; padding: 0 5px; border-radius: 3px; border:1px solid #ccc }
.apply-consult .item-text { font-size:14px;}
.apply-consult >div> .btn{ border-radius: 3px; color: #fff; font-size:16px; font-weight: bold; width: 362px;height:50px; line-height:50px; padding: 0 5px; margin: 0 auto; background:#008046; display: block; margin-top:30px}


/* 入会申请 */
.member-item { border: 1px solid #e4e4e4; background-color: #fff; padding: 30px 0;}
.member-item h2 {font-size: 16px;color: #666666; padding: 0 30px;}
.member-item p {font-size: 14px;line-height: 24px;color: #999999; margin-bottom:20px; padding: 0 30px;}
.member-apply{ display: flex; justify-content: center; border-top: 1px solid #e4e4e4; padding: 40px 0 20px;}
.member-apply a {display: flex; align-items: center; background-color: #008046; border-radius: 6px;font-size: 16px; color: #fff;  width: 212px; height:52px; line-height:52px; justify-content: center;}

.dialogmask {position: fixed;left: 0;top: 0px;height: 100%;width: 100%;z-index: 1000;display: none;}
.opacity { /*遮罩浑浊处理*/opacity: 0.3;filter: alpha(opacity=30);background-color: #000;}
.box {position: absolute;width: 620px;height: 400px;z-index: 1001; top: 25%;left: 50%;margin-left: -315px;background-color: #fff;border: 1px solid #e4e4e4;}
.dialogtitle {width: 100%;height: 30px;line-height: 30px;position: absolute;font-size: 18px;top: 0px;text-align: center;padding: 20px 0;}
.dialogcontent {padding-top: 20px;height: calc(100% - 20px); height: -webkit-calc(100% - 20px);}

.logcontent {padding: 50px;}
.logcontent img {display: block; width: 64px; height:64px; margin: 50px auto 0;}
.logcontent p { margin:20px 0; font-size: 16px;color: #666666; text-align: center; }
.pay-item{ display: flex; justify-content: center; }
.pay-item a {font-size: 14px;color: #008046; border:1px solid #008046; border-radius: 3px; padding: 5px 10px;}

/* 会员中心 */
.personal-item{ display: flex; justify-content: space-between; align-items: center; border: 1px solid #e4e4e4; border-bottom: 0; padding: 30px; background-color: #fff; margin-top:20px}
.personal-iteml{ display: flex; justify-content: flex-start; align-items: center;}
.personal-iteml img {display: block; width: 80px; height:80px;border-radius: 50px; margin-right:20px}
.personal-iteml h2{ color: #666; font-size:18px;}
.personal-iteml p { margin-top: 10px; color: #999; font-size:14px;}
.personal-itemr { font-size: 14px;}
.personal-itemr a { display: block; color: #008046; width: 120px; height: 40px; line-height:40px; text-align: center; border: 1px solid #008046; border-radius:25px;}


.personal-pic { padding-bottom: 20px;}
.personal-pic img { display: block;width: 80px; height: 80px; border-radius: 50px; margin:0 auto;}
.personal-pic> div{  display: flex; justify-content:center; margin-top:20px}
.personal-pic a {display: block; color: #999; width: 100px; height: 30px; line-height:30px; text-align: center; border: 1px solid #999; border-radius:3px;}

#pet-select {font-size: 16px;padding: 10px 12px;color: #CCCCCC; border: 1px solid #ccc; border-radius:3px;}

.radio_type {width: 20px;height: 20px;appearance: none;position: relative;outline: none;}
.radio_type:before {content: "";width: 15px;height: 15px;border: 1px solid #008046;display: inline-block;border-radius: 50%;vertical-align: middle;}
.radio_type:checked:before {content: "";width: 15px;height: 15px;border: 1px solid #008046;display: inline-block;border-radius: 50%;vertical-align: middle;}
.radio_type:checked:after {content: "";width: 9px;height: 9px;text-align: center;background: #008046;border-radius: 50%;display: block;position: absolute;top: 4px;left: 4px;}
.radio_type + label {color: #666666;font-size: 16px;}
.radio_type:checked + label {color: #666666;font-size: 16px;}

.collect-tab ul{display: flex; justify-content: flex-start; height:60px; line-height:60px;}
.collect-tab ul li { padding: 0 15px; text-align:center; font-size: 16px; }
.collect-tab ul li a { color: #666666;}
.collect-tab ul li a:hover ,.detail-tab ul li a:active { color: #008046;}

.collect-item ul li{ position: relative; display: block; float:left; background-color: #fff; margin-right:19px; margin-bottom:20px;}
.collect-item ul li:nth-child(4n+4){ margin-right: 0;}
.collect-item ul li a>img{ display: block; width: 285px; height:180px;}
.collect-item h1 { font-size: 16px; padding: 10px 10px 0; font-weight:normal;}
.collect-item h1 a {color: #666666;}
.collect-time { display: flex;  justify-content: space-between;  align-items: center;  padding: 10px 10px; font-size: 14px;}
.collect-time a { border: 1px solid #e4e4e4; color: #008046; padding: 5px 10px; font-size: 14px; border-radius: 3px;}
.collect-time span { display: flex; align-items: center;}
.collect-time span> img{display: inline-block; width: 16px; height:16px; margin-right:5px;}

.mxxy { width: 272px; cursor:pointer; position:relative;}
.mxxy .mxxy_b { display:none;}
.mxxy_d { width: 272px; height:204px; position:absolute; right:0px; top:0px; z-index:120; display:none;}
.mxxy_hover .mxxy_d{ display:block;}
.mxxy_dt { background-color:#000; width: 272px; height:204px;  filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.mxxy_dd { display: flex; justify-content:flex-end; padding:15px; width:255px;  position:absolute; right:0; top:0; z-index:121;}
.mxxy_dd>a>img{display: inline-block !important; width: 24px !important; height:24px !important; margin-right:10px !important;}
.product_tip{ position: absolute; top: 0; right: 0; width: 60px; height: 60px; text-align: right;}
.product_tip p{font-size: 12px; color: #fff; transform: rotate(45deg); position: relative; top: 4px; right: 0;}
.product_tip_bg{ width: 0; height: 0; border-bottom: 40px solid rgba(0, 0, 0, .5); border-right: 40px solid transparent; border-left: 40px solid transparent; transform: rotate(45deg); position: absolute; top: -5px; right: -25px;}

.user-list {margin: 0 5px;}
.user-list ul li{width: 272px;}
.user-list ul li a > img{width: 272px; height:204px;}

/* 会员展示 */
.display-item ul li{ display: block; float:left; background-color: #fff; margin-right:20px; margin-bottom:20px;}
.display-item ul li:nth-child(4n+4){ margin-right: 0;}
.display-item ul li a>img{ display: block; width: 288px; height:216px;}
/* .activity-item ul li a>img{ display: block; width: 285px; height:180px;} */
.display-item h1 { font-size: 16px; padding: 10px; text-align:center;}
.display-item h1 a {color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

/* 直播展示 */
.live-list{width: 850px;}
.live-pic{ width: 288px;}
.live-pic img{ display: block; width: 288px; height:216px;}
.live-item { width: 542px; margin-left:20px;}
.live-item h2 { color: #333; font-size: 16px; padding-bottom:5px;}
.live-item  p { color: #999; font-size: 12px; padding-bottom:5px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.live-item span{ display: block; color: #666; font-size: 14px; padding-bottom:5px; line-height:22px;}
.live-item i{ display: block; color: #000; font-size: 16px; font-weight:bold; padding-bottom:5px; line-height:22px;}
.count-down{ font-size: 14px; color: #666; padding-bottom:5px;}
.count-down em {font-size: 18px; color: #333; font-weight:bold; padding: 0 5px;}
.btn-grey{ margin-right: 20px; border-radius: 3px; padding: 5px 20px; font-size: 14px; color: #666; background-color: #e4e4e4;}
.btn-red{ margin-right: 20px; border-radius: 3px; padding: 5px 20px; font-size: 14px; color: #fff; background-color: #008046;}


/*入会申请*/
.user_apply_form{}
.user_apply_form .user_apply_item{}
.user_apply_form .user_apply_item .title{ width:auto;}
.user_apply_form .user_apply_item .length20{ width:200px;}
.user_apply_form .user_apply_item .length50{ width:500px;}
.user_apply_form .user_apply_item .length100{ width:1000px;}
.user_apply_form .user_apply_item .address-class{ width:500px;}
.user_apply_form .user_apply_item .textarea{ width:1000px;}
.user_apply_form .user_apply_item .layui-input-inline .select-address{display: inline-block !important;
    width: 30%;
    margin-right: 2%;
    padding: 9px 0px;
    border: 1px solid #e6e6e6;
    /*margin-bottom: 10px;*/}