/*****定义元素左右下下居中******/
.qb_ui_center{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/***通栏图片列表开始***/
.qb_ui_ListBigPic{
	max-width:1300px;
	margin:auto;
	padding-bottom:20px;
}
.qb_ui_ListBigPic ul{
	margin:20px 20px 0 20px;
	position:relative;
	overflow:hidden;
	background:#F5F5F5;
}
.qb_ui_ListBigPic ul:before{
	content:'';
	display:block;
	padding-top:60%;
}
.qb_ui_ListBigPic ul li,.qb_ui_ListBigPic ul div{
	position:absolute;
}
.qb_ui_ListBigPic ul ol img{
	position:absolute;
	width:100%;
	left:50%;
	top: 50%;
	border:0;
	background:none;
	outline:none;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}
.qb_ui_ListBigPic ul li{
	width:98%;
	padding:0 1%;
	height:50px;
	line-height:50px;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	overflow:hidden;
	color:#EEE;	
}
.qb_ui_ListBigPic ul li a{
	color:#EEE;
}
.qb_ui_ListBigPic ul div{
	width:50px;
	height:50px;
	background:rgba(0,0,0,0.6);
	text-align:center;
	line-height:50px;
	border-radius:50%;
	color:#FFF;
	top:0;
	right:2%;
}
@media (max-width: 500px) and (min-width:401px) {
	.qb_ui_ListBigPic{
		padding-bottom:15px;
	}
	.qb_ui_ListBigPic ul{
		margin:15px 15px 0 15px;
	}
	.qb_ui_ListBigPic ul li{
		height:40px;
		line-height:40px;
		font-size:14px;
	}
	.qb_ui_ListBigPic ul div{
		width:35px;
		height:35px;
		line-height:35px;
	}
}
@media (max-width: 400px) {
	.qb_ui_ListBigPic{
		padding-bottom:10px;
	}
	.qb_ui_ListBigPic ul{
		margin:10px 10px 0 10px;
	}
	.qb_ui_ListBigPic ul li{
		height:30px;
		line-height:30px;
		font-size:14px;
	}
	.qb_ui_ListBigPic ul div{
		width:35px;
		height:35px;
		line-height:35px;
	}
}
/***通栏图片列表结束***/
/***通栏联系电话与搜索开始***/
.qb_ui_ContactSearch{
	width: 100%;
	padding: 10px 0;
	background: #F5F5F5;
}
.qb_ui_ContactSearch ul{
	display: table;
	width: 100%;
	max-width: 1300px;
	margin: auto;
	font-size: 16px;
	color: #888;
}
.qb_ui_ContactSearch ul ol,.qb_ui_ContactSearch ul li{
	display: table-cell;
	vertical-align: middle;
}
.qb_ui_ContactSearch ul ol{
	word-spacing: 10px;
}
.qb_ui_ContactSearch ul ol i{
	transform:rotate(-45deg);
	font-size: 20px; 
}
.qb_ui_ContactSearch ul ol a{
	color:#F80;
}
.qb_ui_ContactSearch ul li dl{
	float: right;
	position: relative;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	padding-right: 50px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #888888;
}
.qb_ui_ContactSearch ul li dl dd{
	position:absolute;
	width:50px;
	height: 35px;
	right: 0px;
	top:0px;
	background: #35C4B8;
}
.qb_ui_ContactSearch ul li dl dt input{
	border:0px;
	border-left:#DDD solid 1px;
	border-top:#DDD solid 1px;
	height: 35px;
	width: 150px;
	background: none;
	text-indent: 10px;
	outline: none;
}
.qb_ui_ContactSearch ul li dl dd button{
	border: 0px;
	width: 100%;
	height: 35px;
	background: none;
	color: #FFF;
	font-size: 20px;
	cursor: pointer;
}
.qb_ui_ContactSearch ul li dl dd button:hover{
	background: #F60;
}
/***通栏联系电话与搜索结束***/
/***幻灯片样式1开始***/
.qb_ui_SlideStyle1 { position: relative; overflow: hidden; width: 100%; height: var(--slide-height, 700px);}
.slide { position: relative; width: 100%; height: 100%;}
.slide-list { display: flex; width: max-content; height: 100%; margin: 0; padding: 0; list-style: none;transition: transform 0.5s ease-in-out;}
.slide-item {width: 100%;height: 100%;position: relative;flex-shrink: 0;}
.SlideStyle {display: flex;align-items: center;justify-content: space-between;height: 100%;padding: 0 50px;box-sizing: border-box;color: white;max-width: 1400px;margin: 0 auto;width: 100%;}
.Allscro_l {z-index: 2;color: white;text-align: left;font-family: "Alibaba PuHuiTi", "Microsoft YaHei", sans-serif;}
.Allscro_l .title {font-size: 70px;font-weight: 800;line-height: 1.2;margin: 0 0 16px;letter-spacing: -0.5px;text-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.Allscro_l .time {font-size: 40px;font-weight: 500; line-height: 1.4; margin: 0 0 20px;opacity: 0.95;}
.Allscro_l .price {font-size: 26px; line-height: 1.6; margin: 0 0 28px;opacity: 0.9; color:#FDBF92;}
.Allscro_l .more {margin-top: 10px;}
.Allscro_l .more span {display: inline-block;padding: 12px 40px;background: #ffffff;color: #d00904; font-size: 18px;font-weight: 700;border-radius: 30px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);transition: all 0.3s ease;}
.Allscro_l .more span:hover {background: #f0f0ff;transform: translateY(-10px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);}
.Allscro_l .more span:active {transform: translateY(0);}
.Allscro_r {display: flex;align-items: center;justify-content: flex-end;height: 100%;z-index: 1;}
.Allscro_r img {object-fit: contain;max-width: 100%;max-height: 100%;}
/* 箭头按钮 */
.slide-arrow {position: absolute;top: 50%;transform: translateY(-50%); width: 50px; height: 50px; background: rgba(255, 255, 255, 0.5); border: none;border-radius: 50%;cursor: pointer;font-size: 30px;color: #333;z-index: 10;opacity: 0;transition: opacity 0.3s ease;}
.qb_ui_SlideStyle1:hover .slide-arrow {opacity: 1;}
.slide-arrow-left { left: 50px; }
.slide-arrow-right { right: 50px; }
/* 分页器 */
.slide-pager {position: absolute;bottom: 20px; left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 10;}
.slide-pager span {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer;}
.slide-pager span.active {background: white;}
/* 响应式 */
@media (max-width: 992px) {
  .Allscro_l .title {font-size: 36px;}
  .Allscro_l .time {font-size: 18px;}
  .Allscro_l .price {font-size: 16px;}
  .Allscro_l .more span {padding: 10px 28px;font-size: 16px;}
}
@media (max-width: 768px) {
  .SlideStyle {flex-direction: column;text-align: center;padding: 30px 20px;}
  .Allscro_l { text-align: center;margin: 0 auto; max-width: 100%;padding: 0 20px;}
  .Allscro_l .title,.Allscro_l .time,.Allscro_l .price {text-align: center;}
  .Allscro_l .title {font-size: 30px;}
  .Allscro_l .more span {width: 100%;max-width: 280px;}
  .Allscro_l, .Allscro_r {max-width: 100%;}
  .Allscro_r img {max-height: 300px;height: auto;margin-top: 20px;
  }
}
/***幻灯片样式1结束***/
/**一行三列样式开始**/
.qb_ui_ListTitle_list3:after{
	content: '';
	display: block;
	clear: both;
	height: 10px;
}
.qb_ui_ListTitle_list3 .lists{
	width: 30%;
	padding-right: 3.3%;	
	float: left;	
	font-size: 14px;
}
.qb_ui_ListTitle_list3 .lists a{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	padding: 0 5px;
}
.qb_ui_ListTitle_list3 .lists a:hover{
	background: #369;
	color: #FFF;
	border-radius: 5px;
}
/**页面导航开始***/
.qb_ui_Site_nav{
	background:#fff;
}
.qb_ui_Site_nav ul{
	line-height: 70px;
	font-size: 16px;
	max-width:1300px;margin: 0 auto;
}
.qb_ui_Site_nav ul:after{
	content: '';
	display: block;
	clear: both;
}
.qb_ui_Site_nav ul ol,.qb_ui_Site_nav ul li{
	float: left;
}
.qb_ui_Site_nav ul ol{
	padding-right: 10px;
	color: #F60;
}
.qb_ui_Site_nav ul ol i{
	display: inline-block;
	margin-right: 3px;
	color: #888;
}
.qb_ui_Site_nav ul li a{
	color:#666;
}
.qb_ui_Site_nav ul li a:before{
	content:'->';
	display: inline-block;
	color: #999;
	padding:0px 5px;
}
.qb_ui_Site_nav ul li a.home:before{
	content:'';
}
/**页面导航结束***/
/**手机页面导航开始***/
.qb_ui_wap_nav{
	max-width: 640px;
	margin: auto;
	line-height: 35px;
}
.qb_ui_wap_nav a{
	color: #666;
}
.qb_ui_wap_nav a:before{
	content:'/';
	display: inline-block;
	padding-right: 5px;
}
.qb_ui_wap_nav a.home:before{
	content:'';
	padding-left: 5px;
}
/**手机页面导航结束***/
/**通栏图片样式开始***/
.qb_ui_AllscrollBanner { width: 100%; height: 100%; min-height:300px; position: relative;overflow: hidden; background: #DE1F26;}
.qb_ui_AllscrollBanner img { width: 100%; height: 100%; position: absolute;object-fit: cover; }
.qb_ui_AllscrollBanner video {width: 100%;height: 100%;max-height:700px;object-fit: cover; position: absolute;z-index: 1;}
.Allscro-container {position: relative;height: 100%; display: flex;align-items: center;justify-content: center;z-index: 2;}
.Allscro {max-width: 1300px; width: 100%; margin: 0 auto;display: flex;align-items: center;}
.Allscro .MenuBox_l {position: relative;width: 60%;}
.Allscro .MenuBox_l h2 {
    font-size:50px; 
    font-weight:600; 
    margin:20px 0; color: #fff;
    -webkit-background-clip: text;
    display: inline-block;
}
.Allscro .MenuBox_l span {
    font-size:26px;
    font-weight:normal; 
    line-height:40px;
    display: block;color:#eee; 
}
.Allscro .MenuBox_l .hd {
    font-size:18px;
    font-weight:normal;
    color:#fff; 
    padding-top:20px;
}
.Allscro .MenuBox_l .more {
    display: block;
    text-decoration: none; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.Allscro .MenuBox_l .more a {
    background:#D00904; 
    font-size:18px; 
    color:#fff; 
    border-radius: 5px;
    display: table;
    padding: 10px 20px; 
    margin:40px 0 10px 0;
}
.Allscro .MenuBox_l em {
    font-size:14px;
    font-weight:normal;
    color:#999; 
    padding-top:50px;
}

.Allscro .MenuBox_r {position: relative; right: 0;  width:40%; display: flex;justify-content: flex-end; align-items: center;padding-left: 30px;}
.Allscro .MenuBox_r .pic img {max-height:600px;  width:100%; position: relative;object-fit: contain;}
.Allscro .MenuBox_r .pic video {max-height:700px; width:100%; position: relative;object-fit: contain;}

.qun_booking { background:#fff; border-radius:5px;}
.qun_booking .lists{position:relative;}
.qun_booking .lists .pic img {max-height:700px; width:100%; border-radius:5px 5px 0 0;}
.qun_booking .lists .pic .fname{height:30px;position:absolute;top:0; left:0; }
.qun_booking .lists .pic .fname a{display:block;line-height:30px;font-size:14px;color:#FFF;background:#d00;padding:0 15px; border-radius:5px 0 10px 0; }
.qun_booking .lists .pic .price{position:absolute;right:0;top:-5px;}
.qun_booking .lists .pic .price div{padding:20px 20px 0 0;font-size:1rem;color:#FFF;}
.qun_booking .lists .pic .price div span{display:block;}

.qun_booking .lists ul{padding:15px;}
.qun_booking .lists ul .title{font-size:1.1rem;font-weight:700;}
.qun_booking .lists ul .time{line-height:25px;color:#999;font-size:1rem; padding:10px 0;}
.qun_booking .lists ul .time i{color:#F30;}

.qun_booking .lists ul .price-show{color:#666; font-size:1rem;}
.qun_booking .lists ul .price-show i{color:#333;}
.qun_booking .lists ul .price-show span{color:#d00; font-weight:700;}
.qun_booking .lists ul .price-show .ml{font-style:normal; padding-left:10px; color:#999;}
.qun_booking .lists ul .price-show a{ float:right;color:#d00; font-weight:700;}

.Allscro .MenuBox_r .kecheng_form { background:#fff; border-radius:5px; float: right;}
.Allscro .MenuBox_r .kecheng_form .lists{position:relative;}
.kecheng_form .lists{ padding: 30px 40px; }
.kecheng_form .lists .login-tit { padding: 20px 0;color: #000; font-size:30px;}
.lists .form-group{padding-bottom:30px;position: relative; }
.lists .form-group .form-control-box{ line-height: 50px; height: 50px; border: 1px solid #ddd; position: relative; border-radius:5px;}
.lists .form-group dt{ padding-bottom:10px; font-size:16px; color:#666;}
.lists .form-group dd{ padding-bottom:10px; font-size:16px; color:#666;}
.lists .form-group .icon{ display: block; padding:0 20px;position: absolute; line-height: 50px; height: 50px; font-size: 16px;}
.lists .form-group .icon i{ margin-right: 3px;font-style: normal;color: #f30; font-weight:800;}
.lists .form-group .text{line-height: 50px; height: 50px; border: 0; padding: 0 0 0 80px; float: none; font-size: 16px; color:#999; overflow: hidden; }
.lists .butter{text-align: center;}
.lists .butter button{display: block;border: 0px;width: 50%;line-height: 30px;background: #f30;color: #FFF;border-radius: 25px; padding:10px;margin: 10px auto 0; font-size:16px;}
.lists .butter button:hover{background: #f00;}

/**通栏图片样式结束***/

/**日期标题内容列表开始***/

.qb_ui_ListArticleTimeTitleCnt{

	display: table;

	width: 100%;
	margin-bottom: 15px;
	background: #F5F5F5;
}
.qb_ui_ListArticleTimeTitleCnt ol,.qb_ui_ListArticleTimeTitleCnt li{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}
.qb_ui_ListArticleTimeTitleCnt ol{
	width: 90px;
	background: #0BB393;
	text-align: center;
	color: #FFF;
	padding: 15px 0;
}
.qb_ui_ListArticleTimeTitleCnt ol dl dt{
	line-height: 30px;
	font-size: 30px;
}
.qb_ui_ListArticleTimeTitleCnt li{
	padding: 5px 10px 10px 15px;
}
.qb_ui_ListArticleTimeTitleCnt li:hover{
	background: #F0F0F0;
}
.qb_ui_ListArticleTimeTitleCnt li h3 a{
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	overflow: hidden;
	font-weight: bold;
}
.qb_ui_ListArticleTimeTitleCnt li p{
	line-height: 20px;
	font-size:14px;
	color: #666;
	overflow: hidden;
	max-height: 40px;
}
.qb_ui_ListArticleTimeTitleCnt li p a{
	display: inline-block;
	color: blue;
	padding-left: 5px;
}
/**日期标题内容列表结束***/
/*****PC分页样式开始*****/
.pagination{
	text-align: center;
	width: 100%;
	clear: both;
	padding: 10px 0;
}
.pagination li{
	display: inline-block;
	line-height: 30px;	
	margin: 0 5px;	
}
.pagination li a,.pagination li span{
	display: block;
	border: #DDD solid 1px;
	padding: 0 8px;
	color: #666;
}
.pagination li a,.pagination li span{
	color: #999;
}
.pagination li a:hover{
	border:#F30 solid 1px;
	background: #F60;
	color: #FFF;
}
.pagination li.active span{
	border:#21806E solid 1px;
	background: #64C2B0;
	color: #FFF;

}
/*****PC分页样式结束*****/
/*******日期标题内容图片样式开始********/
.qb_ui_ListInfo_date_title_pics{
	width: 100%;
	overflow: hidden;
	border-bottom: #DDD solid 1px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.qb_ui_ListInfo_date_title_pics ol dl{
	display: table;
	width: 100%;
}
.qb_ui_ListInfo_date_title_pics ol dl dt,.qb_ui_ListInfo_date_title_pics ol dl dd{
	display: table-cell;
	vertical-align: top;
}
.qb_ui_ListInfo_date_title_pics ol dl dt{
	width: 100px;
	background: #0BB393;
	text-align: center;
}
.qb_ui_ListInfo_date_title_pics ol dl dt span,.qb_ui_ListInfo_date_title_pics ol dl dt em{
	display: block;
	line-height: 45px;
	font-size: 22px;
	color: #FFF;
}
.qb_ui_ListInfo_date_title_pics ol dl dt em{
	line-height: 43px;
	margin: 0 2px 2px 2px;
	background: #FFF;
	color: #0BB393;
}
.qb_ui_ListInfo_date_title_pics ol dl dd h3{
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	padding: 0 10px 0 15px;
	overflow: hidden;
}
.qb_ui_ListInfo_date_title_pics ol dl dd p{
	padding: 5px 10px 0 15px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
}
.qb_ui_ListInfo_date_title_pics li{
	margin-top: 5px;
	width: 101%;
	margin-left: -0.5%;
	overflow: hidden;
}
.qb_ui_ListInfo_date_title_pics li:after{
	content: '';
	display: block;
	clear: both;
}
.qb_ui_ListInfo_date_title_pics li div{
	width: 20%;
	position: relative;
	overflow: hidden;
	float: left;
}
.qb_ui_ListInfo_date_title_pics li div a{
	display: block;
	border:#DDD solid 1px ;
	margin: 5px;
	position: relative;
	padding-top: 60%;
	overflow: hidden;
}
.qb_ui_ListInfo_date_title_pics li div img{
	position: absolute;
	max-width: 100%;
	left:50%;
	top: 50%;
	-webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}
/*******日期标题内容图片样式结束********/
/*****显示更多按样式开始*******/
.qb_ui_ShowMores{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	color: #888;
	line-height: 40px;
	font-size: 16px;
}
.qb_ui_ShowMores button{
	border:#DDD solid 1px;
	line-height: 40px;
	padding: 0 20px;
	color: #888;
	background: #FFF;
	cursor: pointer;
	outline: none;
}
/*****显示更多按样式结束*******/
/*********内容文章显示样式开始************/
.qb_ui_ShowContent{clear: both;width: 100%;overflow: hidden;font-size: 14px;line-height: 25px;word-wrap: break-word;word-break: normal;word-break:break-all;color: #666;}
.qb_ui_ShowContent img{max-width:100%;}
/*一行1列样式开始*/
.qb_ui_listShop_type{width:100%;float: left;overflow: hidden;}
.qb_ui_listShop_type ul{background: #fff; margin-bottom:10px; padding:15px;border-radius:5px;}
.qb_ui_listShop_type ul ol{position: relative;overflow: hidden;}
.qb_ui_listShop_type ul ol img{border-radius:5px;width:100%;max-height:200px;object-fit: cover;}
.qb_ui_listShop_type ul li{padding: 10px 0 0;}
.qb_ui_listShop_type ul .fname{height:30px;position:absolute;top:5px;z-index:99;}
.qb_ui_listShop_type ul .fname a{display:block;float:right;line-height:25px;background:rgba(255,0,0,0.5);color:#FFF;padding:0 10px;border-radius:0 20px 20px 0;font-size:.8em;}
.qb_ui_listShop_type ul li h2 a{line-height: 1em;font-size:1.1em;}
.qb_ui_listShop_type ul li .show-price{display: block;color:#666;padding:8px 0; line-height: 20px; font-size:.9em;}
.qb_ui_listShop_type ul li p{overflow: hidden; font-size:.9em;}
.qb_ui_listShop_type ul li p span{float: left;color: #d00;font-weight:700;}
.qb_ui_listShop_type ul li p a{float: right;display: inline-block;background: #DE1F26;color: #fff;padding: 2px 8px;border-radius: 15px;line-height: 20px;}*/
/***********商品列表一行4列样式开始***********/
.list_type3 { margin: 0 -20px; }
.qb_ui_listShop_type3 {width: 100%;float: left;}
.qb_ui_listShop_type3 ul{border:#F8F8F8 solid 1px; margin: 10px;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.2); border-radius: 10px;}
.qb_ui_listShop_type3 ul ol{position: relative;}
.qb_ui_listShop_type3 ul ol img{width: 100%; height: auto; max-height:239px; border:0; border-radius: 10px 10px 0 0;}
.qb_ui_listShop_type3 ul li{display: block; padding:20px;overflow: hidden; background:#fff; border-radius:0 0 10px 10px;}
.qb_ui_listShop_type3 .title {font-size: 1.3rem;;line-height: 30px; min-height:60px;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.qb_ui_listShop_type3 .bd {display: flex;align-items: center;justify-content: space-between;}
.qb_ui_listShop_type3 .info{ font-size:15px; padding:15px 0; color:#888;position: relative;}
.qb_ui_listShop_type3 .info dl{line-height:28px;}
.qb_ui_listShop_type3 .info dl i{padding-right:10px;}
.qb_ui_listShop_type3 ul li p{height: 30px;line-height: 30px;overflow: hidden;padding-top:10px; color: #999;}
.qb_ui_listShop_type3 ul li p span{color: #000;font-size: 18px;}
.qb_ui_listShop_type3 ul li p a{float: right;background: #D00;color: #FFF;padding: 0 15px; border-radius: 15px;}
.qb_ui_listShop_type3 ul li p a:hover{background: #F00;}
.qb_ui_listShop_type3 .price{overflow: hidden;}
.qb_ui_listShop_type3 .price span{float: left; color: #000;font-size: 18px;}
.qb_ui_listShop_type3 .price a{float: right;background: #D00;color: #FFF;padding: 5px 20px; border-radius: 20px;}
.qb_ui_listShop_type3 .price a:hover{background: #D00;}
/* 响应式布局 */
@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;
}
/***********商品列表一行4列样式结束***********/
/*******手机相关栏目样式开始*******/
.qb_ui_wapSortBoxCont{
	height:60px;
	max-width:640px;
	margin: auto;
	overflow:hidden;
	position:relative;
	background:#FFF;
}
.qb_ui_wapSortBoxCont:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:1px;
	background:#DDD;
	left:0;
	bottom:0;
}
.qb_ui_wapSortBoxCont ul{
	width:10000px;
	height:60px;
	position:absolute;
	left:0;
	top:0;
}
.qb_ui_wapSortBoxCont ul li{	
	float:left;
	position:relative;
}
.qb_ui_wapSortBoxCont ul li a{
	display:block;
	height:60px;
	line-height:60px;
	padding:0 20px;
}
.qb_ui_wapSortBoxCont ul li.ck a:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:1px;
	background:#F30;
	left:0;
	bottom:0;
}
/*******手机相关栏目样式结束*******/
/*******手机商品列表一行两列样式开始*******/
.qb_ui_listShop_type2{
	width:50%;
	float: left;
	overflow: hidden;
	background: #FFF;
}
.qb_ui_listShop_type2 ul{
	margin: 10px;
	background: #F5F5F5;
	padding: 5px;
	font-size: 16px;
}
.qb_ui_listShop_type2 ul ol{
	position: relative;
	padding-top: 70%;
	background: #FFF;
	overflow: hidden;
}
.qb_ui_listShop_type2 ul ol img{
	position: absolute;
	width: 100%;
	left:50%;
	top: 50%;
	-webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}
.qb_ui_listShop_type2 ul li{
	padding: 5px;
}
.qb_ui_listShop_type2 ul li div a{
	display: block;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
}
.qb_ui_listShop_type2 ul li p{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.qb_ui_listShop_type2 ul li p span{
	float: left;
	color: #F60;
}
.qb_ui_listShop_type2 ul li p a{
	float: right;
	background: #2EA0F8;
	color: #FFF;
	padding: 0 10px;
}
@media (max-width: 500px) and (min-width:401px) {
	.qb_ui_listShop_type2 ul{
		margin: 8px;
	}
}
@media (max-width: 400px) {
	.qb_ui_listShop_type2 ul{
		margin: 5px;
		font-size: 14px;
	}
	.qb_ui_listShop_type2 ul li div a{
		height: 40px;
		line-height: 20px;
	}
	.qb_ui_listShop_type2 ul li p{
		height: 25px;
		line-height: 25px;
	}
}
/*******手机商品列表一行两列样式结束*******/
/**********pc选择商品类型开始**********/
.qb_ui_pc_select_shoptype{padding:0;}
.qb_ui_pc_select_shoptype ul{border-bottom: #eee solid 1px;}
.qb_ui_pc_select_shoptype ul:after{content: '';display: block;clear: both;}
.qb_ui_pc_select_shoptype ul ol{line-height: 40px;font-size: 16px;padding-right: 15px;float: left;}
.qb_ui_pc_select_shoptype ul li{float: left;}
.qb_ui_pc_select_shoptype ul li div{
	display: inline-block;line-height: 30px;background: #F6F6F6;
	padding: 3px 20px;font-size: 14px;border-radius: 20px;margin: 3px 15px 3px 0;color: #888;cursor: pointer;
}
.qb_ui_pc_select_shoptype ul li div.ck,.qb_ui_pc_select_shoptype ul li div:hover{background: #DE1F26;color: #FFF;}
.qb_ui_pc_select_shoptype dl{display: table;margin: 10px 0 10px 0;}
.qb_ui_pc_select_shoptype dl dt,.qb_ui_pc_select_shoptype dl dd{display: table-cell;vertical-align: middle;font-size: 16px;}
.qb_ui_pc_select_shoptype dl dd{width: 150px;padding-left: 10px;}
.qb_ui_pc_select_shoptype dl dd span,.qb_ui_pc_select_shoptype dl dd div,.qb_ui_pc_select_shoptype dl dd em{
	display: block;
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #F2F2F2;
	color: #888;
	cursor: pointer;
	overflow: hidden;
	float: left;
}
.qb_ui_pc_select_shoptype dl dd div input{
	width: 100%;
	height: 40px;
	border: 0px;
	text-align: center;
	padding: 0;
}
.qb_ui_pc_select_shoptype .butters{
	display: table;
	width: 100%;
}
.qb_ui_pc_select_shoptype .butters em,.qb_ui_pc_select_shoptype .butters span{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 20px 0;
}
.qb_ui_pc_select_shoptype button{
    width: 200px;
    height: 50px;
    background: #d00904; border:0;
    border-radius: 30px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.qb_ui_pc_select_shoptype button.ck,.qb_ui_pc_select_shoptype button:hover{background: #F00;color: #FFF;}
/**********pc选择商品类型结束**********/
/**********wap选择商品类型开始**********/
.qb_ui_wap_select_shoptype{
	padding: 10px;
}
.qb_ui_wap_select_shoptype ul{
	border-bottom: #DDD solid 1px;
	padding: 5px 0;
}
.qb_ui_wap_select_shoptype ul ol{
	line-height: 35px;
	font-size: 16px;
	padding-left: 10px;
}
.qb_ui_wap_select_shoptype ul li div{
	display: inline-block;
	line-height: 30px;
	background: #F6F6F6;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 10px;
	margin: 3px 5px;
	color: #888;
	cursor: pointer;
}
.qb_ui_wap_select_shoptype ul li div.ck,.qb_ui_wap_select_shoptype ul li div:hover{
	background: #FFA800;
	color: #FFF;
}
.qb_ui_wap_select_shoptype dl{
	display: table;
	width: 100%;
	margin: 10px auto;
}
.qb_ui_wap_select_shoptype dl dt,.qb_ui_wap_select_shoptype dl dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
}
.qb_ui_wap_select_shoptype dl dt{
	padding-left: 10px;
}
.qb_ui_wap_select_shoptype dl dd{
	width: 180px;
}
.qb_ui_wap_select_shoptype dl dd span,.qb_ui_wap_select_shoptype dl dd div,.qb_ui_wap_select_shoptype dl dd em{
	display: block;
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #F2F2F2;
	color: #888;
	cursor: pointer;
	overflow: hidden;
	float: left;
}
.qb_ui_wap_select_shoptype dl dd div input{
	width: 100%;
	height: 40px;
	border: 0px;
	text-align: center;
	padding: 0;
}
.qb_ui_wap_select_shoptype .butters{
	display: table;
	width: 100%;
}
.qb_ui_wap_select_shoptype .butters em,.qb_ui_wap_select_shoptype .butters span{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.qb_ui_wap_select_shoptype button{
	width: 100%;
	background: #FFA800;
	color: #FFF;
	line-height: 45px;
	border: 0px;
	margin: 10px auto;
	border-radius: 0px;
	outline: none;
}
.qb_ui_wap_select_shoptype .butters em button{
	background: #F30;
}
/**********wap选择商品类型结束**********/
/******操作按钮开始*****/
.qb-del,.qb-edit,.qb-add,.qb-list,.qb-show,.qb-time,.qb-hits{
	display: inline-block;	
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 25px;
	border:#CCC solid 1px;
	padding: 0 6px;
	color: #888;
	margin: 3px;
	border-radius: 3px; 
	background: #F5F5F5;   
}
.qb-del:hover,.qb-edit:hover,.qb-add:hover,.qb-list:hover,.qb-show:hover,.qb-time:hover,.qb-hits:hover{
	border:#F30 solid 1px;
	background: #F60;
	color: #FFF;
}
.qb-del:before {
    content: "\f1f8";
}
.qb-edit:before {
    content: "\f044";
}
.qb-add:before {
    content: "\f0f6";
}
.qb-list:before {
    content: "\f00b";
}
.qb-show:before {
    content: "\f06e";
}
.qb-time:before {
    content: "\f017";
}
.qb-hits:before {
    content: "\f080";
}
/******操作按钮结束*****/
/******页内菜单按钮开始*****/
.qb_ui_page_menu{
	padding: 15px;
	background: #fff;
    margin-bottom: 3px;
}
.qb_ui_page_menu:after{
	content: '';
	display: block;
	clear: both;
}
.qb_ui_page_menu li{
	float: left;
}
.qb_ui_page_menu li.right{
	float: right;
}
.qb_ui_page_menu li a{
	display: inline-block;
	line-height: 30px;
	border: #DDD solid 1px;
	font-size: 14px;
	border-radius: 25px;
	background: #F5F5F5;
	color: #999;
	padding: 0 15px;
	margin-right: 10px;
}
.qb_ui_page_menu li a.blue{
	background: #5C91D3;
	border:#1F5599 solid 1px;
	color: #FFF;
}
.qb_ui_page_menu li a.red{
	background: #D36A5C;
	border:#C84E3F solid 1px;
	color: #FFF;
}
.qb_ui_page_menu li a:hover{
	background: #F60;
	border:#F30 solid 1px;
	color: #FFF;
}
/******页内菜单按钮结束*****/
/******小块用户登录样式开始*****/
.qb_ui_TopLoginBox{
	display: table;
}
.qb_ui_TopLoginBox span{
	display: table-cell;
	vertical-align: middle;
	padding: 0 3px;
	word-spacing: 2px;
	color: #888;
}
.qb_ui_TopLoginBox span input{
	width: 80px;
	border: #DDD solid 1px;
	line-height: 22px;
	border-radius: 3px;
	text-indent: 5px;
	background: #FFF;
	outline: none;
}
.qb_ui_TopLoginBox span button{
	line-height: 22px;
	padding: 0 10px;
	background: #F90;
	border: 0px;
	color: #FFF;
}
.qb_ui_TopLoginBox span button:hover{
	background: #F60;
}
.qb_ui_TopLoginBox span a.fa{
	display: inline-block;
	width: 60px;
	text-align: center;
	background:#008AD9;
	color: #FFF;
	line-height: 22px;
	margin: 0 3px;
}
.qb_ui_TopLoginBox span a.fa-weixin{
	background: green;
}
.qb_ui_TopLoginBox span a.fa:hover{
	background: #F30;
}
/******小块用户登录样式结束*****/
/**动画显示更多开始***/
.qb_ui_showmore{
	height:50px;
	display:flex;
	justify-content: center;
	/*align-items: center;*/
	color:#999;
	font-size:30px;	
	overflow:hidden;	
}
.qb_ui_showmore i{
	-webkit-animation: qb_ui_changeshowmore 2s infinite;
          animation: qb_ui_changeshowmore 2s infinite;
}
.qb_ui_showmore span{
	font-size:16px;
}
@-webkit-keyframes qb_ui_changeshowmore {
  0% {
    padding:0px;
	color:#000;
  }
  20% {
    padding:5px;
	color:#333;
  }
  40% {
    padding:10px;
	color:#666;
  }
  60% {
    padding:15px;
	color:#999;
  }
  80% {
    padding:20px;
	color:#BBB;
  }
  100% {
    padding:25px;
	color:#FFF;
  }
}
@keyframes qb_ui_changeshowmore {
  0% {
    padding:0px;
	color:#000;
  }
  20% {
    padding:5px;
	color:#333;
  }
  40% {
    padding:10px;
	color:#666;
  }
  60% {
    padding:15px;
	color:#999;
  }
  80% {
    padding:20px;
	color:#BBB;
  }
  100% {
    padding:25px;
	color:#FFF;
  }
}
/**动画显示更多结束***/
/***加载中层开始***/
.qb_ui_loading{
	display: flex;
	position: fixed;
	width:100%;
	height: 100%;
	z-index: 10000000000;
	left: 0;
	top:0;
	background: rgba(0,0,0,0.6);
	justify-content:center; 
	align-items:center;
}
.qb_ui_loading ul{
	width: 40px;
  	height: 40px;
  	position: relative;
}
.qb_ui_loading ul li{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.qb_ui_loading ul li:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #EEE;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; 
}
.qb_ui_loading ul li:nth-child(2) {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);
}
.qb_ui_loading ul li:nth-child(3){
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); 
}
.qb_ui_loading ul li:nth-child(4) {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); 
}
.qb_ui_loading ul li:nth-child(5) {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); 
}
.qb_ui_loading ul li:nth-child(6) {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); 
}
.qb_ui_loading ul li:nth-child(7) {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); 
}
.qb_ui_loading ul li:nth-child(8) {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg); 
}
.qb_ui_loading ul li:nth-child(9) {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg); 
}
.qb_ui_loading ul li:nth-child(10) {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); 
}
.qb_ui_loading ul li:nth-child(11) {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg); 
}
.qb_ui_loading ul li:nth-child(12) {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg); 
}
.qb_ui_loading ul li:nth-child(2):before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; 
}
.qb_ui_loading ul li:nth-child(3):before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; 
}
.qb_ui_loading ul li:nth-child(4):before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; 
}
.qb_ui_loading ul li:nth-child(5):before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; 
}
.qb_ui_loading ul li:nth-child(6):before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; 
}
.qb_ui_loading ul li:nth-child(7):before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; 
}
.qb_ui_loading ul li:nth-child(8):before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; 
}
.qb_ui_loading ul li:nth-child(9):before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; 
}
.qb_ui_loading ul li:nth-child(10):before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s; 
}
.qb_ui_loading ul li:nth-child(11):before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; 
}
.qb_ui_loading ul li:nth-child(12):before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s; 
}
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } 
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } 
}
/***加载中层结束***/
/**自定义字段自动生成的表单**/
textarea.layui-textarea{
	width:100%;
	height:100px;
}
input.layui-input{
	width:100%;
}
.xm-select-warp{
	min-width:250px;
}
@media (min-width: 1024px) {
	textarea.layui-textarea{
		width:500px;
		height:100px;
	}
	input.layui-input,.xm-select-warp{
		width:100%;
	}
	.xm-select-warp{
		min-width:350px;
	}
}
/*********** 站内引用  *********/
.topic-box{
	border:1px solid #eee;
	padding:10px;
	position: relative;
	background:#eee;
	border-radius: 5px;
}
.topic-box .topic-img{
	background:#eee;
}
.topic-box .topic-img img{
	width:auto;
	max-width:120px;
	max-height:90px;
}
.topic-box .topic-text{
	position: absolute;
	left:130px;
	top:5px;
}
.topic-box .topic-title{
	line-height:180%;
	font-weight:bold;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}
.topic-box .topic-content{
	color:#888;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	padding-right: 20px;
}
.topic-box .topic-content a{
	color:#888;
}
@media (min-width: 1024px) {
	.topic-box .topic-title{	
		font-size:16px;
	}
	.topic-box .topic-content{
		line-height:180%;
	}
}
@media (max-width: 600px) {
	.topic-box .topic-text{
	position: absolute;
	left:120px;
	top:15px;
}
	.topic-box .topic-title{	
		line-height:120%;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		padding-bottom: 10px;
	}
	.topic-box .topic-content{
		font-size:13px;
		line-height: 18px;
	}
}
/*下拉菜单*/
.more-menu-wap{
	border: 1px solid #cacaca;
	line-height:170%;
	background:#f5f7f9;
	color:#000;
	opacity:0.9;
	box-shadow: 2px 3px 1px 0px #DDD;
}
.more-menu-wap>div{
	padding:5px 3px;
}
.more-menu-wap a:hover{
	color:red;
}
/*碎片标签*/
.c_diypage .headle{
	background:#5eaef5;
	padding-left:10px;
	line-height:35px;
	color:#fff;
}
.c_diypage .headle em,.c_diypage .headle a{
	margin-right:10px;
	cursor:pointer;
}
.c_diypage .headle {background: #409EFF!important;padding-left: 10px;line-height: 35px;font-size: 14px;}
.c_diypage .headle a{color: #fff;}
.ui-sortable > .c_diypage:hover {background:rgba(216,231,250, 0.8);box-shadow: 0 0 8px #27a9e3 ;outline: 2px dashed white;} 
.notify_nw,.notify_ne,.notify_se,.notify_sw{float:left;height:20px;width:20px;background:url(/public/static/others/corners.png) no-repeat}.notify_w,.notify_e{float:left;width:20px;background:url(/public/static/others/sides.png) repeat-y}.notify_center,.notify_bottom{clear:left}.notify_n,.notify_s{float:left;background:url(/public/static/others/corners.png) no-repeat;height:20px;width:250px}.notify_content{float:left;background:#f3ecac;color:#666;width:250px}.notify_center{background:#f3ecac}.notify_n{background-position:-16px -49px;background-repeat:repeat-x}.notify_ne{background-position:-20px 0}.notify_se{background-position:0 -20px}.notify_sw{background-position:-20px -20px}.notify_s{background-position:-16px -70px;background-repeat:repeat-x}.notify_e{background-position:-20px 0}.notification{clear:left;float:left;list-style:none}#notification_area{position:fixed;bottom:50px;right:10px}.notification iframe{border:0}.notification iframe body{margin:0}
/*layer的关闭按钮在WAP中太小了*/
@media (max-width: 800px) {
	.layui-layer-setwin .layui-layer-close1{background-position:-145px  -32px !important;;}.layui-layer-setwin a {width:35px !important;;height:35px !important;;}
	.layui-layer-setwin{top:7px !important;}
	.layui-layer-setwin .layui-layer-max {width: 17px !important;height: 18px !important;}
}
/*标签添加碎片*/
.diy-page-model-btn{background:#55793e;color:#fff;text-align:center;height:40px;line-height:40px;font-size:18px;}