html {
	height: 100%;
	width: 100%;
}
body {
	font-size: 14px;
	padding:8px 8px 68px 8px;
	margin:0px auto;
	width:calc(100% - 16px);
	max-width: calc(800px - 16px);
	background: #ededed;
	display: table;
}
a:link,a:hover, a:active, a:focus {
	text-decoration: none;
}
.fl{float:left;}
.fr{float:right;}

.logo{margin:8px 0 16px 0;}
.logo img{width:120px;}
.banner{margin-bottom: 10px;}
.banner img{border-radius: 10px; width:100%; max-width: 100%;}
.banner video{border-radius: 10px; width:100%; max-width: 100%;}

.pagecon{width:100%;}
.pagecon img{width:100%; max-width: 100%; line-height: 0;}
.pagecon p{margin-block-start:0;margin-block-end:0;display:flex;}

.videolist .video_item{float:left; width:48%; margin-bottom: 5px;}
.videolist .video_item:nth-child(2n){float:right;}
.videolist .video_item img{width:100%; max-width: 100%; border-radius:5px;}
.videolist .video_item span{width:100%; border-radius:5px; display: table;}
.videolist .video_item p{color:#333; text-align: center; margin-block-start:8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.showpage_title{text-align: center; font-size: 16px; margin:20px 0;}

.pageewm{text-align: center; margin-top: 100px;}
#myQrcode{width:256px; margin: 0 auto;}

.bg0{background-image: linear-gradient(to right, #fff , #fff);}
.bg1{background-image: linear-gradient(to right, #e60012 , #eb7a33);}
.bg2{background-image: linear-gradient(to right, #e80911 , #ec8033);}
.bg3{background-image: linear-gradient(to right, #ec160f , #ef8834);}
.bg4{background-image: linear-gradient(to right, #ef260c , #f29235);}
.bg5{background-image: linear-gradient(to right, #f3360a , #f59d35);}
.bg6{background-image: linear-gradient(to right, #f74708 , #f8a736);}
.bg7{background-image: linear-gradient(to right, #fa5705 , #fbb137);}
.bg8{background-image: linear-gradient(to right, #fd6304 , #fdba38);}
.bgs1{background-image: linear-gradient(to right, #fe415e , #ffa24a);}
.bgs2{background-image: linear-gradient(to right, #ff9b00 , #ffd800);}

.shop_link{margin-bottom: 8px; display: table; width:100%;}
.shop_li{padding-bottom: 8px; display: table; width:100%;}
.shop_li .shop_ico{float:left; width:60px; height:60px; border-radius: 10px;}
.shop_li .shop_ico img{border-radius: 10px; width:100%; max-width: 100%;}
.shop_li .shop_name{float:right; width:calc(100% - 70px); height:60px; border-radius: 10px;}
.shop_li .shop_name span{line-height: 60px; color:#fff; font-size: 18px; padding-left: 10px;}
.shop_li a{display: block;}

.navlist{margin-bottom: 10px; height:60px; transition:0.5s;}
.navlist.cur{max-height: var(--max-height);}
.navlist .nl_dt{width:100%; height:60px; border-radius: 10px; transition: 0.5s;}
.navlist .nl_dt i{width:70px; height:60px; text-align: center; line-height: 60px; font-size: 36px; color:#fff; float:left; display:inline-block;}
.navlist .nl_dt span{line-height: 60px; font-size: 22px; color:#fff; float:left; display:inline-block;}
.navlist .nl_dt b{line-height: 60px; font-size: 22px; color:#fff; float:right; display:inline-block; margin-right: 15px; font-weight: normal; transition: 0.5s;}
.navlist .nl_dt b.cur{transform:rotate(90deg);}
.navlist .nl_dd{width:100%; height:0px; border-radius: 10px; margin-top:8px; display:none; overflow: hidden; transition: 0.5s;}
.navlist .nl_dd i{width:70px; height:60px; text-align: center; line-height: 60px; font-size: 36px; color:#fff; float:left; display:inline-block;}
.navlist .nl_dd span{line-height: 60px; font-size: 18px; color:#fff; float:left; display:inline-block;}


.navlist2{margin-bottom: 10px; transition:0.5s;}
.navlist2.cur{max-height: var(--max-height);}
.navlist2 .nl_dt{width:100%; height:60px; border-radius: 10px; transition: 0.5s;}
.navlist2 .nl_dt i{width:70px; height:60px; text-align: center; line-height: 60px; font-size: 36px; color:#fff; float:left; display:inline-block;}
.navlist2 .nl_dt span{line-height: 60px; font-size: 22px; color:#fff; float:left; display:inline-block;}
.navlist2 .nl_dt b{line-height: 60px; font-size: 22px; color:#fff; float:right; display:inline-block; margin-right: 15px; font-weight: normal; transition: 0.5s;}
.navlist2 .nl_dt b.cur{transform:rotate(90deg);}
.navlist2 .nl_dd{width:100%; height:60px; border-radius: 10px; margin-top:8px; overflow: hidden; transition: 0.5s;}
.navlist2 .nl_dd i{width:70px; height:60px; text-align: center; line-height: 60px; font-size: 36px; color:#fff; float:left; display:inline-block;}
.navlist2 .nl_dd span{line-height: 60px; font-size: 18px; color:#fff; float:left; display:inline-block;}


.form_list{ transition:0.5s;width:100%; display: table;}
.form_list .fl_li{width:100%; height:50px; border-radius: 10px; transition: 0.5s; border:1px #ccc solid; background: #fff;margin-bottom: 10px;}
.form_list .fl_li span{width:105px; line-height: 50px; font-size: 16px; text-align: right; color:#666; float:left;}
.form_list .fl_li input{width:calc(100% - 115px); line-height: 45px; font-size: 16px; text-align: left; color:#666; float:left; border:none; background: none;}
.form_list .fl_bnt{width:100%; height:50px; border:none; border-radius: 10px; line-height: 50px; font-size: 16px; text-align: center; transition: 0.5s; color:#fff; margin-bottom: 10px;}


.img_list .il_item{width:48%;float:left;}
.img_list .il_item:nth-child(2n){float:right;}
.img_list .il_item img{width:100%; max-width:100%; border-radius: 10px;}
.img_list .il_item p{text-align: center; color:#333; line-height: 12px;}
.img_list .il_item a{padding-bottom: 15px; display: block;}


.footer{width:100%; height: 50px; border-top:#8f8f8f 1px solid; background: #fff; position: fixed; bottom: 0; z-index: 9999; left:0;}
.footer .fnav{width:50%; float:left; text-align: center;}
.footer .fnav i{color:#333; font-size: 20px; height: 22px; margin-top: 5px; display: block; overflow: hidden;}
.footer .fnav i.cur{color:#e60112;}
.footer .fnav p{color:#333; padding:0; margin:0; font-size: 12px;}

/*---------------------------------------选择日期控件--------------------------------------------*/
.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}
.date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0;margin-top:-1px;position: absolute;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:220px;}
.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}
.date_selector .nav{width: 17.5em;}
.date_selector .nav p{clear: none;}
.form_list .fl_li .date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}
.form_list .fl_li .date_selector .month_nav{float: left;width: 40%;}
.form_list .fl_li .date_selector .year_nav{float: right;width: 40%; margin-right: 25px;}
.form_list .fl_li .date_selector .month_name,.form_list .fl_li .date_selector .year_name{font-weight: bold;line-height: 20px; font-size: 12px; width:100%; text-align: center;}
.form_list .fl_li .date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}
.form_list .fl_li .date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}
.form_list .fl_li .date_selector .prev{left: 0;}
.form_list .fl_li .date_selector .next{right: 0;}
.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;}
.date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}
.date_selector th{font-size: 12px;}
.date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;}
.date_selector td.today{background: #eee;}
.date_selector td.unselected_month{color: #ccc;}
.date_selector td.selectable_day{cursor: pointer;}
.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}
/*-----------------------------------------------------------------------------------*/

.downlist{width:calc(100% - 20px); margin:8px 10px; border-bottom:1px #ccc dotted; display: table;}
.downlist .fl{font-size: 16px; line-height:1.5; width:85%;}
.downlist .fl p{margin-block-start:0;margin-block-end: 0;}
.downlist .fl span{color:#777; font-size: 12px;}
.downlist .fr{width:15%;}
.downlist .fr a{width:95%; height:24px; text-align: center; line-height: 24px; display: inline-block; color:#fff; float:right; border-radius: 5px; margin-top: 10px;}
/*-----------------------------------------------------------------------------------*/

.pagination {padding: 0;margin: 20px auto;border-radius: 4px;text-align: center;}
.pagination>li {display: inline;}
.pagination>li>a, .pagination>li>span {position: relative;padding: 6px 12px;margin-left: -5px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
/*-----------------------------------------------------------------------------------*/