:root{
	--Color: #2196F3;
	--Color-light: #52acf5;
	--Size-xxs: 10px;
	--Size-xs: 12px;
	--Size-s: 13px;
	--Size-x: 15px;
	--Size-m: 16px;
	--Size-l: 18px;
}
html,body{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a:hover{
	text-decoration: none;
	cursor: pointer;
}
div,p,span,a{
	color: #333333;
}

/* 文本对齐 */
.text-center{text-align: center}
.text-left{text-align:left}
.text-right{text-align: right;}

/* 字体粗细 */
.fb{font-weight:bold;}
.fn{font-weight:normal;}

/* 字体大小 */
.f-10{font-size:10px;}
.f-11{font-size:11px;}
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-24{font-size:24px;}
.f-30{font-size:30px;}
.f-35{font-size: 35px;}
.f-40{font-size: 40px;}
.f-50{font-size: 50px;}

/* 字体颜色 */
.f-red {color: #fa5151 !important; }
.f-green {color: #07c160 !important; }
.f-green-dark{color: darkgreen;}
.f-blue {color: #2196F3 !important; }
.f-blue-dark{color: #356fb9;}
.f-purple{color:purple !important; }
.f-gold {color: #FFD700 !important; }
.f-orange {color: #FF6600 !important; }
.f-burlywood{color:burlywood}
.f-gray {color: #CCCCCC !important; }
.f-gray-dark {color: #999999 !important; }
.f-black {color: #333 !important; }
.f-gray-light{color: #ebeff3;}
.f-white {color: #FFF !important; }

/* 背景颜色 */
.bg-none{background-color:transparent;}
.bg-red{background-color:#fa5151;}
.bg-red-dark{background-color:#e8261d}
.bg-hotpink{background-color: hotpink;}
.bg-fuchsia{background-color: fuchsia;}
.bg-green{background-color:#07c160;}
.bg-green-light{background-color: #98c87d}
.bg-green-even{background-color: #007700;}
.bg-green-dark{background-color: darkgreen;}
.bg-green-sea{background-color: lightseagreen;}
.bg-green-grass{background-color: #8fbeb8}
.bg-blue {background-color: #4470df;}
.bg-blue-lightsky{background-color: rgb(5,150,237);}
.bg-blue-sea{background-color: #79b6f0}
.bg-blue-even{background-color: #00008B;}
.bg-blue-darksky{background-color: rgb(5,80,170);}
.bg-blue-dodger{background-color: dodgerblue;}
.bg-blue-cadet{background-color: cadetblue;}
.bg-blue-light{background-color: lightblue;}
.bg-blue-sky{background-color: skyblue;}
.bg-blue-slate{background-color:slateblue;}
.bg-purple{background-color:purple; }
.bg-darkviolet{background-color:darkviolet;}
.bg-gold {background-color: #FFD700 !important; }
.bg-gold-even {background-color: #EEAD0E; }
.bg-orange {background-color: #FF6600;}
.bg-orange-light{background-color: #ffe4bc;}
.bg-orange-even{background-color: tomato;}
.bg-orange-red{background-color: orangered;}
.bg-orange-dark{background-color: darkorange;}
.bg-burlywood{background-color:burlywood}
.bg-gray {background-color: #e0e0e0;}
.bg-gray-light{background-color: #ebeff3;}
.bg-gray-dark {background-color: #999999  }
.bg-gray-green{background-color: #b8bfaf}
.bg-black {background-color: #333; }
.bg-white{background-color:#FFFFFF;}
.bg-sky-blue{background-color:#2196F3;}

/* 透明背景颜色 */
.bg-rgb-red{background-color:rgba(250,81,81,0.3);}
.bg-rgb-green{background-color:rgba(66,179,16, 0.23);}
.bg-rgb-blue {background-color:rgba(0, 151, 255, 0.23);}
.bg-rgb-purple{background-color:rgba(138,43,226, 0.5); }
.bg-rgb-gold {background-color: rgba(	255,215,0,.5); }
.bg-rgb-orange{background-color:rgba(255,102,0, 0.53);}
.bg-rgb-gray {background-color: rgba(44,44,44, 0.3)}
.bg-rgb-gray-dark {background-color: rgba(44,44,44, 0.7) }

/* 渐变背景颜色 */
.bg-grd-white{background:-webkit-linear-gradient(top left,#ffffff,#ebeff3);}
.bg-grd-tomato{background:-webkit-linear-gradient(top left, #ff9a5d, tomato);}
.bg-grd-firebrick{background:-webkit-linear-gradient(top left,#B22222,#DC143C);}
.bg-grd-mediumvioletred{background: -webkit-linear-gradient(top left,#C92079,#C71585);}
.bg-grd-midnightblue{background: -webkit-linear-gradient(top left,#191970,#00008B);}
.bg-grd-blue{background:-webkit-linear-gradient(top left,#0066FF,#1E90FF);}
.bg-grd-darkblue{background: -webkit-linear-gradient(rgb(5,150,237),rgb(5,80,170));}
.bg-grd-lightblue{background:-webkit-linear-gradient(top left,#1EA6E2,#1EA6E2);}
.bg-grd-green{background:-webkit-linear-gradient(top left,#007700,#00AA00);}
.bg-grd-darkgreen{background:-webkit-linear-gradient(top left,#006400,#008B00);}
.bg-grd-limegreen{background: -webkit-linear-gradient(top left,#36AB60,#32CD32);}
.bg-grd-darkcyan{background:-webkit-linear-gradient(top left,#008B8B,#009ACD);}
.bg-grd-cyan{background:-webkit-linear-gradient(top left,#008080,#20B2AA);}
.bg-grd-orange{background:-webkit-linear-gradient(top left,#F74A21,#FF6600);}
.bg-grd-purple{background:-webkit-linear-gradient(top left,#9900CC,#CC00FF);}
.bg-grd-burlywood{background:-webkit-linear-gradient(top left,#FFE4B5,burlywood);}
.bg-grd-gold{ background:-webkit-linear-gradient(top left,#EEAD0E,#FFC125);background:linear-gradient(top left, #EEAD0E,#FFC125);}
.bg-grd-gray{background:-webkit-linear-gradient(top left,#696969,#999);}
.bg-grd-black{background:-webkit-linear-gradient(top left,#333333,#696969);}

/* 边框颜色 */
.b-none{border:none}
.bl-none{border-left: none;}
.br-none{border-right: none;}
.bt-none{border-top: none;}
.bb-none{border-bottom: none;}
.b-red{border: 1px solid #fa5151!important;}
.b-green{border: 1px solid #07c160!important;}
.b-purple{border: 1px solid purple; }
.b-blue {border: 1px solid #4470df;}
.b-blue-dodger{border:1px solid dodgerblue;}
.b-gold {border: 1px solid #FFD700!important;}
.b-orange{border: 1px solid #FF6600!important;}
.b-burlywood{border:1px solid burlywood!important;}
.b-gray {border: 1px solid #e0e0e0!important;}
.b-gray-dark {border: 1px solid #999!important;}
.b-white{border:1px solid #FFFFFF;}
.bl-gray {border-left: 1px solid #e0e0e0;}
.bl-gray-dark{border-left: 1px solid #999;}

/* 按钮、输入框边框 */
button.b-red,input.b-red {border: 1px solid #fa5151;}
button.b-green,input.b-green {border: 1px solid #07c160;}
button.b-purple,input.b-purple {border: 1px solid purple;}
button.b-blue,input.b-blue {border: 1px solid #356fb9;}
button.b-gold,input.b-gold {border: 1px solid #FFD700;}
button.b-orange,input.b-orange {border: 1px solid #FF6600;}
button.b-burlywood,input.b-burlywood {order: 1px solid burlywood;}
button.b-gray,input.b-gray {border: 1px solid #e0e0e0; }
button.b-gray-dark,input.b-gray-dark {border: 1px solid #999;}

/* 按钮背景 */
button.bg-red{background-color: #fa5151;}
button.bg-green{background-color: #07c160;}
button.bg-purple{background-color: purple;}
button.bg-blue{background-color: #4470df;}
button.bg-gold{background-color: #FFD700;}
button.bg-orange{background-color:  #FF6600;}
button.bg-burlywood{background-color: burlywood;}
button.bg-gray {background-color: #e0e0e0;}
button.bg-gray-dark{background-color:  #999;}

/* 浮动float */
.fl{float:left}
.fr{float:right}

/* 圆角 */
.brn{border-radius: 0}
.br{border-radius: 50%}
.br5{border-radius: 5px}
.br10{border-radius: 10px}
.br20{border-radius: 20px}
.br24{border-radius: 24px}

.brrn{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.blrn{border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* 定位 */
.rel{position: relative;}
.abs{position: absolute;}

/* 显示方式 */
.block{display: block;}
.inline-block{display: inline-block;}

/* 边距 */
.pdn{padding: 0 !important;}
.pds{padding: 2px}
.pdx{padding: 5px;}
.pdm{padding: 10px;}
.pdl{padding: 20px;}
.pdxl{padding: 30px;}
.pdxm{padding: 15px;}

.ptn{padding-top: 0;}
.pts{padding-top: 2px}
.ptx{padding-top: 5px}
.ptm{padding-top: 10px}
.ptl{padding-top: 20px}
.ptxl{padding-top: 30px}
.ptxm{padding-top: 15px;}

.pln{padding-left: 0;}
.pls{padding-left: 2px}
.plx{padding-left: 5px}
.plm{padding-left: 10px}
.pll{padding-left: 20px}
.plxl{padding-left: 30px}
.plxm{padding-left: 15px;}

.prn{padding-right: 0;}
.prs{padding-right: 2px}
.prx{padding-right: 5px}
.prm{padding-right: 10px}
.prl{padding-right: 20px}
.prxl{padding-right: 30px}
.prxm{padding-right: 15px;}

.pbn{padding-bottom: 0;}
.pbs{padding-bottom: 2px}
.pbx{padding-bottom: 5px}
.pbm{padding-bottom: 10px}
.pbl{padding-bottom: 20px}
.pbxl{padding-bottom: 30px}
.pbxm{padding-bottom: 15px;}

.mdn{margin: 0;}
.mds{margin: 2px}
.mdx{margin: 5px;}
.mdm{margin: 10px;}
.mdl{margin: 20px;}
.mdxl{margin: 30px;}
.mdxm{margin: 15px;}

.mtn{margin-top: 0;}
.mts{margin-top: 2px}
.mtx{margin-top: 5px}
.mtm{margin-top: 10px}
.mtl{margin-top: 20px}
.mtxl{margin-top: 30px}
.mtxm{margin-top: 15px;}

.mln{margin-left: 0;}
.mls{margin-left: 2px}
.mlx{margin-left: 5px}
.mlm{margin-left: 10px}
.mll{margin-left: 20px}
.mlxl{margin-left: 30px}
.mlxm{margin-left: 15px;}

.mrn{margin-right: 0;}
.mrs{margin-right: 2px}
.mrx{margin-right: 5px}
.mrm{margin-right: 10px}
.mrl{margin-right: 20px}
.mrxl{margin-right: 30px}
.mrxm{margin-right: 15px;}

.mbn{margin-bottom: 0;}
.mbs{margin-bottom: 2px}
.mbx{margin-bottom: 5px}
.mbm{margin-bottom: 10px}
.mbl{margin-bottom: 20px}
.mbxl{margin-bottom: 30px}
.mbxm{margin-bottom: 15px;}

/* 图片大小 对齐方式 */
.imgtop{vertical-align:text-top;}
.imgmid{vertical-align:middle;}
.imgbot{vertical-align:text-bottom;}
.img-10{width: 10px;height: 10px}
.img-12{width: 12px;height: 12px}
.img-14{width: 14px;height: 14px}
.img-16{width: 16px;height: 16px}
.img-18{width: 18px;height: 18px}
.img-20{width: 20px;height: 20px}
.img-22{width: 22px;height: 22px}
.img-24{width: 24px;height: 24px}
.img-26{width: 26px;height: 26px}
.img-28{width: 28px;height: 28px}
.img-30{width: 30px;height: 30px}
.img-32{width: 32px;height: 32px}
.img-36{width: 36px;height: 36px}
.img-38{width: 38px;height: 38px}
.img-42{width: 42px;height: 42px}
.img-48{width: 48px;height: 48px}
.img-64{width: 64px;height: 64px}
.img-72{width: 72px;height: 72px}

/* 显示隐藏 */
.hidden{display: none}
.show{display: block}

/* 定位 */
.pr-tl{position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pr-t{position: relative;top: 50%;transform: translateY(-50%);}
.pr-l{position: relative;left: 50%;transform: translateX(-50%);}
.pa-tl{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pa-t{position: absolute;top: 50%;transform: translateY(-50%);}
.pa-l{position: absolute;left: 50%;transform: translateX(-50%);}

/* 文字间距 */
.ls-01{letter-spacing: .1em;}
.ls-02{letter-spacing: .2em;}
.ls-03{letter-spacing: .3em;}
.ls-05{letter-spacing: .5em;}
.ls-1{letter-spacing: 1em;}
.ls-2{letter-spacing: 2em;}
.ls-3{letter-spacing: 3em;}
.ls-4{letter-spacing: 4em;}
.ls-5{letter-spacing: 5em;}

/* 阴影 */
.shadow-b{box-shadow: 0px 15px 10px -15px #999;}
.shadow-def{box-shadow: 1px 1px 1px #f1f1f1;}

/* 超出隐藏 */
.exceed{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.exceed-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 通用样式 */
.page{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
}
.page.ft_nav{padding-bottom: 53px;}
/*.head_img,.head_img>img{height: 420px;}*/
.head_img,.head_img>img{height: 190px;}
.head_img>img{width: 100%;}
.page>.page__hd{padding: 30px;}
.page__bd .tit{font-size: var(--Size-x);}
.page__bd .txt{font-size: var(--Size-s);}
.page__bd .max-wh{width: 100%;height: 100%;}
.page>.page__ft{  padding-top: 40px;  padding-bottom: 10px;  }
.page__ft.j_bottom {  position: absolute;  bottom: 0;  left: 0;  right: 0;  }
.page__ft img { height: 19px;  }
.page .flex_none{flex: none;}
.page .weui-flex>.width_10{width: 10%;}
.page .weui-flex>.width_20{width: 20%;}
.page .weui-flex>.width_25{width: 25%;}
.page .weui-flex>.width_33{width: 33.33%;}
.page .weui-flex>.width_50{width: 50%;}
.page .weui-flex>.width_60{width: 60%;}
.page .weui-flex>.width_70{width: 70%;}
.page .weui-flex>.width_75{width: 75%;}
.page .weui-flex>.width_80{width: 80%;}
.page .weui-flex>.width_90{width: 90%;}

.page a.bg-blue:active{background-color: #356fb9;}

.no__data{text-align: center;}
.no__data>img{width: 80px;}
.no__data>span{color: #9093aa;}

@media (min-width: 350px){
    .sm_show{display: block;}
}

/* weui样式重写 */
.weui-dialog__title{font-size: var(--Size-x);}
.weui-dialog__btn.primary{
	font-size: var(--Size-x);
	color: var(--Color);
}
.weui-dialog__btn.default{font-size: var(--Size-x);}
.weui-navbar__item{
	font-size: var(--Size-m);
	background-color: #fff;
}
.weui-navbar__item:after{border: 0;}
.weui-navbar__item.weui-bar__item--on{
	background-color: #fff;
	border-bottom: 3px solid var(--Color);
	color: var(--Color);
}

.weui-search-bar__cancel-btn{color: var(--Color);}
.weui-search-bar .weui-icon-search{font-size: var(--Size-x);}
.weui-search-bar .weui-search-bar__input{font-size: var(--Size-x);}
.weui-search-bar .weui-search-bar__label{font-size: var(--Size-x);}
.weui-search-bar .weui-search-bar__cancel-btn{font-size: var(--Size-x);}

.weui-media-box__title{font-size: var(--Size-m);}
.weui-media-box__desc{font-size: var(--Size-x);}
.weui-media-box__info{line-height: 1.2em;}
.weui-media-box__info__meta,.weui-media-box__info__meta>i{font-size: 14px;}

.weui-article>hi{font-size: var(--Size-l);}
.weui-article h2{font-size: var(--Size-m);}
.weui-article h3,.weui-article div,.weui-article p{font-size: var(--Size-x);}

.weui-toast>.weui-toast_content{
	color: white;
	font-size: var(--Size-x);
}

.weui-tabbar{background-color: white;}
.weui-tabbar .weui-tabbar__label{font-size: var(--Size-xs);}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label{color: var(--Color);}

.toolbar .title{font-size: var(--Size-m);}
.toolbar .picker-button{
	font-size: var(--Size-m);
	color: var(--Color);
}
.weui-picker-modal .picker-item{font-size: var(--Size-l);}

.weui-toast.weui-toast_cancel>.weui-toast_content{font-size: var(--Size-x);}

/* swiper轮播 */
.swiper-wrapper{
	width: 100%;
	height: 100%;
	min-height: 180px;
}
.swiper-wrapper>.swiper-slide,.swiper-wrapper>.swiper-slide>img{
	width: 100%;
	height: 100%;
}
.swiper-pagination-bullet-active{background-color: var(--Color);}

/* 自动填充 */
.autoCompleter{
	position: absolute;
	top: 30px;
	box-shadow: 2px 2px 5px #9a9;
	background-color: white;
	width: 276px;
}
.autoCompleter>.nodata{
	padding: 8px 10px;
	text-align: center;
	font-size: 14px;
	color: #999999;
}
.autoCompleter>ul{margin-bottom: 0;}
.autoCompleter>ul>li{
	padding: 8px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
}
.autoCompleter>ul>li.bt{border-bottom: 1px solid #e0e0e0;}
.autoCompleter>ul>li:active{background-color: #e5e5e5;}