.aligncenter {
    align-items: center;
}

.alignend {
    align-items: flex-end;
}

.alignstart {
    align-items: flex-start;
}


image {
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.mbt10 {
    margin: 10px 0;
}

.mbt20 {
    margin: 20px 0;
}

.margingauto {
    margin: auto;
}

.margin10 {
    margin: 10px
}

.margin20 {
    margin: 20px
}

.marginlr10 {
    margin: 0 10px
}

.margintb10 {
    margin: 10px 0
}

.margintb20 {
    margin: 20px 0
}

.ml1 {
    margin-left: 1px;
}

.ml2 {
    margin-left: 2px;
}

.ml3 {
    margin-left: 3px;
}

.ml4 {
    margin-left: 4px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}


.ml20 {
    margin-left: 20px;
}


.mt-5 {
    margin-top: -5px;
}

.mt-10 {
    margin-top: -10px;
}

.mt-15 {
    margin-top: -15px;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}


.mt4 {
    margin-top: 4px;
}


.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mtpx10 {
    margin-top: 10px;
}

.mtpx15 {
    margin-top: 15px;
}

.mtpx20 {
    margin-top: 20px;
}

.mtpx30 {
    margin-top: 30px;
}

.mtpx40 {
    margin-top: 40px;
}

.mtpx50 {
    margin-top: 50px;
}

.mtpx60 {
    margin-top: 60px;
}

.mtpx70 {
    margin-top: 70px;
}

.mtpx80 {
    margin-top: 80px;
}

.mtpx90 {
    margin-top: 90px;
}

.mtpx100 {
    margin-top: 100px;
}

.mtpx120 {
    margin-top: 120px;
}

.mtpx150 {
    margin-top: 150px;
}

.mtpx200 {
    margin-top: 200px;
}

.mtpx220 {
    margin-top: 220px;
}

.mtpx240 {
    margin-top: 240px;
}

.mtpx250 {
    margin-top: 250px;
}

.mtpx260 {
    margin-top: 260px;
}

.mtpx270 {
    margin-top: 270px;
}


.mtpx280 {
    margin-top: 280px;
}

.mtpx290 {
    margin-top: 290px;
}
.mb1{
    margin-bottom: 1px;
}

.mb2{
    margin-bottom: 2px;
}

.mb3{
    margin-bottom: 3px;
}

.mb4{
    margin-bottom: 4px;
}

.mb5{
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr60 {
    margin-right: 60px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml60 {
    margin-left: 60px;
}

.ml70 {
    margin-left: 70px;
}

.ml80 {
    margin-left: 80px;
}

.hr10 {
    width: 100%;
    height: 10px;
    clear: both;
    overflow: hidden;
}

.hr20 {
    width: 100%;
    height: 20px;
    clear: both;
    overflow: hidden;
}

.hr50 {
    width: 100%;
    height: 50px;
    clear: both;
    overflow: hidden;
}

.hpx10 {
    width: 100%;
    height: 10px;
    clear: both;
    overflow: hidden;
}

.hpx15 {
    width: 100%;
    height: 15px;
    clear: both;
    overflow: hidden;
}

.hpx20 {
    width: 100%;
    height: 20px;
    clear: both;
    overflow: hidden;
}

.hpx30 {
    width: 100%;
    height: 30px;
    clear: both;
    overflow: hidden;
}

.hpx80 {
    width: 100%;
    height: 80px;
    clear: both;
    overflow: hidden;
}

.hpx100 {
    width: 100%;
    height: 100px;
    clear: both;
    overflow: hidden;
}
.font50 {
    font-size: 50px;
}
.font45 {
    font-size: 45px;
}
.font40 {
    font-size: 40px;
}

.font38 {
    font-size: 38px;
}

.font35 {
    font-size:35px;
}
.font34 {
    font-size:34px;
}

.font32 {
    font-size:32px;
}
.font30 {
    font-size: 30px;
}
.font25 {
    font-size: 25px;
}
.font20 {
    font-size: 20px;
}

.font19 {
    font-size: 19px;
}

.font18 {
    font-size: 18px;
}

.font17 {
    font-size: 17px;
}

.font16 {
    font-size: 16px;
}

.font15 {
    font-size: 15px;
}

.font14 {
    font-size: 14px;
}

.font13 {
    font-size: 13px;
}

.font12 {
    font-size: 12px;
}

.font10 {
    font-size: 10px;
}

.font9 {
    font-size: 9px;
}

.font8 {
    font-size: 8px;
}

.fontB {
    font-weight: bold
}
.fontBB {
    font-weight: 1000;
}

.font200 {
    font-weight: 200;
}

.font300 {
    font-weight: 300;
}

.font400 {
    font-weight: 400;
}

.font500 {
    font-weight: 500;
}

.font600 {
    font-weight: 600;
}

.font700 {
    font-weight: 700;
}

.font800 {
    font-weight: 800;
}

/*==============================文字颜色====================*/
.fontcolor0 {
    color: #131313;
}

.fontcolor1 {
    color: #0e8388;
}

/*主色调*/
.fontcolor2 {
    color: #3f8f36;
}

/*绿色*/
.fontcolor3 {
    color: #8a8a8a;
}

.fontcolor4 {
    color: #ffffff;
}

.fontcolor5 {
    color: #666666;
}

.fontcolor6 {
    color: #ff9b43;
}

/*黄色*/
.fontcolor7 {
    color: #877028;
}

.fontcolor8 {
    color: #644e13;
}

.fontcolor9 {
    color: #999;
}

.fontcolor10 {
    color: #3aa6ac;
}

.fontcolor11 {
    color: #E63D48;
}

.fontcolor12 {
    color: #8bc34a;
}

.fontcolor13 {
    color: #000000;
}

.fontcolor14 {
    color: #eee;
}

.fontcolor15 {
    color: #ccc;
}

.fontcolor17 {
    color: #1CB569;
}

.fontcolor16 {
    color: #F1612B;
}

.fontcolor18 {
    color: #ff970f;
}

.fontcolorBC {
    color: #bcbcbc;
}

.fontcolorD8 {
    color: #d8d8d8;
}


.bgcolor {
    background: #ff1d11;
}

.bgcolor0 {
    background: #F4F5F7;
}

/*主色调*/
.bgcolor1 {
    background: #0e8388;
}

.bgcolor2 {
    background: #f8f8f8;
}

.bgcolor3 {
    background: #e9599d;
}

.bgcolor4 {
    background: #ff9b43;
}

.bgcolor5 {
    background: #f8c235;
}

.bgcolor6 {
    background: #44b9ae;
}

.bgcolor7 {
    background: #49c0f1;
}

.bgcolor8 {
    background: #8a8a8a;
}

.bgcolor9 {
    background: #f5f4fa;
}

.bgcolor10 {
    background: #ffffff;
}

.bgcolor11 {
    background: #3f8f36;
}

/*绿色*/
.bgcolor12 {
    background: #e4e6e3;
}

/*灰色*/
.bgcolor13 {
    background: #fff6ef;
}

.bgcolor14 {
    background: #0bc69c;
}

.bgcolor15 {
    background: #d1b66f;
}

.bgcolor16 {
    background: #fff5cd;
}

.bgcolor17 {
    background: #F5F5F5;
}

.bgcolor18 {
    background: #000000;
}

.bgcolor19 {
    background: #ccc;
}

.bgcolor20 {
    background: #aaa;
}

.bgcolor21 {
    background: #4b4b4b;
}

.bgcolor22 {
    background: #F4F5F7;
}


h2 {
    font-size: 2em;
    font-weight: 100;
}

h3 {
    font-size: 1.5em;
    font-weight: 100;
}


/*==============================公共框架样式====================*/
.box_col_1 {
    width: 100%;
}

.box_col_2 {
    width: 50%;
}

.box_col_3 {
    width: 33.3333333%;
}

.box_col_4 {
    width: 25%;
}

.box_col_5 {
    width: 20%;
}

.box_col_6 {
    width: 16.6666667%;
}

.box_col_5 {
    width: 5%;
}

.box_col_10 {
    width: 10%;
}

.box_col_15 {
    width: 15%;
}

.box_col_20 {
    width: 20%;
}

.box_col_25 {
    width: 25%;
}

.box_col_30 {
    width: 30%;
}

.box_col_32 {
    width: 32%;
}

.box_col_35 {
    width: 35%;
}

.box_col_40 {
    width: 40%;
}

.box_col_45 {
    width: 45%;
}

.box_col_50 {
    width: 50%;
}

.box_col_55 {
    width: 55%;
}

.box_col_60 {
    width: 60%;
}

.box_col_65 {
    width: 65%;
}

.box_col_70 {
    width: 70%;
}

.box_col_75 {
    width: 75%;
}

.box_col_80 {
    width: 80%;
}

.box_col_85 {
    width: 85%;
}

.box_col_90 {
    width: 90%;
}

.box_col_95 {
    width: 95%;
}

.title20 {
    height: 20px;
    line-height: 20px;
}

.title25 {
    height: 25px;
    line-height: 25px;
}

.title30 {
    height: 30px;
    line-height: 30px;
}

.title40 {
    height: 40px;
    line-height: 40px;
}

.title44 {
    height: 44px;
    line-height: 44px;
}

.title50 {
    height: 50px;
    line-height: 50px;
}

.title60 {
    height: 60px;
    line-height: 60px;
}

.title80 {
    height: 80px;
    line-height: 80px;
}

.title100 {
    height: 100px;
    line-height: 100px;
}

.title120 {
    height: 120px;
    line-height: 120px;
}

/*==============================公共内边距样式====================*/

.padding1 {
    padding: 20px;
}

.padding2 {
    padding: 0px 20px;
}

.padding3 {
    padding: 20px 0px;
}

.padding4 {
    padding: 10px 20px;
}

.padding5 {
    padding: 10px 30px;
}

.padding6 {
    padding: 10px 0px;
}

.padding7 {
    padding: 6px;
}

.padding8 {
    padding: 16px 16px 0px 16px;
}

.padding9 {
    padding: 10px;
}

.padding10 {
    padding: 40px;
}

.padding11 {
    padding: 0px 40px;
}

.padding12 {
    padding: 10px;
}

.padding13 {
    padding: 32px;
}

.padding14 {
    padding: 18px 32px;
}

.padding15 {
    padding: 32px 20px;
}

.padding16 {
    padding: 32px;
}



.pl20 {
    padding-left: 20px;
}

.pl10 {
    padding-left: 10px;
}

.pl8 {
    padding-left: 8px;
}

.pl15 {
    padding-left: 15px;
}

.pl16 {
    padding-left: 16px;
}

.pl30 {
    padding-left: 30px;
}

.pl32 {
    padding-left: 32px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 50px;
}

.pl60 {
    padding-left: 60px;
}

.pl300 {
    padding-left: 300px;
}


.pt0 {
    padding-top: 0px;
}

.pt1 {
    padding-top: 1px;
}

.pt2 {
    padding-top: 2px;
}

.pt3 {
    padding-top: 3px;
}

.pt4 {
    padding-top: 4px;
}

.pt5 {
    padding-top: 5px;
}
.pt6 {
    padding-top: 6px;
}
.pt7 {
    padding-top: 7px;
}

.pt8 {
    padding-top: 8px;
}


.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt70 {
    padding-top: 70px;
}

.pt80 {
    padding-top: 80px;
}

.pt90 {
    padding-top: 90px;
}

.pt100 {
    padding-top: 100px;
}

.pt110 {
    padding-top: 110px;
}

.pt120 {
    padding-top: 120px;
}

.pt200 {
    padding-top: 200px;
}
.pt220 {
    padding-top: 220px;
}
.pt230 {
    padding-top: 230px;
}
.pb2 {
    padding-bottom: 2px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb6 {
    padding-bottom: 6px;
}

.pb7 {
    padding-bottom: 7px;
}
.pb8 {
    padding-bottom: 8px;
}
.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb70 {
    padding-bottom: 70px;
}


.pr10 {
    padding-right: 10px;
}

.pr8 {
    padding-right: 8px;
}


.pr15 {
    padding-right: 15px;
}

.pr16 {
    padding-right: 16px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr32 {
    padding-right: 32px;
}

.pr40 {
    padding-right: 40px;
}

.pr50 {
    padding-right: 50px;
}

.pr60 {
    padding-right: 60px;
}

/*==============================按钮====================*/
.button {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    height: 80px;
    line-height: 80px;
    color: white;
    font-size: 30px;
    border-radius: 5px;
    text-align: center;
}

.button2:active {
    background: #ca4a7c;
}

.buttoncolor {
    color: white;
    background: linear-gradient(135deg, #F1612B 0%, #F1812B 100%);
}

/*==============================公共边框样式====================*/
.border_all {
    border: 1px solid #F4F5F7;
}

.border_all2 {
    border: 1px solid #999;
}



.border_t {
    border-top: 2px solid #F4F5F7;
}

.border_r {
    border-right: 2px solid #F4F5F7;
}

.border_b {
    border-bottom: 2px solid #F4F5F7;
}

.border_l {
    border-left: 2px solid #F4F5F7;
}

.border_default {
    border: 1px solid #f22a2a;
}

.border_1 {
    border: 1px solid #e0cb88;
}

/*==============================公共高度banner高度====================*/
.banner375 {
    height: 375px;
}

.banner320 {
    height: 320px;
}

.banner322 {
    height: 322px;
}

.banner276 {
    height: 276px;
}

.banner170 {
    height: 170px;
}

.banner400 {
    height: 400px;
}

.banner450 {
    height: 450px;
}

.height40p {
    height: 40%;
}

.height50p {
    height: 50%;
}

.height60p {
    height: 60%;
}

.height100p {
    height: 100%;
}
.height5 {
    height: 5px;
}

.height10 {
    height: 10px;
}
.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}
.height35 {
    height: 35px;
}
.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.height64 {
    height: 64px;
}

.height80 {
    height: 80px;
}

.height88 {
    height: 88px;
}

.height110 {
    height: 110px;
}

.height120 {
    height: 120px;
}

.height150 {
    height: 150px;
}

.height160 {
    height: 160px;
}

.height170 {
    height: 170px;
}

.height200 {
    height: 200px;
}

.height230 {
    height: 263.86px;
}
.height263 {
    height: 230px;
}

.height302 {
    height: 302px;
}

.height355 {
    height: 355px;
}

.height400 {
    height: 400px;
}

.height500 {
    height: 500px;
}

.height600 {
    height: 600px;
}

.height750 {
    height: 750px;
}



/**系统常用按钮样式css3**/
.cart_common {
    color: #666;
    display: block;
    float: left;
    margin-right: 8px;
    text-decoration: none;
    font-weight: lighter;
    line-height: 1;
    border: 2px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px #999;
    text-shadow: 0 -1px 1px #ccc;
    cursor: pointer;
    padding: 5px 5px;
}

.cart_common:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#fff));
    background: -moz-linear-gradient(top, #ccc, #fff);
}


/* 文字截断 */
.ui-nowrap {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ui-nowrap2 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ui-nowrap3 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ui-nowrap4 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.ui-nowrap100 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 100;
}

/* 公共圆角*/
.radius5 {
    border-radius: 5px;
}

.radius10 {
    border-radius: 10px;
}
.radius12 {
    border-radius: 12px;
}
.radius15 {
    border-radius: 15px;
}

.radius20 {
    border-radius: 20px;
}

.radius25 {
    border-radius: 25px;
}

.radius30 {
    border-radius: 30px;
}

.radius50 {
    border-radius: 50px;
}

.radius_100 {
    border-radius: 100%;
}

.radiustl10{
    border-top-left-radius: 10px;
}

.radiustr10{
    border-top-right-radius: 10px;
}

.radiustl20{
    border-top-left-radius:20px;
}

.radiustr20{
    border-top-right-radius: 20px;
}

.hidden {
    overflow: hidden;
}

/* 公共listview大小*/
.listview {
    height: 100px;
    line-height: 100px;
}

.listview input {
    height: 100px;
    line-height: 100px;
    color: #131313;
}

.listview .icon_box {
    height: 100px;
}

.listview .arro {
    height: 100px;
}

.imgArrow {
    width: 15px;
    height: 100%;
}

.listview .icon {
    height: 100%;
    width: 45px;
    margin-right: 10px;
}

.listview .icon70 {
    height: 100%;
    width: 70px;
    margin-right: 10px;
}

.icon {
    vertical-align: middle;
}

.listview_box .icon_box {
    height: 150px;
}

.listview_box .icon {
    height: 100%;
    width: 45px;
    margin-right: 10px;
}

.positionr {
    position: relative;
}

.positiona {
    position: absolute;
}

.positionf {
    position: fixed;
}

.position_t {
    top: 0px;
}

.position_top {
    top: 91px;
}

.position_b {
    bottom: 0px;
}

.position_l {
    left: 0px;
}

.position_r {
    right: 0px;
}

.position_t20 {
    top: -20px;
}

.position_t10 {
    top: 10px;
}

.position_l50 {
    left: 180px;
}

.position_l5 {
    left: 5%;
}

.position_l10 {
    left: 10%;
}

.position_b20 {
    bottom: 20px;
}

.zindex-1 {
    z-index: -1
}

.zindex0 {
    z-index: 0
}

.zindex1 {
    z-index: 1
}

.zindex2 {
    z-index: 2
}

.zindex3 {
    z-index: 3
}

.zindex4 {
    z-index: 4
}

.zindex100 {
    z-index: 100
}

.zindex100000 {
    z-index: 100000
}

.zindex99999 {
    z-index: 99999
}

.cart_list .icon {
    width: 38px;
    height: 100%;
    margin-right: 10px;
}

.cart_list .img {
    width: 150px;
    height: 150px;
}

.cart_list .right {
    margin-left: 170px;
}

/* 角标 */
.ui-red {
    width: 50px;
    height: 30px;
}





/*  重写 checkbox 样式  */
/* 未选中的 背景样式 */
checkbox .wx-checkbox-input {
    border-radius: 50%;
    /* 圆角 */
    width: 40px;
    /* 背景的宽 */
    height: 40px;
    /* 背景的高 */
}

/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    background: #f22a2a;
    border: 1px solid #f22a2a;
}

/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    border-radius: 50%;
    /* 圆角 */
    width: 40px;
    /* 选中后对勾大小，不要超过背景的尺寸 */
    height: 40px;
    /* 选中后对勾大小，不要超过背景的尺寸 */
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    /* 对勾大小 30px */
    color: #fff;
    /* 对勾颜色 白色 */
    background: transparent;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
}



/* flex布局 */
.flexbetween {
    display: flex;
    justify-content: space-between;
    flex-wrap: warp;
    flex-flow: row wrap;
}

.flexcenter {
    display: flex;
    justify-content: center;
    flex-wrap: warp;
    flex-flow: row wrap;
}

.flexaround {
    display: flex;
    justify-content: space-around;
    flex-wrap: warp;
    flex-flow: row wrap;
}

.flexstart {
    display: flex;
    justify-content: flex-start;
    flex-wrap: warp;
    flex-flow: row wrap;
}

.flexend {
    display: flex;
    justify-content: flex-end;
    flex-wrap: warp;
    flex-flow: row wrap;
}

.flextcenter {
    align-items: center;
}

.flexgrow{
    flex-grow: 1;
}

/* 文本显示方向 */
.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.inline {
    display: inline;
}

.hidden {
    display: none;
}

.borderR {
    border-radius: 100%
}

.wh20 {
    width: 20px;
    height: 20px;
}
.wh18 {
    width: 18px;
    height: 18px;
}

.wh25 {
    width: 25px;
    height: 25px;
}

.wh30 {
    width: 30px;
    height: 30px;
}

.wh35 {
    width: 35px;
    height: 35px;
}

.wh40 {
    width: 40px;
    height: 40px;
}

.wh50 {
    width: 50px;
    height: 50px;
}

.wh60 {
    width: 60px;
    height: 60px;
}

.wh70 {
    width: 70px;
    height: 70px;
}

.wh80 {
    width: 80px;
    height: 80px;
}

.wh90 {
    width: 90px;
    height: 90px;
}

.wh100 {
    width: 100px;
    height: 100px;
}

.wh110 {
    width: 110px;
    height: 110px;
}

.wh120 {
    width: 120px;
    height: 120px;
}

.wh130 {
    width: 130px;
    height: 130px;
}

.wh140 {
    width: 140px;
    height: 140px;
}

.width10 {
    width: 10px
}

.width20 {
    width: 20px
}

.width30 {
    width: 30px
}

.width40 {
    width: 40px
}

.width50 {
    width: 50px
}

.width60 {
    width: 60px
}
.width66 {
    width: 66px
}

.width70 {
    width: 70px
}

.width80 {
    width: 80px
}

.width90 {
    width: 90px
}

.width100 {
    width: 100px
}

.width120 {
    width: 120px
}

.width140 {
    width: 140px
}

.width150 {
    width: 150px
}

.width200 {
    width: 200px
}

.width250 {
    width: 250px
}

.width300 {
    width: 300px
}
.width350 {
    width: 350px
}
.width100p {
    width: 100%;
}
.pl66{
    padding-left: 66px;
    box-sizing: border-box;
}
.pl80{
    padding-left: 80px;
    box-sizing: border-box;
}

.bordercolor0{
    border: 1px solid #dcdcdc;
}

.bordercolor1{
    border: 1px solid #F1612B;
}


.shadow {
    box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, 0.3);
}

.colorList:nth-child(2n){
    background-color: #efefef;
}

.colorList2:nth-child(2n+1){
    background-color: #efefef;
}

.van-tabs__line{
    background: #F1612B!important;
}


.van-tab--active.van-ellipsis{
    color: #F1612B!important;
}

.rotate90{
    transform: rotate(90deg);
}

.pointer{
    cursor: pointer;
}


/* 设置滚动条的宽度 */
::-webkit-scrollbar {
    width: 0px; /* 水平滚动条的高度 */
    height: 12px; /* 垂直滚动条的宽度 */
}