@charset "utf-8";
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; margin: 0; padding: 0;}
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; margin:0; padding: 0;}
p,dl,dt,dd{margin: 0; padding: 0}
/* padding */
.padding-3{padding: .15rem}
.padding-5{padding: .25rem}
.padding-10{padding: .5rem}
.padding-t-5{padding-top: .25rem;}
.padding-r-5{margin-right:.25rem;}
.padding-b-5{padding-bottom:.25rem;}
.padding-l-5{padding-left:.25rem;}
.padding-t-10{padding-top: .5rem;}
.padding-r-10{padding-right: .5rem;}
.padding-b-10{padding-bottom: .5rem;}
.padding-l-10{padding-left: .5rem;}
/* margin */
.margin-3{margin: .15rem}
.margin-5{margin: .25rem}
.margin-10{margin: .5rem}
.margin-t-5{margin-top: .25rem;}
.margin-r-5{margin-right:.25rem;}
.margin-b-5{margin-bottom:.25rem;}
.margin-l-5{margin-left:.25rem;}
.margin-t-10{margin-top: .5rem;}
.margin-r-10{margin-right: .5rem;}
.margin-b-10{margin-bottom: .5rem;}
.margin-l-10{margin-left: .5rem;}
/* 文字颜色 */
.font-bold{font-weight:bold;}
.font-500{font-weight: 500;}
.font-color-white{color: white;}
.font-color-white50{color:rgba(255,255,255,.5);}
.font-color-black{color:black;}
.font-color-black50{color:rgba(0,0,0,.5);}
.font-color-ccc{color: #ccc;}
.font-color-999{color: #999;}
.font-color-666{color: #666;}
.font-color-333{color: #333;}
.font-color-red{color:red;}
.font-color-yellow{color:yellow;}
.font-color-blue{color: blue;}
.font-color-green{color:green;}
.font-color-greenyellow{color:greenyellow;}
.font-color-orange{color:orange;}
.font-color-orangered{color:orangered;}
.text-overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 文字大小 */
.font-size-12{font-size: .6rem;}
.font-size-14{font-size: .7rem;}
.font-size-15{font-size: .75rem;}
.font-size-16{font-size: .8rem;}
.font-size-18{font-size: .9rem;}
.font-size-20{font-size: 1rem;}
/* 背景颜色 */
.bg-white{background-color:#fff !important}
.bg-blue{background:blue;}
.bg-green{background:green;}
.bg-red{background:red}
.bg-org{background:orange;}
.bg-yellow{background:yellow;}
.bg-gray{background:#cccccc;}
.bg-black80{background:rgba(0,0,0,.8);}
.bg-white90{background:rgba(255,255,255,.9);}
.bg-red80{background:rgba(255,83,15,.8);}
.bg-green80{background:rgba(81,163,0,.8);}
/* 按钮 */
.button.button-little{height: 1.1rem; line-height: 1rem; padding: 0 .3rem; font-size: .6rem; border-radius: .15rem}
.button.button-middle{height: 1.65rem; line-height: 1.6rem; padding: 0 .6rem;}
.button-gray{border-color:#ccc; color: #666;}
.button-disabled{color: rgba(0, 0, 0, 0.6); opacity: .3;}
.button-disabled-border{border-color: rgb(0,0,0,.1); color: rgba(0,0,0,.2);}
/* 阴影 */
.shadow{box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.1);}
.shadow-little{box-shadow: 0px 0px 3px 0px rgba(0,0,0, 0.1);}
.shadow-big{box-shadow: 0px 0px 16px 0px rgba(0,0,0, 0.1);}
.gradient-mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 100%); z-index: 1;}
/* border-radius*/
.br3{border-radius: .15rem}
.br6{border-radius: .3rem}
.br10{border-radius: .5rem}
.br20{border-radius: 1rem}
.br50{border-radius: 50%}
/* 对齐方式 */
.ta_left{text-align: left;}
.ta_center{text-align: center;}
.ta_right{text-align: right;}
/* 关于CSS3框架*/
.wb{display: -webkit-box !important;  display: box !important;}
.wb-f1{position:relative; -webkit-box-flex: 1; box-flex: 1;}
.wb-f2{position:relative; -webkit-box-flex: 2;box-flex: 2; }
/* flex*/
.flex,.flex-sb,.flex-fs,.flex-fc,.flex-fe{display:-webkit-box; display:-webkit-flex; display:flex;}
.flex-sb{-webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;}
.flex-fs{-webkit-box-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start;}
.flex-fc{-webkit-box-pack:center; -webkit-justify-content:center; justify-content:center;}
.flex-fe{-webkit-box-pack:end; -webkit-justify-content:flex-end; justify-content:flex-end;}
.flex-wrap{-webkit-flex-wrap:wrap; flex-wrap: wrap;}
.align-items-center{-webkit-align-items:center; align-items:center; -webkit-box-align:center}
.align-items-start{-webkit-align-items:flex-start; align-items:flex-start; -webkit-box-align:start;}
.box-algin-start{-webkit-box-align:start}

/*公共画出三角*/
.part-icon-arrow-a, .part-icon-arrow-b{position: absolute; width: 0; height: 0; overflow: hidden; border: 8px dashed transparent; display: block; }
.part-arrow-a{content: ""; display:block; font-size: 0; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; width: 16px; height: 16px; background-color: transparent;-webkit-transform: rotate(225deg);}
.icon-arrow{display:inline-block; width:.4rem; height:.4rem; border-right:.1rem solid; border-top:.1rem solid;}
.icon-arrow-right{-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.icon-arrow-down{-webkit-transform:rotate(135deg); transform:rotate(135deg);}
.icon-arrow-up{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.icon-arrow-left{-webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
/*基于位置垂直居中*/
.icon-arrows-ud{width:0; height:0; border-left:.3rem solid transparent; border-right:.3rem solid transparent; position:absolute; top:50%; right:0; margin-top:-.15rem; margin-left:.3rem;}
.icon-arrows-down{border-top:.3rem solid #999;}
.icon-arrows-up{border-bottom:.3rem solid #999;}
/* 图标大小 */
.icon12{width:.6rem; height:.6rem; display:inline-block; vertical-align:-.1rem; margin-right:.2rem; background: #ddd;}
.icon14{width:.7rem; height:.7rem; display:inline-block; vertical-align:-.05rem; margin-right:.2rem;  background: #ddd;}
.icon16{width:.8rem; height:.8rem; display: block; background: #ddd; }
.icon20{width:1rem; height:1rem; display: block; background: #ddd;}
.icon24{width:1.2rem; height: 1.2rem; display: block; background: #ddd;}
.icon30{width:1.5rem; height: 1.5rem; display: block; background: #ddd;}
.icon36{width:1.8rem; height: 1.8rem; display: block;}
.icon40{width:2rem; height: 2rem; display: block; background: #ddd;}
.icon48{width:2.4rem; height: 2.4rem; display: block; background: #ddd;}
.icon50{width:2.5rem; height: 2.5rem; display: block; background: #ddd;}
.icon60{width:3rem; height: 3rem; display: block; background: #ddd;}
.icon-inlineblock{display: inline-block; margin-right: .4rem; vertical-align: -.105rem}
.percent20 a,.percent20 .alink{width: 20%}
.percent25 a,.percent25 .alink{width: 25%}
.percent33 a,.percent33 .alink{width: 33.33333%}
.percent50 a,.percent50 .alink{width: 50%}
.percent50 a.row30,.percent50 .alink.row30{width: 30%}
.percent50 a.row70,.percent50 .alink.row70{width: 70%}
.percent50 a.row40,.percent50 .alink.row40{width: 40%}
.percent50 a.row60,.percent50 .alink.row60{width: 60%}
.percent100 a,.percent100 .alink{width: 100%}
/* 全局样式 */
.list-block .item-inner:after{background: #dadada}
.infinite-scroll-preloader{margin: .8rem .5rem}
.toastbox{display:none; position: fixed; width: 5rem; height: 4.4rem; background: rgba(0,0,0,.7); top: 50%; left: 50%; margin: -2.2rem 0 0 -2.5rem; border-radius: .5rem;
color: #fff; padding-top: .35rem; text-align: center; z-index: 9999}
.toastbox i{margin: .5rem auto}
.overflow-x{overflow-x:auto; overflow-y: hidden;}
.overflow-y{overflow-y:auto; overflow-x: hidden;}
.point{position: absolute; background: red; color: #fff; text-align: center;}
.imgblock{width: 100%; display: block;}
.fixedbar{position: fixed; bottom: 1rem; right: 1rem; z-index: 9999}