a:hover,a:visited,a:active,a:focus{text-decoration: none;}
.font-12{font-size: .12rem !important;}
.font-14{font-size: .14rem !important;}
.font-15{font-size: .15rem !important;}
.font-16{font-size: .16rem !important;}
.font-18{font-size: .18rem !important;}
.font-20{font-size: .20rem !important;}
.font-22{font-size: .22rem !important;}
.font-24{font-size: .24rem !important;}
.font-26{font-size: .26rem !important;}
.font-28{font-size: .28rem !important;}
.line-hight-15{line-height: 0.15rem;}
.line-height-15{line-height: 0.15rem;}
.color-fff{color: #fff !important;}
.color-333{color: #333 !important;}
.color-444{color: #444 !important;}
.color-555{color: #555 !important;}
.color-666{color: #666 !important;}
.color-777{color: #777 !important;}
.color-888{color: #888 !important;}
.color-999{color: #999 !important;}
.color-ddd{color: #ddd !important;}
.color-eee{color: #eee !important;}
.color-main{color: #f8b600 !important;}
.m-none {margin: 0 !important;}
.m-auto {margin: 0 auto !important;}
.m-xs {margin: .05rem !important;}
.m-sm {margin: .10rem !important;}
.m-md {margin: .15rem !important;}
.m-lg {margin: .20rem !important;}
.m-xl {margin: .25rem !important;}
.m-xlg {margin: .30rem !important;}
/* spacement top	*/
.mt-none {margin-top: 0 !important;}
.mt-xs {margin-top: .05rem !important;}
.mt-sm {margin-top: .10rem !important;}
.mt-md {margin-top: .15rem !important;}
.mt-lg {margin-top: .20rem !important;}
.mt-xl {margin-top: .25rem !important;}
.mt-xlg {margin-top: .30rem !important;}
/* spacement bottom	*/
.mb-none {margin-bottom: 0 !important;}
.mb-xs {margin-bottom: .05rem !important;}
.mb-sm {margin-bottom: .10rem !important;}
.mb-md {margin-bottom: .15rem !important;}
.mb-lg {margin-bottom: .20rem !important;}
.mb-xl {margin-bottom: .25rem !important;}
.mb-xlg {margin-bottom: .30rem !important;}
/* spacement left	*/
.ml-none {margin-left: 0 !important;}
.ml-xs {margin-left: .05rem !important;}
.ml-sm {margin-left: .10rem !important;}
.ml-md {margin-left: .15rem !important;}
.ml-lg {margin-left: .20rem !important;}
.ml-xl {margin-left: .25rem !important;}
.ml-xlg {margin-left: .30rem !important;}
/* spacement right	*/
.mr-none {margin-right: 0 !important;}
.mr-xs {margin-right: .05rem !important;}
.mr-sm {margin-right: .10rem !important;}
.mr-md {margin-right: .15rem !important;}
.mr-lg {margin-right: .20rem !important;}
.mr-xl {margin-right: .25rem !important;}
.mr-xlg {margin-right: .30rem !important;}
/*Spacement Padding */
.p-none {padding: 0 !important;}
.p-xs {padding: .05rem !important;}
.p-sm {padding: .10rem !important;}
.p-md {padding: .15rem !important;}
.p-lg {padding: .20rem !important;}
.p-xl {padding: .25rem !important;}
.p-xlg {padding: .30rem !important;}
.p-lr{padding: 0 .15rem !important;}
.p-tb{padding: .15rem 0 !important;}
/* spacement top	*/
.pt-none {padding-top: 0 !important;}
.pt-xs {padding-top: .05rem !important;}
.pt-sm {padding-top: .10rem !important;}
.pt-md {padding-top: .15rem !important;}
.pt-lg {padding-top: .20rem !important;}
.pt-xl {padding-top: .25rem !important;}
.pt-xlg {padding-top: .30rem !important;}
/* spacement bottom	*/
.pb-none {padding-bottom: 0 !important;}
.pb-xs {padding-bottom: .05rem !important;}
.pb-sm {padding-bottom: .10rem !important;}
.pb-md {padding-bottom: .15rem !important;}
.pb-lg {padding-bottom: .20rem !important;}
.pb-xl {padding-bottom: .25rem !important;}
.pb-xlg {padding-bottom: .30rem !important;}
/* spacement left	*/
.pl-none {padding-left: 0 !important;}
.pl-xs {padding-left: .05rem !important;}
.pl-sm {padding-left: .10rem !important;}
.pl-md {padding-left: .15rem !important;}
.pl-lg {padding-left: .20rem !important;}
.pl-xl {padding-left: .25rem !important;}
.pl-xlg {padding-left: .30rem !important;}
/* spacement right	*/
.pr-none {padding-right: 0 !important;}
.pr-xs {padding-right: .05rem !important;}
.pr-sm {padding-right: .10rem !important;}
.pr-md {padding-right: .15rem !important;}
.pr-lg {padding-right: .20rem !important;}
.pr-xl {padding-right: .25rem !important;}
.pr-xlg {padding-right: .30rem !important;}
.pt-60{padding-top: .60rem !important;}
.pb-60{padding-bottom: .60rem !important;}
.pr-60{padding-right: .60rem !important;}
.pl-60{padding-left: .60rem !important;}
.mt-60{margin-top: .60rem !important;}
.mb-60{margin-bottom: .60rem !important;}
.mr-60{margin-right: .60rem !important;}
.ml-60{margin-left: .60rem !important;}
.bg-fff{background-color: #ffffff !important;}
.bg-fa{background-color: #fafafa !important;}
.f-r{float: right;}
.f-l{float: left;}
.center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.ui-container .banner{
    height: 2.6rem;
}
.iconfont{-webkit-text-stroke-width: 0 !important;}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .ui-border-b{
        border-bottom: 1px solid #eee;
        background-image: none;
    }
    .ui-border-t{
        border-top: 1px solid #eee;
        background-image: none;
    }
    .ui-border-r{
        border-right: 1px solid #eee;
        background-image: none;
    }
}
.ui-footer ~ .ui-container {
    border-bottom: .5rem solid transparent;
}
.ui-slider{
    height: 0.8282rem;
}

.ui-arrowlink{
    padding: 0.1rem 0.15rem;
}
.ui-arrowlink:before{
    color: #888;
    margin-top: -0.24rem;
}

/*header*/
.ui-header~.ui-container{
    border-top: 0.5rem solid transparent;
}
.ui-header{
    height:2rem;
}
.ui-header-positive{
    background: #FFF;
    padding: 0 0.15rem;
    overflow: hidden;
}
.ui-header-positive i{
    color: #555;
    font-size:0.25rem;
    float: right;
    line-height: 0.45rem;

}
.logo{
    line-height: 0.69rem;
}
.logo img{
    height:80%;
    vertical-align: baseline;
}
.shadow{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 3;
    -webkit-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}
.shadow.active{
    opacity: 1;
}
.navs{
    position: fixed;
    top: 0.6rem;
    right: 0.1rem;
    z-index: 4;
}
.navs{
    background-color: #fff;
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
    padding: 0.1rem;
}
/*.navs .arr{
    height: 0;
    line-height: 0;
    border-bottom: 0 none;
}*/
.navs .arr:after{
    position: absolute;
    top: -0.05rem;
    right: 0.1rem;
    display:table;
    content: "";
    width: 0.1rem;
    height: 0.1rem;
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.navs li{
    margin-bottom: 0;
    width: 1rem;
    height:0.3rem;
    line-height: 0.3rem;
    border-bottom: 1px solid #eee;
    list-style: none;
}
.navs li a {text-decoration: none;}
.navs li:last-child{
    border-bottom: 0 none;
}
.navs li i{
    font-size: .14rem;
}
/*footer*/
.ui-footer{
    height: 0.5rem;
}
.ui-footer .ui-flex{
    height: 100%;
}
.ui-footer .footer-reg{
    background: #F8B600;
    color: #fff;
}
/*首页*/
.ui-slider .reg-p{
    position: absolute;
    margin-top: -.6rem;
    text-align: center;
    width: 16.6667%;
}
.ui-slider .btn-reg{
    padding: .07rem .20rem;
    background: #F8B600;
    color: #fff;
    width: 1rem;
    border-radius: .04rem;
    font-size: .14rem;
}
.slider-sp{
    display: inline !important;
    padding: .05rem .1rem;
    background: rgba(255,255,255,.1);
}
.slider-p{
    padding-top: .4rem;
}
.btn-reg{
    padding: .07rem .20rem;
    background: #F8B600;
    color: #fff;
    width: 1rem;
    border-radius: .04rem;
    font-size: .14rem;
}
.products{
    padding-bottom: 0.15rem;
}
.products img{
    width: 3.75rem;
}
.solutions img{
    width: 1.65rem;
}
.cases img{
    width: 3.45rem;
}
/*云小店*/

.banner img{
    width: 100%;
}
.banner .banner-d{
    position: absolute;
    margin-top: -2.2rem;
    width: 100%;
    text-align: center;
}
.banner .btn-reg{
    padding: .07rem .20rem;
    background: #F8B600;
    color: #fff;
    width: 1rem;
    border-radius: .04rem;
    font-size: .14rem;
}
.yxd-pro .pro-d1,.yxd-sycj .d1{
    padding: 0.1rem 0.15rem;
}
.yxd-pro .pro-d2{
    width: .6rem;
    margin: 0 auto;
    border-radius: 50%;
    height: .6rem;
}
.yxd-pro .pro-d2.b1{
    background: #f8b600;
}
.yxd-pro .pro-d2.b2{
    background: #5b9bd5;
}
.yxd-pro .pro-d2.b3{
    background: #ed7d31;
}
.yxd-pro .pro-d2.b4{
    background: #4472c4;
}
.yxd-pro .pro-d2 i{
    font-size: .3rem;
}
.yxd-sycj .d2 img{
    width: 100%;
}
.yxd-bj img{
    width: 3.45rem;
}
/*产品集合页*/
.products-all .ui-list > li{
    margin-left: 0;
}
.products-all .ui-list-img{
    width: 1.4rem;
    height: .9rem;
    margin: 0 .15rem 0 0;
}
.products-all .ui-list{
    background: transparent;
}
.products-all .ui-list-link > li:after{
    display: none;
}
.products-all .ui-list-link .ui-list-info{
    padding-right: 0;
}
.letter-s{
    letter-spacing: -.01rem;
}
/*解决方案集合页*/
.ui-tab-nav li{
    color: #555;
}
.solutions-all .ui-tab-content .ui-row img{
    width: 1.625rem;
}
.solutions-all .ui-tab-content .ui-row li.ui-col-50{
    width: 49%;
}
/*推荐应用*/
.tuijian .ui-header i{
    color: #888;
    font-size: .25rem;
    float: right;
    line-height: .38rem;
    padding-left: .15rem;
}
.tuijian .ui-container img{
    width: 3.75rem;
}
.tuijian ul li span{
    background-size: .64rem;
}
.tuijian .ui-list-link > li:after{
    display: none;
}
.tuijian .ui-list-img{
    width: .64rem;
    height: .64rem;
    margin: .1rem .1rem .1rem 0;
}
.tuijian .ui-list-function.ui-list-link .ui-btn{
    right: .15rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
    .tuijian .ui-btn:before{
        top: -15px;
    }
}
/*招商加盟*/
.zsjm .sec1 img,.zsjm .sec2 img{
    width: 3.36rem;
}
.zsjm .sec2 .img1{
    width: 3.47rem;
}
.zsjm .sec2 li{
    line-height: .14rem;
}
.zsjm .sec2 li b{
    line-height: .18rem;
}
.zsjm input,textarea{
    box-shadow: none;
    display: block;
    width: 80%;
    height: .34rem;
    margin: 0 auto;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding-left: .05rem;
    font-size: .12rem;
}
.zsjm textarea{
    height: .5rem;
}
.zsjm label#nameid-error,label#phoneN-error{
    color: red;
    font-size: .12rem;
    padding-left: 10%;
    float: left;
}
.zsjm .info44{
    padding: 40% .2rem 0 .2rem;
}
.zsjm .sec4 img{
    width: 3.75rem;
}
.zsjm .ui-footer .footer-reg{
    background: #8d34cc;
}
/*销售助手*/

.sale-pro img{
    width: 3.75rem;
}
.swiper-pagination-bullet{
    width: .06rem !important;
    height: .06rem !important;
}
.swiper-pagination-bullet-active{
    background: #F8B600 !important;
}
.sale-gn .d{
    width: .45rem;
    height: .45rem;
    border-radius: .06rem;
    background: #4aaadd;
    margin: 0 auto;
}
.sale-gn .d i{
    color: #fff;
    font-size: .24rem;
}
.sale-case .swiper-slide img{
    width: 1.65rem;
}




/*快消品*/
.col-3-cling {
    width: 100%;
}
.col-3-cling li {

}

.col-3-cling img{
    width: 1.15rem;
}
.kxp-banner-swiper .title {
    padding: 15px 0;
    margin: 15px 0 10px;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}

.kxp-banner-swiper .content {
    width: 82%;
    height: 0.75rem;
    margin: 0 auto;
    border: 2px solid #abaeb5;
    padding: 15px;
}
.kxp-banner-swiper .swiper-pagination-bullet {
    position: relative;
    top: 3px;
    width: .08rem !important;
    height: .08rem !important;
    background: #fff;
    opacity: 0.4;
}

.kxp-banner-swiper .swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 0.8;
}
/* 品牌连锁o2o */

.pinpai .banner-d{
    margin-top: -.7rem;
}
.pinpai .sec1 img{
    width: 2.76rem;
}
.pinpai .sec1 p{
    padding: 0 .5rem;
}
.pinpai .sec2 img{
    width: 3.75rem;
}
.pinpai .sec3 img{
    width: 3.45rem;
}
.pinpai .sec4 h5.title{
    padding: .05rem .2rem;
    background: rgba(255,255,255,.5);
    border-radius: 3rem;
    display: inline-block;
    color: #fff;
    margin: .2rem 0;
}
.pinpai .sec4 .banner-swiper .content {
    width: 82%;
    height: .93rem;
    margin: 0 auto;
}
.pinpai .sec4 .banner-swiper .swiper-pagination-bullet {
    position: relative;
    top: 3px;
    width: .08rem !important;
    height: .08rem !important;
    background: #fff;
    opacity: 0.4;
}
.pinpai .sec4 .banner-swiper .swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 0.8;
}
.pinpai .sec5 img{
    width: 3.75rem;
}
/* 商圈 o2o */

.shangquan .banner-d{
    margin-top: -.7rem;
}
.shangquan .sec1 img{
    width: 2.76rem;
}
.shangquan .sec1 p{
    padding: 0 .2rem;
}
.shangquan .sec2 img{
    width: 3.75rem;
}
.shangquan .sec3 img{
    width: 3.45rem;
}
.shangquan .sec4 h5.title{
    padding: .05rem .2rem;
    background: rgba(255,255,255,.5);
    border-radius: 3rem;
    display: inline-block;
    color: #fff;
    margin: .1rem 0;
}
.shangquan .sec4 .banner-swiper .content {
    width: 90%;
    height: .93rem;
    margin: 0 auto;
}
.shangquan .sec4 .banner-swiper .swiper-pagination-bullet {
    position: relative;
    top: 3px;
    width: .08rem !important;
    height: .08rem !important;
    background: #fff;
    opacity: 0.4;
}
.shangquan .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;
}
.shangquan .sec4 .banner-swiper .swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 0.8;
}
.shangquan .sec5 img{
    width: 3.75rem;
}
/*云商城*/
.dsy .sec1 .swiper-slide img{
    width: 3.75rem;
}
.dsy .sec2 .d1 {
    border: 1px solid #f8b600;
    width: 3.45rem;
}
.dsy .sec2 .d1 .p1{

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    background: #f8b600;
    color: #fff;
    display: inline-block;
    float: left;
    letter-spacing: 3px;
}
.dsy .sec2 .d1 .p2{
    display: inline-block;
}
.dsy .sec2 .d2 {
    border: 1px solid #888888;
    width: 3.45rem;
}
.dsy .sec2 .d2 .p1{

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    background: #888888;
    color: #fff;
    display: inline-block;
    float: left;
    letter-spacing: 3px;
}
.dsy .sec2 .d2 .p2{
    display: inline-block;
}
.dsy .sec2 .h1{
    height: 1rem;
}
.dsy .sec2 .pd1{
    padding: .228rem .06rem;
}
.dsy .sec2 .h2{
    height: .75rem;
}
.dsy .sec2 .pd2{
    padding: .103rem .06rem
}
.dsy .sec2 .h3{
    height: 1.4rem;
}
.dsy .sec2 .pd3{
    padding: .428rem .06rem
}
.dsy .sec3 .ui-row{
    background: url("") center no-repeat;
    height: 1.93rem;
    background-size: 3.75rem;
}
.dsy .pt75{
    padding-top: .75rem;
}
.dsy .sec4 img{
    width: 1.65rem;
}
/*多商户*/
.dsh .banner-d .font-12 span{
    background-color: rgba(255,255,255,.2);
    padding: .03rem .08rem;
}
.dsh .sec1 .ui-row{
    background: url("../images/29154417i5yc.png") center no-repeat;
    height:2rem;
    background-size: 5rem;
}
.dsh .pt88{
    padding-top: .88rem;
}
.dsh .sec2 h5.title{
    padding: .05rem .2rem;
    background: rgba(255,255,255,.5);
    border-radius: 3rem;
    display: inline-block;
    color: #fff;
    margin: .2rem 0;
}
.dsh .sec2 .banner-swiper .content {
    width: 90%;
    height:0.8rem;
    margin: 0.2rem auto;
}
.dsh .sec2 .banner-swiper .swiper-pagination-bullet {
    position: relative;
    top: 3px;
    width: .08rem !important;
    height: .08rem !important;
    background: #fff;
    opacity: 0.4;
}
.dsh .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0px;
}
.dsh .sec2 .banner-swiper .swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 0.8;
}
.dsh .sec3 .swiper-slide img{
    width: 3.45rem;
}
.dsh .sec4 .ui-row{
    background: url("../images/29162924f462.jpg") center no-repeat;
    height: 2.6rem;
    background-size: 3.75rem;
}
.dsh .pt98{
    padding-top: .98rem;
}
.dsh .pt100{
    padding-top: 1.02rem;
}
.dsh .sec5 .d{
    height: 1.1rem;
}
.dsh .sec5 .d1,.dsh .sec5 .d1 img{
    width: 1.5rem;
}
.dsh .sec5 .d2{
    width: 1.95rem;
}
/*专题页——WX*/

            .ulc {
                padding: .30rem 0;
                background: #fff;
            }
            .ulc ul {
                text-align: center;
                overflow: hidden;
                margin-bottom: .30rem;
            }
            .ulc li {
                float: left;
                width: 50%;
                font-size: .16rem;
                color: #8a8a8a;
                line-height: .20rem;
            }
            .ulc img {
                display: block;
                width: 3.36rem;
                margin: 0 auto;
            }
            .ulc2 img {
                width: 100%;
            }
            .ulc3 {
                margin-top: .1rem;
                background: #FFF;
            }
            .ulc3 .ultitle {
                padding: .15rem .1rem .15rem .6rem;
                font-size: .16rem;
                color: #8a8a8a;
            }
            .ulc3 img.c {
                display: block;
                margin: .15rem auto;
                padding-bottom: .35rem;
                width: 3.26rem;
            }
            .ulc3 .ultitle img {
                margin-top: -3px;
                margin-right: .05rem;
                width: .06rem;
                vertical-align: middle;
            }
            .ulc3s img.c {
                display: block;
                margin: 0 auto;
                padding-bottom: .35rem;
                width: 100%;
            }
#iSlider-effect-wrapper {
    width: 100%;
    height: 2.4rem;
    overflow: hidden;
    position: relative;
}

.iSlider-effect {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.iSlider-effect ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.iSlider-effect li {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  list-style: none;
}
.iSlider-effect ul li img{
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

.iSlider-effect div{
  background-color: #ffffff;
  padding: 3px;
}

#menu-select {
  margin-top: 10px;
  text-align: center;
}

#menu-select span {
  display: inline-block;
  border: 2px solid #777;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
  width: 60px;
  cursor: pointer;
}

#animation-effect {
  border: 0;
  width: 100%;
  background-color: #000000;
}

#animation-effect ul li img {
  border: 0;
}

#menu-select span:hover {
  background-color: #e74c3c;
}

#menu-select span.on {
  background-color: #e74c3c;
}
        .ulc5 ul {
            padding: .1rem;
            background: #fff;
            overflow: hidden;
        }
        .ulc5 ul li {
            float: left;
            width: 50%;
        }
        .ulc5 ul li img {
            margin: .001rem;
            width: 100%;
        }
        .ulc4 {
            margin-top: .15rem;
        }
        .ulc4 .co {
            background: #478efb;
        }
        .ulc4 .co p {
            padding: .15rem .15rem 0;
            color: #fff;
            text-align: center;
        }
        .ulc4 .co ul {
            padding: .15rem .15rem .2rem;
            letter-spacing: -4px;
            text-align: center;
        }
        .ulc4 .co ul li {
            display: inline-block;
            letter-spacing: 0;
            margin: .05rem;
            padding: .1rem 0;
            width: 20%;
            line-height: .18rem;
            background: #7eaffb;
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0,0,0, .1);
            color: #fff;
        }
        .ulc4 .co ul li.current {
            background: #f8b600;
        }
        .ulc4 .co ol li {
            display: none;
        }
        .ulc4 .co ol li img {
            width: 2.6rem;
            margin: 0 auto;
            display: block;
        }
        .ulc4 .co ol li.ulshow {
            display: block;
        }

/*****************banner轮播*/

@media screen and (max-width: 319px) {
    html {
        font-size: 85.33333px
    }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    html {
        font-size: 85.33333px
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
    html {
        font-size: 96px
    }
}

@media screen and (min-width: 375px) and (max-width: 383px) {
    html {
        font-size: 100px
    }
}

@media screen and (min-width: 384px) and (max-width: 399px) {
    html {
        font-size: 102.4px
    }
}

@media screen and (min-width: 400px) and (max-width: 413px) {
    html {
        font-size: 106.66667px
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 110.4px
    }
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button {
    margin: 0;
    padding: 0
}

body {
    font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
    line-height: 1.5;
    font-size: 16px;
    color: #000;
    -webkit-user-select: none;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left
}

fieldset,img {
    border: 0
}

li {
    list-style: none
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

input,button,textarea,select,optgroup,option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

button {
    -webkit-appearance: none;
    border: 0;
    background: none
}

a {
    -webkit-touch-callout: none;
    text-decoration: none
}

:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

em,i {
    font-style: normal
}


.ui-icon,[class^="ui-icon-"] {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5)
}

.ui-icon-close:before {
    content: ""
}

.ui-icon-search:before {
    content: ""
}

.ui-icon-return:before {
    content: ""
}

.ui-icon-close,.ui-icon-search {
    color: #8e8e93
}

@font-face {
    font-family:"iconfont";src:url(../font/iconfont-full.ttf) format("truetype")
}

.ui-icon,[class^="ui-icon-"] {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5)
}

.ui-icon-add:before {
    content: "\f615"
}

.ui-icon-more:before {
    content: "\f616"
}

.ui-icon-arrow:before {
    content: "\f600"
}

.ui-icon-return:before {
    content: "\f614"
}

.ui-icon-checked:before {
    content: "\f601"
}

.ui-icon-checked-s:before {
    content: "\f602"
}

.ui-icon-info-block:before {
    content: "\f603"
}

.ui-icon-success-block:before {
    content: "\f604"
}

.ui-icon-warn-block:before {
    content: "\f605"
}

.ui-icon-info:before {
    content: "\f606"
}

.ui-icon-success:before {
    content: "\f607"
}

.ui-icon-warn:before {
    content: "\f608"
}

.ui-icon-next:before {
    content: "\f617"
}

.ui-icon-prev:before {
    content: "\f618"
}

.ui-icon-tag:before {
    content: "\f60d"
}

.ui-icon-tag-pop:before {
    content: "\f60f"
}

.ui-icon-tag-s:before {
    content: "\f60e"
}

.ui-icon-warn-lg:before {
    content: "\f609"
}

.ui-icon-close:before {
    content: "\f60a"
}

.ui-icon-close-progress:before {
    content: "\f619"
}

.ui-icon-close-page:before {
    content: "\f60b"
}

.ui-icon-emo:before {
    content: "\f61a"
}

.ui-icon-delete:before {
    content: "\f61b"
}

.ui-icon-search:before {
    content: "\f60c"
}

.ui-icon-order:before {
    content: "\f61c"
}

.ui-icon-news:before {
    content: "\f61d"
}

.ui-icon-personal:before {
    content: "\f61e"
}

.ui-icon-dressup:before {
    content: "\f61f"
}

.ui-icon-cart:before {
    content: "\f620"
}

.ui-icon-history:before {
    content: "\f621"
}

.ui-icon-wallet:before {
    content: "\f622"
}

.ui-icon-refresh:before {
    content: "\f623"
}

.ui-icon-thumb:before {
    content: "\f624"
}

.ui-icon-file:before {
    content: "\f625"
}

.ui-icon-hall:before {
    content: "\f626"
}

.ui-icon-voice:before {
    content: "\f627"
}

.ui-icon-unfold:before {
    content: "\f628"
}

.ui-icon-gototop:before {
    content: "\f629"
}

.ui-icon-share:before {
    content: "\f62a"
}

.ui-icon-home:before {
    content: "\f62b"
}

.ui-icon-pin:before {
    content: "\f62c"
}

.ui-icon-star:before {
    content: "\f62d"
}

.ui-icon-bugle:before {
    content: "\f62e"
}

.ui-icon-trend:before {
    content: "\f62f"
}

.ui-icon-unchecked:before {
    content: "\f610"
}

.ui-icon-unchecked-s:before {
    content: "\f611"
}

.ui-icon-play-active:before {
    content: "\f630"
}

.ui-icon-stop-active:before {
    content: "\f631"
}

.ui-icon-play:before {
    content: "\f632"
}

.ui-icon-stop:before {
    content: "\f633"
}

.ui-icon-set:before {
    content: "\f634"
}

.ui-icon-add-group:before {
    content: "\f635"
}

.ui-icon-add-people:before {
    content: "\f636"
}

.ui-icon-pc:before {
    content: "\f637"
}

.ui-icon-scan:before {
    content: "\f638"
}

.ui-icon-tag-svip:before {
    content: "\f613"
}

.ui-icon-tag-vip:before {
    content: "\f612"
}

.ui-icon-male:before {
    content: "\f639"
}

.ui-icon-female:before {
    content: "\f63a"
}

.ui-icon-collect:before {
    content: "\f63b"
}

.ui-icon-commented:before {
    content: "\f63c"
}

.ui-icon-like:before {
    content: "\f63d"
}

.ui-icon-liked:before {
    content: "\f63e"
}

.ui-icon-comment:before {
    content: "\f63f"
}

.ui-icon-collected:before {
    content: "\f640"
}

a {
    color: #f8b600
}

em {
    color: #ff8444
}

::-webkit-input-placeholder {
    color: #bbb
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 17px
}

h3,h4 {
    font-size: 16px
}

h5,.ui-txt-sub {
    font-size: 14px
}

h6,.ui-txt-tips {
    font-size: 12px
}

.ui-txt-default {
    color: #000
}

.ui-txt-white {
    color: white
}

.ui-txt-info {
    color: #777
}

.ui-txt-muted {
    color: #bbb
}

.ui-txt-warning,.ui-txt-red {
    color: #ff4222
}

.ui-txt-feeds {
    color: #314c83
}

.ui-txt-highlight {
    color: #ff8444
}

.ui-txt-justify {
    text-align: justify
}

.ui-txt-justify-one {
    text-align: justify;
    overflow: hidden;
    height: 24px
}

.ui-txt-justify-one:after {
    display: inline-block;
    content: '';
    overflow: hidden;
    width: 100%;
    height: 0
}

.ui-border-t {
    border-top: 1px solid #e0e0e0
}

.ui-border-b {
    border-bottom: 1px solid #e0e0e0
}

.ui-border-tb {
    border-top: #e0e0e0 1px solid;
    border-bottom: #e0e0e0 1px solid;
    background-image: none
}

.ui-border-l {
    border-left: 1px solid #e0e0e0
}

.ui-border-r {
    border-right: 1px solid #e0e0e0
}

.ui-border {
    border: 1px solid #e0e0e0
}

.ui-border-radius {
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-border-radius {
        position: relative;
        border: 0
    }

    .ui-border-radius:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #e0e0e0;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0;
        padding: 1px;
        -webkit-box-sizing: border-box;
        border-radius: 8px;
        pointer-events: none
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-border {
        position: relative;
        border: 0
    }

    .ui-border-t,.ui-border-b,.ui-border-l,.ui-border-r,.ui-border-tb {
        border: 0
    }

    .ui-border-t {
        background-position: left top;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .ui-border-b {
        background-position: left bottom;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .ui-border-t,.ui-border-b,.ui-border-tb {
        background-repeat: repeat-x;
        -webkit-background-size: 100% 1px
    }

    .ui-border-tb {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-position: top, bottom
    }

    .ui-border-l {
        background-position: left top;
        background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .ui-border-r {
        background-position: right top;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .ui-border-l,.ui-border-r {
        background-repeat: repeat-y;
        -webkit-background-size: 1px 100%
    }

    .ui-border:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        -webkit-background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;
        background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;
        background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;
        background-repeat: no-repeat;
        background-position: top, right, bottom, left;
        padding: 1px;
        -webkit-box-sizing: border-box;
        z-index: 10;
        pointer-events: none
    }
}

.ui-arrowlink {
    position: relative
}

.ui-arrowlink:before {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: block;
    color: rgba(0, 0, 0, .5);
    color: #c7c7c7;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px
}

@media (max-width: 320px) {
    .ui-arrowlink:before {
        right: 10px
    }
}

.ui-arrowlink.active {
    background: #e5e6e7
}

.ui-nowrap {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-nowrap-flex {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    height: inherit
}

.ui-nowrap-multi {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ui-placehold-wrap {
    padding-top: 31.25%;
    position: relative
}

.ui-placehold {
    color: #bbb;
    position: absolute;
    top: 0;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    text-align: center;
    height: 100%;
    z-index: -1
}

.ui-placehold-img {
    padding-top: 31.25%;
    position: relative
}

.ui-placehold-img > span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-background-size: cover
}

.ui-placehold-img img {
    width: 100%;
    height: 100%
}

.ui-grid,.ui-grid-trisect,.ui-grid-halve {
    padding-left: 15px;
    padding-right: 10px;
    overflow: hidden;
    padding-top: 10px
}

@media (max-width: 320px) {
    .ui-grid,.ui-grid-trisect,.ui-grid-halve {
        padding-left: 10px;
        padding-right: 5px
    }
}

.ui-grid li,.ui-grid-trisect li,.ui-grid-halve li {
    padding-right: 5px;
    padding-bottom: 10px;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box
}

.ui-grid-trisect > li {
    width: 33.3333%
}

.ui-grid-trisect-img {
    padding-top: 149.47%
}

.ui-grid-trisect h4 {
    position: relative;
    margin: 7px 0 3px
}

.ui-grid-trisect h4 span {
    display: inline-block;
    margin-left: 12px;
    color: #777
}

.ui-grid-halve > li {
    width: 50%
}

.ui-grid-halve-img {
    padding-top: 55.17%
}

.ui-grid-trisect-img,.ui-grid-halve-img {
    position: relative;
    width: 100%
}

.ui-grid-trisect-img > span,.ui-grid-halve-img > span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-background-size: cover
}

.ui-grid-trisect-img img,.ui-grid-halve-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.ui-grid-trisect-img.active,.ui-grid-halve-img.active {
    opacity: .5
}

.ui-row {
    display: block;
    overflow: hidden
}

.ui-col {
    float: left;
    box-sizing: border-box;
    width: 100%
}

.ui-col-10 {
    width: 10%
}

.ui-col-20 {
    width: 20%
}

.ui-col-25 {
    width: 25%
}

.ui-col-33 {
    width: 33.3333%
}
.ui-col-45 {
    width: 45%
}
.ui-col-50 {
    width: 50%
}

.ui-col-67 {
    width: 66.6666%
}

.ui-col-75 {
    width: 75%
}

.ui-col-80 {
    width: 80%
}

.ui-col-90 {
    width: 90%
}

.ui-row-flex {
    display: -webkit-box;
    width: 100%;
    -webkit-box-sizing: border-box
}

.ui-row-flex .ui-col {
    float: none;
    -webkit-box-flex: 1;
    width: 25%;
    border-right: 1px solid #ccc;
}
.ui-row-flex .ui-col:nth-child(4) {
    border-right:0;
}

.ui-row-flex .ui-col-2 {
    -webkit-box-flex: 2
}

.ui-row-flex .ui-col-3 {
    -webkit-box-flex: 3
}

.ui-row-flex .ui-col-4 {
    -webkit-box-flex: 4
}

.ui-row-flex-ver {
    -webkit-box-orient: vertical
}

.ui-row-flex-ver .ui-col {
    width: 100%;
    height: 0
}

.ui-whitespace {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box
}

@media (max-width: 320px) {
    .ui-whitespace {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ui-whitespace-left {
    padding-left: 15px;
    box-sizing: border-box
}

@media (max-width: 320px) {
    .ui-whitespace-left {
        padding-left: 10px
    }
}

.ui-whitespace-right {
    padding-right: 15px;
    box-sizing: border-box
}

@media (max-width: 320px) {
    .ui-whitespace-right {
        padding-right: 10px
    }
}

.ui-justify {
    text-align: justify;
    font-size: 0
}

.ui-justify:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.ui-justify li {
    display: inline-block;
    text-align: center
}

.ui-justify p {
    font-size: 16px
}

.ui-justify-flex {
    width: 100%;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between
}

.ui-header,.ui-footer {
    position: fixed;
    width: 100%;
    z-index: 100;
    left: 0
}

.ui-header {
    top: 0;
    height: 45px;
    line-height: 45px
}

.ui-header-stable,.ui-header-positive {
    padding: 0 10px;
    box-sizing: border-box
}

.ui-header-stable,.ui-footer-stable {
    background-color: #f8f8f8
}

.ui-footer-positive {
    color: #fff
}



.ui-footer-btn {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), to(#e0e0e0));
    color: #f8b600
}

.ui-footer-btn .ui-tiled {
    height: 100%
}

.ui-footer {
    bottom: 0;
    height: 56px;
    border-top: 1px solid #ddd;
}

.ui-header ~ .ui-container {
    border-top: 45px solid transparent
}

.ui-footer ~ .ui-container {
    border-bottom: 56px solid transparent
}

.ui-header h1 {
    text-align: center;
    font-size: 18px
}

.ui-header .ui-icon-return {
    position: absolute;
    left: 0
}

.ui-header .ui-btn,.ui-header .ui-btn-lg,.ui-header .ui-btn-s {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px
}

.ui-center {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    height: 150px
}

.ui-flex,.ui-tiled {
    display: -webkit-box;
    width: 100%;
    -webkit-box-sizing: border-box
}

.ui-flex-ver {
    -webkit-box-orient: vertical
}

.ui-flex-pack-start {
    -webkit-box-pack: start
}

.ui-flex-pack-end {
    -webkit-box-pack: end
}

.ui-flex-pack-center {
    -webkit-box-pack: center
}

.ui-flex-align-start {
    -webkit-box-align: start
}

.ui-flex-align-end {
    -webkit-box-align: end
}

.ui-flex-align-center {
    -webkit-box-align: center
}

.ui-tiled li {
    -webkit-box-flex: 1;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.ui-badge,.ui-badge-muted,.ui-badge-num,.ui-badge-corner,.ui-badge-cornernum {
    display: inline-block;
    text-align: center;
    background: #f74c31;
    color: #fff;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    -webkit-border-radius: 8px;
    padding: 0 6px;
    background-clip: padding-box
}

.ui-badge-muted {
    background: #b6cae0
}

.ui-badge-num {
    height: 19px;
    line-height: 20px;
    font-size: 12px;
    min-width: 19px;
    -webkit-border-radius: 10px
}

.ui-badge-wrap {
    position: relative;
    text-align: center
}

.ui-badge-corner {
    position: absolute;
    border: 2px #fff solid;
    height: 20px;
    line-height: 20px;
    top: -4px;
    right: -9px
}

.ui-badge-cornernum {
    position: absolute;
    top: -4px;
    right: -9px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    min-width: 19px;
    -webkit-border-radius: 10px;
    top: -5px;
    right: -5px
}

.ui-reddot,.ui-reddot-border,.ui-reddot-s {
    position: relative;
    display: inline-block;
    line-height: 22px;
    padding: 0 6px
}

.ui-reddot:after,.ui-reddot-border:after,.ui-reddot-s:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #f74c31;
    border-radius: 5px;
    right: -3px;
    top: -3px;
    background-clip: padding-box
}

.ui-reddot-static {
    display: block;
    width: 8px;
    height: 8px;
    padding: 0
}

.ui-reddot-static:after {
    top: 0;
    right: 0
}

.ui-reddot-border:before {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 5px;
    right: -4px;
    top: -4px;
    background-clip: padding-box;
    padding: 1px
}

.ui-reddot-s:after {
    width: 6px;
    height: 6px;
    top: -5px;
    right: -5px
}

.ui-avatar,.ui-avatar-lg,.ui-avatar-s,.ui-avatar-one,.ui-avatar-tiled {
    display: block;
    -webkit-background-size: cover;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAA8FBMVEXp8Peat8+jwNidutKhvtagvdWcudGfu9Kpwteiv9ecudCsxNifvNTM2+ieu9PE1eSdudDO3OmkvtSyyNu/0eKhvNOivdPm7vWlv9WeutHI2Oa5zd+dudG+0eHn7/bG1+Xi6/SzydzT4Ozc5vDe6PLY5O/a5e/P3eqmv9WmwNW6zt/j7PTX4+6uxtno8Pff6fLh6vPW4u280ODg6fLC1OObuM+buNDD1eTU4eza5fDd5/GhvNKowdarw9jA0+K1y93k7PTk7fXl7fW7zt/F1uXc5/DZ5O/R3+vB0+OnwNXg6vKcuNDM2+mtxNjO3eq3zN1UQ75QAAACR0lEQVR4Xu3W1a7cMBAG4PnHDi4zMx5mxiLD+79Ne7YXq6hKHMU+Ui/8XVpKfo0nMwr9hyzLsizLsqx5ZTfX9DyvmXtXOaNXsd+rYqs9mJFx454HiLwMXsi8CzTO35JZ0x1ABLwlBZAzW0yhAzfgKOmiekLmVEII/peAd22u5ZGMSEpzSWYc30cyoim+oe4/wuU4LgZkwq0HyXEkPCMX9hmC4wmcHpK2VhWS40ncHZG2KcBJBAom2l7kJA6eSFsNDicJsB5qt8SH5EToz0nT1zUCRUi4IE3zqjLkm/aaPGsrQ8oz0nSkDgm1Z750AU4mtL/hYQ1FThZgZ4+0HH9BoAzx9knL8hKsoL9YChCsksdAd3PlWcXBhHSM15CsEqCsNY49uKwm4Lcos5MyAk7BRYmyOpxAcBoOqkca/1sBpyKyl1KH4HQc5J4pmzYkpwQsKJsQnFYRI8qmnD7EwdPrh0gcZA9xio76piBY4iFziACUMw+EcLNXEgKd7o5qVtD52UYeu5RNB3iiifIP0qcRgAplU4N/TNdILsVFgVq/0My6Vxa9lyeTF5jAwzPRsF4gLbfNhBSJ/pRMKPThxGbgkcy4iu19HqdkxN7oR2wlDmqrQ9K39JPm8RLYbZGu8T1cJ3mp1ElXJVqGLAKI7DOJxpA0Le8gJP8VSIGN7RE7Lmr6XfneACCKfwgAjfPFdP8qcpSbk76bgX+BDe+gPqMXs3quj43OQekNGTH+WBmV3nc/fdi+b+9m1S2VuqvZM6lZlmVZlmVZvwEAnS9LHbI74gAAAABJRU5ErkJggg==)
}

.ui-avatar {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 200px;
    overflow: hidden
}

.ui-avatar > span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -webkit-border-radius: 200px
}

.ui-avatar-lg,.ui-avatar-one {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 200px;
    overflow: hidden
}

.ui-avatar-lg > span,.ui-avatar-one > span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -webkit-border-radius: 200px
}

.ui-avatar-s {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 200px;
    overflow: hidden
}

.ui-avatar-s > span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -webkit-border-radius: 200px
}

.ui-avatar-tiled {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 200px;
    overflow: hidden;
    display: inline-block
}

.ui-avatar-tiled > span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -webkit-border-radius: 200px
}

.ui-label {
    display: inline-block;
    position: relative;
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    border: 1px solid #cacccd;
    border-radius: 15px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-label {
        position: relative;
        border: 0
    }

    .ui-label:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #cacccd;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0;
        padding: 1px;
        -webkit-box-sizing: border-box;
        border-radius: 30px;
        pointer-events: none
    }
}

.ui-label:active {
    background-color: #f3f2f2
}

.ui-label-list {
    margin: 0 10px
}

.ui-label-list .ui-label {
    margin: 0 10px 10px 0
}

.ui-label-s {
    font-size: 11px;
    line-height: 13px;
    display: inline-block;
    position: relative;
    padding: 0 1px;
    color: #ff7f0d;
    border: 1px solid #ff7f0d;
    border-radius: 2px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-label-s {
        position: relative;
        border: 0
    }

    .ui-label-s:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #ff7f0d;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0;
        padding: 1px;
        -webkit-box-sizing: border-box;
        border-radius: 4px;
        pointer-events: none
    }
}

.ui-label-s:active {
    background-color: #f3f2f2
}

.ui-label-s:after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px
}

.ui-tag-t,.ui-tag-hot,.ui-tag-new,.ui-tag-s-hot,.ui-tag-s-new,.ui-tag-pop-hot,.ui-tag-pop-new {
    position: relative
}

.ui-tag-t:before,.ui-tag-hot:before,.ui-tag-new:before,.ui-tag-s-hot:before,.ui-tag-s-new:before,.ui-tag-pop-hot:before,.ui-tag-pop-new:before,.ui-tag-t:after,.ui-tag-hot:after,.ui-tag-new:after,.ui-tag-s-hot:after,.ui-tag-s-new:after,.ui-tag-pop-hot:after,.ui-tag-pop-new:after {
    height: 20px;
    left: 0;
    top: 0;
    z-index: 9;
    display: block
}

.ui-tag-t:before,.ui-tag-hot:before,.ui-tag-new:before,.ui-tag-s-hot:before,.ui-tag-s-new:before,.ui-tag-pop-hot:before,.ui-tag-pop-new:before,.ui-tag-vip:before,.ui-tag-svip:before,.ui-tag-selected:after {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    position: absolute
}

.ui-tag-t:before,.ui-tag-hot:before,.ui-tag-new:before,.ui-tag-s-hot:before,.ui-tag-s-new:before,.ui-tag-pop-hot:before,.ui-tag-pop-new:before {
    content: "";
    line-height: 20px;
    color: #f00
}

.ui-tag-t:after,.ui-tag-hot:after,.ui-tag-new:after,.ui-tag-s-hot:after,.ui-tag-s-new:after,.ui-tag-pop-hot:after,.ui-tag-pop-new:after {
    position: absolute;
    content: '';
    width: 22px;
    text-align: right;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    padding-right: 14px
}

.ui-tag-b,.ui-tag-freelimit,.ui-tag-free,.ui-tag-last,.ui-tag-limit,.ui-tag-act,.ui-tag-xy,.ui-tag-vip,.ui-tag-svip {
    position: relative
}

.ui-tag-b:before,.ui-tag-freelimit:before,.ui-tag-free:before,.ui-tag-last:before,.ui-tag-limit:before,.ui-tag-act:before,.ui-tag-xy:before,.ui-tag-vip:before,.ui-tag-svip:before {
    position: absolute;
    font-size: 10px;
    width: 28px;
    height: 13px;
    line-height: 13px;
    bottom: 0;
    right: 0;
    z-index: 9;
    color: #fff;
    border-radius: 2px;
    text-align: center
}

.ui-tag-vip:before,.ui-tag-svip:before {
    font-size: 32px;
    text-indent: -2px;
    border-radius: 2px
}

.ui-tag-vip:before {
    background-color: #f00;
    color: #fffadf;
    content: ""
}

.ui-tag-svip:before {
    background-color: #ffd400;
    color: #b7440e;
    content: ""
}

.ui-tag-freelimit:before {
    background-color: #18b4ed;
    content: '限免'
}

.ui-tag-free:before {
    background-color: #5fb336;
    content: '免费'
}

.ui-tag-last:before {
    background-color: #8f6adb;
    content: '绝版'
}

.ui-tag-limit:before {
    background-color: #3385e6;
    content: '限量'
}

.ui-tag-act:before {
    background-color: #00c795;
    content: '活动'
}

.ui-tag-xy:before {
    background-color: #d7ba42;
    content: '星影'
}

.ui-tag-freemonthly:before {
    background-color: #ff7f0d;
    content: '包月'
}

.ui-tag-onsale:before {
    background-color: #00c795;
    content: '特价'
}

.ui-tag-hot:after,.ui-tag-s-hot:after,.ui-tag-pop-hot:after {
    content: '热'
}

.ui-tag-new:after,.ui-tag-s-new:after,.ui-tag-pop-new:after {
    content: '\u65b0'
}

.ui-tag-hot:before,.ui-tag-s-hot:before,.ui-tag-pop-hot:before {
    color: #ff7200
}

.ui-tag-s-hot:before,.ui-tag-s-new:before {
    content: "";
    left: -2px
}

.ui-tag-s-hot:after,.ui-tag-s-new:after {
    width: 16px;
    padding-right: 12px
}

.ui-tag-selected:after {
    content: "";
    color: #18b4ed;
    right: -5px;
    top: -5px;
    z-index: 9;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 13px;
    line-height: 26px;
    text-indent: -3px
}

.ui-tag-wrap {
    display: inline-block;
    position: relative;
    padding-right: 32px
}

.ui-tag-wrap .ui-tag-vip,.ui-tag-wrap .ui-tag-svip {
    position: static
}

.ui-tag-wrap .ui-tag-vip:before,.ui-tag-wrap .ui-tag-svip:before {
    top: 50%;
    margin-top: -7px
}

.ui-tag-pop-hot:before,.ui-tag-pop-new:before {
    content: "";
    left: -10px;
    top: 1px
}

.ui-tag-pop-hot:after,.ui-tag-pop-new:after {
    font-size: 11px;
    padding-right: 0;
    text-align: center;
    left: -5px
}

.ui-btn,.ui-btn-lg,.ui-btn-s {
    height: 30px;
    line-height: 30px;
    padding: 0 11px;
    min-width: 55px;
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 15px;
    background-color: #fdfdfd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), to(#fafafa));
    vertical-align: top;
    color: #f8b600;
    -webkit-box-sizing: border-box;
    background-clip: padding-box;
    border: 1px solid #cacccd;
    border-radius: 3px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-btn,.ui-btn-lg,.ui-btn-s {
        position: relative;
        border: 0
    }

    .ui-btn:before,.ui-btn-lg:before,.ui-btn-s:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #cacccd;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0;
        padding: 1px;
        -webkit-box-sizing: border-box;
        border-radius: 6px;
        pointer-events: none
    }
}

.ui-btn:not(.disabled):not(:disabled):active,.ui-btn-lg:not(.disabled):not(:disabled):active,.ui-btn-s:not(.disabled):not(:disabled):active,.ui-btn.active,.active.ui-btn-lg,.active.ui-btn-s {
    background: #f2f2f2;
    color: rgba(0, 165, 224, .5);
    background-clip: padding-box
}

.ui-btn:after,.ui-btn-lg:after,.ui-btn-s:after {
    content: "";
    position: absolute;
    top: -7px;
    bottom: -7px;
    left: 0;
    right: 0
}

.ui-btn-primary {
    background-color: #18b4ed;
    border-color: #0baae4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1fbaf3), to(#18b4ed));
    color: white;
    background-clip: padding-box
}

.ui-btn-primary:not(.disabled):not(:disabled):active,.ui-btn-primary.active {
    background: #1ca7da;
    border-color: #1ca7da;
    color: rgba(255, 255, 255, .5);
    background-clip: padding-box
}

.ui-btn-danger {
    background-color: #f75549;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fc6156), to(#f75549));
    color: white;
    border-color: #f43d30;
    background-clip: padding-box
}

.ui-btn-danger:not(.disabled):not(:disabled):active,.ui-btn-danger.active {
    background: #e2574d;
    border-color: #e2574d;
    color: rgba(255, 255, 255, .5);
    background-clip: padding-box
}

.ui-btn.disabled,.disabled.ui-btn-lg,.disabled.ui-btn-s,.ui-btn:disabled,.ui-btn-lg:disabled,.ui-btn-s:disabled {
    border: 0;
    color: #ccc;
    background: #e9ebec;
    background-clip: padding-box
}

.ui-btn-lg {
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    display: block;
    width: 100%;
    border-radius: 5px
}

.ui-btn-wrap {
    padding: 15px 10px
}

@media (max-width: 320px) {
    .ui-btn-wrap {
        padding: 10px
    }
}

.ui-btn-s {
    padding: 0;
    width: 55px;
    height: 25px;
    line-height: 25px;
    font-size: 13px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-btn-primary:before {
        border: 1px solid #0baae4
    }

    .ui-btn-danger:before {
        border: 1px solid #f43d30
    }

    .ui-btn,.ui-btn-lg,.ui-btn-s {
        border: 0
    }

    .ui-btn.disabled,.disabled.ui-btn-lg,.disabled.ui-btn-s,.ui-btn:disabled,.ui-btn-lg:disabled,.ui-btn-s:disabled,.ui-btn.disabled:before,.disabled.ui-btn-lg:before,.disabled.ui-btn-s:before,.ui-btn:disabled:before,.ui-btn-lg:disabled:before,.ui-btn-s:disabled:before {
        border: 1px solid #e9ebec
    }

    .ui-btn-lg:before {
        border-radius: 10px
    }
}

.ui-btn-progress {
    width: 55px;
    padding: 0;
    overflow: hidden
}

.ui-btn-progress .ui-btn-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1fbaf3), to(#18b4ed));
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.ui-btn-progress .ui-btn-inner span {
    display: inline-block;
    color: white;
    position: absolute;
    width: 55px;
    left: 0
}

.ui-btn-progress.disabled,.ui-btn-progress:disabled {
    background-color: #fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, white), to(#fafafa));
    color: #ccc;
    border: 1px solid #cacccd;
    background-clip: padding-box
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-btn-progress.disabled,
    .ui-btn-progress:disabled {
        border: 0
    }

    .ui-btn-progress.disabled:before,.ui-btn-progress:disabled:before {
        border: 1px solid #cacccd
    }
}

.ui-btn-group {
    display: -webkit-box;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-align: center
}

.ui-btn-group button {
    display: block;
    -webkit-box-flex: 1;
    margin-right: 10px
}

.ui-btn-group button:first-child {
    margin-left: 10px
}

.ui-tips {
    padding: 20px 15px;
    text-align: center;
    font-size: 16px;
    color: #000
}

.ui-tips i {
    display: inline-block;
    width: 32px;
    height: 1px;
    vertical-align: top
}

.ui-tips i:before {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    content: "";
    color: #0090ff;
    line-height: 21px
}

.ui-tips-success i:before {
    content: "";
    color: #65d521
}

.ui-tips-warn i:before {
    content: "";
    color: #f76249
}

.ui-newstips-wrap {
    margin: 20px 15px;
    text-align: center
}

.ui-newstips {
    background: #383939;
    position: relative;
    height: 40px;
    line-height: 40px;
    display: -webkit-inline-box;
    -webkit-box-align: center;
    padding-right: 25px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    padding-left: 15px
}

.ui-newstips .ui-avatar-tiled,.ui-newstips .ui-newstips-thumb,.ui-newstips i {
    display: block;
    margin-left: -5px;
    margin-right: 10px
}

.ui-newstips .ui-newstips-thumb {
    width: 30px;
    height: 30px;
    position: relative
}

.ui-newstips .ui-newstips-thumb > span {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-background-size: cover
}

.ui-newstips div {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    height: inherit
}

.ui-newstips:after {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    color: #c7c7c7;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px
}

@media (max-width: 320px) {
    .ui-newstips:after {
        right: 10px
    }
}

.ui-newstips .ui-reddot,.ui-newstips .ui-reddot-border,.ui-newstips .ui-reddot-s,.ui-newstips .ui-badge-num {
    margin-left: 10px;
    margin-right: 5px
}

.ui-tooltips {
    width: 100%;
    position: relative;
    z-index: 99;
    overflow: hidden;
    box-sizing: border-box
}

.ui-tooltips-cnt {
    background-color: #fff;
    line-height: 44px;
    height: 44px;
    padding-left: 10px;
    padding-right: 30px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-tooltips-cnt .ui-icon-close:before {
    font-size: 40px;
    color: rgba(0, 0, 0, .2);
    margin-left: -10px;
    position: absolute;
    right: 0;
    top: 0
}

.ui-tooltips-warn .ui-tooltips-cnt {
    background-color: rgba(255, 242, 183, .95);
    color: #000
}

.ui-tooltips-warn:active .ui-tooltips-cnt {
    background-color: #e1d498
}

.ui-tooltips-guide .ui-tooltips-cnt {
    color: #f8b600;
    background-color: rgba(205, 242, 255, .95)
}

.ui-tooltips-guide .ui-tooltips-cnt .ui-icon-close:before {
    color: rgba(0, 165, 224, .2)
}

.ui-tooltips-guide:active .ui-tooltips-cnt {
    background-color: #b5dbe8
}

.ui-tooltips-cnt-link:after {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    color: #c7c7c7;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px;
    color: rgba(0, 0, 0, .5)
}

@media (max-width: 320px) {
    .ui-tooltips-cnt-link:after {
        right: 10px
    }
}

.ui-tooltips-guide .ui-tooltips-cnt-link:after {
    color: #00aeef
}

.ui-tooltips-warn i {
    display: inline-block;
    margin-right: 4px;
    margin-left: -4px;
    width: 32px;
    height: 1px;
    vertical-align: top
}

.ui-tooltips-warn i:before {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    content: "";
    color: #f76249
}

.ui-table {
    width: 100%;
    border-collapse: collapse
}

.ui-table th {
    font-weight: 500
}

.ui-table td,.ui-table th {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    text-align: center
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-table td,.ui-table th {
        position: relative;
        border-right: 0;
        border-bottom: 0
    }

    .ui-table td:after,.ui-table th:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-size: 1px 100% ,100% 1px;
        background-repeat: no-repeat;
        background-position: right, bottom;
        pointer-events: none
    }

    .ui-table tr td:last-child:after,.ui-table tr th:last-child:after {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: bottom
    }

    .ui-table tr:last-child td:not(:last-child):after {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-size: 1px 100%;
        background-repeat: no-repeat;
        background-position: right
    }
}

.ui-table tr td:last-child,.ui-table tr th:last-child {
    border-right: 0
}

.ui-table tr:last-child td {
    border-bottom: 0
}

.ui-list {
    background-color: #fff;
    width: 100%
}

.ui-list > li {
    position: relative;
    margin-left: 15px;
    display: -webkit-box
}

.ui-list-pure > li {
    display: block
}

.ui-list-text > li,.ui-list-pure > li {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    -webkit-box-align: center
}

.ui-list-text h4,.ui-list-text p {
    -webkit-box-flex: 1
}

.ui-list-cover > li {
    padding-left: 15px;
    margin-left: 0
}

.ui-list > li.ui-border-t:first-child,.ui-list > li:first-child > .ui-border-t {
    border: none;
    background-image: none
}

.ui-list-thumb,.ui-list-thumb-s,.ui-list-img,.ui-list-icon {
    position: relative;
    margin: 10px 10px 10px 0
}

.ui-list-thumb > span,.ui-list-thumb-s > span,.ui-list-img > span,.ui-list-icon > span {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-background-size: cover
}

.ui-list-thumb {
    width: 50px;
    height: 50px
}

.ui-list-img {
    width: 100px;
    height: 68px
}

.ui-list-thumb-s {
    width: 28px;
    height: 28px
}

.ui-list-icon {
    width: 40px;
    height: 40px
}

.ui-list .ui-avatar,.ui-list .ui-avatar-s,.ui-list .ui-avatar-lg {
    margin: 10px 10px 10px 0
}

.ui-list-info {
    -webkit-box-flex: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    padding-right: 15px
}

.ui-list-info p {
    color: #777;
    font-size: 14px
}

.ui-list-text .ui-list-info {
    padding-top: 0;
    padding-bottom: 0
}

.ui-list li h4 {
    font-size: 16px
}

.ui-list:not(.ui-list-text) li > p,.ui-list li > h5 {
    font-size: 14px;
    color: #777
}

.ui-list-active > li:active,.ui-list li.active {
    background-color: #e5e6e7;
    padding-left: 15px;
    margin-left: 0
}

.ui-list-active > li:active,.ui-list > li.active,.ui-list > li.active > .ui-border-t,.ui-list > li.active + li > .ui-border-t,.ui-list > li.active + li.ui-border-t {
    background-image: none;
    border-top-color: #e5e6e7
}

.ui-list-link > li:after {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    color: #c7c7c7;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px
}

@media (max-width: 320px) {
    .ui-list-link > li:after {
        right: 10px
    }
}

.ui-list-text.ui-list-link > li {
    padding-right: 30px
}

.ui-list-link .ui-list-info {
    padding-right: 30px
}

.ui-list-function .ui-list-info {
    padding-right: 75px
}

.ui-list-function .ui-btn,.ui-list-function .ui-btn-lg,.ui-list-function .ui-btn-s {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -15px
}

.ui-list-function .ui-btn-s {
    margin-top: -12px
}

.ui-list-function.ui-list-link .ui-list-info {
    padding-right: 90px
}

.ui-list-function.ui-list-link .ui-btn,.ui-list-function.ui-list-link .ui-btn-lg,.ui-list-function.ui-list-link .ui-btn-s {
    right: 30px
}

.ui-list-function li {
    -webkit-box-align: inherit
}

.ui-list-one > li {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 44px
}

.ui-list-one .ui-list-info {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center
}

.ui-list-one h4 {
    -webkit-box-flex: 1
}

@media (max-width: 320px) {
    .ui-list > li {
        margin-left: 10px
    }

    .ui-list-text > li,.ui-list-pure > li,.ui-list-info {
        padding-right: 10px
    }

    .ui-list-cover > li,.ui-list-active > li:active,.ui-list li.active {
        padding-left: 10px
    }

    .ui-list-text.ui-list-link > li {
        padding-right: 25px
    }

    .ui-list-function .ui-list-info {
        padding-right: 70px
    }

    .ui-list-function .ui-btn,.ui-list-function .ui-btn-lg,.ui-list-function .ui-btn-s {
        right: 10px
    }

    .ui-list-function.ui-list-link .ui-list-info {
        padding-right: 85px
    }

    .ui-list-function.ui-list-link .ui-btn,.ui-list-function.ui-list-link .ui-btn-lg,.ui-list-function.ui-list-link .ui-btn-s {
        right: 25px
    }
}

.ui-notice {
    width: 100%;
    height: 100%;
    z-index: 99;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    position: absolute;
    text-align: center
}

.ui-notice > i {
    display: block;
    margin-bottom: 20px
}

.ui-notice > i:before {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    content: "";
    font-size: 100px;
    line-height: 100px;
    color: rgba(0, 0, 0, .3)
}

.ui-notice p {
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
    text-align: center;
    padding: 0 15px
}

.ui-notice-btn {
    width: 100%;
    -webkit-box-sizing: border-box;
    padding: 50px 15px 15px
}

.ui-notice-btn button {
    margin: 10px 0
}

.ui-form {
    background-color: #fff
}

.ui-form-item-order.active {
    background-color: #e5e6e7
}

.ui-form-item {
    position: relative;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding-right: 15px;
    padding-left: 15px
}

.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio) {
    width: 95px;
    position: absolute;
    text-align: left;
    box-sizing: border-box
}

.ui-form-item input,.ui-form-item textarea {
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 0;
    background: none;
    padding-left: 95px
}

.ui-form-item input[type="checkbox"],.ui-form-item input[type="radio"] {
    padding-left: 0
}

.ui-form-item .ui-icon-close {
    position: absolute;
    top: 0;
    right: 6px
}

@media (max-width: 320px) {
    .ui-form-item .ui-icon-close {
        right: 1px
    }
}

@media (max-width: 320px) {
    .ui-form-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ui-form-item-textarea {
    height: 65px
}

.ui-form-item-textarea label {
    vertical-align: top
}

.ui-form-item-textarea textarea {
    margin-top: 15px;
    border: none
}

.ui-form-item-textarea textarea:focus {
    outline: none
}

.ui-form-item-link > li:after {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    color: #c7c7c7;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px
}

@media (max-width: 320px) {
    .ui-form-item-link > li:after {
        right: 10px
    }
}

.ui-form-item-l label,.ui-form-item-r button {
    color: #f8b600;
    text-align: center
}

.ui-form-item-r .ui-icon-close {
    right: 125px
}

.ui-form-item-l input:not([type="checkbox"]):not([type="radio"]) {
    padding-left: 115px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-form-item-r {
    padding-right: 0
}

.ui-form-item-r input:not([type="checkbox"]):not([type="radio"]) {
    padding-left: 0;
    padding-right: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-form-item-r button {
    width: 110px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0
}

.ui-form-item-r button.disabled {
    color: #bbb
}

.ui-form-item-r button:not(.disabled):active {
    background-color: #e5e6e7
}

.ui-form-item-pure input,.ui-form-item-pure textarea {
    padding-left: 0
}

.ui-form-item-show label {
    color: #777
}

.ui-form-item-link:after {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    color: #c7c7c7;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px
}

@media (max-width: 320px) {
    .ui-form-item-link:after {
        right: 10px
    }
}

.ui-form-item-checkbox,.ui-form-item-radio,.ui-form-item-switch {
    display: -webkit-box;
    -webkit-box-align: center
}

.ui-checkbox,.ui-checkbox-s {
    display: inline-block
}

.ui-checkbox input,.ui-checkbox-s input {
    display: inline-block;
    width: 25px;
    height: 1px;
    position: relative;
    overflow: visible;
    border: 0;
    background: none;
    -webkit-appearance: none;
    outline: none;
    margin-right: 8px;
    vertical-align: middle
}

.ui-checkbox input:before,.ui-checkbox-s input:before {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    content: "";
    color: #18b4ed;
    position: absolute;
    top: -22px;
    left: -4px;
    color: #dedfe0
}

.ui-checkbox input:checked:before,.ui-checkbox-s input:checked:before {
    content: "";
    color: #18b4ed
}

.ui-checkbox-s input:before {
    content: ""
}

.ui-checkbox-s input:checked:before {
    content: ""
}

.ui-switch {
    position: absolute;
    font-size: 16px;
    right: 15px;
    top: 50%;
    margin-top: -16px;
    width: 52px;
    height: 32px;
    line-height: 32px
}

@media (max-width: 320px) {
    .ui-switch {
        right: 10px
    }
}

.ui-switch input {
    width: 52px;
    height: 32px;
    position: absolute;
    z-index: 2;
    border: none;
    background: none;
    -webkit-appearance: none;
    outline: none
}

.ui-switch input:before {
    content: '';
    width: 50px;
    height: 30px;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #dfdfdf;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    -webkit-transition: border .4s, box-shadow .4s;
    transition: border .4s, box-shadow .4s;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.ui-switch input:checked:before {
    border-color: #64bd63;
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63;
    transition: border .4s, box-shadow .4s,  background-color 1.2s;
    -webkit-transition: border .4s, box-shadow .4s, background-color 1.2s;
    background-color: #64bd63
}

.ui-switch input:checked:after {
    left: 21px
}

.ui-switch input:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -webkit-transition: left .2s;
    transition: left .2s
}

.ui-radio {
    line-height: 25px;
    display: inline-block
}

.ui-radio input {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
    overflow: visible;
    border: 0;
    background: none;
    -webkit-appearance: none;
    outline: none;
    margin-right: 8px;
    vertical-align: middle
}

.ui-radio input:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #dfe0e1;
    border-radius: 13px;
    background-clip: padding-box;
    position: absolute;
    left: 0;
    top: 0
}

.ui-radio input:checked:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: #18b4ed;
    border-radius: 7px;
    position: absolute;
    left: 6px;
    top: 6px
}

.ui-select {
    position: relative;
    margin-right: 6px
}

.ui-select select {
    -webkit-appearance: none;
    border: 0;
    background: none;
    width: 100%;
    padding-right: 14px
}

.ui-select:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #a6a6a6;
    content: "";
    pointer-events: none
}

.ui-select-group {
    margin-left: 95px;
    overflow: hidden
}

.ui-select-group .ui-select {
    float: left
}

.ui-form-item > .ui-select {
    margin-left: 95px
}

.ui-input-wrap {
    background-color: #ebeced;
    height: 44px;
    display: -webkit-box;
    -webkit-box-align: center
}

.ui-input-wrap .ui-btn,.ui-input-wrap .ui-btn-lg,.ui-input-wrap .ui-btn-s,.ui-input-wrap i {
    margin-right: 10px
}

.ui-input {
    height: 30px;
    line-height: 30px;
    margin: 7px 10px;
    background: #fff;
    padding-left: 10px;
    -webkit-box-flex: 1
}

.ui-input input {
    width: 100%;
    height: 100%;
    border: 0;
    background: 0;
    -webkit-appearance: none;
    outline: 0
}

.ui-searchbar-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-color: #ebeced;
    height: 44px
}

.ui-searchbar-wrap button {
    margin-right: 10px
}

.ui-searchbar-wrap .ui-searchbar-cancel {
    color: #f8b600;
    font-size: 16px;
    padding: 4px 8px
}

.ui-searchbar-wrap .ui-searchbar-input,.ui-searchbar-wrap button,.ui-searchbar-wrap .ui-icon-close {
    display: none
}

.ui-searchbar-wrap.focus {
    -webkit-box-pack: start
}

.ui-searchbar-wrap.focus .ui-searchbar-input,.ui-searchbar-wrap.focus button,.ui-searchbar-wrap.focus .ui-icon-close {
    display: block
}

.ui-searchbar-wrap.focus .ui-searchbar-text {
    display: none
}

.ui-searchbar {
    border-radius: 5px;
    margin: 0 10px;
    background: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-left: 4px;
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    color: #bbb;
    font-size: 14px;
    width: 100%
}

.ui-searchbar input {
    -webkit-appearance: none;
    border: none;
    background: none;
    color: #000;
    width: 100%;
    padding: 4px 0
}

.ui-searchbar .ui-icon-search {
    line-height: 30px
}

.ui-searchbar .ui-icon-close {
    line-height: 30px
}

.ui-searchbar-input {
    -webkit-box-flex: 1
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-searchbar.ui-border-radius:before {
        border-radius: 10px
    }
}

.ui-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 31.25%
}

.ui-slider-content {
    display: -webkit-box;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.ui-slider-content > li {
    -webkit-box-flex: 1;
    width: 100%;
    height: 100%
}

.ui-slider-content > li img {
    display: block;
    width: 100%
}

.ui-slider-content > li span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%
}

.ui-slider-content > li.active {
    opacity: .5
}

.ui-slider-indicators {
    position: absolute;
    display: -webkit-box;
    -webkit-box-pack: end;
    width: 100%;
    bottom: 10px;
    right: 4px;
    font-size: 0
}

.ui-slider-indicators li {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    width: 7px;
    height: 7px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 10px;
    margin-right: 6px;
    -webkit-box-sizing: border-box;
    background-clip: padding-box;
    position: relative
}

.ui-slider-indicators li.current:before {
    content: '';
    position: absolute;
    background-color: #fff;
    left: 1px;
    top: 1px;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    background-clip: padding-box
}

.ui-slider-indicators-center {
    -webkit-box-pack: center;
    right: 0
}

.ui-panel {
    overflow: hidden;
    margin-bottom: 10px
}

.ui-panel .ui-grid-halve,.ui-panel .ui-grid-trisect {
    padding-top: 0
}

.ui-panel h1,.ui-panel h2,.ui-panel h3 {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 44px;
    position: relative;
    overflow: hidden;
    display: -webkit-box
}

@media (max-width: 320px) {
    .ui-panel h1,.ui-panel h2,.ui-panel h3 {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ui-panel h1 span,.ui-panel h2 span,.ui-panel h3 span {
    display: block
}

.ui-panel-card,.ui-panel-simple {
    background-color: #fff
}

.ui-panel-pure h2,.ui-panel-pure h3 {
    color: #777
}

.ui-panel-simple {
    margin-bottom: 0
}

.ui-panel-subtitle {
    font-size: 14px;
    color: #777;
    margin-left: 10px
}

.ui-panel-title-tips {
    font-size: 12px;
    color: #777;
    position: absolute;
    right: 15px
}

@media (max-width: 320px) {
    .ui-panel-title-tips {
        right: 10px
    }
}

.ui-arrowlink .ui-panel-title-tips {
    right: 30px
}

@media (max-width: 320px) {
    .ui-arrowlink .ui-panel-title-tips {
        right: 25px
    }
}

.ui-progress {
    overflow: hidden;
    width: 100%;
    height: 2px;
    font-size: 0;
    background-color: #e2e2e2;
    box-sizing: border-box
}

.ui-progress span {
    display: block;
    width: 0;
    background: #65d521;
    height: 100%;
    font-size: 0
}

.ui-grid-trisect li .ui-progress,.ui-grid-halve li .ui-progress {
    position: absolute;
    height: 13px;
    bottom: 0;
    z-index: 9;
    border: 5px solid rgba(248, 248, 248, .9)
}

.ui-grid-trisect li .ui-progress span,.ui-grid-halve li .ui-progress span {
    border-radius: 3px
}

.ui-tab {
    width: 100%;
    overflow: hidden
}

.ui-tab-nav {
    width: 100%;
    background-color: #fff;
    display: box;
    display: -webkit-box;
    font-size: 16px;
    height: 45px;
    box-sizing: border-box
}

.ui-tab-content {
    display: -webkit-box
}

.ui-tab-content > li {
    -webkit-box-flex: 1;
    width: 100%
}

.ui-tab-nav li {
    height: 45px;
    line-height: 45px;
    min-width: 70px;
    box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    color: #777;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
    width: 100%
}

.ui-tab-nav li.current {
    color: #f8b600;
    border-bottom: 2px #f8b600 solid
}

.ui-tab-nav li:active {
    opacity: .8
}

.ui-tab-content li dl {
    float: left;
    width: 50%;
    text-align: center;
}


.ui-tab-content li dl dt a img{
    width: 70%;
}

.ui-loading-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    height: 40px
}

.ui-loading {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/loading_sprite.png);
    -webkit-background-size: auto 20px;
    -webkit-animation: am-rotate 1s steps(12) infinite
}

.ui-loading-bright {
    width: 37px;
    height: 37px;
    display: block;
    background-image: url(../img/loading_sprite_white.png);
    -webkit-background-size: auto 37px;
    -webkit-animation: am-rotate2 1s steps(12) infinite
}

.ui-loading-wrap .ui-loading {
    margin: 10px
}

.ui-loading-block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0, 0, 0, .4);
    display: none;
    background: transparent
}

.ui-loading-block .ui-loading-cnt {
    width: 130px;
    height: 110px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    text-align: center;
    background: rgba(0, 0, 0, .65);
    border-radius: 6px;
    color: #fff;
    font-size: 16px
}

.ui-loading-block .ui-loading-bright {
    margin: 18px 0 8px
}

.ui-loading-block.show {
    display: -webkit-box;
    display: box
}

@-webkit-keyframes am-rotate {
    from {
        background-position: 0 0
    }

    to {
        background-position: -240px 0
    }
}

@-webkit-keyframes am-rotate2 {
    from {
        background-position: 0 0
    }

    to {
        background-position: -444px 0
    }
}

.ui-poptips {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0 10px;
    box-sizing: border-box
}

.ui-poptips-cnt {
    background-color: rgba(0, 0, 0, .6);
    line-height: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-poptips-cnt i {
    display: inline-block;
    width: 32px;
    height: 1px;
    vertical-align: top
}

.ui-poptips-cnt i:before {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    margin-right: 2px;
    margin-left: 4px;
    color: #fff;
    line-height: 40px
}

.ui-poptips-info i:before {
    content: ""
}

.ui-poptips-success i:before {
    content: ""
}

.ui-poptips-warn i:before {
    content: ""
}

.ui-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0, 0, 0, .4);
    display: none
}

.ui-dialog.show {
    display: -webkit-box;
    display: box
}

.ui-dialog-hd {
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: relative
}

.ui-dialog-cnt {
    border-radius: 6px;
    width: 270px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    pointer-events: auto;
    background-color: rgba(253, 253, 253, .95);
    position: relative;
    font-size: 16px
}

.ui-dialog-bd {
    min-height: 71px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 18px;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical
}

.ui-dialog-bd > h4 {
    margin-bottom: 4px;
    width: 100%;
    text-align: center
}

.ui-dialog-bd > div,.ui-dialog-bd > ul {
    width: 100%
}

.ui-dialog-ft {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: -webkit-box;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-align: center;
    border-top: 1px solid #e0e0e0;
    height: 42px;
    line-height: 42px
}

.ui-dialog-close:before {
    font-family: "iconfont" !important;
    font-size: 32px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0, 0, 0, .5);
    content: "";
    color: #828282;
    display: block;
    line-height: 32px;
    position: absolute;
    top: 3px;
    right: 3px
}

.ui-dialog-close:active {
    opacity: .5
}

.ui-dialog-ft button {
    color: #f8b600;
    text-align: center;
    border-right: 1px #e0e0e0 solid;
    width: 100%;
    line-height: 42px;
    background: transparent;
    display: block;
    margin: 0 !important;
    -webkit-box-flex: 1
}

.ui-dialog-ft button:active {
    background-color: rgba(0, 0, 0, .1) !important
}

.ui-dialog-ft button:first-child {
    border-bottom-left-radius: 6px
}

.ui-dialog-ft button:last-child {
    border-right: 0;
    border-bottom-right-radius: 6px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-dialog-ft {
        position: relative;
        border: 0;
        background-position: left top;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-repeat: repeat-x;
        -webkit-background-size: 100% 1px
    }

    .ui-dialog-ft button {
        border-right: 0;
        background-position: right top;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-repeat: repeat-y;
        -webkit-background-size: 1px 100%
    }

    .ui-dialog-ft button:last-child {
        background: none
    }
}

.ui-selector header {
    padding: 6px 10px;
    color: #a6a6a6;
    overflow: hidden
}

.ui-selector header h3 {
    float: left
}

.ui-selector-content {
    background: #fff
}

.ui-selector-item p {
    margin-left: 10px;
    -webkit-box-flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-selector-item .ui-txt-info {
    margin: 0 10px;
    font-size: 12px
}

.ui-selector-item .ui-list-link li:after {
    display: none
}

.ui-selector-item h3:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    color: #a6a6a6;
    position: absolute;
    left: 25px;
    top: 15px;
    -webkit-transition: all .2s
}

.ui-selector-item.active h3:before {
    -webkit-transform: rotate(90deg)
}

.ui-selector-item.active h3 {
    border: none;
    background-image: none
}

.ui-selector-item.active ul {
    display: block
}

.ui-selector-item ul {
    display: none
}

.ui-selector-item h3 {
    display: -webkit-box;
    font-size: 16px;
    padding-left: 54px;
    line-height: 44px;
    height: 44px;
    position: relative
}

.ui-actionsheet {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: end;
    background: rgba(0, 0, 0, .4)
}

.ui-actionsheet.show {
    pointer-events: inherit;
    opacity: 1
}

.ui-actionsheet.show .ui-actionsheet-cnt {
    -webkit-transform: translateY(0);
    -webkit-transition-delay: .3s
}

.ui-actionsheet-cnt {
    font-size: 21px;
    position: fixed;
    bottom: 0;
    padding: 0 8px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    -webkit-transform: translateY(100%);
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: .3s
}

.ui-actionsheet button,.ui-actionsheet h4 {
    background: rgba(255, 255, 255, .84);
    display: block;
    width: 100%;
    color: #0079ff;
    box-sizing: border-box
}

.ui-actionsheet button {
    line-height: 44px;
    height: 44px
}

.ui-actionsheet h4 {
    line-height: 24px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.ui-actionsheet button:not(:last-child) {
    border-top: 1px #e0e0e0 solid
}

.ui-actionsheet button:last-child {
    margin: 8px 0;
    border-radius: 3px
}

.ui-actionsheet button:nth-last-child(2) {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.ui-actionsheet button:active {
    opacity: .84
}

.ui-actionsheet h4 {
    font-size: 13px;
    color: #8a8a8a
}

.ui-actionsheet .ui-actionsheet-del {
    color: #fd472b
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-actionsheet button:not(:last-child) {
        border: 0;
        background-position: left top;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-repeat: repeat-x;
        -webkit-background-size: 100% 1px
    }
}

/*
产品服务*/
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}
.moshi {
    padding: 0.15rem 0.2rem;
}
.moshi>img {
    width: 100%;
}
.youshi {
    padding: 0.15rem;
}

.youshi dl{
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.temp-system .system-title {
    text-align: center;
}
.temp-system .system-title h3 {
    font-size: 34px;
    font-weight: bold;
    color: #333;
    height: 36px;
    line-height: 36px;
}
.temp-system .system-title p {
    font-size: 16px;
    display: block;
    margin-top: 15px;
    line-height: 30px;
}
.temp-system .system-content {
    overflow: hidden;
}
.temp-system .system-content ul {
    width: 100%;
}
.temp-system .system-content li {
    font-size: 12px;
    float: left;
    height: 2rem;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.tit {
    font-size: 16px;
}
.desc {
    margin-top: 0.1rem;
}
.bg-icon {
    width: 1.3rem;
    height: 1.3rem;
    display: inline-block;
    background: url(../images/bg-icon.png) no-repeat;
}
.bg-icon1 {
    background-position: -20px -14px;
}
.bg-icon2 {
    background-position: -182px -14px;
}
.bg-icon3 {
    background-position: -343px -14px;
}
.bg-icon4 {
    background-position: -505px -14px;
}
.bg-icon5 {
    background-position: -20px -175px;
}
.bg-icon6 {
    background-position: -182px -175px;
}
.bg-icon7 {
    background-position: -343px -175px;
}
.bg-icon8 {
    background-position: -505px -175px;
}

.bg-icon9 {
    background-position: -20px -336px;
}
.bg-icon10 {
    background-position: -182px -336px;
}
.bg-icon11 {
    background-position: -343px -336px;
}
.bg-icon12 {
    background-position: -505px -336px;
}
.bg-icon13 {
    background-position: -20px -497px;
}
.bg-icon14 {
    background-position: -182px -497px;
}
.bg-icon15 {
    background-position: -343px -497px;
}
.bg-icon16 {
    background-position: -505px -497px;
}

/*资讯详情*/
 .news-hd {
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
}
/*2017年3月17日 首页产品服务增补样式*/
.swiper-wrapper dl dd i{
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 auto;
}
.swiper-wrapper dl dd i.icon-1 {
    background:url("../images/icon-02.jpg") no-repeat;
}
.swiper-wrapper dl dd i.icon-2 {
    background:url("../images/icon-03.jpg") no-repeat;
}
.swiper-wrapper dl dd i.icon-3 {
    background:url("../images/icon-04.jpg") no-repeat;
}
.swiper-wrapper dl dd i.icon-4 {
    background:url("../images/icon-01.jpg") no-repeat;
}
.swiper-wrapper dl dd span.sm-icon {
    display: inline-block;
    width: 0.1rem;
    height:0.1rem;
    margin: 0 auto;
    background:url("../images/icon-5.png") no-repeat;
    background-size: 0.1rem;
}
.swiper-wrapper .free {
    display: inline-block;
    width: 1.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background:#f8b600;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}