.contbox {width:auto; background:#f5f5f5; overflow:hidden;}
.content {width:1300px; margin:0 auto 70px auto; overflow:hidden;}

.maincont1 {margin:25px 0; clear:both;}
.main {padding:20px; background:#FFF; overflow:hidden; box-shadow: 0 0 2px #DDD;border-radius: 10px;}
.showimg {width:45%; float:left;}
.showimg .img {overflow:hidden; float:left; width:150px;position:relative;}
.showimg .img img {width:150px; height:150px;border-radius: 10px;}
.showimg .word {overflow:hidden; color:#666666; padding-left:20px;}
.showimg .word .join {font-size:30px; color:#333;}
.showimg .word .text {font-size:16px; color:#999; line-height:1.3;}

.how {width:45%; float:right; position:relative;}
.how .h_use {font-size:18px; bottom:20px;}
.how .h_nav {float:left; margin-right:50px; font-size:18px; padding-top:35px;position: relative;}
.how .h_nav .E {display:inline-block; width:150px; height:40px; text-align:center; line-height:40px; color:#FFF; background:#ff8400;border-radius: 20px;}

.how .h_nav .mores{position:absolute;width:150px;left: 0;top:75px;display: none;background:#ff8400;}
.how .h_nav .mores a{display: block;line-height: 25px;background:#DDD;text-align: center;color: #888;font-size: 14px;}
.how .h_nav:hover .mores{display: block;}
.how .h_code {float:right;}
.how .h_code img {float:right; width:110px; height:110px;}
.how .h_code p {display:block; text-align:center; font-size:14px; color:#999;}

.maincont2 {width: 100%;max-width: 1300px;margin: 0 auto;display: flex;}	
.maincont2 .left,.maincont2 .right{display: table-cell;vertical-align: top;}


.left {flex: 1; margin-right: 40px;}
.left .shead {width:100%; height:60px; border-bottom:1px solid #d9d9d9; line-height:60px; position:relative;}
.left .shead .tag div {float:left; padding-right:20px; padding-left:20px; text-align:center; font-size:20px;}
.left .shead .tag div:hover a {color:#ff8400;}
.left .shead .tag .first{ height:60px; border-bottom:3px solid #ff8400;}
.left .shead .tag .first a {color:#ff8400;font-weight:700;}
.left .shead .more {position:absolute; right:0; top:0;}
.left .shead .more div {float:left; margin-left:15px;}

.listbox {overflow:hidden; width:100%; padding:25px;}






.ShowLists .list{/*margin:15px 15px 0 15px;*/ position: relative; padding: 30px 0;border-bottom:#eee solid 1px;}
.ShowLists .list ul{display:table;}
.ShowLists .list ul ol{display:table-cell;vertical-align:top;}
.ShowLists .list ul ol{width:200px;}
.ShowLists .list ul ol a{border:#EEE solid 1px;border-radius:5px;}
.ShowLists .list ul ol a img{width:300px; height: auto; border-radius:5px;}
.ShowLists .list ul ol .shipin {color: #fff;position: absolute;line-height: 20px;padding: 3px 10px; margin:5px; background: #333;border-radius: 5px;}
.ShowLists .list ul li{padding-left:20px;}
.lanmu {color: #666;width:80px; text-align:center; padding:5px 10px; margin-bottom:10px; font-size:14px;background: #f6f6f6;border-radius:5px;}
.ShowLists .list ul .title{font-size: 20px; min-height:40px; color:#000;}
.ShowLists .list ul .unit{overflow: hidden;color: #999;font-size: 14px; line-height:20px; padding:8px 0;}
.ShowLists .list ul .con{overflow: hidden;color: #666;font-size: 14px; line-height:20px; padding:10px 0;}
.ShowLists .list ul .other{color: #999;position: absolute;display: block;bottom: 30px;}






.qb_ui_listShop_type3 {width: 100%;float: left;}
.qb_ui_listShop_type3 ul{border:#F8F8F8 solid 1px; margin: 10px; border-radius: 10px; background:#f9f9f9; font-size: 14px;height: 100%; display: flex; flex-direction: column; transition: all 0.3s ease;}
.qb_ui_listShop_type3 ul:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(100, 100, 100, 0.5); border-radius: 10px;}
.qb_ui_listShop_type3 ul ol img{width: 100%; height: auto; border:0; border-radius: 10px 10px 0 0;}
.qb_ui_listShop_type3 ul li{display: block; padding:10px;overflow: hidden;}
.qb_ui_listShop_type3 .title {font-size: 1rem;line-height: 20px; min-height:40px;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.qb_ui_listShop_type3 .info{font-size:15px; padding:10px 0; color:#888;position: relative;}
.qb_ui_listShop_type3 .info i{padding-right:10px;}
/* 响应式布局 */
@media (min-width: 768px) {.qb_ui_listShop_type3 {width: 50%;}}
@media (min-width: 1024px){.qb_ui_listShop_type3 {width: 33.333%;}}
/* 懒加载样式 */
.lazy-loading {
	background: linear-gradient(90deg, #f0f3f5 25%, #e4e8eb 50%, #f0f3f5 75%);
	background-size: 200% 100%;
	animation: loading 1.5s infinite;
}

.listbox .cont {overflow:hidden; width:100%;}
.listbox .cont .list {width:100%; border-bottom:1px dotted #d9d9d9; overflow:hidden; padding:20px 0;}
.list .list_left {float:left; width:520px; overflow:hidden;}
.list .list_left div {margin-bottom:15px;}
.list .list_left .title span {width:42px; height:30px; display:inline-block; background:url(list_style.png) no-repeat center center; text-align:center; line-height:30px;}
.list .list_left .title a {font-size:16px; margin-left:15px;}
.list .list_left .info,
.list .list_left .pic {padding-left:57px; font-size:12px;}
.list .list_right {float:right; width:225px;}
.list .list_right div {margin-bottom:15px; color:#666666;}
.list .list_right .n a {background:url(who.png) no-repeat left center; padding-left:25px;} 

.jump {width:100%; overflow:hidden; text-align:center; margin:25px 0;}
.jump a {padding:7px 15px; margin:0 3px; background:#f7f7f7; border:1px solid #d9d9d9; display:inline-block;}
.jump a:hover {background:#ff8400; border-color:#ff8400;color:#FFFFFF;}
.jump .second {background:#ff8400; border-color:#ff8400;color:#FFFFFF;}

.right {width:350px; float:right; overflow:hidden;}

/*社区介绍公告*/
.mhead {width:100%; height:45px; clear:both; border-bottom:1px solid #d9d9d9;}
.mhead div {width:50%; float:left; text-align:center; line-height:45px;}
.mhead div a {font-size:18px;}
.mhead div:hover a {color:#ff8400;}
.mhead .third a,.mhead .fourth a{color:#ff8400;}
.mhead .third,.mhead .fourth{height:45px; width:50%; border-bottom:1px solid #ff8400;}
.tbox {padding:15px 5px;}
.tbox .text {font-size:14px; color:#666; line-height:1.5; text-align:justify;}
/*成员列表*/
.listbox {overflow:hidden; width:100%; padding:20px 0;}
.listbox .plist {overflow:hidden; clear:both;text-align:center;}
.listbox .plist .picshow {width:60px; float:left; overflow:hidden;}
.listbox .plist .picshow i {font-size:16px;}
.picshow .img {border:1px solid #d9d9d9; width:60px; height:60px;  border-radius:30px; overflow:hidden;}
.picshow .img img{width:60px; height:60px;}
.picshow .info {margin-top:5px;height:16px;}
.right_show_more{background:#eee;line-height:40px;border-radius:20px;cursor:pointer; text-align:center; margin-top:30px;}

.cont .master {width:100%; overflow:hidden;}
.cont_t {font-size:16px; margin-bottom:25px;}
.cont_show {overflow:hidden; clear:both;}
.cont_show_list {float:left; width:88px; margin:0 30px 50px 30px;}
.cont_show_list .img {width:88px; height:88px; border-radius:50px; overflow:hidden;}
.cont_show_list .info {line-height:35px; text-align:center;}

.cont .product {width:30%; float:left; overflow:hidden; background:#f5f5f5;}
.cont .product:hover {background:#e2e2e2;}

.product .img {width:100%;height:auto; overflow:hidden;}
.product .img img{width:240px; height:auto;}
.product .info {width:100%; overflow:hidden; clear:both; margin-top:15px;}
.product .info .w {width:50px; height:50px; border:1px solid #d9d9d9; border-radius:26px; float:left; overflow:hidden;}
.product .info .t {float:left; padding-left:15px; line-height:25px;}

/*直播相关*/
.TopContainer{background:#fff;}
.listbox .cont,.ShowMores{display:none;}
.warp_play{width:1200px;padding-top:20px;margin:auto;display: none;}
.video_warp{flex-flow: row;}
.video_warp .a{flex: 7;border-right:15px solid #f5f5f5;background:#fff;}
.video_warp .b{flex: 3;}