@charset "utf-8";
*{margin: 0; padding: 0;}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;width:100%;height: 100%;overflow:auto;-webkit-overflow-scrolling:touch;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul,ol,li{list-style: inside none;}
img{max-width:100%;border:0;}
h1,h2,h3,h4,h5,h6{line-height:1.8;color:inherit;}
h1{font-size: 2rem;}
h2{font-size: 1.5rem;}
h3{font-size: 1.25rem;}
h4{font-size: 1rem;}
h5{font-size: .875rem;}
h6{font-size: .75rem;}
article,aside,details,footer,header,nav,section,summary {display: block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]){display:none;height:0;}
p{line-height: 160%;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
a{background: transparent;text-decoration: none;cursor: pointer;}
a:active,a:hover,a:focus {outline:none;text-decoration: none;}
b,strong,.b{font-weight: bold;}
/*表单*/
button,input,select,textarea {font-size:100%;}
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"],
input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],
input[type="radio"] {padding: 0;box-sizing: border-box;}
input[type="search"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
textarea{overflow:auto;}
.none{display: none !important;}
.shadow-b{box-shadow:0 1px 1px 0 rgba(0,0,0,.15);}
.shadow-r{box-shadow:1px 0 1px 0 rgba(0,0,0,.15);}
.shadow-l{box-shadow:-1px 0 1px 0 rgba(0,0,0,.15);}
.shadow-t{box-shadow:0 -1px 1px 0 rgba(0,0,0,.15);}
.shadow{box-shadow: 0 0 3px 0 rgba(0,0,0,.15);}
.pointer{cursor: pointer;}
.full{height:100%;width:100%;}
.wfull{width:100%;}
.hfull{height:100%;}
.nowrap{white-space:nowrap;}
.breakword{word-wrap:break-word;word-break:break-all;}
.justify{text-align:justify;text-justify:inter-word;}
.fl{float: left;}
.fr{float: right;}
.vam,.vvam{vertical-align:middle !important;}
.vam > *,.vvam > *{vertical-align: middle;}
.vvam:before{content:"";height:100%;display: inline-block;vertical-align: middle;}
.vat{vertical-align:top !important;}
.vab{vertical-align:bottom !important;}
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.ws-normal{white-space:normal !important;}
.noselect{-moz-user-select: none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.toh{text-overflow:hidden; overflow: hidden;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clip{text-overflow: clip;white-space:nowrap;overflow:hidden;}
.block{display: block !important;}
.inline-block{display: inline-block !important;}
.relative{position:relative !important;}
.relativeS{height:250px !important;}
.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.hide{display:none !important;}
.show{display: inherit !important;}
.clear-both:after{content:"";clear:both;display:block;}

.letter-spacing-1of2{letter-spacing:.5rem;}.letter-spacing-1of3{letter-spacing:.333rem;}.letter-spacing-1of4{letter-spacing:.25rem;}.letter-spacing-1of5{letter-spacing:.2rem;}.letter-spacing-1{letter-spacing:1rem;}
.word-spacing-1{word-spacing:1rem;}.word-spacing-1of2{word-spacing:.5rem;}.word-spacing-1of3{word-spacing:.3333rem;}.word-spacing-1of4{word-spacing:.25rem;}.word-spacing-1of5{word-spacing:.2rem;}
.tin-1{text-indent: 1rem}.tin-2{text-indent: 2rem;}
/*快捷补丁*/
.p2{padding:2px;}.p4{padding:4px;}.p6{padding:6px;}.p8{padding:8px;}.p10{padding:10px;}.p12{padding:12px;}.p16{padding:16px;}.p20{padding:20px;}.p24{padding:24px;}.p28{padding:28px;}.p30{padding:30px;}.p32{padding:32px;}.p36{padding:36px;}.p40{padding:40px;}.p48{padding:48px;}.p50{padding:50px;}.p56{padding:56px;}.p60{padding:60px;}.p64{padding:64px;}
.pt2{padding-top:2px;}.pt4{padding-top:4px;}.pt6{padding-top:6px;}.pt8{padding-top:8px;}.pt10{padding-top:10px;}.pt12{padding-top:12px;}.pt16{padding-top:16px;}.pt20{padding-top:20px;}.pt24{padding-top:24px;}.pt28{padding-top:28px;}.pt30{padding-top:30px;}.pt32{padding-top:32px;}.pt36{padding-top:36px;}.pt40{padding-top:40px;}.pt48{padding-top:48px;}.pt50{padding-top:50px;}.pt56{padding-top:56px;}.pt60{padding-top:60px;}.pt64{padding-top:64px;}
.pr1{padding-right:1px;}.pr2{padding-right:2px;}.pr4{padding-right:4px;}.pr6{padding-right:6px;}.pr8{padding-right:8px;}.pr10{padding-right:10px;}.pr12{padding-right:12px;}.pr16{padding-right:16px;}.pr20{padding-right:20px;}.pr24{padding-right:24px;}.pr28{padding-right:28px;}.pr30{padding-right:30px;}.pr32{padding-right:32px;}.pr36{padding-right:36px;}.pr40{padding-right:40px;}.pr48{padding-right:48px;}.pr50{padding-right:50px;}.pr56{padding-right:56px;}.pr60{padding-right:60px;}.pr64{padding-right:64px;}
.pb2{padding-bottom:2px;}.pb4{padding-bottom:4px;}.pb6{padding-bottom:6px;}.pb8{padding-bottom:8px;}.pb10{padding-bottom:10px;}.pb12{padding-bottom:12px;}.pb16{padding-bottom:16px;}.pb20{padding-bottom:20px;}.pb24{padding-bottom:24px;}.pb28{padding-bottom:28px;}.pb30{padding-bottom:30px;}.pb32{padding-bottom:32px;}.pb36{padding-bottom:36px;}.pb40{padding-bottom:40px;}.pb48{padding-bottom:48px;}.pb50{padding-bottom:50px;}.pb56{padding-bottom:56px;}.pb60{padding-bottom:60px;}.pb64{padding-bottom:64px;}
.pl1{padding-left:1px;}.pl2{padding-left:2px;}.pl4{padding-left:4px;}.pl6{padding-left:6px;}.pl8{padding-left:8px;}.pl10{padding-left:10px;}.pl12{padding-left:12px;}.pl16{padding-left:16px;}.pl20{padding-left:20px;}.pl24{padding-left:24px;}.pl28{padding-left:28px;}.pl30{padding-left:30px;}.pl32{padding-left:32px;}.pl36{padding-left:36px;}.pl40{padding-left:40px;}.pl48{padding-left:48px;}.pl50{padding-left:50px;}.pl56{padding-left:56px;}.pl60{padding-left:60px;}.pl64{padding-left:64px;}
.ptb2{padding-top:2px;padding-bottom:2px;}.ptb4{padding-top:4px;padding-bottom:4px;}.ptb6{padding-top:6px;padding-bottom:6px;}.ptb8{padding-top:8px;padding-bottom:8px;}.ptb10{padding-top:10px;padding-bottom:10px;}.ptb12{padding-top:12px;padding-bottom:12px;}.ptb16{padding-top:16px;padding-bottom:16px;}.ptb20{padding-top:20px;padding-bottom:20px;}.ptb24{padding-top:24px; padding-bottom:24px;}.ptb28{padding-top:28px;padding-bottom:28px;}.ptb30{padding-top:30px;padding-bottom:30px;}.ptb32{padding-top:32px;padding-bottom:32px;}.ptb36{padding-top:36px;padding-bottom:36px;}.ptb40{padding-top:40px;padding-bottom:40px;}.ptb48{padding-top:48px;padding-bottom:48px;}.ptb50{padding-top:50px;padding-bottom:50px;}.ptb56{padding-top:56px;padding-bottom:56px;}.ptb60{padding-top:60px;padding-bottom:60px;}.ptb64{padding-top:64px;padding-bottom:64px;}
.prl1{padding-right:1px;padding-left:1px;}.prl2{padding-right:2px;padding-left:2px;}.prl4{padding-right:4px;padding-left:4px;}.prl6{padding-right:6px;padding-left:6px;}.prl8{padding-right:8px;padding-left:8px;}.prl10{padding-right:10px;padding-left:10px;}.prl12{padding-right:12px;padding-left:12px;}.prl16{padding-right:16px;padding-left:16px;}.prl20{padding-right:20px;padding-left:20px;}.prl24{padding-right:24px; padding-left:24px;}.prl28{padding-right:28px;padding-left:28px;}.prl30{padding-right:30px;padding-left:30px;}.prl32{padding-right:32px;padding-left:32px;}.prl32{padding-right:36px;padding-left:36px;}.prl40{padding-right:40px;padding-left:40px;}.prl48{padding-right:48px;padding-left:48px;}.prl50{padding-right:50px;padding-left:50px;}.prl56{padding-right:56px;padding-left:56px;}.prl60{padding-right:60px;padding-left:60px;}.prl64{padding-right:64px;padding-left:64px;}
.ppr1{padding-right:1%;}.ppr2{padding-right:2%;}.ppr3{padding-right:3%;}.ppr4{padding-right:4%;}.ppr5{padding-right:5%;}.ppr6{padding-right:6%;}.ppr7{padding-right:7%;}.ppr8{padding-right:8%;}.ppr9{padding-right:9%;}.ppr10{padding-right:10%;}
.ppl1{padding-left:1%;}.ppl2{padding-left:2%;}.ppl3{padding-left:3%;}.ppl4{padding-left:4%;}.ppl5{padding-left:5%;}.ppl6{padding-left:6%;}.ppl7{padding-left:7%;}.ppl8{padding-left:8%;}.ppl9{padding-left:9%;}.ppl10{padding-left:10%;}
.pprl1{padding-left:1%; padding-right:1%;}.pprl2{padding-left:2%; padding-right:2%;}.pprl3{padding-left:3%; padding-right:3%;}.pprl4{padding-left:4%; padding-right:4%;}.pprl5{padding-left:5%; padding-right:5%;}.pprl6{padding-left:6%; padding-right:6%;}.pprl7{padding-left:7%; padding-right:7%;}.pprl8{padding-left:8%; padding-right:8%;}.pprl9{padding-left:9%; padding-right:9%;}.pprl10{padding-left:10%; padding-right:10%;}.pprl12{padding-left:12%; padding-right:12%;}.pprl16{padding-left:16%; padding-right:16%;}.pprl20{padding-left:20%; padding-right:20%;}
.mt2{margin-top:2px;}.mt4{margin-top:4px;}.mt6{margin-top:6px;}.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt12{margin-top:12px;}.mt16{margin-top:16px;}.mt20{margin-top:20px;}.mt24{margin-top:24px;}.mt28{margin-top:28px;}.mt30{margin-top:30px;}.mt32{margin-top:32px;}.mt36{margin-top:36px;}.mt40{margin-top:40px;}.mt48{margin-top:48px;}.mt50{margin-top:50px;}.mt56{margin-top:56px;}.mt60{margin-top:60px;}.mt64{margin-top:64px;}
.mr2{margin-right:2px;}.mr4{margin-right:4px;}.mr6{margin-right:6px;}.mr8{margin-right:8px;}.mr10{margin-right:10px;}.mr12{margin-right:12px;}.mr16{margin-right:16px;}.mr20{margin-right:20px;}.mr24{margin-right:24px;}.mr28{margin-right:28px;}.mr30{margin-right:30px;}.mr32{margin-right:32px;}.mr36{margin-right:36px;}.mr40{margin-right:40px;}.mr48{margin-right:48px;}.mr50{margin-right:50px;}.mr56{margin-right:56px;}.mr60{margin-right:60px;}.mr64{margin-right:64px;}
.mb2{margin-bottom:2px;}.mb4{margin-bottom:4px;}.mb6{margin-bottom:6px;}.mb8{margin-bottom:8px;}.mb10{margin-bottom:10px;}.mb12{margin-bottom:12px;}.mb16{margin-bottom:16px;}.mb20{margin-bottom:20px;}.mb24{margin-bottom:24px;}.mb28{margin-bottom:28px;}.mb30{margin-bottom:30px;}.mb32{margin-bottom:32px;}.mb36{margin-bottom:36px;}.mb40{margin-bottom:40px;}.mb48{margin-bottom:48px;}.mb50{margin-bottom:50px;}.mb56{margin-bottom:56px;}.mb60{margin-bottom:60px;}.mb64{margin-bottom:64px;}
.ml2{margin-left:2px;}.ml4{margin-left:4px;}.ml6{margin-left:6px;}.ml8{margin-left:8px;}.ml10{margin-left:10px;}.ml12{margin-left:12px;}.ml16{margin-left:16px;}.ml20{margin-left:20px;}.ml24{margin-left:24px;}.ml28{margin-left:28px;}.ml30{margin-left:30px;}.ml32{margin-left:32px;}.ml36{margin-left:36px;}.ml40{margin-left:40px;}.ml48{margin-left:48px;}.ml50{margin-left:50px;}.ml56{margin-left:56px;}.ml60{margin-left:60px;}.ml64{margin-left:64px;}

/*ELF布局*/
/*根容器elf-viewport -> elf-viewport-body -> elf-view -> elf-view-body*/
.elf-viewport,
.elf-viewport-body,
.elf-view,
.elf-view-body,.elf-fixed-content-body{height:100%;width:100%;overflow:auto;position: relative;-webkit-overflow-scrolling: touch;}
.elf-header,
.elf-footer{position:absolute;width:100%;height:60px;}
.elf-header{left:0;top:0;z-index:2}
.elf-footer{left:0;bottom:0;z-index:2}
.elf-header ~ .elf-view{padding-top:60px;z-index:1}
.elf-footer ~ .elf-view{padding-bottom:60px;z-index:1}
/* 内容布局 */
.elf-content,
.elf-content-body{width:100%;position:relative;overflow:auto;-webkit-overflow-scrolling: touch;}
.elf-fixed-content{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;}
.elf-fixed > .elf-content,
.elf-fixed > .elf-content > .elf-content-body{height:100%;}
/*elf-tbar medium large*/
.elf-tbar{position: absolute;top:0;left: 0;width:100%;z-index:10;height:32px;background:#fff;}
.elf-tbar.medium{height: 48px;}
.elf-tbar.large{height: 64px;}
.elf-tbar ~ .elf-content{padding-top:33px;z-index:1;}
.elf-tbar.medium ~ .elf-content{padding-top:49px;}
.elf-tbar.large ~ .elf-content{padding-top:65px;}
/*elf-fbar medium large*/
.elf-fbar{position: absolute;bottom:0;left:0;width:100%;z-index:10;height:32px;}
.elf-fbar.medium{height: 48px;}
.elf-fbar.large{height: 64px;}
.elf-fbar ~ .elf-content{padding-bottom:33px;z-index:1;}
.elf-fbar.medium ~ .elf-content{padding-bottom: 49px;}
.elf-fbar.large ~ .elf-content{padding-bottom: 65px;}
/*container 主要用于PC*/
.elf-container{margin-right: auto; margin-left: auto;width:1000px;}
.elf-container:before,.elf-container:after{display: table;content:"";}
.elf-container:after{clear: both;}
/* 栅格系统 */
.row:before,.row:after {display: table;content: " ";}.row:after {clear: both;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,
.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,
.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,
.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position: relative;min-height: 1px;padding-right: 10px; padding-left: 10px;}
/*.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { float: left;}*/
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666666666666%;}
.col-xs-10 {width: 83.33333333333334%;}
.col-xs-9 { width: 75%;}
.col-xs-8 {width: 66.66666666666666%;}
.col-xs-7 {width: 58.333333333333336%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666666666667%;}
.col-xs-4 {width: 33.33333333333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.666666666666664%;}
.col-xs-1{width:8.333333333333332%;}
.w1of2{width:50%;}.w1of3{width:33.33333333333332%;}.w1of4 {width:25%;}.w1of5 {width:20%;}.w1of6{width:16.666666666666664%;}.w1of7{width:14.28571428571429%;}.w1of8{width:12.5%;}.w1of9{width:11.11111111111111%;}.w1of10{width:10%;}.w1of11{width:9.09090909090908%;}.w1of12{width:8.33333333333332%;}.w1of13{width:7.69230769230766%;}.w1of14{width:7.14285714285712%;}.w1of15{width:6.66666666666664%;}.w1of16{width:6.25%;}
.w2of3{width:66.66%;}.w2of5{width:40%;}.w2of7{width:28.57%;}.w2of9{width:22.22%;}.w2of11{width:18.18%;}
.w3of4{width:75%;}.w3of5{width:60%;}.w3of7{width:42.85%;}.w3of8{width:37.5%;}.w3of10{width:30%;}
.w4of5{width:80%;}.w4of7{width:57.14%;}.w4of9{width:44%;}
.w5of6{width:83.33%;}.w5of7{width:71.42%;}.w5of8{width:62.5%;}.w5of9{width:55.55%;}
/* 栅格系统 end */
.nav-collapse{display: block;}
.nav-bar-header{float: left;}
.nav-bar{display: block;}
.nav-bar li{float: left;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.table{display:table;width: 100%;}.table-row{display: table-row;}.table-cell{display: table-cell;vertical-align:top;}
/*
弹性盒子
flex-flow: default ;
伸缩项目的流动方向:
flex-grow:没单位的值是作为一个比例，他们决定于伸缩容器中有多少个伸缩项目、
flex-shrink:收缩比率
flex-basis:主要取决于伸缩项目的width或者高，同时取决于流动方向。然后，剩下的空间根据flex-grow给伸缩项目最后宽度来划分
容器的属性
flex-direction 属性决定主轴的方向（即项目的排列方向）row | row-reverse | column | column-reverse;
flex-wrap 属性定义，如果一条轴线排不下，如何换行。nowrap | wrap | wrap-reverse;
flex-flow 属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap
justify-content 属性定义了项目在主轴上的对齐方式。flex-start|flex-end|center|space-between|space-around
align-items 属性定义项目在交叉轴上如何对齐。flex-start | flex-end | center | baseline | stretch;
align-content 属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。flex-start | flex-end | center | space-between | space-around | stretch;
项目的属性
order 属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。
flex-grow 属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。负值对该属性无效。
flex-shrink 属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。负值对该属性无效。
flex-basis 属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。
flex 属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。
align-self 属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。
*/
.flex-box,
.flex-row,.flex-column,
.flex-wrap,.flex-nowrap,.flex-wrap-reverse,
.flex-justify-start,.flex-justify-center,.flex-justify-end,.flex-justify-around,.flex-justify-between,
.flex-align-content-start,.flex-align-content-end,.flex-align-content-between,.flex-align-content-around,.flex-align-content-center{display:-webkit-flex;display:flex;}
.flex-flow-row{flex-flow:row;}
.flex-direction-column,
.flex-column{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-row{-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
.flex-wrap{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-nowrap{-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;}
.flex-justify-start{-webkit-justify-content: flex-start;-ms-flex-pack:start;justify-content: flex-start;}
.flex-justify-center{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-justify-end{-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.flex-justify-around{-webkit-justify-content: space-around;justify-content: space-around;}
.flex-justify-between{-webkit-justify-content: space-between;justify-content: space-between;}
.flex-align-content-start{-webkit-align-content: flex-start;align-content:flex-start;}
.flex-align-content-end{-webkit-align-content: flex-end;align-content:flex-end;}
.flex-align-content-between{-webkit-align-content:space-between;align-content:space-between;}
.flex-align-content-around{-webkit-align-content:space-around;align-content:space-around;}
.flex-align-content-center{-webkit-align-content:center;align-content:center;}
.flex-align-items-start{-webkit-align-items: flex-start;-ms-flex-align:start;align-items: flex-start;}
.flex-align-items-end{-webkit-align-items: flex-end;-ms-flex-align:end;align-items: flex-end;}
.flex-align-items-center{-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-items-baseline{-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
.flex-auto{flex:1 1 auto !important;}
.flex-none{flex:0 0 auto !important;}
/* 图标 */
.icon16{display:inline-block;width:16px;height:16px;cursor: pointer;}
.icon,.icon16,.btn,img{-moz-user-select: none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}