@charset "utf-8";
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ 
pre, /* text formatting elements 文本格式元素 */
 form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ 
 th, td /* table elements 表格元素 */ {
	margin:0;
	padding:0;
}
/**
* @ 设置默认字体 *
* @ 这里的\5b8b\4f53就是代表宋体
* @注释乱码：强烈建议不要用中文注释。font-family:'宋体'
* @常用中文字体解码
新细明体 \65B0\7EC6\660E\4F53
细明体 \7EC6\660E\4F53
标楷体 \6807\6977\4F53
黑体 \9ED1\4F53
宋体 \5B8B\4F53
新宋体 \65B0\5B8B\4F53
仿宋 \4EFF\5B8B
楷体 \6977\4F53
仿宋_GB2312 \4EFF\5B8B_GB2312
楷体_GB2312 \6977\4F53_GB2312
微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1
*/
/**,*:active,*:active,*:link{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color:rgba(0,0,0,0);
	tap-highlight-color:transparent;
	border-style:none; outline:none;
}*/
body{-webkit-text-size-adjust:none; /*如果文字＜12px无效*/
	-webkit-touch-callout:none;/*禁止用户在新窗口弹出页面*/
	-webkit-user-select:none;
}
body, button, input, select, textarea /* for ie */ {
	font:12px/1.5 Tahoma, Arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
address, cite, dfn, em, b,caption,code,strong,th,var,em,i{
	font-style:normal;
	font-weight:normal;
} /* 将斜体扶正 */
code, kbd, pre, samp {
	font-family:courier new, courier, monospace;
} /* 统一等宽字体 */
small {
	font-size:12px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol ,li,dl,dh{
	list-style:none;
}
/** 重置文本格式元素 **/
a {
	color:#bf2c2a;
	text-decoration:none;
}
a:hover {
	
	text-decoration:none;
}
sup {
	vertical-align:text-top;
} /* 重置，减少对行高的影响 */
sub {
	vertical-align:text-bottom;
}
a:hover,a:active, input, :focus { outline:none;}
/** 重置表单元素 **/
legend {
	color:#000;
} /* for ie6 */
fieldset, img {
	border:0;-ms-interpolation-mode:bicubic;
} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
	font-size:100%;
	-webkit-appearance:none;
	border-radius: 0;
	border:none;
} /* 使得表单元素在 ie 下能继承字体大小 */
input::-webkit-input-placeholder{color:#999;}
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
	border-collapse:collapse;
	border-spacing:0;
	word-break:break-all;
}
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	display:block;
	margin:0;
	padding:0;
}
/*兼容android样式*/
select{
	appearance: none;
	-webkit-appearance: none;
}
mark {background:#ff0;}
/* 遮罩层。 */
.mask {background-color:#000;opacity:0.3;filter:alpha(opacity=30);}
/*改变文字选中默认背景颜色*/
::selection { background:#8DB040; color:#fff; }
::-moz-selection { background:#8DB040; color:#fff; }
::-webkit-selection { background:#8DB040; color:#fff; }

/* 隐藏 */
.hidden {display:none;}
.invisible {visibility:hidden;}
/* 清除浮动 */
.clear:after {
	content:'\20';
	display:block;
	height:0;
	clear:both;
}
.clear {	*zoom:1;}
/*行块*/
.inlineBlock{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
/*重置盒子模型模式*/
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:'Arial','\5FAE\8F6F\96C5\9ED1';}
/*设置按钮得到光标属性显示为手型*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer;-webkit-appearance:button; *overflow:visible}
/*重置系统选择按钮*/
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0;}
/*同一搜索按钮UI*/
input[type="search"] { -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
/*重置火狐浏览器中按钮的文字垂直对齐问题*/
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0;}
.bkw { word-break:break-all; word-wrap:break-word;overflow:hidden;}
.ellip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*重置滚动条样式*/
::-webkit-scrollbar{
	width:3px;
	height:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	background:#2b2b2b;
	display:none;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb{
	border-radius:999px;
	border:3px solid transparent;
}

::-webkit-scrollbar-track{
	box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset; display:none;
}

::-webkit-scrollbar-thumb{
	min-height:20px;
	background-clip:content-box;
	box-shadow:0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner{
	background:transparent;
}

div, ul, li, dl, dt, dd, p, span, em, i, a,
header, section, footer{
	-webkit-tap-highlight-color:rgba(0,0,0,0);/* 清除手机中点击出现的高亮边框 */
	/*-webkit-text-size-adjust:none;*//* 清除默认字体大小 */
}
/*适配rem*/
html,body{height:100%;}
@media screen and (max-width:320px) {
	html {
		font-size:30px;
	}
}

@media screen and (min-width:320px) and (max-width:374px) {
	html {
		font-size:32px;
	}
}

@media screen and (min-width:375px) and (max-width:399px) {
	html {
		font-size: 37.5px;
	}
}

@media screen and (min-width:400px) and (max-width:429px) {
	html {
		font-size: 41.4px;
	}
}

@media screen and (min-width:430px) and (max-width:484px) {
	html {
		font-size: 43px
	}
}
@media screen and (min-width:485px) and (max-width:539px) {
		html {
			font-size: 48.5px
		}
}
@media screen and (min-width:540px){
	html {
		font-size: 54px
	}
}

/*白版背景*/
body{background:#F5F5F5;}

/*下划线*/
.solid-bottom{position:relative;}
.solid-bottom:after {
	content:'';
	pointer-events:none;
	width:100%;
	height: 1px;
	margin-bottom: -1px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	-webkit-transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform: scaleY(0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e5e5e5;
}
.abso-center{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
	margin: auto;
}
.base-solid{position:relative;}
.base-solid:after{
	content:''; width:200%; height:200%; border:1px solid #e5e5e5;
	position:absolute; top:0; left:0; z-index:100;
	transform:scale(0.5); transform-origin:0 0;
	-webkit-transform:scale(0.5); -webkit-transform-origin:0 0;
	pointer-events:none;
}

/*盒子*/
.fixed-head{position:fixed; top:0; right:0; left:0; z-index:1000;}
.fixed-main{height:100%; position:relative;/* overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;*/}
.fixed-foot{position:fixed; right:0; bottom:0; left:0;}

/*宽度设置*/
.w1{width:100%;}
.w2{width:50%;}
.w3{width:33.33%;}
.w4{width:25%;}
.w5{width:20%;}
.w15{width:15%}
.w20{width:20%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w60{width:60%;}
.w65{width:65%;}
.w75{width:75%;}

/*字体大小*/
.fz22{font-size:.2933rem;}
.fz24{font-size:.32rem;}
.fz26{font-size:.3467rem;}
.fz28{font-size:.3733rem;}
.fz30{font-size:.4rem;}
.fz32{font-size:.4267rem;}
.fz33{font-size:.44rem;}
.fz34{font-size:.4533rem;}
.fz36{font-size:.48rem;}
.fz40{font-size:.5333rem;}
.fz46{font-size:.6133rem;}
.fz50{font-size:.6667rem;}
.fz52{font-size:.6933rem;}
.fz56{font-size:.7467rem;}
.fz64{font-size:.8533rem;}
.fz72{font-size:.96rem;}

.fw5{font-weight:600;}

/*文本位置*/
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.taj{text-align:justify;}

/*文本行高*/
.lh24{line-height:.32rem;}
.lh26{line-height:.3467rem;}
.lh28{line-height:.3733rem;}
.lh30{line-height:.4rem;}
.lh32{line-height:.4267rem;}
.lh34{line-height:.4533rem;}
.lh36{line-height:.48rem;}
.lh40{line-height:.5333rem;}
.lh42{line-height:.56rem;}
.lh44{line-height:.5867rem;}
.lh46{line-height:.6133rem;}
.lh48{line-height:.64rem;}
.lh50{line-height:.6667rem;}
.lh52{line-height:.6933rem;}
.lh54{line-height:.72rem;}
.lh60{line-height:.8rem;}
.lh64{line-height:.8533rem;}
.lh70{line-height:.9333rem;}
.lh72{line-height:.96rem;}
.lh84{line-height:1.12rem;}
.lh88{line-height:1.1733rem;}
.lh90{line-height:1.2rem;}
.lh100{line-height:1.3333rem;}

/*字体颜色*/
.c333{color:#333;}
.c666{color:#666;}
.c888{color:#888;}
.c999{color:#999;}
.cccc{color:#ccc;}
.ce5{color:#e5e5e5;}
.red{color:#FF4540;}/*红*/
.green{color:#01BD78;}/*绿*/
.orange{color:#FF8840;}/*橙*/
.blue{color:#00A9F8;}/*蓝*/
.white{color:#fff;}/*白*/

.o7{opacity:.7;}
.o8{opacity:.8;}

/*边距设置*/
.mt15{margin-top:.2rem;}
.mt16{margin-top:.2133rem;}
.mt20{margin-top:.2667rem;}
.mt36{margin-top:.48rem;}
.mt101{margin-top: 1.1rem;}


.mr6{margin-right:.08rem;}
.mr30{margin-right:.4rem;}

.mb10{margin-bottom:.1333rem;}
.mb20{margin-bottom:.2667rem;}
.mb30{margin-bottom:.4rem;}
.mb50{margin-bottom:.6667rem;}

.ml6{margin-left:.08rem;}
.ml30{margin-left:.4rem;}

/*填充设置*/
.pt6{padding-top:.08rem;}
.pt12{padding-top:.16rem;}
.pt15{padding-top:.2rem;}
.pt18{padding-top:.24rem;}
.pt20{padding-top:.2667rem;}
.pt21{padding-top:.28rem;}
.pt24{padding-top:.32rem;}
.pt25{padding-top:.3333rem;}
.pt26{padding-top:.3467rem;}
.pt30{padding-top:.4rem;}
.pt36{padding-top:.48rem;}
.pt40{padding-top:.5333rem;}
.pt42{padding-top:.56rem;}
.pt50{padding-top:.6667rem;}
.pt54{padding-top:.72rem;}
.pt60{padding-top:.8rem;}
.pt70{padding-top:.9333rem;}

.pr6{padding-right:.08rem;}
.pr12{padding-right:.16rem;}
.pr15{padding-right:.2rem;}
.pr24{padding-right:.32rem;}
.pr30{padding-right:.4rem;}
.pr36{padding-right:.48rem;}
.pr54{padding-right:.72rem;}
.pr66{padding-right:.88rem;}
.pr90{padding-right:1.2rem;}

.pb6{padding-bottom:.08rem;}
.pb12{padding-bottom:.16rem;}
.pb15{padding-bottom:.2rem;}
.pb18{padding-bottom:.24rem;}
.pb20{padding-bottom:.2667rem;}
.pb22{padding-bottom:.2933rem;}
.pb24{padding-bottom:.32rem;}
.pb25{padding-bottom:.3333rem;}
.pb26{padding-bottom:.3467rem;}
.pb30{padding-bottom:.4rem;}
.pb36{padding-bottom:.48rem;}
.pb40{padding-bottom:.5333rem;}
.pb50{padding-bottom:.6667rem;}
.pb70{padding-bottom:.9333rem;}

.pl6{padding-left:.08rem;}
.pl12{padding-left:.16rem;}
.pl15{padding-left:.2rem;}
.pl18{padding-left:.24rem;}
.pl20{padding-left:.2667rem;}
.pl24{padding-left:.32rem;}
.pl30{padding-left:.4rem;}
.pl34{padding-left:.4533rem;}
.pb36{padding-bottom:.48rem;}
.pl40{padding-left:.5333rem;}
.pl48{padding-left:.64rem;}
.pl81{padding-left:1.08rem;}
.pl90{padding-left:1.2rem;}

/*背景颜色*/
.bg-f8{background:#F8F8F8;}
.bg-bg{background:#F5F5F5;}
.bg-ccc{background:#ccc;}
.bg-red{background:#FF4540;}/*红*/
.bg-orange{background:#FF8840;}/*橙*/
.bg-blue{background:#00A9F8;}/*蓝*/
.bg-white{background:#fff;}/*白*/

/*弹性盒子元素在主轴（横轴）方向上的对齐方式*/
.fw-w{flex-wrap:wrap;}/*让弹性盒元素在必要的时候拆行*/
.jc-fs{justify-content:flex-start; display:flex; -webkit-justify-content:flex-start; display:-webkit-flex;}/*位于容器的开头*/
.jc-fe{justify-content:flex-end; display:flex; -webkit-justify-content:flex-end; display:-webkit-flex;}/*位于容器的结尾*/
.jc-c{justify-content:center; display:flex; -webkit-justify-content:center; display:-webkit-flex;}/*位于容器的中心*/
.jc-sb{justify-content:space-between; display:flex; -webkit-justify-content:space-between; display:-webkit-flex;}/*位于各行之间留有空白的容器内*/
.jc-sa{justify-content:space-around; display:flex; -webkit-justify-content:space-around; display:-webkit-flex;}/*位于各行之前、之间、之后都留有空白的容器内*/

/*基础头部TAB切换样式*/
.tab-head{justify-content:space-around; display:flex; -webkit-justify-content:space-around; display:-webkit-flex;}
.tab-head > li{}
.tab-head > li > span{display:inline-block; position:relative;}
.tab-head > li.curr > span{color:#ff4540;}
.tab-head > li.curr > span:after{
	content:''; width:.56rem; height:1px; margin-left:-.28rem; border-bottom:.04rem solid #ff4540;
	position:absolute; left:50%; bottom:0;
}
/*基础头部TAB切换样式-新的-更灵活*/
/*
.down 选中值底部加下划线
 */
.base-tab{justify-content:space-around; display:flex; -webkit-justify-content:space-around; display:-webkit-flex;}
.base-tab.in{justify-content:center; -webkit-justify-content:center;}
.base-tab > li{}
.base-tab > li > p{position:relative;}
.base-tab > li.curr > p{color:#FF4540;}
.base-tab.down > li.curr > p:after{
	content:''; width:.56rem; height:1px; margin-left:-.28rem; border-bottom:.04rem solid #FF4540;
	position:absolute; left:50%; bottom:0;
}

/*带外边框的TAB样式*/
.tab-in{justify-content:center; display:flex; -webkit-justify-content:center; display:-webkit-flex;}
.tab-in > li{width:2.2933rem; height:.7733rem; border:1px solid #e5e5e5; text-align:center; line-height:.7467rem; position:relative;}
.tab-in > li.curr{border-color:#FFC3C5; color:#FF4540; z-index:1;}
.tab-in > li:first-of-type{border-top-left-radius:.4rem; border-bottom-left-radius:.4rem;}
.tab-in > li:last-of-type{border-top-right-radius:.4rem; border-bottom-right-radius:.4rem;}

/*基础标题样式*/
.title{padding-right:.4rem; padding-left:.4rem; justify-content:space-between; display:flex; -webkit-justify-content:space-between; display:-webkit-flex;}
.title > p{position:relative;}
.title > p:nth-of-type(1){display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
/*---- 主标题左侧红色竖条*/
.title > .icon{padding-left:.3067rem;}
.title > .icon:before{
	content:''; width:.135rem; height:.427rem; margin-top:-.2rem; background:#FF4540;
	position:absolute; top:50%; left:0;
}
/*---- 右侧展示箭头*/
.title > .arrow{padding-right:.4rem; position:relative;}
.title > .arrow:before{
	content:''; width:0; margin-top:-.2rem;
	border-left:.18rem solid #999;
	border-top:.16rem solid transparent;
	border-bottom:.16rem solid transparent;
	position:absolute; top:50%; right:0;
}
.title > .arrow:after{
	content:''; width:0; margin-top:-.2rem;
	border-left:.18rem solid #fff;
	border-top:.16rem solid transparent;
	border-bottom:.16rem solid transparent;
	position:absolute; top:50%; right:1px;
}

/*基础数据列表样式*/
.dataList{}
.dataList > li:nth-of-type(2){padding-top:.2rem;}
.dataList > li:last-of-type{padding-bottom:.2rem;}
.dataList > li > div:nth-of-type(1){padding:.2rem 0; justify-content:flex-start; display:flex; -webkit-justify-content:flex-start; display:-webkit-flex;}
.dataList > li:nth-of-type(1) > div:nth-of-type(1){background:#f8f8f8; font-size:.3467rem; line-height:.3467rem; color:#888;}
.dataList > li > div:nth-of-type(1) > p:first-of-type{padding-left:.4rem; text-align:left;}
.dataList > li > div:nth-of-type(1) > p:last-of-type{padding-right:.4rem;}
.dataList > li > div > p > span{display:block;}

/*基础标题样式-新的-更灵活*/
.base-title{padding-right:.4rem; padding-left:.4rem; justify-content:space-between; display:flex; -webkit-justify-content:space-between; display:-webkit-flex;}
.base-title > dt,
.base-title > dd{position:relative;}
.base-title > dt{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.base-title > dt.y-axis{padding-left:.3067rem;}
.base-title > dt.y-axis:before{
	content:''; width:.08rem; height:.4rem; margin-top:-.2rem; background:#FF4540;
	position:absolute; top:50%; left:0;
}
.base-title > dd.arrow{padding-right:.4rem;}
.base-title > dd.arrow:after{
	content:''; width:.2rem; height:100%;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAAXNSR0IArs4c6QAAAStJREFUOBGdlE1ugzAUhAMKEqwjtT1C25wgy+QGzQGQWHApWCBxgHaRPexyg/wcoY2UPQIJOmNhZAgOTiwZCz9/b55HtmezJ5tFLoqiXdM0C9u2v8Iw/DPJZXMRIQyruq6zOI5fjUEqWZZ1AvBpCgtFlgdwrcJpmr7cUxZ7lAtYJsrO0T8wd/Q8b+37/kXG1bEHMmAK34Cm8ChoAgtzuHDYhoYVRZGphmkVZaIkSd6qqspoGFw/uK67oWFaRQkGQfDrOM4G/2fASyh/MzYJygTDcRJkqWVZ5gDf21K3THIXlPtTILE/glpz1IOgmkKIbVRRhbDmKJ0URPu5URxCuvPaA00hinbgI1AHPgoRnPODW/+DQdxBvAad5YzpmnAVdl/R94RMHytdwsn5fyo20ykjTEbhAAAAAElFTkSuQmCC) no-repeat center;
	background-size:.1867rem .32rem;
	position:absolute; top:0; right:0;
}

/*基础列表样式-新的-更灵活*/
.base-list{}
.base-list > li > ul{text-align:right; justify-content:flex-start; display:flex; -webkit-justify-content:flex-start; display:-webkit-flex;}
.base-list > li > ul > li:first-of-type{padding-left:.4rem; text-align:left;}
.base-list > li > ul > li:last-of-type{padding-right:.4rem;}


/*----可横划*/
.dataList-slide{justify-content:flex-start; display:flex; -webkit-justify-content:flex-start; display:-webkit-flex; position:relative;}
.dataList-slide.icon:after{
	content:''; width:0;
	border-left:.12rem solid #999;
	border-top:.10rem solid transparent;
	border-bottom:.10rem solid transparent;
	position:absolute; top:.24rem; right:.2rem;
}
.dataList-slide > div:nth-of-type(2){overflow-x:scroll;}
.dataList-slide > div > ul > li:nth-of-type(2){padding-top:.2rem;}
.dataList-slide > div > ul > li:last-of-type{padding-bottom:.2rem;}
.dataList-slide > div > ul > li > div{padding:.2rem 0; justify-content:flex-start; display:flex; -webkit-justify-content:flex-start; display:-webkit-flex;}
.dataList-slide > div > ul > li:nth-of-type(1) > div{background:#f8f8f8; font-size:.3467rem; line-height:.3467rem; color:#888;}
.dataList-slide > div:nth-of-type(1) > ul > li > div > p{padding-left:.4rem; text-align:left;}
.dataList-slide > div:nth-of-type(2) > ul > li > div > p{padding-right:.4rem;}
.dataList-slide > div > ul > li > div > p > span{display:block;}

/*基础数据详情样式*/
.dataInfo{padding:.28rem 0;}
.dataInfo > li{padding:.08rem 0; justify-content:space-between; display:flex; -webkit-justify-content:space-between; display:-webkit-flex;}
.dataInfo > li > p{padding:0 .4rem; justify-content:space-between; display:flex; -webkit-justify-content:space-between; display:-webkit-flex;}
.dataInfo > li > p > span:nth-of-type(2){max-width:75%;}


/*轮播图样式*/
.tzt-slide{width:100%; overflow:hidden; position:relative;}
.tzt-slide > ul:first-child{width:1000%; -webkit-transform:translateX(-10%); transform:translateX(-10%); justify-content:flex-start; display:flex; -webkit-justify-content:flex-start; display:-webkit-flex;}
.tzt-slide > ul:first-child > li{width:10%;}
.tzt-slide > ul:first-child > li > a{width:100%; display:block;}
.tzt-slide > ul:first-child > li > a > img{width:100%; display:block;}
.tzt-slide > ul:last-child{width:100%; justify-content:center; display:flex; -webkit-justify-content:center; display:-webkit-flex; position:absolute; bottom:.2rem; left:0;}
.tzt-slide > ul:last-child > li{width:.2rem; height:.08rem; margin:0 .08rem; background:#CCC; border-radius:.04rem; opacity:0.4;}
.tzt-slide > ul:last-child > li.curr{width:.32rem; background:#CCC; opacity:.9;}


/*图标样式*/
.tzt-chart{position:relative;}
.tzt-chart svg{width:100%; position:absolute; top:0; left:0; z-index:5;}
.tzt-chart line{shape-rendering:crispEdges;}
.tzt-chart path{fill:none;}
/*字体大小*/
.tzt-chart .size-15{/*font-size:15px;*/ font-size:.2rem;}
.tzt-chart .size-21{/*font-size: 21px;*/ font-size:.28rem;}
.tzt-chart .size-24{/*font-size: 24px;*/ font-size:.32rem;}
.tzt-chart .size-30{/*font-size: 30px;*/font-size:.4rem;}
.tzt-chart .font-bold{font-weight:700;}
/*文本水平居中*/
.tzt-chart .text-centre{text-anchor:middle;}
/*文本垂直居中*/
.tzt-chart .text-middle{dominant-baseline:middle;}
/*白色字体*/
.tzt-chart .color-white{fill:#fff;}
/*灰色字体*/
.tzt-chart .color-gray{fill:#999;}
/*红色字体*/
.tzt-chart .color-red{fill:#ff4045;}
/*绿色字体*/
.tzt-chart .color-green{fill:#01bd78;}
/*x轴y轴虚线*/
.tzt-chart .tick .axis-line{stroke:#E5E5E5; stroke-width:.02rem; stroke-dasharray:3; fill:none;}
/*x轴y轴轴线*/
.tzt-chart .tzt-axis-bar-x-side,
.tzt-chart .tzt-axis-bar-y-side,
.tzt-chart .tzt-axis-line-x-side,
.tzt-chart .tzt-axis-line-y-side,
.tzt-chart .axis-side-x,
.tzt-chart .axis-side-y{stroke:#E5E5E5; stroke-width:.02rem;}
/*提示线条*/
.tzt-chart .tips-line{stroke:#333; stroke-width:.02rem;}
/*提示背景*/
.tzt-chart .tips-border,
.tzt-chart .bar-tips-area{fill:rgba(64,158,255,.7);}
/*K线红色线条-细线*/
.tzt-chart .kline-line-rise{stroke:#ff4045; stroke-width:1px;}
/*K线绿色线条-细线*/
.tzt-chart .kline-line-drop{stroke:#01bd78; stroke-width:1px;}
/*K线红色柱形图*/
.tzt-chart .kline-bar-rise{fill:#ff4045;}
/*K线绿色柱形图*/
.tzt-chart .kline-bar-drop{fill:#01bd78;}
/*K线多空橙色字体*/
.tzt-chart .color-buy{fill:#ff9519;}
/*K线多空绿色字体*/
.tzt-chart .color-sell{fill:#02a88f;}
/*K线多空橙色虚线*/
.tzt-chart .line-buy{stroke:#ff9519; stroke-width:1px; stroke-dasharray:2 1;}
/*K线多空绿色虚线*/
.tzt-chart .line-sell{stroke:#02a88f; stroke-width:1px; stroke-dasharray:2 1;}
/*K线多空橙色区域*/
.tzt-chart .triangle-buy{fill:rgba(255,149,25,.3);}
/*K线多空绿色区域*/
.tzt-chart .triangle-sell{fill:rgba(2,168,143,.3);}
/*柱形图红色*/
.tzt-chart .bar-rise{fill:#ff4045; stroke-width:1px;}
/*柱形图绿色*/
.tzt-chart .bar-drop{fill:#01bd78; stroke-width:1px;}
/*无数据*/
.tzt-chart .tzt-none{width:100%; margin-top:-.4rem; font-size:.8rem; line-height:.8rem; text-align:center; color:#999; position:absolute; top:50%; left:0;}

/*日期控件样式*/
.tzt-date{background:rgba(0, 0, 0, .4); position:fixed; top:0; right:0; bottom:0; left:0;}
.tzt-date > .tzt-date-main{width:100%; position:absolute; left:0;}

.tzt-date > .tzt-date-main.calendar{margin-top:-3.62rem; top:50%;}
.tzt-date > .tzt-date-main.calendar > .tzt-date-weekdays > li{width:14.28%;}
.tzt-date > .tzt-date-main.calendar > .tzt-date-days{width:100%; flex-wrap:wrap;}
.tzt-date > .tzt-date-main.calendar > .tzt-date-days > li{width:14.28%; padding:.04rem 0;}
.tzt-date > .tzt-date-main.calendar > .tzt-date-days > li > p{width:.88rem; height:.88rem;}
.tzt-date > .tzt-date-main.calendar > .tzt-date-days > li.today > p{border:.04rem solid #FF8840; border-radius:100%;}
.tzt-date > .tzt-date-main.calendar > .tzt-date-days > li.active > p{border:.04rem solid #FF8840; border-radius:100%;}

.tzt-date > .tzt-date-main.roll{bottom:0;}
.tzt-date > .tzt-date-main.roll > .tzt-date-head{line-height:1.3333rem;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div{position:relative;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > p{
	content: ''; pointer-events: none;
	width: 100%; height: 1px;
	position: absolute; left: 0;
	-webkit-transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform: scaleY(0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e5e5e5;
}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > p:first-child{top:1.92rem;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > p:last-child{bottom:1.92rem;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > div > div{height:4.8rem; position:relative; overflow:hidden;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > div > div > p{content: ''; width:100%; height:1.92rem; position:absolute; left:0;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > div > div > p:first-child{background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,.7)); top:0;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > div > div > p:last-child{background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,1)); bottom:0;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > div > div > ul{position:relative;}
.tzt-date > .tzt-date-main.roll > .tzt-date-centre > div > div > div > ul > li{height:.96rem;}


/*使iOS列表滑动流畅*/
body {
  -webkit-overflow-scrolling: touch;
}
/*下拉刷新和上拉加载的滑动区域*/
.mescroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

/*启用硬件加速:使动画渲染流畅,解决部分手机闪白屏问题,在下拉刷新和上拉加载触发时启用,结束后移除,避免滥用导致其他兼容性问题*/
.mescroll-hardware {
  -webkit-transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

/*下拉刷新区域*/
.mescroll-downwarp {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  text-align: center;
}

/*下拉刷新--高度重置的过渡动画*/
.mescroll-downwarp-reset {
  -webkit-transition: height 300ms;
  transition: height 300ms;
}

/*下拉刷新--内容区,定位于区域底部*/
.mescroll-downwarp .downwarp-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 30px;
  padding: 10px 0;
}

/*上拉加载区域*/
.mescroll-upwarp {
  min-height: .2667rem;
  padding: .1333rem 0;
  text-align: center;
  visibility: hidden;/*代替display: none,列表快速滑动到底部能及时显示上拉加载的区域*/
}

/*下拉刷新,上拉加载--提示文本*/
.mescroll-downwarp .downwarp-tip,
.mescroll-upwarp .upwarp-tip,
.mescroll-upwarp .upwarp-nodata {
	padding:.2667rem 0;  font-size:.32rem; vertical-align:middle; color:gray; display:inline-block;
}
.mescroll-downwarp .downwarp-tip,
.mescroll-upwarp .upwarp-tip{
  margin-left: 8px;
}

/*下拉刷新,上拉加载--旋转进度条*/
.mescroll-downwarp .downwarp-progress,
.mescroll-upwarp .upwarp-progress {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid gray;
  border-bottom-color: transparent;
  vertical-align: middle;
}

/*旋转动画*/
.mescroll-rotate {
  -webkit-animation: mescrollRotate 0.6s linear infinite;
  animation: mescrollRotate 0.6s linear infinite;
}

@-webkit-keyframes mescrollRotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes mescrollRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*无任何数据的空布局*/
.mescroll-empty{width:100%; padding:.4rem 0; text-align:center;}

.mescroll-empty .empty-icon {
  width: 45%;
}

.mescroll-empty .empty-tip {
  margin-top: 6px;
  font-size: 14px;
  color: gray;
}

.mescroll-empty .empty-btn {
  max-width: 50%;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #65AADD;
  border-radius: 6px;
  background-color: white;
  color: #65AADD;
}

.mescroll-empty .empty-btn:active {
  opacity: .75;
}

/*回到顶部的按钮*/
.mescroll-totop {
  z-index: 9990;
  position: fixed;
  right: .4rem;
  bottom: 1.4rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  opacity: 0;
}

/*显示动画--淡入*/
.mescroll-lazy-in,
.mescroll-fade-in {
  -webkit-animation: mescrollFadeIn .5s linear forwards;
  animation: mescrollFadeIn .5s linear forwards;
}

@-webkit-keyframes mescrollFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mescrollFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*隐藏动画--淡出*/
.mescroll-fade-out {
  pointer-events: none;
  -webkit-animation: mescrollFadeOut .5s linear forwards;
  animation: mescrollFadeOut .5s linear forwards;
}

@-webkit-keyframes mescrollFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes mescrollFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*滚动条轨道背景(默认在PC端设置)*/
.mescroll-bar::-webkit-scrollbar-track {
  background-color: transparent;
}

/*滚动条轨道宽度 (默认在PC端设置)*/
.mescroll-bar::-webkit-scrollbar {
  width: 6px;
}

/*滚动条游标 (默认在PC端设置)*/
.mescroll-bar::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #ccc;
}

/*滚动条游标鼠标经过的颜色变化 (默认在PC端设置)*/
.mescroll-bar::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}


/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}