/*初始化*/ body {margin:0;font:0.14rem/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;color:#333;word-wrap:break-word;word-break:break-all;} .break {word-wrap:break-word;word-break:break-all;} ul,h3,p,input,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,figure,figcaption {margin:0;padding:0;} li {list-style:none;} a {text-decoration:none;color:#333;} a,em {display:inline-block;} em {font-style:normal;} img {border:none;vertical-align:top;} input {border:none;outline:none;} /*布局*/ .abs {position:absolute;} .rel {position:relative;} .fix {position:fixed;} /*块级 block inline-block inline*/ .db {display:block;} .dn {display:none;} .di {display:inline;} .dib {display:inline-block;} .df {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: -moz-flex;display: flex;} /*隐藏*/ .vh{visibility: hidden;} /*flex布局相关,水平对齐,垂直对齐*/ .fx1 { -webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;} .fx2 { -webkit-box-flex: 2;-webkit-flex: 2;-moz-box-flex: 2;-moz-flex: 2;-ms-flex: 2;flex: 2;} .fx3 { -webkit-box-flex: 3;-webkit-flex: 3;-moz-box-flex: 3;-moz-flex: 3;-ms-flex: 3;flex: 3;} .fx4 { -webkit-box-flex: 4;-webkit-flex: 4;-moz-box-flex: 4;-moz-flex: 4;-ms-flex: 4;flex: 4;} .fx5 { -webkit-box-flex: 5;-webkit-flex: 5;-moz-box-flex: 5;-moz-flex: 5;-ms-flex: 5;flex: 5;} .fx6 { -webkit-box-flex: 6;-webkit-flex: 6;-moz-box-flex: 6;-moz-flex: 6;-ms-flex: 6;flex: 6;} .fx7 { -webkit-box-flex: 7;-webkit-flex: 7;-moz-box-flex: 7;-moz-flex: 7;-ms-flex: 7;flex: 7;} .fx8 { -webkit-box-flex: 8;-webkit-flex: 8;-moz-box-flex: 8;-moz-flex: 8;-ms-flex: 8;flex: 8;} .fx9 { -webkit-box-flex: 9;-webkit-flex: 9;-moz-box-flex: 9;-moz-flex: 9;-ms-flex: 9;flex: 9;} .fx10 { -webkit-box-flex: 10;-webkit-flex: 10;-moz-box-flex: 10;-moz-flex: 10;-ms-flex: 10;flex: 10;} /*flex水平对齐,start,center,end,between,around*/ .jcs { -webkit-box-pack: start; -moz-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .jcc { -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .jce{ -webkit-box-pack: end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .jcb { /* 09版 */ -webkit-box-pack:space-between ;/*start space-between end justify*/ /* 12版 */ -webkit-justify-content: space-between ; -moz-justify-content: space-between ; -ms-justify-content: space-between ; -o-justify-content: space-between ; justify-content: space-between ; -webkit-flex-pack: space-between ; flex-pack: space-between ; /*start center end justify distribute*/ } .jca { /* 09版 */ -webkit-box-pack: justify; /*start center end justify*/ /* 12版 */ -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -webkit-flex-pack: distribute; flex-pack: distribute; /*start center end justify distribute*/ /* 其它取值如下: flex-start | 主轴原点方向对齐 flex-end 主轴延伸方向对齐 space-between 等间距排列,首尾不留白 space-around 等间距排列,首尾留白 */ } /*flex方向,水平row,垂直column*/ .fxdc{ /* 12版 */ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .fxdcr{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .fxdr{ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .fxdrr{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } /*flex水平方向换行*/ .fxww{flex-wrap: wrap;} .fxwn{flex-wrap: nowrap;} .fxwr{flex-wrap: wrap-reverse;} /*flex垂直对齐,start,center,end,stretch*/ .ais{ -webkit-box-align: start; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; } .aic { -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } .aie{ -webkit-box-align: end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .aisr{ -webkit-box-align: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; } /*flex 内容垂直对齐,start,center,end,*/ .acs{align-content: flex-start;} .acc{align-content: center;} .ace{align-content: flex-end;} .acb{align-content: space-between;} .aca{align-content: space-around;} /*flex垂直拉伸效果*/ .lgblue { background: -webkit-linear-gradient(to right,#42C1FF,#1DA1F2); /* Safari 5.1-6.0 */ background: -o-linear-gradient(to right,#42C1FF,#1DA1F2); /* Opera 11.1-12.0 */ background: -moz-linear-gradient(to right,#42C1FF,#1DA1F2); /* Firefox 3.6-15 */ background: linear-gradient(to right,#42C1FF,#1DA1F2); /* 标准语法 */ } .border0{border:none;} .outline0{outline:none;} /*order排序*/ .od1{order: 1;} .od2{order: 2;} .od3{order: 3;} /*透明度*/ .op1 {opacity:0.1;} .op2 {opacity:0.2;} .op3 {opacity:0.3;} .op4 {opacity:0.4;} .op5 {opacity:0.5;} .op6 {opacity:0.6;} .op7 {opacity:0.7;} .op8 {opacity:0.8;} .op9 {opacity:0.9;} /*文本缩进*/ .ls1- {letter-spacing:-1px;} .ls2- {letter-spacing:-2px;} .ls3- {letter-spacing:-3px;} .ls1 {letter-spacing:1px;} .ls2 {letter-spacing:2px;} .ls3 {letter-spacing:3px;} /*font*/ .fz6 {font-size:0.06rem;} .fz8 {font-size:0.08rem;} .fz10 {font-size:0.1rem;} .fz11 {font-size:0.11rem;} .fz12 {font-size:0.12rem;} .fz13 {font-size:0.13rem;} .fz14 {font-size:0.14rem;} .fz15 {font-size:0.15rem;} .fz16 {font-size:0.16rem;} .fz17 {font-size:0.17rem;} .fz18 {font-size:0.18rem;} .fz20 {font-size:0.20rem;} .fz22 {font-size:0.22rem;} .fz24 {font-size:0.24rem;} .fz26 {font-size:0.26rem;} .fz28 {font-size:0.28rem;} .fz30 {font-size:0.3rem;} .fz40 {font-size:0.4rem;} .fz50 {font-size:0.5rem;} .fz60 {font-size:0.6rem;} .fz70 {font-size:0.7rem;} .fz80 {font-size:0.8rem;} .fz90 {font-size:0.9rem;} .fz100 {font-size:1rem;} /*颜色*/ .c1 {color:#111;} .c2 {color:#222;} .c3 {color:#333;} .c4 {color:#444;} .c5 {color:#555;} .c6 {color:#666;} .c7 {color:#777;} .c8 {color:#888;} .c9 {color:#999;} .c1DA1F2{color:#1DA1F2} .cc{color:#cccccc} .white {color:white} .black {color:black} /*文本对齐 center,right*/ .tac {text-align:center;} .tar {text-align:right;} .tal {text-align:left;} .taj {text-align:justify;} .fl {float:left;} .fr {float:right;} /*边距/p,m*/ .p5 {padding:0.05rem;} .p10 {padding:0.10rem;} .p12 {padding:0.12rem;} .p15 {padding:0.15rem;} .p20 {padding:0.20rem;} .p25 {padding:0.25rem;} .p30 {padding:0.30rem;} .p35 {padding:0.35rem;} .p40 {padding:0.40rem;} .p45 {padding:0.45rem;} .p50 {padding:0.50rem;} .p60 {padding:0.60rem;} .p70 {padding:0.70rem;} .p80 {padding:0.80rem;} .p90 {padding:0.90rem;} .p100 {padding:1rem;} .pl0 {padding-left:0.00rem;} .pl5 {padding-left:0.05rem;} .pl10 {padding-left:0.10rem;} .pl12 {padding-left:0.12rem;} .pl15 {padding-left:0.15rem;} .pl16 {padding-left:0.16rem;} .pl20 {padding-left:0.20rem;} .pl25 {padding-left:0.25rem;} .pl30 {padding-left:0.30rem;} .pl35 {padding-left:0.35rem;} .pl36 {padding-left:0.56rem;} .pl40 {padding-left:0.40rem;} .pl45 {padding-left:0.45rem;} .pl50 {padding-left:0.50rem;} .pl60 {padding-left:0.60rem;} .pl70 {padding-left:0.70rem;} .pl80 {padding-left:0.80rem;} .pl90 {padding-left:0.90rem;} .pl100 {padding-left:1rem;} .pr0 {padding-right:0.00rem;} .pr5 {padding-right:0.05rem;} .pr10 {padding-right:0.10rem;} .pr12 {padding-right:0.12rem;} .pr15 {padding-right:0.15rem;} .pr20 {padding-right:0.20rem;} .pr25 {padding-right:0.25rem;} .pr30 {padding-right:0.30rem;} .pr35 {padding-right:0.35rem;} .pr40 {padding-right:0.40rem;} .pr45 {padding-right:0.45rem;} .pr50 {padding-right:0.50rem;} .pr60 {padding-right:0.60rem;} .pr70 {padding-right:0.70rem;} .pr80 {padding-right:0.80rem;} .pr90 {padding-right:0.90rem;} .pr100 {padding-right:1rem;} .pt0 {padding-top:0.00rem;} .pt4 {padding-top:0.04rem;} .pt5 {padding-top:0.05rem;} .pt8 {padding-top:0.08rem;} .pt10 {padding-top:0.10rem;} .pt12 {padding-top:0.12rem;} .pt15 {padding-top:0.15rem;} .pt16 {padding-top:0.16rem;} .pt18 {padding-top:0.18rem;} .pt20 {padding-top:0.20rem;} .pt23 {padding-top:0.23rem;} .pt24 {padding-top:0.24rem;} .pt25 {padding-top:0.25rem;} .pt30 {padding-top:0.30rem;} .pt32 {padding-top:0.32rem;} .pt35 {padding-top:0.35rem;} .pt40 {padding-top:0.40rem;} .pt45 {padding-top:0.45rem;} .pt50 {padding-top:0.50rem;} .pt60 {padding-top:0.60rem;} .pt70 {padding-top:0.70rem;} .pt80 {padding-top:0.80rem;} .pt90 {padding-top:0.90rem;} .pt100 {padding-top:1rem;} .pb0 {padding-bottom:0.00rem;} .pb5 {padding-bottom:0.05rem;} .pb10 {padding-bottom:0.10rem;} .pb12 {padding-bottom:0.12rem;} .pb15 {padding-bottom:0.15rem;} .pb16 {padding-bottom:0.16rem;} .pb20 {padding-bottom:0.20rem;} .pb25 {padding-bottom:0.25rem;} .pb30 {padding-bottom:0.30rem;} .pb32 {padding-bottom:0.32rem;} .pb35 {padding-bottom:0.35rem;} .pb40 {padding-bottom:0.40rem;} .pb43 {padding-bottom:0.43rem;} .pb45 {padding-bottom:0.45rem;} .pb50 {padding-bottom:0.50rem;} .pb60 {padding-bottom:0.60rem;} .pb70 {padding-bottom:0.70rem;} .pb80 {padding-bottom:0.80rem;} .pb90 {padding-bottom:0.90rem;} .pb100 {padding-bottom:1rem;} /*简化padding写法*/ .plr5{ padding-left: 0.05rem; padding-right: 0.05rem; } .plr10{ padding-left: 0.10rem; padding-right: 0.10rem; } .plr15{ padding-left: 0.15rem; padding-right: 0.15rem; } .plr16{ padding-left: 0.16rem; padding-right: 0.16rem; } .plr20{ padding-left: 0.20rem; padding-right: 0.20rem; } .plr25{ padding-left: 0.25rem; padding-right: 0.25rem; } .plr30{ padding-left: 0.30rem; padding-right: 0.30rem; } .plr35{ padding-left: 0.35rem; padding-right: 0.35rem; } .plr40{ padding-left: 0.40rem; padding-right: 0.40rem; } .plr45{ padding-left: 0.45rem; padding-right: 0.45rem; } .plr50{ padding-left: 0.50rem; padding-right: 0.50rem; } /*padding上下距离*/ .ptb205{ padding-top: 0.25rem; padding-bottom: 0rem; } .ptb5{ padding-top: 0.05rem; padding-bottom: 0.05rem; } .ptb10{ padding-top: 0.10rem; padding-bottom: 0.10rem; } .ptb15{ padding-top: 0.15rem; padding-bottom: 0.15rem; } .ptb20{ padding-top: 0.20rem; padding-bottom: 0.20rem; } .ptb14{ padding-top: 0.14rem; padding-bottom: 0.14rem; } .ptb25{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .ptb27{ padding-top: 0.27rem; padding-bottom: 0.27rem; } .ptb30{ padding-top: 0.30rem; padding-bottom: 0.30rem; } .ptb35{ padding-top: 0.35rem; padding-bottom: 0.35rem; } .ptb40{ padding-top: 0.40rem; padding-bottom: 0.40rem; } .ptb45{ padding-top: 0.45rem; padding-bottom: 0.45rem; } .ptb50{ padding-top: 0.50rem; padding-bottom: 0.50rem; } .ptb5{ padding-top: 0.05rem; padding-bottom: 0.05rem; } /*边距margin/p,m*/ .m0 {margin:0.00rem;} .m5 {margin:0.05rem;} .m10 {margin:0.10rem;} .m12 {margin:0.12rem;} .m15 {margin:0.15rem;} .m20 {margin:0.20rem;} .m25 {margin:0.25rem;} .m30 {margin:0.30rem;} .m35 {margin:0.35rem;} .m40 {margin:0.40rem;} .m45 {margin:0.45rem;} .m50 {margin:0.50rem;} .m60 {margin:0.60rem;} .m70 {margin:0.70rem;} .m80 {margin:0.80rem;} .m90 {margin:0.90rem;} .m100 {margin:1rem;} .ml0 {margin-left:0.00rem;} .ml5 {margin-left:0.05rem;} .ml10 {margin-left:0.10rem;} .ml12 {margin-left:0.12rem;} .ml15 {margin-left:0.15rem;} .ml16 {margin-left:0.16rem;} .ml20 {margin-left:0.20rem;} .ml25 {margin-left:0.25rem;} .ml30 {margin-left:0.30rem;} .ml35 {margin-left:0.35rem;} .ml40 {margin-left:0.40rem;} .ml45 {margin-left:0.45rem;} .ml50 {margin-left:0.50rem;} .ml60 {margin-left:0.60rem;} .ml70 {margin-left:0.70rem;} .ml80 {margin-left:0.80rem;} .ml90 {margin-left:0.90rem;} .ml100 {margin-left:1rem;} .mr0 {margin-right:0.00rem;} .mr4 {margin-right:0.05rem;} .mr5 {margin-right:0.05rem;} .mr8 {margin-right:0.08rem;} .mr10 {margin-right:0.10rem;} .mr12 {margin-right:0.12rem;} .mr15 {margin-right:0.15rem;} .mr16 {margin-right:0.16rem;} .mr20 {margin-right:0.20rem;} .mr25 {margin-right:0.25rem;} .mr30 {margin-right:0.30rem;} .mr35 {margin-right:0.35rem;} .mr40 {margin-right:0.40rem;} .mr45 {margin-right:0.45rem;} .mr50 {margin-right:0.50rem;} .mr60 {margin-right:0.60rem;} .mr70 {margin-right:0.70rem;} .mr80 {margin-right:0.80rem;} .mr90 {margin-right:0.90rem;} .mr100 {margin-right:1rem;} .mt0 {margin-top:0.00rem;} .mt3 {margin-top:0.03rem;} .mt5 {margin-top:0.05rem;} .mt10 {margin-top:0.10rem;} .mt12 {margin-top:0.12rem;} .mt15 {margin-top:0.15rem;} .mt20 {margin-top:0.20rem;} .mt25 {margin-top:0.25rem;} .mt30 {margin-top:0.30rem;} .mt35 {margin-top:0.35rem;} .mt40 {margin-top:0.40rem;} .mt45 {margin-top:0.45rem;} .mt50 {margin-top:0.50rem;} .mt60 {margin-top:0.60rem;} .mt70 {margin-top:0.70rem;} .mt80 {margin-top:0.80rem;} .mt90 {margin-top:0.90rem;} .mt100 {margin-top:1rem;} .mt100{ margin-top: 100px; } .mb0 {margin-bottom:0.00rem;} .mb025 {margin-bottom:0.19rem;} .mb5 {margin-bottom:0.05rem;} .mb10 {margin-bottom:0.10rem;} .mb12 {margin-bottom:0.12rem;} .mb14 {margin-bottom:0.14rem;} .mb15 {margin-bottom:0.15rem;} .mb16 {margin-bottom:0.16rem;} .mb20 {margin-bottom:0.20rem;} .mb25 {margin-bottom:0.25rem;} .mb30 {margin-bottom:0.30rem;} .mb35 {margin-bottom:0.35rem;} .mb40 {margin-bottom:0.40rem;} .mb43 {margin-bottom:0.43rem;} .mb45 {margin-bottom:0.45rem;} .mb50 {margin-bottom:0.50rem;} .mb60 {margin-bottom:0.60rem;} .mb70 {margin-bottom:0.70rem;} .mb80 {margin-bottom:0.80rem;} .mb90 {margin-bottom:0.90rem;} .mb100 {margin-bottom:1rem;} /*简化margin写法*/ .mlr5{ margin-left: 0.05rem; margin-right: 0.05rem; } .mlr10{ margin-left: 0.10rem; margin-right: 0.10rem; } .mlr15{ margin-left: 0.15rem; margin-right: 0.15rem; } .mlr20{ margin-left: 0.20rem; margin-right: 0.20rem; } .mlr25{ margin-left: 0.25rem; margin-right: 0.25rem; } .mlr30{ margin-left: 0.30rem; margin-right: 0.30rem; } .mlr35{ margin-left: 0.35rem; margin-right: 0.35rem; } .mlr40{ margin-left: 0.40rem; margin-right: 0.40rem; } .mlr45{ margin-left: 0.45rem; margin-right: 0.45rem; } .mlr50{ margin-left: 0.50rem; margin-right: 0.50rem; } .mtb16{ margin-top:0.16rem; margin-bottom:0.16rem; } /*边距百分比*/ .mt0p {margin-top:0%;} .mt5p {margin-top:5%;} .mt10p {margin-top:10%;} .mt12p {margin-top:12%;} .mt15p {margin-top:15%;} .mt20p {margin-top:20%;} .mt25p {margin-top:25%;} .mt30p {margin-top:30%;} .mt35p {margin-top:35%;} .mt40p {margin-top:40%;} .mt45p {margin-top:45%;} .mt50p {margin-top:50%;} .mt60p {margin-top:60%;} .mt70p {margin-top:70%;} .mt80p {margin-top:80%;} .mt90p {margin-top:90%;} .mt100p {margin-top:1rem;} /*宽高*/ .w5 {width:0.05rem;} .w10 {width:0.10rem;} .w12 {width:0.12rem;} .w15 {width:0.15rem;} .w20 {width:0.20rem;} .w24 {width:0.24rem;} .w25 {width:0.25rem;} .w28 {width:0.28rem;} .w30 {width:0.30rem;} .w35 {width:0.35rem;} .w40 {width:0.40rem;} .w45 {width:0.45rem;} .w50 {width:0.50rem;} .w54 {width:0.54rem;} .w60 {width:0.60rem;} .w65 {width:0.65rem;} .w70 {width:0.70rem;} .w75 {width:0.75rem;} .w80 {width:0.80rem;} .w90 {width:0.90rem;} .w100 {width:1rem;} .w108 {width:1.08rem;} .w138 {width:1.38rem;} .w200 {width:2rem;} .w237 {width:2.37rem;} .w327 {width:3.27rem;} .w375 {width:3.75rem;} .hauto{height:auto} .h5 {height:0.05rem;} .h10 {height:0.10rem;} .h12 {height:0.12rem;} .h15 {height:0.15rem;} .h16 {height:0.16rem;} .h20 {height:0.20rem;} .h25 {height:0.25rem;} .h27 {height:0.27rem;} .h30 {height:0.30rem;} .h32 {height:0.32rem;} .h35 {height:0.35rem;} .h40 {height:0.40rem;} .h44 {height:0.44rem;} .h45 {height:0.45rem;} .h50 {height:0.50rem;} .h52 {height:0.52rem;} .h60 {height:0.60rem;} .h70 {height:0.70rem;} .h80 {height:0.80rem;} .h90 {height:0.90rem;} .h100 {height:1rem;} .h134 {height:1.34rem;} .h140 {height:1.40rem;} .h150 {height:1.5rem;} .h172 {height:1.72rem;} .h180 {height:1.8rem;} .h200 {height:2rem;} .h250 {height:2.5rem;} .h300 {height:3rem;} .h350 {height:3.5rem;} .h400 {height:4rem;} .h450 {height:4.5rem;} .h500 {height:5rem;} /* 视窗高度 */ .vh100{ height:100vh} /*行高*/ .lh0 {line-height:0rem;} .lh5 {line-height:0.05rem;} .lh10 {line-height:0.10rem;} .lh12 {line-height:0.12rem;} .lh15 {line-height:0.15rem;} .lh16 {line-height:0.16rem;} .lh18 {line-height:0.18rem;} .lh20 {line-height:0.20rem;} .lh25 {line-height:0.25rem;} .lh28 {line-height:0.28rem;} .lh30 {line-height:0.30rem;} .lh32 {line-height:0.32rem;} .lh35 {line-height:0.35rem;} .lh40 {line-height:0.40rem;} .lh45 {line-height:0.45rem;} .lh50 {line-height:0.50rem;} .lh52 {line-height:0.52rem;} .lh60 {line-height:0.60rem;} .lh70 {line-height:0.70rem;} .lh80 {line-height:0.80rem;} .lh90 {line-height:0.90rem;} .lh100{line-height:1rem;} .lh150 {line-height:1.5rem;} .lh200 {line-height:2rem;} .lh250 {line-height:2.5rem;} .lh300 {line-height:3rem;} .lh350 {line-height:3.5rem;} .lh400 {line-height:4rem;} .lh450 {line-height:4.5rem;} .lh500 {line-height:5rem;} /*自定义宽度*/ .w100p {width:100%;} .w90p {width:90%;} .w80p {width:80%;} .w70p {width:70%;} .w65p {width:65%;} .w60p {width:60%;} .w50p {width:50%;} .w40p {width:40%;} .w632p {width:63.2%;} .w368p {width:36.8%;} .w30p {width:30%;} .w20p {width:20%;} .w10p {width:10%;} /*自定义宽度*/ .h100p {height:100%;} .h90p {height:90%;} .h80p {height:80%;} .h70p {height:70%;} .h60p {height:60%;} .h50p {height:50%;} .h40p {height:40%;} .h30p {height:30%;} .h20p {height:20%;} .h10p {height:10%;} /*abs用*/ .t0 {top:0.00rem;} .t2 {top:0.02rem;} .t5 {top:0.05rem;} .t10 {top:0.10rem;} .t12 {top:0.12rem;} .t15 {top:0.15rem;} .t20 {top:0.20rem;} .t25 {top:0.25rem;} .t30 {top:0.30rem;} .t35 {top:0.35rem;} .t40 {top:0.40rem;} .t45 {top:0.45rem;} .t50 {top:0.50rem;} .t60 {top:0.60rem;} .t70 {top:0.70rem;} .t80 {top:0.80rem;} .t90 {top:0.90rem;} .t100 {top:1rem;} .b0 {bottom:0.00rem;} .b2 {bottom:0.02rem;} .b5 {bottom:0.05rem;} .b10 {bottom:0.10rem;} .b12 {bottom:0.12rem;} .b15 {bottom:0.15rem;} .b20 {bottom:0.20rem;} .b25 {bottom:0.25rem;} .b30 {bottom:0.30rem;} .b35 {bottom:0.35rem;} .b40 {bottom:0.40rem;} .b45 {bottom:0.45rem;} .b50 {bottom:0.50rem;} .b60 {bottom:0.60rem;} .b70 {bottom:0.70rem;} .b80 {bottom:0.80rem;} .b90 {bottom:0.90rem;} .b100 {bottom:1rem;} .l0 {left:0.00rem;} .l1 {left:0.01rem;} .l5 {left:0.05rem;} .l10 {left:0.10rem;} .l12 {left:0.12rem;} .l15 {left:0.15rem;} .l16 {left:0.16rem;} .l20 {left:0.20rem;} .l24 {left:0.24rem;} .l25 {left:0.25rem;} .l28 {left:0.28rem;} .l30 {left:0.30rem;} .l35 {left:0.35rem;} .l40 {left:0.40rem;} .l45 {left:0.45rem;} .l50 {left:0.50rem;} .l60 {left:0.60rem;} .l70 {left:0.70rem;} .l80 {left:0.80rem;} .l90 {left:0.90rem;} .l100 {left:1rem;} .r0 {right:0.00rem;} .r5 {right:0.05rem;} .r10 {right:0.10rem;} .r12 {right:0.12rem;} .r15 {right:0.15rem;} .r16 {right:0.16rem;} .r20 {right:0.20rem;} .r25 {right:0.25rem;} .r30 {right:0.30rem;} .r35 {right:0.35rem;} .r40 {right:0.40rem;} .r45 {right:0.45rem;} .r50 {right:0.50rem;} .r60 {right:0.60rem;} .r70 {right:0.70rem;} .r80 {right:0.80rem;} .r90 {right:0.90rem;} .r100 {right:1rem;} /*百分比距离*/ .l0p {left:0;} .l5p {left:5%;} .l10p {left:10%;} .l12p {left:12%;} .l15p {left:15%;} .l20p {left:20%;} .l25p {left:25%;} .l30p {left:30%;} .l35p {left:35%;} .l40p {left:40%;} .l45p {left:45%;} .l50p {left:50%;} .l60p {left:60%;} .l70p {left:70%;} .l80p {left:80%;} .l90p {left:90%;} .l100p {left:100%;} .r0p {right:0;} .r5p {right:5%;} .r10p {right:10%;} .r12p {right:12%;} .r15p {right:15%;} .r20p {right:20%;} .r25p {right:25%;} .r30p {right:30%;} .r35p {right:35%;} .r40p {right:40%;} .r45p {right:45%;} .r50p {right:50%;} .r60p {right:60%;} .r70p {right:70%;} .r80p {right:80%;} .r90p {right:90%;} .r100p {right:100%;} /*边框bd*/ .bdb05 {border-bottom:0.5px solid #ebebeb;} .bdb1 {border-bottom:1px solid #e4e4e4;} .bdb2 {border-bottom:1px solid #ebebeb;} .bdt1 {border-top:1px solid #e4e4e4;} .bd1 {border:1px solid #e4e4e4;} .bd2 {border:0.02rem solid #e4e4e4;} .bd0 {border:0 !important;} .bd05 {border:0.5px solid #FF5A4C} .bd3 {border:1px solid rgba(153,153,153,0.24);} .bdr1 {border-right:1px solid #e4e4e4;} .bdl1 {border-left:1px solid #e4e4e4;} .bdlr1{ border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; } /*圆角*/ .bdrs0 {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .bdrs2 {-webkit-border-radius:0.02rem;-moz-border-radius:0.02rem;border-radius:0.02rem;} .bdrs5 {-webkit-border-radius:0.05rem;-moz-border-radius:0.05rem;border-radius:0.05rem;} .bdrs10 {-webkit-border-radius:0.1rem;-moz-border-radius:0.1rem;border-radius:0.1rem;} .bdrs15 {-webkit-border-radius:0.15rem;-moz-border-radius:0.15rem;border-radius:0.15rem;} .bdrs16 {-webkit-border-radius:0.16rem;-moz-border-radius:0.16rem;border-radius:0.16rem;} .bdrs17 {-webkit-border-radius:0.17rem;-moz-border-radius:0.17rem;border-radius:0.17rem;} .bdrs20 {-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;border-radius:0.2rem;} .bdrs40 {-webkit-border-radius:0.4rem;-moz-border-radius:0.4rem;border-radius:0.4rem;} .bdrs80 {-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem;border-radius:0.8rem;} .bdrs50p {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .bdtlr0{border-top-left-radius:0;} .bdtrr0{border-top-right-radius: 0;} .bdblr0{border-bottom-left-radius: 0;} .bdbrr0{border-bottom-right-radius: 0} /*合成部分*/ .bdrst0{ border-top-left-radius:0; border-top-right-radius:0; } .bdrsb0{ border-bottom-left-radius:0; border-bottom-right-radius:0; } /* 阴影 */ .bs1{box-shadow: 0 4px 12px rgba(153,153,153,.24) ;} /*文本缩进*/ .ti20{ text-indent: 0.20rem; } .ti24{ text-indent: 0.24rem; } .ti26{ text-indent: 0.26rem; } .ti28{ text-indent: 0.28rem; } .ti30{ text-indent: 0.30rem; } /*css3动画,transition*/ .trs01s{ -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .trs02s{ -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .trs03s{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .trs04s{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .trs05s{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .trs06s{ -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .trs07s{ -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } .trs08s{ -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } .trs09s{ -webkit-transition: 0.9s; -moz-transition: 0.9s; -ms-transition: 0.9s; -o-transition: 0.9s; transition: 0.9s; } .trs1s{ -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .trs2s{ -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; } .trs3s{ -webkit-transition: 3s; -moz-transition: 3s; -ms-transition: 3s; -o-transition: 3s; transition: 3s; } .trs4s{ -webkit-transition: 4s; -moz-transition: 4s; -ms-transition: 4s; -o-transition: 4s; transition: 4s; } .trs5s{ -webkit-transition: 5s; -moz-transition: 5s; -ms-transition: 5s; -o-transition: 5s; transition: 5s; } .trs6s{ -webkit-transition: 6s; -moz-transition: 6s; -ms-transition: 6s; -o-transition: 6s; transition: 6s; } .trs7s{ -webkit-transition: 7s; -moz-transition: 7s; -ms-transition: 7s; -o-transition: 7s; transition: 7s; } .trs8s{ -webkit-transition: 8s; -moz-transition: 8s; -ms-transition: 8s; -o-transition: 8s; transition: 8s; } .trs9s{ -webkit-transition: 9s; -moz-transition: 9s; -ms-transition: 9s; -o-transition: 9s; transition: 9s; } .trs10s{ -webkit-transition: 10s; -moz-transition: 10s; -ms-transition: 10s; -o-transition: 10s; transition: 10s; } /*偏移量*/ .trft50p{ transform: translate(-50%, -50%); } /*文本阴影*/ .txs1{ text-shadow: 1px 1px 1px #383838; } /*垂直居中*/ .vam{ vertical-align: middle; } .vat{ vertical-align: top; } .vab{ vertical-align: bottom; } /* 盒模型 */ .bsbb{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /*装饰*/ .n {font-weight:normal;font-style:normal;} .b {font-weight:bold;} .f100 {font-weight:100;} .i {font-style:italic;} .ovh {overflow:hidden;} .ovs {overflow:scroll;} .ff{ font-family:PingFang-SC-Medium; } .fs{ font-style:normal } .fcolor{ color:rgba(255,91,5,1); } /*其他 ellipsis*/ .ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .clear {zoom:1;} .clear::after {content:"";display:block;clear:both;} .line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .line2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important; overflow: hidden; } .line3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical !important; overflow: hidden; } .z-1 {z-index:-1;} .z-2 {z-index:-2;} .z-3 {z-index:-3;} .z1 {z-index:1;} .z2 {z-index:2;} .z3 {z-index:3;} .z4 {z-index:4;} .z5 {z-index:5;} .z100 {z-index:100;} .z200 {z-index:200;} .z300 {z-index:300;} .z400 {z-index:400;} .z500 {z-index:500;} .cup {cursor:pointer;} .mauto {margin:0 auto;} .bg-white{background: white;} .bg-black{background: black;} .bg-1DA1F2{background:#1DA1F2} .bg-cc{background:#cccccc} .bg-rgb102{background: rgba(102,102,102,0.7);} /*常用按钮*/ btn.active,.btn:active {background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 0.05rem rgba(0,0,0,.125);box-shadow:inset 0 3px 0.05rem rgba(0,0,0,.125);} .btn {display:inline-block;padding:0.06rem 0.12rem;cursor:pointer;border:1px solid transparent;border-radius:0.04rem;} .btn-default {color:#333;background-color:#fff;border-color:#ccc;} .btn-default:active:hover {color:#333;background-color:#d4d4d4;border-color:#8c8c8c;} .btn-default:hover {color:#333;background-color:#e6e6e6;border-color:#adadad;} .btn-primary {color:#fff;background-color:#3190e8;border-color:#338de0;} .btn-primary:hover {color:#fff;background-color:#286090;border-color:#204d74;} .btn-primary:active:hover {color:#fff;background-color:#204d74;border-color:#122b40;} .btn-success {color:#fff;background-color:#5cb85c;border-color:#4cae4c;} .btn-success:active:hover {color:#fff;background-color:#378037;border-color:#8c8c8c;} .btn-success:hover {color:#fff;background-color:#449d44;border-color:#adadad;} .btn-danger {color:#fff;background-color:#d9534f;border-color:#d43f3a;} .btn-danger:active:hover {color:#fff;background-color:#ac2925;border-color:#761c19;} .btn-danger:hover {color:#fff;background-color:#c9302c;border-color:#ac2925;} .btn-block {width:100%;display:block;}