/*初始化元素*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,td,th{margin:0;padding:0;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
a{text-decoration:none;color:inherit;}
a:active,a:hover {outline:none;}
input,button,textarea{outline:none;border:none;}
textarea{resize:none;}
img{vertical-align:top;}
label { /*文字不能选中*/
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;
}

/*自定义常用原子类*/
.clearfix{*zoom:1;}
.clearfix:after{
    content: "200B";
    height: 0;
    font-size: 0;
    display: block;
    clear: both;
}
.hide{display: none;}
.show{display: block;}
.f-l{float:left;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.ellipsis-1{overflow:hidden;white-space:nowrap;word-wrap:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.font-MY{ font-family:"Microsoft YaHei","sans-serif";}
.w-100{width: 100%; height: 100%}
.hide-text{  /*隐藏文字*/
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border:none;
}
.t-bg{
    -ms-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
}
.t-all{
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
/*old-自定义*/
.w1224 { width: 1224px;margin: 0 auto;}
.fl { float: left;}
.fr { float: right;}
.p:before,.p:after {
    content: "";
    clear: both;
    display: block
}
/*共用头部区域-header*/

.tpshop-tm-hander {
    background-color: white;
}
.red,.ls-dlzc a:hover{
    color: #e23435
}
.gray_f5 {
    background:#f5f5f5;
}
.top-hander {
    position: relative;
    z-index:12;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #666;
}
.sendaddress{
    cursor: pointer;
}
.top-ri-header>li{
    float: left;
    padding: 0 10px;
    cursor: pointer;
}
.top-ri-header>li:hover{
    color: #e23435;
}
.top-ri-header .hover-ba-navdh:hover {
    color: #666;
    border-color: #ccc;
}
.top-ri-header .hover-ba-navdh{
    position: relative;
    border: 1px solid transparent;
    line-height:28px;
    padding: 0;
}
.hover-ba-navdh .nav-dh{
    height: 28px;
    padding: 0 10px;
}
.top-ri-header .spacer {
    padding: 0
}
.spacer {
    width: 1px;
    height: 12px;
    padding: 0;
    margin: 10px 2px 0;
    background: #dedede;
    overflow: hidden
}
.conta-hv-nav{
    display: none;
    width: 150px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    right:-1px;
    top: 29px;
    padding: 10px 0
}
.conta-hv-nav>li{
    float: left;
    height: 30px;
    width: 50%;
    text-align: center;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
}
.conta-hv-nav>li:hover{
    color: #e23435;
}
.hover-ba-navdh:hover .nav-dh{
    position: relative;
    z-index: 3;
    background: #fff;;
    height: 30px;
    color: #e23435;
}
.hover-ba-navdh:hover .conta-hv-nav {
    display: block;
}
.tpshop-tm-hander .share-a_a1 {
    display: inline-block;
    width: 12px;
    height: 6px;
    vertical-align: middle;
    margin-left: 6px;
    background: url("../images/ico-tphsop-index.png") no-repeat -200px -27px;
}
.ls-dlzc{
    margin-left: 40px;
}
.ls-dlzc a {
    padding: 0 10px
}
.nav-middan-z{
    height: 90px;
    padding-top: 30px;
}
.nav-middan-z.home-index-head{
    height: 57px;
    padding-top: 23px;
}
.nav-middan-z .ecsc-logo {
    float: left;
}
.ecsc-search {
    float: left;
    margin-left: 250px;
    width: 500px;
}
.ecsc-search-form{
    height: 34px;
    position: relative;
}
.ecsc-search-input {
    float: left;
    width: 380px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    border: 2px solid #e23435;
    color: #666;
}
.ecsc-search-button {
    float: left;
    width: 96px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #e23435;
    cursor: pointer;
}
.ecsc-search .keyword{
    padding-top: 4px;
    height: 48px;
    overflow: hidden;
}
.ecsc-search .keyword .key-item{
    float: left;
    line-height: 24px;
    margin-right: 15px;
    font-size: 12px;
    color: #999;
}
.ecsc-search .keyword .key-item:hover{
    color: #e23435;
}
.u-g-cart {
    position: relative;
    z-index:11;
    height: 32px;
    border: 1px solid #e3e4e5;
}
.u-g-cart .c-n {
    position: relative;
    z-index: 9;
    width: 178px;
    height: 32px;
    line-height: 32px;
    background-color: white;
    color:#e23435;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.u-g-cart:hover{
    border-color: #ccc;
}
.u-g-cart:hover .c-n{
    height: 33px;
}
.u-g-cart .c-n .share-shopcar-index {
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;
    background: url("../images/ico-tphsop-index.png") no-repeat -200px -40px;
}
.u-g-cart .c-n .shop-nums{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    min-width: 10px;
    background-color: #e23435;
    color: #fff;
    border-radius: 8px;
    vertical-align: top;
    margin-top: 2px;
}
.u-g-cart .c-num {
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 2px
}
.u-g-cart .c-num {
    width: 28px;
    height: 45px;
    padding-left: 36px;
    background-color: #e23435;
    color: #fff;
    position: relative
}
.u-g-cart .c-num .count {
    font-weight: 700;
}
.u-fn-cart{
    display: none;
    position: absolute;
    top: 32px;
    right: -1px;
    width: 288px;
    background: #fff;
    border: 1px solid #ccc;
}
.u-g-cart:hover .u-fn-cart{
    display: block
}
.u-fn-cart .empty-c {
    width: auto;
    height: 80px;
    line-height: 80px;
    text-align: center
}
.u-fn-cart .empty-c span {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding-left: 67px;
    position: relative
}
.u-fn-cart .empty-c span .c-i {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../images/ico-tphsop-index.png") no-repeat -315px 0;
    position: absolute;
    top: 12px;
    left: 10px
}
.u-fn-cart .mn-c-box {
    width: 288px;
    position: relative;
    background-color: #e9e9e9;
}
.u-fn-cart .c-store {
    background-color: #fff;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}
.u-fn-cart .c-store-tt {
    height: 29px;
    line-height: 29px;
    padding: 0 15px;
    border-bottom: 1px solid #e9e9e9;
    color: #666;
}
.u-fn-cart .c-sale-b {
    margin: 5px 15px 0;
    height: 24px;
    line-height: 24px;
    background: #e9e9e9;
    color: #c20053;
    overflow: hidden;
}
.u-fn-cart .i{
    padding: 0 3px;
    margin: 0 5px;
    background: #f58813;
    color: #fff;
}
.u-fn-cart .c-item {
    padding: 5px 15px;
    position: relative;
    border-bottom: 1px dashed #ccc;
}
.u-fn-cart .del{
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #e9e9e9;
    top: 5px;
    right: 15px;
    display: none;
}
.u-fn-cart .c-store:hover .del{
    display: block;
}
/*侧边栏-购物车-s*/
.u-fn-cart .tp-scart-gname{
    display: block;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    width: 156px;
}
.hasshopcar.u-mn-cart .mn-c-box{
    width: 262px;
    margin-bottom: 10px;
}
.hasshopcar.u-mn-cart .del{
    right: 5px;
}
/*侧边栏-购物车-e*/
.u-fn-cart .goods-pic{
    width: 50px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
}
.u-fn-cart .goods-pic>img{
    width: 100%;
}
.u-fn-cart .c-item .goods-name{
    display: block;
    width: 180px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    color: #666;
    margin-bottom: 6px;
}
.u-fn-cart .c-item .num{
    color: #333;
}
.u-fn-cart .mn-c-total {
    padding: 10px 14px 18px;
    background: #e9e9e9;
    font-weight: 700;
}
.u-fn-cart .mn-c-total .c-t{
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}
.u-fn-cart .mn-c-total .c-btn{
    display: block;
    width: 260px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #e23435;
}
.u-fn-cart .mn-c-total .c-btn:hover {
    background: #d03031;
}
.categorys {
    float: left;
    position: relative;
    z-index: 8;
    height: 40px;
}
.categorys:hover .dd {
    display: block
}
.categorys .dt>a{
    display: block;
    width: 180px;
    padding-left: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #333;
    color: #fff;
}
.categorys .dt a .share-a_a2 {
    display: inline-block;
    width: 25px;
    height: 27px;
    vertical-align: text-bottom;
    margin-right: 10px;
    margin-bottom: -4px;
    background: url("../images/ico-tphsop-index.png") no-repeat 0 0;
}
.navitems {
    float: left;
    position: relative;
    height: 40px;
    padding-left: 25px;
    width: 989px;
    overflow: hidden;
}
.navitems>li{
    float: left;
    margin: 0 8px;
}
.navitems>li a{
    display: inline-block;
    padding: 0 8px;
    font-size: 16px;
    line-height: 38px;
    color: #333;
    border-bottom: 2px solid transparent;
}
.navitems .selected a,.navitems>li:hover a{
    color: #e23435;
    border-bottom-color:#e23435;
}
.categorys .dd{
    padding-top: 2px;
    height: 448px;
    background: rgba(255,255,255,.9);
}
.home_categorys .dd {
    display: none;
}
.categorys .item-left{
    padding: 14px 30px;
    border-bottom: 1px solid #f1f1f1;
}
.categorys .item-left:hover {
    position: relative;
    z-index: 9;
    background: #fff;
    border-bottom-color: #fff;
}
.categorys .nav-active .item-left{
    position: relative;
    z-index: 9;
    background: #fff;
    border-bottom-color: #fff;
}
.categorys .nav-active .cata-nav-layer{
   display: block;
}
.categorys .cata-nav-name{
    width: 150px;
    height: 27px;
    font-weight: 400;
    overflow: hidden;
}
.categorys .cata-nav-wrap{
    width: 200px;
}
.cata-nav-name .ico{
    display: inline-block;
    width: 25px;
    height: 27px;
    margin-right: 20px;
    background-image: url("../images/ico-tphsop-index.png");
    background-repeat: no-repeat;
}
.ico-nav-0{
    background-position: -25px 0;
}
.ico-nav-1{
    background-position: -50px 0;
}
.ico-nav-2{
    background-position: -75px 0;
}
.ico-nav-3{
    background-position: -100px 0;
}
.ico-nav-4{
    background-position: -125px 0;
}
.ico-nav-5{
    background-position: -150px 0;
}
.ico-nav-6{
    background-position: -175px 0;
}
.ico-nav-7{
    background-position: -200px 0;
}
.cata-nav-name a{
    display: inline-block;
    vertical-align: top;
    margin-right:5px;
    line-height: 27px;
    font-size: 14px;
    color: #333;
}
.cata-nav-name a:hover{
    color:#e23435;
}
.categorys .cata-nav-layer {
    position: absolute;
    top:39px;
    left: 209px;
    width: 1013px;
    min-height: 449px;
    border: 1px solid #333;
    background: white;
    display: none;
}
.categorys .item:hover .cata-nav-layer {
    display: block;
}
.categorys .cata-nav-left{
    float: left;
    width: 687px;
    padding-left: 25px;
    padding-bottom: 97px;
}
.cata-nav-left .cata-layer-title{
    padding-top: 18px;
    height: 22px;
    width:100%;
    overflow: hidden;
}
.layer-title-item{
    float: left;
    line-height: 22px;
    padding: 0 7px;
    margin-right: 14px;
    background-color: #ff5e5f;
    color: #fff;
    font-size: 14px;
}
.layer-title-item:hover{
    background-color: #e23435;
}
.layer-title-item>.ico{
    vertical-align: top;
    margin-left: 5px;
    font-family:consolas;
}
.cata-nav-left dl{
    font-size: 12px;
    padding-top: 20px;
    line-height: 14px;
}
.cata-nav-left dt{
    position: relative;
    float: left;
    width: 66px;
    color: #333;
    font-weight: 700;
}

.cata-nav-left dt:hover{
    color:#e23435;
}

.cata-nav-left dd{
    float: left;
    width: 621px;
}
.cata-nav-left dd>a{
    float: left;
    padding: 0 10px;
    margin-bottom: 10px;
    color: #666;
    border-left: 1px solid #e5e5e5;
}
.cata-nav-left dd>a:hover{
    color: #ff0c0c;
}
.advertisement_down{
    position: absolute;
    left: 25px;
    bottom: 25px;
    width: 687px;
    height: 47px;
    overflow: hidden;
    padding-left: 1px;
}
.advertisement_down>a{
    float: left;
    width: 129px;
    height: 45px;
    border: 1px solid #e8e8e8;
    margin-left: -1px;
    overflow: hidden;
}
.cata-nav-layer .cata-nav-rigth{
    float: right;
    width: 300px;
    max-height: 449px;
    overflow: hidden;
}
/*footer*/
.footer{
    background-color: #fff;
    padding:20px 0 40px;
}
.left-help-list{
    float: left;
    width: 1024px;
}
.help-list-wrap{
    min-height: 160px;
}
.left-help-list dl{
    float: left;
    width: 200px;
}
.left-help-list dl>dt{
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
}
.left-help-list dl>dd{
    display: block;
    width:180px;
    padding-right: 20px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.left-help-list dl a:hover{
    color: #e23435;
}
/* 友情链接 */
.friendship-links{
    padding-top: 10px;
    width: 920px;
    font-size: 14px;
}
.friendship-links>span{
    float: left;
    width: 70px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
}
.links-wrap-h{
    float: left;
    width: 850px;
}
.links-wrap-h>a{
    float: left;
    line-height:1;
    margin:3px 0; 
    padding: 0 10px;
    color: #666;
}
.links-wrap-h>a+a{
     border-left:1px solid #aaa;
}
.links-wrap-h>a:hover{
    color: #e23435;
    text-decoration: underline;
}

.right-contact-us{
    float: right;
    width: 180px;
    padding-left: 20px;
}
.right-contact-us .title{
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
}
.right-contact-us .phone{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #e30000;
}
.right-contact-us .tips{
    margin-bottom: 18px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
}
.qr-code-list .qr-code{
    float:left;
    width: 80px;
    height: 80px;
}
.qr-code-tpshop{
    margin-left: 20px;
}

.tpshop-service{
    margin-top: 40px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 27px 0;
    background-color: #fff;
}
.tpshop-service li{
    float: left;
    width: 305px;
    height: 56px;
    text-align: center;
}
.tpshop-service li+li{
    border-left: 1px solid #e7e7e7;
}
.tpshop-service .ico{
    display: inline-block;
    width: 49px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    color: #e40000;
    font-size: 21px;
    margin-right: 16px;
    background-image: url("../images/ico-tphsop-index.png");
    background-repeat: no-repeat;
}
.ico-day7{
    background-position:0 -27px;
}
.ico-day15{
    background-position:-50px -27px;
}
.ico-quality{
    background-position:-100px -27px;
}
.ico-service{
    background-position:-150px -27px;
}
.tpshop-service .service{
    display: inline-block;
    line-height: 56px;
    font-size: 20px;
    color: #333;
    vertical-align: top;
}
.sendaddress span {
    cursor: pointer;
    color: #666666;
    display: inline-block;
    vertical-align: top;
}


/** 搜索框提示样式 s **/
.candidate {
    display: none;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 1px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 1000;
    top: 36px
}

.candidate ul li {
    clear: both;
    overflow: hidden;
    padding: 1px 6px;
    line-height: 24px;
    cursor: pointer
}

.candidate ul li:hover {
    background: #f5f5f5 !important
}

.candidate .search-item {
    width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    color: #666666
}

.candidate .search-count {
    float: right;
    width: 194px;
    text-align: right;
    color: #aaa
}

.candidate .close {
    border-top: 1px solid #efefef
}
/** 搜索框提示样式 e *


 */






/*基础css样式 */
html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,table,form{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*font-family: pictos;*/
}
a{
    /*font-family: pictos;*/
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
body{
    font-family: "microsoft yahei";
    font-family: fpfont;
    /*color: #333;*/
    color:#58747f!important;
    overflow-x: hidden;
}
img{
    display: block;
}

@font-face {
    /* font-properties */
    font-family: fpfont;
    src:url('../font/fpfont.ttf')
    /*url('pictos/pictos-web.ttf'),*/
    /*url('pictos/pictos-web.eot'); */
}



/*页面显示方式*/
.bsbb{
    box-sizing: border-box;
}
.fontcolor{
    color:#333!important;
}
.fontcolorfff{
    color:#fff!important;
}
.fontcolorf60{
    color:#f60!important;
}
.fontcolor82c3d0{
    color:#82c3d0!important;
}
.fontcolor2c7f89{
    color:#2c7f89!important;
}
.fontcolor8f9b9c{
    color:#8f9b9c!important;
}
.fontcolor4cbcd8{
    color:#4cbcd8!important;
}
.fontcolor39311c{
    color:#39311c!important;
}
.fontcolore8867c{
    color:#e8867c!important;
}
.fontcolor29383e{
    color:#29383e!important;
}
.fontcolora07dbb{
    color:#a07dbb!important;
}
.fontcolor65351e{
    color:#65351e!important;
}
.fontcolor2e2e2e{
    color:#2e2e2e!important;
}
.fontcolor343434{
    color:#343434!important;
}
.fontcolor1a88d5{
    color:#1a88d5!important;
}
.fontcolorfb5a00{
    color:#fb5a00!important;
}
.fontcolor1c87d5{
    color:#1c87d5!important;
}
.fontcolor3e3e3c{
    color:#3e3e3c!important;
}
.fontcolor888888{
    color:#888888!important;
}
.fontcolorFF6269{
    color:#FF6269!important;
}
.fontcolor333333{
    color:#333333!important;
}
.fontcolor555555{
    color:#555555!important;
}
.fontcolor666666{
    color:#666666!important;
}
.fontcolorff4500{
    color:#ff4500!important;
}
.fontcolor64a3fd{
    color:#64a3fd!important;
}
.fontcolor1fa7e2{
    color:#1fa7e2!important;
}
.fontcolorff7302{
    color:#ff7302!important;
}
.fontcolor33C19B{
    color:#33C19B!important;
}
.fontcolorE4E4E4{
    color:#E4E4E4!important;
}
.fontcolorf15c0f{
    color:#f15c0f!important;
}
.fontcolorfa5441{
    color:#fa5441!important;
}
.fontcolor3985DB{
    color:#3985DB!important;
}
.fontcolorff9023{
    color:#ff9023!important;
}
.fontcolor678386{
    color:#678386!important;
}
.fontcolor62bfdb{
    color:#62bfdb!important;
}
.fontcolor52aec0{
    color:#52aec0!important;
}
.fontcolora07dbb{
    color:#a07dbb!important;
}
.fontcolor58747f{
    color:#58747f!important;
}
.fontcoloradcb69{
    color:#adcb69!important;
}
.fontcolor5dc69d{
    color:#5dc69d!important;
}
.fontcolor45a2e0{
    color:#45a2e0!important;
}
.fontcolorffa63e{
    color:#ffa63e!important;
}
.fontcolorfd5b4c{
    color:#fd5b4c!important;
}
.fontcolor2c3e50{
    color:#2c3e50!important;
}



img,input,textarea{
    border: none;
    resize: none;
    outline: none;
}

ul,ol,li{
    list-style: none;
}
a{
    text-decoration: none;
    color:#fff;
}
span{
    color:#678386;
}

.clear{
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

/*.title50{
	font-size: 50px!important;
}
.title48{
	font-size: 48px!important;
}
.title46{
	font-size: 46px!important;
}
.title44{
	font-size: 44px!important;
}
.title42{
	font-size: 42px!important;
}
.title40{
	font-size: 40px!important;
}
.title38{
	font-size: 38px!important;
}
.title36{
	font-size: 36px!important;
}
.title34{
	font-size: 34px!important;
}
.title32{
	font-size: 32px!important;
}
.title30{
	font-size: 30px!important;
}
.title28{
	font-size: 28px!important;
}
.title26{
	font-size: 26px!important;
}
.title24{
	font-size: 24px!important;
}
.title22{
	font-size: 22px!important;
}
.title20{
	font-size: 20px!important;
}
.title19{
	font-size: 18px!important;
}
.title18{
	font-size: 18px!important;
}
.title17{
	font-size: 17px!important;
}
.title16{
	font-size: 16px!important;
}
.title15{
	font-size: 15px!important;
}
.title14{
	font-size: 14px!important;
}
.title12{
	font-size: 12px!important;
}
span{
	font-size:16px!important;
}
*/

.title50{
    font-size: 0.5rem!important;
}
.title48{
    font-size: 0.48rem!important;
}
.title46{
    font-size: 0.46rem!important;
}
.title44{
    font-size: 0.44rem!important;
}
.title42{
    font-size: 0.42rem!important;
}
.title40{
    font-size: 0.40rem!important;
}
.title38{
    font-size: 0.38rem!important;
}
.title36{
    font-size: 0.36rem!important;
}
.title34{
    font-size: 0.34rem!important;
}
.title32{
    font-size: 0.32rem!important;
}
.title30{
    font-size: 0.30rem!important;
}
.title28{
    font-size: 0.28rem!important;
}
.title26{
    font-size: 0.26rem!important;
}
.title24{
    font-size: 0.24rem!important;
}
.title22{
    font-size: 0.22rem!important;
}
.title20{
    font-size: 0.20rem!important;
}
.title19{
    font-size: 0.19rem!important;
}
.title18{
    font-size: 0.18rem!important;
}
.title17{
    font-size: 0.17rem!important;
}
.title16{
    font-size: 0.16rem!important;
}
.title15{
    font-size: 0.15rem!important;
}
.title14{
    font-size: 0.14rem!important;
}
.title13{
    font-size: 0.13rem!important;
}
.title12{
    font-size: 0.12rem!important;
}
.title11{
    font-size: 0.11rem!important;
}
.title10{
    font-size: 0.1rem!important;
}

span{
    font-size:0.16rem!important;
}



.title14px{
    font-size:14px!important;
}
.title15px{
    font-size:15px!important;
}
.title16px{
    font-size:16px!important;
}
.title17px{
    font-size:17px!important;
}
.title18px{
    font-size:18px!important;
}
.title19px{
    font-size:19px!important;
}
.title20px{
    font-size:20px!important;
}
.title21px{
    font-size:21px!important;
}
.title22px{
    font-size:22px!important;
}
.title23px{
    font-size:23px!important;
}
.title24px{
    font-size:24px!important;
}
.title25px{
    font-size:25px!important;
}
.title26px{
    font-size:26px!important;
}
.title27px{
    font-size:27px!important;
}
.title28px{
    font-size:28px!important;
}
.title29px{
    font-size:29px!important;
}
.title30px{
    font-size:30px!important;
}





.fw600{
    font-weight: 600
}
/*.fw550{*/
/*font-weight: 550*/
/*}*/
.fw500{
    font-weight: 500
}
.fw400{
    font-weight: 400
}
.fw300{
    font-weight: 300
}
.fw200{
    font-weight: 200
}
.fw100{
    font-weight: 100
}
.fwn{
    font-weight: normal;
}

/*标题30 副标题24  位置提示14 正常文字16 文字标题20 导航20*/

.w20{
    width: 0.2rem;
}
.w30{
    width: 0.3rem;
}
.w40{
    width: 0.4rem;
}
.w50{
    width: 0.5rem;
}
.w60{
    width: 0.6rem;
}
.w65{
    width: 0.65rem;
}
.w70{
    width: 0.7rem;
}
.w80{
    width: 0.8rem;
}
.w90{
    width: 0.9rem;
}
.w100{
    width: 1rem;
}
.w105{
    width: 1.05rem;
}
.w110{
    width: 1.1rem;
}
.w120{
    width: 1.2rem;
}
.w123{
    width: 1.23rem;
}
.w125{
    width: 1.25rem;
}
.w130{
    width: 1.3rem;
}
.w133{
    width: 1.33rem;
}
.w140{
    width: 1.4rem;
}
.w142{
    width: 1.42rem;
}
.w145{
    width: 1.45rem;
}
.w150{
    width: 1.5rem;
}
.w155{
    width: 1.55rem;
}
.w160{
    width: 1.6rem;
}
.w170{
    width: 1.7rem;
}
.w175{
    width: 1.75rem;
}
.w180{
    width: 1.8rem;
}
.w190{
    width: 1.9rem;
}
.w200{
    width: 2rem;
}
.w205{
    width: 2.05rem;
}
.w209{
    width: 2.09rem;
}
.w210{
    width: 2.1rem;
}
.w216{
    width: 2.16rem;
}
.w219{
    width: 2.19rem;
}
.w220{
    width: 2.2rem;
}
.w222{
    width: 2.22rem;
}
.w226{
    width: 2.26rem;
}
.w230{
    width: 2.3rem;
}
.w240{
    width: 2.4rem;
}
.w245{
    width: 2.45rem;
}
.w250{
    width: 2.5rem;
}
.w260{
    width: 2.6rem;
}
.w265{
    width: 2.65rem;
}
.w270{
    width: 2.7rem;
}
.w280{
    width: 2.8rem;
}
.w295{
    width: 2.95rem;
}
.w300{
    width: 3rem;
}
.w360{
    width: 3.6rem;
}
.w305{
    width: 3.05rem;
}
.w310{
    width: 3.1rem;
}
.w317{
    width: 3.17rem;
}
.w320{
    width: 3.2rem;
}
.w340{
    width: 3.4rem;
}
.w350{
    width: 3.5rem;
}
.w370{
    width: 3.7rem;
}
.w380{
    width: 3.8rem;
}
.w385{
    width: 3.835rem;
}
.w400{
    width: 4rem;
}
.w410{
    width: 4.1rem;
}
.w430{
    width: 4.3rem;
}
.w440{
    width: 4.4rem;
}
.w445{
    width: 4.45rem;
}
.w460{
    width: 4.6rem;
}
.w500{
    width: 5rem;
}
.w510{
    width: 5.1rem;
}
.w515{
    width: 5.15rem;
}
.w530{
    width: 5.3rem;
}
.w535{
    width: 5.35rem;
}
.w547{
    width: 5.47rem;
}
.w550{
    width: 5.5rem;
}
.w570{
    width: 5.7rem;
}
.w580{
    width: 5.8rem;
}
.w585{
    width: 5.85rem;
}
.w590{
    width: 5.9rem;
}
.w600{
    width: 6rem;
}
.w650{
    width: 6.5rem;
}
.w670{
    width: 6.7rem;
}
.w680{
    width: 6.8rem;
}
.w690{
    width: 6.9rem;
}
.w695{
    width: 6.95rem;
}
.w700{
    width: 7rem;
}
.w720{
    width: 7.2rem;
}
.w730{
    width: 7.3rem;
}
.w740{
    width: 7.4rem;
}
.w750{
    width: 7.5rem;
}
.w770{
    width: 7.7rem;
}
.w800{
    width: 8rem;
}
.w830{
    width: 8.3rem;
}
.w850{
    width: 8.5rem;
}
.w880{
    width: 8.8rem;
}
.w900{
    width: 9rem;
}
.w1000{
    max-width:10rem;
    width: 100%;
}

.w1150{
    width:11.5rem;
}
.w1200{
    width:12rem;
}
.w1280{
    width:12.8rem;
}
.w1300{
    width:13rem;
}
.w1400{
    width:14rem;
}
.w1920{
    width:19.2rem;
}

.mw530{
    max-width:5.3rem;
    width: 100%;
    margin: 0 auto;
}
.mw600{
    max-width:6rem;
    width: 100%;
    margin: 0 auto;
}
.mw650{
    max-width:6.5rem;
    width: 100%;
    margin: 0 auto;
}
.mw750{
    max-width:7.5rem;
    width: 100%;
    margin: 0 auto;
}
.mw800{
    max-width:8rem;
    width: 100%;
    margin: 0 auto;
}
.mw850{
    max-width:8.5rem;
    width: 100%;
    margin: 0 auto;
}
.mw900{
    max-width:9rem;
    width: 100%;
    margin: 0 auto;
}
.mw1000{
    max-width:10rem;
    width: 100%;
    margin: 0 auto;
}
.mw1150{
    max-width:11.5rem;
    width: 100%;
    margin: 0 auto;
}
.mw1200{
    max-width:12rem;
    width: 100%;
    margin: 0 auto;
}
.mw1250{
    max-width:12.5rem;
    width: 100%;
    margin: 0 auto;
}
.mw1280{
    max-width:12.8rem;
    width: 100%;
    margin: 0 auto;
}
.mw1300{
    max-width:13rem;
    width: 100%;
    margin: 0 auto;
}
.mw1400{
    max-width:14rem;
    width: 100%;
    margin: 0 auto;
}
.mw1600{
    max-width:16rem;
    width: 100%;
    margin: 0 auto;
}
.mw1920{
    max-width:19.2rem;
    width: 100%;
    margin: 0 auto;
}

/*弹性盒子*/
.mwo600{
    max-width:6rem;
    width:100%;
}
.mwo800{
    max-width:8rem;
    width:100%;
}
.mwo850{
    max-width:8.5rem;
}
.mwo1000{
    max-width:10rem;
}
.mwo1200{
    max-width:12rem;
}
.mwo1400{
    max-width:14rem;
}
.mwo1920{
    max-width:19.2rem;
}


.dpsac{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-around;   /*水平居中*/
    align-items: center;     /*垂直居中*/
}
.dpsbc{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;   /*水平居中*/
    align-items: center;     /*垂直居中*/
}
.dpfec{
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;   /*水平居中*/
    align-items: center;     /*垂直居中*/
}

.dpflex{
    display: flex;
    display: -webkit-flex;
}
.flex1{
    flex: 1;
}
.flex2{
    flex: 2;
}
.flex3{
    flex: 3;
}
.flex4{
    flex: 4;
}
.flex5{
    flex: 5;
}
.flex6{
    flex: 6;
}
.flex7{
    flex: 7;
}
.flex8{
    flex: 8;
}
.flex9{
    flex: 9;
}
.flex10{
    flex: 10;
}

/*https://www.cnblogs.com/lixuemin/p/6110434.html*/
/*http://www.runoob.com/w3cnote/flex-grammar.html*/

/*width100%*/
.percent100{
    width: 100%;
}
.percent90{
    width: 90%;
}
.percent80{
    width: 80%;
}

/*width px*/
.w50px{
    width:50px;
}


.hpercent100{
    height: 100%;
}

.pw23{
    width:23%;
}
.pw60{
    width:60%;
}
.pw80{
    width:80%;
}

/*height*/


/*.hb1{*/
/*height:1;*/
/*}*/
/*.hb1d5{*/
/*height:1.5;*/
/*}*/
/*.hb2{*/
/*height:2;*/
/*}*/
/*.hb2d5{*/
/*height:2.5;*/
/*}*/
/*.hb3{*/
/*height:3;*/
/*}*/


.h1{
    height:0.01rem;
}
.h2{
    height:0.02rem;
}
.h3{
    height:0.03rem;
}
.h4{
    height:0.04rem;
}
.h5{
    height:0.05rem;
}
.h10{
    height:0.1rem;
}
.h15{
    height:0.15rem;
}
.h20{
    height:0.2rem;
}
.h22{
    height:0.22rem;
}
.h23{
    height:0.23rem;
}
.h24{
    height:0.24rem;
}
.h25{
    height:0.25rem;
}
.h30{
    height:0.3rem;
}
.h35{
    height:0.35rem;
}
.h36{
    height:0.36rem;
}
.h40{
    height:0.4rem;
}
.h50{
    height:0.5rem;
}
.h55{
    height:0.55rem;
}
.h60{
    height:0.6rem;
}
.h61{
    height:0.61rem;
}
.h62{
    height:0.62rem;
}
.h63{
    height:0.63rem;
}
.h64{
    height:0.64rem;
}
.h65{
    height:0.65rem;
}
.h70{
    height:0.7rem;
}
.h71{
    height:0.71rem;
}
.h72{
    height:0.72rem;
}
.h73{
    height:0.73rem;
}
.h74{
    height:0.74rem;
}
.h75{
    height:0.75rem;
}
.h76{
    height:0.76rem;
}
.h77{
    height:0.77rem;
}
.h78{
    height:0.78rem;
}
.h79{
    height:0.79rem;
}
.h80{
    height:0.8rem;
}
.h85{
    height:0.85rem;
}
.h90{
    height:0.9rem;
}
.h100{
    height:1rem;
}
.h105{
    height:1.05rem;
}
.h110{
    height:1.1rem;
}
.h115{
    height:1.15rem;
}
.h120{
    height:1.2rem;
}
.h125{
    height:1.25rem;
}
.h130{
    height:1.3rem;
}
.h133{
    height:1.33rem;
}
.h135{
    height:1.35rem;
}
.h140{
    height:1.4rem;
}
.h142{
    height:1.42rem;
}
.h145{
    height:1.45rem;
}
.h150{
    height:1.5rem;
}
.h155{
    height:1.55rem;
}
.h160{
    height:1.6rem;
}
.h165{
    height:1.65rem;
}
.h170{
    height:1.7rem;
}
.h175{
    height:1.75rem;
}
.h180{
    height:1.8rem;
}
.h185{
    height:1.85rem;
}
.h190{
    height:1.9rem;
}
.h195{
    height:1.95rem;
}
.h200{
    height:2rem;
}
.h205{
    height:2.05rem;
}
.h210{
    height:2.1rem;
}
.h215{
    height:2.15rem;
}
.h216{
    height:2.16rem;
}
.h220{
    height:2.2rem;
}
.h226{
    height:2.26rem;
}
.h240{
    height:2.4rem;
}
.h250{
    height:2.5rem;
}
.h280{
    height:2.8rem;
}
.h300{
    height:3rem;
}
.h320{
    height: 3.2rem;
}
.h325{
    height: 3.25rem;
}
.h327{
    height: 3.27rem;
}
.h330{
    height: 3.3rem;
}
.h340{
    height: 3.4rem;
}
.h350{
    height: 3.5rem;
}
.h360{
    height: 3.6rem;
}
.h370{
    height: 3.7rem;
}
.h390{
    height: 3.9rem;
}
.h400{
    height: 4rem;
}
.h420{
    height: 4.2rem;
}
.h500{
    height:5rem;
}
.h520{
    height:5.2rem;
}
.h530{
    height:5.3rem;
}
.h540{
    height:5.4rem;
}
.h550{
    height:5.5rem;
}
.h560{
    height:5.6rem;
}
.h570{
    height:5.7rem;
}
.h580{
    height:5.8rem;
}
.h590{
    height:5.9rem;
}
.h600{
    height: 6rem;
}
.h650{
    height: 6.5rem;
}
.h670{
    height: 6.7rem;
}
.h700{
    height: 7rem;
}
.h720{
    height: 7.2rem;
}
.h740{
    height: 7.4rem;
}
.h800{
    height: 8rem;
}


/*height-lineheight*/


.lh1{
    line-height:0.01rem;
}
.lh2{
    line-height:0.02rem;
}
.lh3{
    line-height:0.03rem;
}
.lh4{
    line-height:0.04rem;
}
.lh5{
    line-height:0.05rem;
}
.lh10{
    line-height:0.1rem;
}
.lh15{
    line-height:0.15rem;
}
.lh20{
    line-height:0.2rem;
}
.lh21{
    line-height:0.21rem;
}
.lh22{
    line-height:0.22rem;
}
.lh23{
    line-height:0.23rem;
}
.lh24{
    line-height:0.24rem;
}
.lh25{
    line-height:0.25rem;
}
.lh30{
    line-height:0.3rem;
}
.lh35{
    line-height:0.35rem;
}
.lh36{
    line-height:0.36rem;
}
.lh40{
    line-height:0.4rem;
}
.lh50{
    line-height:0.5rem;
}
.lh60{
    line-height:0.6rem;
}
.lh61{
    line-height:0.61rem;
}
.lh62{
    line-height:0.62rem;
}
.lh63{
    line-height:0.63rem;
}
.lh64{
    line-height:0.64rem;
}
.lh65{
    line-height:0.65rem;
}
.lh70{
    line-height: 0.7rem;
}
.lh80{
    line-height: 0.8rem;
}
.lh100{
    line-height:1rem;
}
.lh120{
    line-height: 1.2rem;
}
.lh125{
    line-height: 1.25rem;
}
.lh130{
    line-height:1.3rem;
}
.lh140{
    line-height:1.4rem;
}
.lh145{
    line-height:1.45rem;
}
.lh150{
    line-height:1.50rem;
}
.lh155{
    line-height:1.55rem;
}
.lh160{
    line-height: 1.6rem;
}
.lh170{
    line-height: 1.7rem;
}
.lh180{
    line-height: 1.8rem;
}
.lh190{
    line-height: 1.9rem;
}
.lh200{
    line-height: 2rem;
}
.lh280{
    line-height: 2.8rem;
}
.lh300{
    line-height: 3rem;
}
.lh325{
    line-height: 3.25rem;
}
.lh530{
    line-height:5.3rem;
}

/*高度px单位*/

.h1px{
    height:1px;
}
.h2px{
    height:2px;
}
.h3px{
    height:3px;
}
.h4px{
    height:4px;
}
.h5px{
    height:5px;
}
.h20px{
    height:20px;
}
.h25px{
    height:25px;
}
.h30px{
    height:30px;
}
.h36px{
    height:36px;
}
.h50px{
    height:50px;
}
.h55px{
    height:55px;
}
.h60px{
    height:60px;
}
.h100px{
    height:100px;
}
.h500px{
    height:500px;
}
.h700px{
    height:700px;
}

.lh1px{
    line-height:1px;
}
.lh2px{
    line-height:2px;
}
.lh3px{
    line-height:3px;
}
.lh4px{
    line-height:4px;
}
.lh5px{
    line-height:5px;
}
.lh20px{
    line-height:20px;
}
.lh50px{
    line-height:50px;
}
.lh55px{
    line-height:55px;
}
/*border*/










.bl1s66c7fd{
    border-left: 1px solid #66c7fd;
}
.bt1fff{
    border-top: 1px solid #fff;
}
.bt1f2f2f2{
    border-top: 1px solid #f2f2f2;
}
.br1f2f2f2{
    border-right: 1px solid #f2f2f2;
}

.b1sefeff0{
    border: 1px solid #efeff0;
}
.br1s8f9b9c{
    border-right:1px solid #a5d2d5;
}
.b1s888{
    border:1px solid #888;
    border-top: none;
}
.b1s000{
    border:1px solid #000;
}
.b1s{
    border:1px solid #eaeef1;
}
.b1sd5dfde{
    border:1px solid #d5dfde;
}
.b1sd5dfde{
    border:1px solid #d5dfde;
}
.bb1s8f8f8f{
    border-bottom: 1px dashed #8f8f8f;
}
.bb1se0dfdf{
    border-bottom: 1px solid #e0dfdf;
}
.bb1de0dfdf{
    border-bottom: 1px dashed #e0dfdf;
}
.bb1sE4E4E4{
    border-bottom: 1px solid #E4E4E4;
}
.b2s{
    border:2px solid #eaeef1;
}
.b2s-info{
    border:2px solid #78adb3;
}
.br1s{
    border-right:1px solid #efefef;
}
.bb1sf2{
    border-bottom:1px solid #f2f2f2;
}
.bb1s4cbfd4{
    border-bottom:1px solid #4cbfd4;
}
.bb2s{
    border-bottom:2px solid #9fdcee;
}
.b2seaeef1{
    border:2px solid #eaeef1
}
.b1s4cbcd8{
    border: 1px solid #4cbcd8;
}
.b2s4cbcd8{
    border-bottom: 2px solid #4cbcd8;
}
.b2s4cbcd8t{
    border-top: 2px solid #4cbcd8;
}
.b1s4cbcd8b{
    border-bottom: 1px solid #4cbcd8;
}
.b1s99dcedb{
    border-bottom: 1px solid #99dced;
}
.b2sceeef3{
    border: 2px solid #ceeef3;
}
.bs15eef4f5{
    border:	15px solid #eef4f5;
}
.bbs2a07dbb{
    border-bottom:	2px solid #a07dbb;
}
.bbs2f9f1fe{
    border-bottom:	2px solid #f9f1fe;
}
.bbs1a07dbb{
    border-bottom:	1px solid #a07dbb;
}
.bbs1a07dbb{
    border:	1px dashed #2f2f2f;
}


.bbs1bad564{
    border:	2px solid #bad564;
}
.bbs174bea5{
    border:	2px solid #74bea5;
}
.bbs141a5e3{
    border:	2px solid #41a5e3;
}
.bbs2ffad46{
    border:	2px solid #ffad46;
}

.bbs160c5a3{
    border:	1px solid #60c5a3;
}
.bbs260c5a3{
    border:	2px solid #60c5a3;
}
.bbs1389cda{
    border:	1px solid #389cda;
}
.bbs2389cda{
    border:	2px solid #389cda;
}
.bbs1ffa23d{
    border:	1px solid #ffa23d;
}
.bbs2ffa23d{
    border:	2px solid #ffa23d;
}
.bbs1b3cc67{
    border:	1px solid #b3cc67;
}
.bbs2b3cc67{
    border:	2px solid #b3cc67;
}
.b2s3366ff{
    border:	2px solid #3366ff;
}
.br1dfff{
    border-right:1px dashed #fff;
}
.bb1sfff{
    border-bottom:1px solid #fff;
}
.b1sddd{
    border:1px solid #ddd;
}

.bb1se8e8e8{
    border-bottom:1px solid #e8e8e8;
}
.br1se8e8e8{
    border-right:1px solid #e8e8e8;
}
.bb3sred{
    border-bottom:3px solid red;
}
.bb3sred{
    border-bottom:3px solid red;
}
.b2sfa5441{
    border:2px solid #fa5441;
}
.b1s555555{
    border:1px solid #555555;
}
.b1s999999{
    border:1px solid #999;
}
.b1sffffff{
    border:1px solid #ffffff;
}
.bl4s2CC7D9{
    border-left:solid 4px #2CC7D9;
}
.bb1sf5f5f5{
    border-bottom: 1px dashed #f5f5f5;
}
.bb1s999999{
    border-bottom: 1px dashed #999999;
}
.br1s999999{
    border-right: 1px dashed #999999;
}

.bb1s9999991{
    border-bottom: 1px solid #999999;
}
.bb1sf1f1f1{
    border-bottom: 1px solid #f1f1f1;
}
.bb1se2e2e2{
    border-bottom: 1px solid #e2e2e2;
}
.b2sf9ac80{
    border: 2px solid #f9ac80;
}
.bb2sf60{
    border-bottom: 2px solid #f60;
}
.bb2sfff{
    border-bottom: 2px solid #fff;
}
.bb3sfff{
    border-bottom: 3px solid #fff;
}

.b2sadcb69{
    border: 2px solid #adcb69;
}
.b2s5dc69d{
    border: 2px solid #5dc69d;
}
.b2s45a2e0{
    border: 2px solid #45a2e0;
}
.b2sffa63e{
    border: 2px solid #ffa63e;
}
.b2sfd5b4c{
    border: 2px solid #fd5b4c;
}






/*border-radius*/
.br5{
    border-radius: 5px;
}
.br6{
    border-radius: 6px;
}
.br7{
    border-radius: 7px;
}
.br8{
    border-radius: 8px;
}
.br9{
    border-radius: 9px;
}
.br10{
    border-radius: 10px;
}
.br20{
    border-radius: 20px;
}
.br50{
    border-radius: 50px;
}
.br50p{
    border-radius: 50%;
}

/*padding*/


.padd10{
    padding: 0.1rem;
}
.p1{
    padding: 0.01rem;
}
.p2{
    padding: 0.02rem;
}
.p3{
    padding: 0.03rem;
}
.p4{
    padding: 0.04rem;
}
.p5{
    padding: 0.05rem;
}
.p6{
    padding: 0.06rem;
}
.p7{
    padding: 0.07rem;
}
.p8{
    padding: 0.08rem;
}
.p9{
    padding: 0.09rem;
}
.p10{
    padding: 0.1rem;
}
.p15{
    padding: 0.15rem;
}
.p20{
    padding: 0.2rem;
}
.p25{
    padding: 0.25rem;
}




.ptb5{
    padding-top:0.05rem;
    padding-bottom:0.05rem;
}
.ptb10{
    padding-top:0.1rem;
    padding-bottom:0.1rem;
}
.ptb12{
    padding-top:0.12rem;
    padding-bottom:0.12rem;
}
.ptb15{
    padding-top:0.15rem;
    padding-bottom:0.15rem;
}
.ptb20{
    padding-top:0.2rem;
    padding-bottom:0.2rem;
}
.ptb22{
    padding-top:0.22rem;
    padding-bottom:0.22rem;
}
.ptb25{
    padding-top:0.25rem;
    padding-bottom:0.25rem;
}

.ptb30{
    padding-top:0.3rem;
    padding-bottom:0.3rem;
}
.ptb35{
    padding-top:0.35rem;
    padding-bottom:0.35rem;
}
.ptb40{
    padding-top:0.4rem;
    padding-bottom:0.4rem;
}
.ptb50{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.ptb60{
    padding-top:0.6rem;
    padding-bottom:0.6rem;
}
.ptb70{
    padding-top:0.7rem;
    padding-bottom:0.7rem;
}
.ptb75{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
}
.ptb80{
    padding-top:0.8rem;
    padding-bottom:0.8rem;
}
.ptb90{
    padding-top:0.9rem;
    padding-bottom:0.9rem;
}
.ptb100{
    padding-top:1rem;
    padding-bottom:1rem;
}


.ptb2px{
    padding-top:2px;
    padding-bottom:2px;
}
.ptb5px{
    padding-top:5px;
    padding-bottom:5px;
}
.ptb10px{
    padding-top:10px;
    padding-bottom:10px;
}




.pl5{
    padding-left:0.05rem;
}
.pl10{
    padding-left:0.1rem;
}
.pl15{
    padding-left:0.15rem;
}
.pl20{
    padding-left:0.2rem;
}
.pl25{
    padding-left:0.25rem;
}
.pl30{
    padding-left:0.3rem;
}
.pl40{
    padding-left:0.4rem;
}
.pl50{
    padding-left:0.5rem;
}
.pl60{
    padding-left:0.6rem;
}
.pl70{
    padding-left:0.7rem;
}
.pl80{
    padding-left:0.8rem;
}
.pl90{
    padding-left:0.9rem;
}
.pl100{
    padding-left:1rem;
}
.pl110{
    padding-left:1.1rem;
}
.pl120{
    padding-left:1.2rem;
}
.pl130{
    padding-left:1.3rem;
}
.pl380{
    padding-left:3.8rem;
}




.pr10{
    padding-right:0.1rem;
}
.pr15{
    padding-right:0.15rem;
}
.pr90{
    padding-right:0.9rem;
}
.plr1{
    padding-left:0.01rem;
    padding-right:0.01rem;
}
.plr2{
    padding-left:0.02rem;
    padding-right:0.02rem;
}
.plr3{
    padding-left:0.03rem;
    padding-right:0.03rem;
}
.plr4{
    padding-left:0.04rem;
    padding-right:0.04rem;
}
.plr5{
    padding-left:0.05rem;
    padding-right:0.05rem;
}
.plr6{
    padding-left:0.06rem;
    padding-right:0.06rem;
}
.plr7{
    padding-left:0.07rem;
    padding-right:0.07rem;
}
.plr8{
    padding-left:0.08rem;
    padding-right:0.08rem;
}
.plr9{
    padding-left:0.09rem;
    padding-right:0.09rem;
}
.plr10{
    padding-left:0.1rem;
    padding-right:0.1rem;
}
.plr15{
    padding-left:0.15rem;
    padding-right:0.15rem;
}
.plr20{
    padding-left:0.2rem;
    padding-right:0.2rem;
}
.plr25{
    padding-left:0.25rem;
    padding-right:0.25rem;
}
.plr30{
    padding-left:0.3rem;
    padding-right:0.3rem;
}
.plr35{
    padding-left:0.35rem;
    padding-right:0.35rem;
}
.plr40{
    padding-left:0.4rem;
    padding-right:0.4rem;
}
.plr45{
    padding-left:0.45rem;
    padding-right:0.45rem;
}
.plr50{
    padding-left:0.5rem;
    padding-right:0.5rem;
}
.plr60{
    padding-left:0.6rem;
    padding-right:0.6rem;
}
.plr70{
    padding-left:0.7rem;
    padding-right:0.7rem;
}


.pt1{
    padding-top:0.01rem;
}
.pt5{
    padding-top:0.05rem;
}
.pt10{
    padding-top:0.1rem;
}
.pt15{
    padding-top:0.15rem;
}
.pt20{
    padding-top:0.20rem;
}
.pt30{
    padding-top:0.30rem;
}
.pt35{
    padding-top:0.35rem;
}
.pt40{
    padding-top:0.40rem;
}
.pt45{
    padding-top:0.45rem;
}
.pt46{
    padding-top:0.46rem;
}
.pt47{
    padding-top:0.47rem;
}
.pt48{
    padding-top:0.48rem;
}
.pt49{
    padding-top:0.49rem;
}
.pt50{
    padding-top:0.50rem;
}
.pt51{
    padding-top:0.51rem;
}
.pt52{
    padding-top:0.52rem;
}
.pt53{
    padding-top:0.53rem;
}
.pt54{
    padding-top:0.54rem;
}
.pt55{
    padding-top:0.55rem;
}
.pt56{
    padding-top:0.56rem;
}
.pt57{
    padding-top:0.57rem;
}
.pt58{
    padding-top:0.58rem;
}
.pt59{
    padding-top:0.59rem;
}
.pt60{
    padding-top:0.6rem;
}
.pt70{
    padding-top:0.7rem;
}
.pt75{
    padding-top:0.75rem;
}
.pt80{
    padding-top:0.8rem;
}
.pt85{
    padding-top:0.85rem;
}
.pt90{
    padding-top:0.9rem;
}
.pt95{
    padding-top:0.95rem;
}
.pt100{
    padding-top:1rem;
}
.pt120{
    padding-top:1.2rem;
}
.pt270{
    padding-top:2.7rem;
}

.pb10{
    padding-bottom:0.1rem;
}
.pb15{
    padding-bottom:0.15rem;
}
.pb20{
    padding-bottom:0.2rem;
}
.pb25{
    padding-bottom:0.25rem;
}
.pb30{
    padding-bottom:0.3rem;
}
.pb40{
    padding-bottom:0.4rem;
}
.pb50{
    padding-bottom:0.5rem;
}
.pb70{
    padding-bottom:0.7rem;
}
.pb80{
    padding-bottom:0.8rem;
}
.pb90{
    padding-bottom:0.9rem;
}
.pb100{
    padding-bottom:1rem;
}
.pb110{
    padding-bottom:1.1rem;
}
.pb120{
    padding-bottom:1.2rem;
}
.pb130{
    padding-bottom:1.3rem;
}
.pb140{
    padding-bottom:1.4rem;
}
.pb150{
    padding-bottom:1.5rem;
}
.pb160{
    padding-bottom:1.6rem;
}


.clplr{
    padding-left:0!important;
    padding-right:0!important;
}

/*margin*/


.mt1{
    margin-top: 0.01rem;
}
.mt2{
    margin-top: 0.02rem;
}
.mt3{
    margin-top: 0.03rem;
}
.mt4{
    margin-top: 0.04rem;
}
.mt5{
    margin-top: 0.05rem;
}
.mt6{
    margin-top: 0.06rem;
}
.mt7{
    margin-top: 0.07rem;
}
.mt8{
    margin-top: 0.08rem;
}
.mt9{
    margin-top: 0.09rem;
}
.mt10{
    margin-top: 0.1rem;
}
.mt15{
    margin-top: 0.15rem;
}
.mt16{
    margin-top: 0.16rem;
}
.mt17{
    margin-top: 0.17rem;
}
.mt18{
    margin-top: 0.18rem;
}
.mt19{
    margin-top: 0.19rem;
}
.mt20{
    margin-top: 0.2rem;
}
.mt25{
    margin-top: 0.25rem;
}
.mt30{
    margin-top: 0.3rem;
}
.mt35{
    margin-top: 0.35rem;
}
.mt40{
    margin-top: 0.4rem;
}
.mt45{
    margin-top: 0.45rem;
}
.mt50{
    margin-top: 0.5rem;
}
.mt60{
    margin-top: 0.6rem;
}
.mt65{
    margin-top: 0.65rem;
}
.mt70{
    margin-top: 0.7rem;
}
.mt75{
    margin-top: 0.75rem;
}
.mt80{
    margin-top: 0.8rem;
}
.mt100{
    margin-top: 1rem;
}
.mt110{
    margin-top: 1.1rem;
}
.mt120{
    margin-top: 1.2rem;
}
.mt130{
    margin-top: 1.3rem;
}
.mt140{
    margin-top: 1.4rem;
}
.mt150{
    margin-top: 1.5rem;
}


.mb3{
    margin-bottom: 0.03rem;
}
.mb10{
    margin-bottom: 0.1rem;
}
.mb15{
    margin-bottom: 0.15rem;
}
.mb20{
    margin-bottom: 0.2rem;
}
.mb25{
    margin-bottom: 0.25rem;
}
.mb30{
    margin-bottom: 0.3rem;
}
.mb40{
    margin-bottom: 0.4rem;
}
.mb50{
    margin-bottom: 0.5rem;
}
.mb60{
    margin-bottom: 0.6rem;
}
.mb70{
    margin-bottom: 0.7rem;
}
.mb80{
    margin-bottom: 0.8rem;
}
.mb90{
    margin-bottom: 0.9rem;
}
.mb100{
    margin-bottom: 1rem;
}
.mb110{
    margin-bottom: 1.1rem;
}
.mb120{
    margin-bottom: 1.2rem;
}



.ml5{
    margin-left: 0.05rem;
}
.ml10{
    margin-left: 0.1rem;
}
.ml15{
    margin-left: 0.15rem;
}
.ml20{
    margin-left: 0.2rem;
}
.ml25{
    margin-left: 0.25rem;
}
.ml30{
    margin-left: 0.3rem;
}
.ml80{
    margin-left: 0.8rem;
}
.ml90{
    margin-left: 0.9rem;
}
.ml95{
    margin-left: 0.95rem;
}
.ml200{
    margin-left: 2rem;
}
.ml600{
    margin-left: 6rem;
}
.ml700{
    margin-left: 7rem;
}




.mr10{
    margin-right: 0.1rem;
}
.mr15{
    margin-right: 0.15rem;
}
.mr20{
    margin-right: 0.2rem;
}
.mr25{
    margin-right: 0.25rem;
}
.mr30{
    margin-right: 0.3rem;
}
.mr40{
    margin-right: 0.4rem;
}





.mlrauto{
    margin-left:auto;
    margin-right:auto;
}
.mlr0{
    margin-left:0rem;
    margin-right:0rem;
}
.mlr5{
    margin-left:0.05rem;
    margin-right:0.05rem;
}
.mlr6{
    margin-left:0.06rem;
    margin-right:0.06rem;
}
.mlr9{
    margin-left:0.09rem;
    margin-right:0.09rem;
}
.mlr10{
    margin-left:0.1rem;
    margin-right:0.1rem;
}
.mlr11{
    margin-left:0.11rem;
    margin-right:0.11rem;
}
.mlr15{
    margin-left:0.15rem;
    margin-right:0.15rem;
}
.mlr18{
    margin-left:0.18rem;
    margin-right:0.18rem;
}
.mlr20{
    margin-left:0.2rem;
    margin-right:0.2rem;
}
.mlr25{
    margin-left:0.25rem;
    margin-right:0.25rem;
}

.mlr1p{
    margin-left:1%;
    margin-right:1%;
}
.m2lrtp{
    margin:2% 2% 0 2%;
}
.m2p{
    margin:2%;
}


.mtb1{
    margin-top:0.01rem;
    margin-bottom:0.01rem;
}
.mtb2{
    margin-top:0.02rem;
    margin-bottom:0.02rem;
}
.mtb3{
    margin-top:0.03rem;
    margin-bottom:0.03rem;
}
.mtb5{
    margin-top:0.05rem;
    margin-bottom:0.05rem;
}
.mtb10{
    margin-top:0.1rem;
    margin-bottom:0.1rem;
}
.mtb12{
    margin-top:0.12rem;
    margin-bottom:0.12rem;
}
.mtb15{
    margin-top:0.15rem;
    margin-bottom:0.15rem;
}
.mtb20{
    margin-top:0.2rem;
    margin-bottom:0.2rem;
}
.mtb25{
    margin-top:0.25rem;
    margin-bottom:0.25rem;
}
.mtb30{
    margin-top:0.3rem;
    margin-bottom:0.3rem;
}
.mtb35{
    margin-top:0.35rem;
    margin-bottom:0.35rem;
}
.mtb40{
    margin-top:0.4rem;
    margin-bottom:0.4rem;
}
.mtb50{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
}
.mtb60{
    margin-top:0.6rem;
    margin-bottom:0.6em;
}
.mtb70{
    margin-top:0.7rem;
    margin-bottom:0.7rem;
}
.mtb80{
    margin-top:0.8rem;
    margin-bottom:0.8rem;
}
.mtb90{
    margin-top:0.9rem;
    margin-bottom:0.9rem;
}
.mtb100{
    margin-top:1rem;
    margin-bottom:1rem;
}




.m4{
    margin:0.04rem;
}
.m5{
    margin:0.05rem;
}
.m10{
    margin:0.1rem;
}
.m20{
    margin:0.2rem;
}
.m30{
    margin:0.3rem;
}


.mt-12{
    margin-top:-0.12rem;
}



/*margin px*/
.mt2px{
    margin-top: 2px;
}
.mt55px{
    margin-top: 55px;
}

.mtb5px{
    margin-top:5px;
    margin-bottom:5px;
}





.mauto{
    margin:0 auto!important;
}
.clmlr{
    margin-left:0!important;
    margin-right:0!important;
}


.talign{
    text-align:center;
}
.talignl{
    text-align:left;
}
.talignr{
    text-align:right;
}

.vat{
    vertical-align: top;
}
.vab{
    vertical-align: bottom;;
}


/*inline-block*/
.dilb{
    display: inline-block;
}
.dblock{
    display: block;
}
.dnone{
    display: none;
}
.vsbih{
    visibility: hidden;
}
/*.vsbin{*/
    /*visibility: none;*/
/*}*/

/*定位*/
.prelative{
    position:relative;
}
.pr0absolute{
    position:absolute;
    right: 0;
}
.bgf2f2f2{
    background: #f2f2f2;
}
.bgf7f7f7{
    background: #f7f7f7;
}
.bgf8f8f8{
    background: #f8f8f8;
}
.bg3a3a3a{
    background: #3a3a3a;
}
.bg9ddde9{
    background: #9ddde9;
}
.bgf1fcfe{
    background: #f1fcfe;
}
.bgffffff{
    background: #fff;
}
.bg666666{
    background: #666666;
}
.bgf9f1fe{
    background: #f9f1fe;
}
.bg5cb1c6{
    background: #5cb1c6;
}
.bgf1fcfe{
    background: #f1fcfe;
}
.bgfeebc0{
    background: #feebc0;
}
.bg47d1f8{
    background: #47d1f8;
}
.bg343434{
    background: #343434;
}
.bg1d87d1{
    background: #1d87d1;
}
.bgbad564{
    background: #bad564;
}
.bg74bea5{
    background: #74bea5;
}
.bg41a5e3{
    background: #41a5e3;
}
.bgffad46{
    background: #ffad46;
}
.bg90d8c0{
    background: #90d8c0;
}
.bgf5f5f5{
    background: #f5f5f5;
}
.bg000{
    background: #000;
}
.bg333333{
    background: #333333;
}
.bgFAD8C9{
    background: #FAD8C9;
}
.bgeeeeee{
    background: #eeeeee;
}
.bg1ca2db{
    background: #1ca2db;
}
.bg1fa7e2{
    background: #1fa7e2;
}
.bg03A9F4{
    background: #03A9F4;
}
.bgfff4e4{
    background: #fff4e4;
}
.bgf6f6f6{
    background: #f6f6f6;
}
.bgf15c0f{
    background: #f15c0f;
}
.bge5e5e5{
    background: #e5e5e5;
}
.bgfa5441{
    background: #fa5441;
}
.bg017bce{
    background: #017bce;
}
.bg999999{
    background: #999999;
}
.bgf2700c{
    background: #f2700c;
}
.bg11bca2{
    background: #11bca2;
}
.bg13ce31{
    background: #13ce31;
}
.bg1b9ccd{
    background: #1b9ccd;
}
.bgec47ee{
    background: #ec47ee;
}
.bg416ddb{
    background: #416ddb;
}
.bgf1f1f1{
    background: #f1f1f1;
}
.bgff8fcf{
    background: #ff8fcf;
}
.bgffaa57{
    background: #ffaa57;
}
.bgff7b7c{
    background: #ff7b7c;
}
.bg77c4fa{
    background: #77c4fa;
}
.bga9c4f9{
    background: #a9c4f9;
}
.bg4fb7ff{
    background: #4fb7ff;
}
.bgf9b552{
    background: #f9b552;
}
.bg47b3d7{
    background: #47b3d7;
}
.bge7686f{
    background: #e7686f;
}
.bg9cbaff{
    background: #9cbaff;
}
.bg4cc67d{
    background: #4cc67d;
}
.bg4aaaff{
    background: #4aaaff;
}
.bge7686f{
    background: #e7686f;
}
.bga07dbb{
    background: #a07dbb;
}
.bgfff7f8{
    background: #fff7f8;
}
.bg1a88d5{
    background: #1a88d5;
}
.bgadcb69{
    background: #adcb69;
}
.bg5dc69d{
    background: #5dc69d;
}
.bg45a2e0{
    background: #45a2e0;
}
.bgffa63e{
    background: #ffa63e;
}
.bgfd5b4c{
    background: #fd5b4c;
}
.bg0e86d5{
    background: #0e86d5;
}
.bg80a80b{
    background: #80a80b;
}
.bgf60{
    background: #f60;
}
.bgd98efb{
    background: #d98efb;
}
.bgffc873{
    background: #ffc873;
}
.bgff817b{
    background: #ff817b;
}
.bg31d3d8{
    background: #31d3d8;
}
.bg8ac24d{
    background: #8ac24d;
}
.bg03bad3{
    background: #03bad3;
}
.bgfec21b{
    background: #fec21b;
}
.bg262626{
    background: #262626;
}
.bg009a44{
    background: #009a44;
}
.bgf8a01a{
    background: #f8a01a;
}
.bg00a0ea{
    background: #00a0ea;
}
.bgde1f26{
    background: #de1f26;
}
.bg005bac{
    background: #005bac;
}
.bg643106{
    background: #643106;
}
.bgdc2529{
    background: #dc2529;
}



.bg194123160{
    background: rgb(194, 123, 160);
}


/*换行*/
.wwbw{
    word-wrap: break-word;
    word-break:break-all;
}

/*字体缩进*/

.tindent25{
    text-indent:0.25rem;
}
.tindent30{
    text-indent:0.3rem;
}
.tindent35{
    text-indent:0.35rem;
}
.tindent40{
    text-indent:0.4rem;
}



/*字体*/
.ls1{
    letter-spacing:1px;
}
.ls2{
    letter-spacing:2px;
}
.ls3{
    letter-spacing:3px;
}
.ls4{
    letter-spacing:4px;
}
.ls5{
    letter-spacing:5px;
}
.ls6{
    letter-spacing:6px;
}



/*阴影*/
.bs888888{
    box-shadow: 0px 2px 5px #888888;
}

.bs0480header{
    box-shadow: rgba(28, 31, 33, 0.1) 0px 4px 8px 0px;
}
/*.bs023999999{
	box-shadow: 0px 1px 2px #999999;
}
*/
.yyt{
    -moz-box-shadow:0px -1px 5px #f5f5f5;
    -webkit-box-shadow:0px -1px 5px #f5f5f5;
    box-shadow:0px -1px 5px #f5f5f5;
}
.yyb{
    -moz-box-shadow:0px 1px 5px #f5f5f5;
    -webkit-box-shadow:0px 1px 5px #f5f5f5;
    box-shadow:0px 1px 5px #f5f5f5;
}

/*溢出隐藏*/
.ovh{
    overflow:hidden;
}

/*隐藏溢出字体,单行*/
.ovhyc{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.zindex1{
    z-index: 1;
}
.zindex10{
    z-index: 10;
}
.zindex999{
    z-index: 999;
}



/*遮罩*/
.zhezhao{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 11;
    top: 0;
    left: 0;
}

/*半透明边框*/
.borderrgba{
    position: relative;
    /*border-radius: 50%;*/
}
.borderrgba::after {
    position: absolute;
    top: 0.2rem;
    /*    left: N;
        right: N;
        bottom: N;
        border-radius: 50%;*/
    background: transparent;
    border:1px solid #fff/* 颜色 */;
    opacity: 0.4/* 透明度 */;
}

/*绝对定位剧中*/
/*水平剧中高距50*/
.pswh50{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.pswcenter{
    position: absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*底部下划线*/
.bottominfoblue:after {
    content: '';
    width: 70px;
    height: 2px;
    background: #148af9;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}