body, ul {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

body {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";
}
/*Íâ¼ä¾à*/
.ml-5{ margin-left:5px;}
.ml-10 {
    margin-left: 10px;
}
.ml-15 {
    margin-left: 15px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.ml-50 {
    margin-left: 50px;
}
.mt-5 {
    margin-top: 5px;
}

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

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

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

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

.mt-50 {
    margin-top: 50px;
}
.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}
.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

/*ÄÚ¼ä¾à*/
.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}
.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-50 {
    padding-left: 50px;
}
.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-50 {
    padding-right: 50px;
}
.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-50 {
    padding-top: 50px;
}
ul {
    list-style: none;
}

.l {
    float: left;
}

.r {
    float: right;
}

em {
    font-style: normal;
}
 .co1 {
        color: #0e90d2;
    }
 .co2 {
        color: #F37B1D;
    }

.co3 {
        color: #dd514c;
    }

 .co4 {
        color: #3bb4f2;
    }

.co5 {
        color: #00CED1;
    }

 .co6 {
        color: #9932CC;
    }

.co7 {
        color: #FF1493;
    }

   .co8 {
        color: #DAA520;
    }

.index_banner .swiper-slide{ background-repeat:no-repeat; background-size:cover; height:225px;}
.index_banner img{ width:100%;}


.index-link {
    background:#fff;
    text-align: center;
    overflow:hidden;
}

    .index-link li {
        margin:0; overflow:hidden;
        border-bottom:1px solid #eee;
         border-right:1px solid #eee;
         width:50%; float:left;
         padding:15px 0;
    }

    .index-link a {
        display: block;
        text-align: center;
        height: 100%;
        color: #000;
    }

    .index-link i {
        font-size: 40px;
        display: block;
        float:left;
        color:#0e90d2;
        margin-left:10%;
    }
       .index-link  div{ float:left; margin-left:10px;}
        .index-link h5{ margin:10px 0 0 0; font-size:16px;}
         .index-link span{ color:#999;display: block;
        font-size: 12px;}

    .index-link .c_2 i {
        color: #F37B1D;
    }

    .index-link .c_3 i {
        color: #dd514c;
    }

    .index-link .c_4 i {
        color: #3bb4f2;
    }

    .index-link .c_5 i {
        color: #00CED1;
    }

    .index-link .c_6 i {
        color: #9932CC;
    }

    .index-link .c_7 i {
        color: #FF1493;
    }

    .index-link .c_8 i {
        color: #DAA520;
    }

    .index-link span {
        display: block;
        margin-top: 5px;
        font-size: 12px;
    }
.fininfo li{ line-height:35px; height:35px;}
.fininfo span {
    display: block;
    float: left;
    width: 50%;
}
.fininfo p {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    text-align: right;
    color: #ff4624;
}
    .fininfo p em{
        font-size:24px; font-weight:bold;
    }

    .datapicturelist {
        width: 100%;
        padding: 0 10px 20px 10px;
        overflow: hidden;
    }
.datapicturelist ul{padding:0; margin-right:-2%; }
.datapicturelist li{width:48%; margin:20px 2% 0  0;  display:block; float:left;}
.datapicturelist a{ width:100%; box-sizing: border-box; display:block;color:#0065b3; background:#fff; text-align:center; overflow:hidden;height:160px;box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px 0px; color:#000;}
.datapicturelist img { max-width:100%;display:block; margin:auto; max-height:125px;}
.datapicturelist  span{ font-size:18px; display:block; margin-top:10px;}

.showpicture{ width:100%; text-align:center; margin-top:40px;}
.showpicture img{width:80%;}
.showcontent{ margin-top:20px; font-size:14px; line-height:30px; padding:0 10px;}
.showcontent img{width:100%;}

.abouttxt{ padding: 20px 10px;}
.abouttxt img{ width:100%; }


.index_banner {
    padding-bottom:0;
}
    .index_banner .swiper-pagination-bullet {
        background: #fff;
        opacity: 0.8;
        cursor: pointer;
    }

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

.statuslinks {
    overflow: hidden;
    height: 80px; background:#fff;
}

    .statuslinks li {
        text-align: center;
        padding-top: 10px;
    }

    .statuslinks a {
        color: #444;
    }

    .statuslinks i, .statuslinks .m {
        font-size: 26px;
        position: relative;
        line-height: 40px;
    }
    .statuslinks .m {
        font-size: 20px;
    }
    .statuslinks .t {
        display: block;
        line-height: 25px; font-size:12px;
    }


.user_head {
    height: 140px;
    text-align: center;
    width: 100%;
    background-image: url(images/user_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

    .user_head img {
        display: inline-block;
        margin-top: 10px;
    }

    .user_head span {
        display: inline-block;
        margin-top: 10px;
    }
    .price {
        font-weight:bold;
        font-size:14px; color:#ff4624 !important; line-height:25px;
    }
.productlist{ padding:10px;}
.productlist li{ background:#fff; margin-top:10px;}
    .productlist .price {
        font-weight:bold;
        font-size:14px; color:#ff4624; line-height:25px;
    }
    .productlist p {
         margin:0;
    }
    .productlist div{
         padding:10px;
    }
    .productlist li a {
        display: block;
        text-align: center;
        height: 100px;
    }
.productlist li img {
           max-width: 100%;
           max-height:100%;
        }
.productshow{ padding-bottom:50px;}
.producthead {
    background: #fff;
    padding: 10px;
}
.producttitle{ font-size:20px; line-height:50px;}
.productprice{ color:#ff6a00;line-height:45px; border-bottom:1px solid #eee;}
.productprice span {
    font-size:24px;
    font-weight:bold;
    
}
    .productprice em {
        margin-left: 10px;
        text-decoration: line-through;color:#888;
    }
    .productabout{ font-size:14px; color:#fff; background:#0e90d2; padding:10px; line-height:25px;}
.productcontent {
    margin-top: 10px;
    background: #fff;
    padding: 10px;
}
.productcontent .pt {
    font-size:16px; font-weight:bold;  line-height:30px;
}
    .productcontent .pc {
        line-height:25px; min-height:200px;
    }


.phonecode{ position:relative;}
    .phonecode .button{ position:absolute; right:0; bottom:5px; width:100px;}

.price{ color:#F37B1D; font-size:14px; font-weight:bold;}

.orderlist .media-list {
    background: #f8f8f8;
}
.orderlist .media-list a {
     color:#000;
}
.card-content-about{ line-height:30px; font-size:12px; text-align:right; padding:0 20px; border-bottom:1px solid #f8f8f8;}

.line_head{ background:#cc0000; padding:10px 0; text-align:center; color:#fff; font-size:20px;}

.userinfo{ text-align:left;}
.userinfo p{ margin:5px 0;}

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

.index_picture{}
.index_picture img{ width:100%; margin-top:10px;}

.money_head {
    background: #cc0000;
    padding: 10px 0;
    text-align: center;
    color: #fff;
}

.message{ width:80%; margin:20px auto 0 auto; color:#cc0000; line-height:30px;}

.userbtn a{ display:inline-block; background:#fff; padding:0 5px;}

.scanning{ position:absolute; right:0; top:5px; color:#0e90d2;}
.scanning i{font-size:26px; }

.sendphone{ position:absolute; right:0; top:5px; color:#0e90d2;}
.sendphone i{font-size:26px; }

.page-padded{ padding:10px; background:#fff;}

.h10{ height:10px; background:#efeff4;}

.index_title{ text-align:center; font-size:18px; border-bottom:1px solid #ddd; line-height:50px;}
.index_money{ text-align:center; }
.index_money p{ color:#999;}
.index_money span{color:#F37B1D; font-size:30px;}
.index_loaninfo{text-align:center;color:#999; margin:10px 0; overflow:hidden;}
.index_loaninfo li:first-child{ border-right:1px solid #ddd;}
.index_loaninfo p{ margin:0 0 10px 0;}

.index-foot{text-align:center;color:#999;}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #0e90d2;
}

.item-media .fa{ font-size:20px; color:#0e90d2;}

.auth_link { text-align:center;}
 .auth_link li{ margin-top:20px;}
    .auth_link a {
        display: inline-block;
        width: 80px;
        line-height: 80px;
        height:80px;
        background: #bbb;
        color: #fff;
        border-radius: 50%;
        font-size:30px;
    }
     .auth_link .on a{ background:#0e90d2;}
    .auth_link span{ color:#666;}

    .red{ color:#cc0000;}


.steps-round {
  font-size: 0px;
  overflow: hidden;
  line-height: 0px;
  margin: 0;
  padding: 15px 6px 15px 5%;
  width:100%; position:fixed; top:44px;left:0;z-index:1000; background:#efeff4;
}
.steps-round > div {
  display: inline-block;
  vertical-align: top;
  position: relative;
   
}
.steps-round > div .wrap:before,
.steps-round > div .wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.steps-round > div .wrap:after {
  clear: both;
}
.steps-round > div > label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-top: 6px;
  color: #28a3ef;
  cursor: default;
  text-align: center;
  width: 50%;
  margin-left: -28%;
  position: relative;
  left: 15px;
}
.steps-round > div:first-child > label {
  width: auto;
  max-width: 50%;
  margin-left: 0;
  left: 0;
}
.steps-round > div:last-child,
.steps-round > div.last {
  width: 30px !important;
}
.steps-round > div:last-child > label,
.steps-round > div.last > label {
  position: absolute;
  width: auto;
  margin-left: 0;
  left: auto;
  right: 0;
}
.steps-round > div .round {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  float: left;
}
.steps-round > div .sbar {
  margin: 10px 10px 0px 30px;
  width: 65%;
  height: 6px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.steps-round > .finished .round {
  border: 4px #28a3ef solid;
  background-color: #28a3ef;
  color: #ffffff;
}
.steps-round > .finished .sbar {
  background-color: #28a3ef;
}
.steps-round > .current,.steps-round > .todo {
  width:42%;
}
.steps-round > .last {
  width:10%;
}
.steps-round > .current .round {
  border: 4px #0894ec solid;
  background-color: #0894ec;
}
.steps-round > .current .sbar {
  background-color: #0894ec;
}
.steps-round > .todo > label {
  color: #999999;
}
.steps-round > .todo .round {
  border: 4px #d3d3d3 solid;
  background-color: #FFF;
  color: #999999;
}
.steps-round > .todo .sbar {
  background-color: #ccc;
}


.card_upload{ width:90%; margin:10px auto;
              position:relative;}
.card_upload .upload_input{ position:absolute;top:0; left:0; opacity:0; width:100%; height:100%; z-index:100;}
.card_upload span{ font-size:16px; display:block; text-align:center; line-height:30px; position:absolute; bottom:40px; width:100%;}
.card_upload img{ width:100%;}

.card_img{ width:90%; margin:10px auto;}
.card_img img{ width:100%; border-radius:10px;}

.fixedbut{ position:fixed; background:#efeff4; width:100%; left:0; bottom:0; margin:0; padding:10px 20px;}

.h70{height:70px;}

.cartbuy{position:fixed; bottom:0; left:0; background:#fff; height:50px; width:100%; border-top:1px solid #ddd;}
.cbutton{ width:100%;height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; display:block; background:#ff5722;}
.cartcheck{ padding-top:15px;}
.cartmoney{ padding-top:15px;}

.productbuy{ position:fixed; bottom:0; left:0; background:#fff; height:50px; width:100%; border-top:1px solid #ddd;}
.productbuy .tocart{ float:left; width:15%;text-align:center; color:#000; border-left:1px solid #ddd;height:50px; padding-top:2px; display:block;}
.productbuy .tocart span{ display:block; }
.productbuy .tocart i{ font-size:24px;}
.productbuy .pbutton{ float:right; width:30%;height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; display:block; background:#ff5722;}
.productbuy .addcart{ background:#ff7a52;}


.pnumbox {
    float: left;
    width: 25%;
    height: 25px;
    line-height: 25px;
    padding-left:10px;
    padding-top:10px;
}
    .pnumbox span {
        float: left;
        width: 23.333333%;
        display: inline-block;
        text-align: center; height:25px;
    border: 1px solid #eee;
    background:#f1f1f1;
    }
    .pnumbox input {
        width: 33.333333%;
        float: left; font-size:12px; height:20px; text-align:center;
        margin:0 5%;
        border:0;
    }


 .submitbuy{ position:fixed; bottom:0; left:0; background:#fff; height:50px; width:100%; border-top:1px solid #ddd;}
.submitbuy .sbutton{ float:right; width:50%;height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; display:block; background:#ff5722;}
.submitbuy .sdbutton{background:#888;}
.submitbuy .stxt{ float:left; width:50%;height:50px; line-height:50px; font-size:16px; padding-left:10px;}
.submitbuy .stxt span{ color:#ff5722;}
.submitbuy .stxt em{ color:#666; font-size:12px;}

.numbox {
    float: right;
    width: 92px;
    border: 1px solid #eee;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
}
    .numbox span {
        float: left;
        width: 20px;
        display: inline-block;
        text-align: center; height:25px;
    }
    .list-block .numbox input {
        width: 50px;
        float: left; font-size:12px; height:20px; text-align:center;
    }
.sendtype{ overflow:hidden;}
.sendtype dd {
    float: left;
    width: 30%;
    margin: 0 10%;
    height: 30px;
    line-height: 30px;
    color: #888;
    text-align: center;
    border: 1px solid #888;
}
.sendtype .on{ color:#F37B1D; border:1px solid #F37B1D;}
.sendshop{ line-height:40px; background:#fff; padding:0 20px;}


.indextitle{ margin:10px 0 0 0 !important;}
    .indextitle .item-inner{ padding:0 !important;}
    .indextitle .item-title{ font-size:18px; border-bottom:2px solid #000; line-height:44px; padding:0 10px;}
    .indextitle .item-content{ padding-left:0 !important;}

    .index_news{ margin:10px 0 !important;}
    .index_news .t .item-inner{ padding:0 !important;}
    .index_news .t .item-title{ font-size:18px; border-bottom:2px solid #000; line-height:44px; padding:0 10px;}
    .index_news .t .item-content{ padding-left:0 !important;}

    .index_productlist{ padding:20px 10px; background:#fff;}
.index_productlist li{ background:#fff; margin-top:10px;}
    .index_productlist .price {
        font-weight:bold;
        font-size:14px; color:#ff4624; line-height:25px;
    }
    .index_productlist p {
         margin:0;
    }
    .index_productlist a {
        display: block;
        text-align: center;
    }
.index_productlist img {
           width: 100%;
        }

.link_tab{ background:#fff;  font-size:16px; line-height:45px; text-align:center; }
.link_tab a{color:#666;}
.link_tab .on{ border-bottom:2px solid #0e90d2; color:#0e90d2;}


.bar .fa{ font-size:1.2rem;    width: 1.2rem;
    height: 1.2rem;}

.list-block .item-title.label{ width:25%;}

.message-box{ margin:20px 0; text-align:center;}
.message-box .img{ font-size:100px; line-height:50px; padding:20px 0;}
.message-box .txt{font-size:18px; line-height:30px; padding:20px;}
.green{color:#09BB07;}
.red{color:#F76260;}



.vue_uploadfile{  height:80px; padding-top:10px;}
    .vue_uploadfile div {
        float: left;
        width: 70px;
        margin-right: 10px; position:relative;
    }
    .vue_uploadfile div img {
        width: 70px;
        height: 70px;
    }
        .vue_uploadfile div span {
            position: absolute;
            right: -5px;
            top: -5px;
            display: block;
            background: #cc0000;
            color: #fff;
            width: 30px;
            height: 30px;
            line-height: 30px;
            z-index: 100;
            border-radius: 50%;
            text-align: center;
            font-size:22px;
        }
        .vue_uploadfile_upbox {
            float: left;
            width: 70px;
            height: 70px;
            border: 1px solid #0e90d2;
            color: #0e90d2;
            line-height: 70px;
            text-align: center;
        }
        .imagebox {
    flex-wrap: wrap;
    display: flex !important;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

    .imagebox img {
        width: 100%;
    }

 .tabs .content{ padding-top:50px;}

.popup-overlay {
                    z-index: 1;
                }

.signature {
    height: 200px;
    border: 2px dashed #999;
}

.signature_btn {
    margin-top: 20px;
}

.signature_box {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding: 20px 10px;
    background: #fff;
}

.sign_box {
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 10px;
    text-align: center;
}

    .sign_box img {
        width: 70%;
    }