/*公共样式开始*/

@media only screen and (min-width: 320PX) and (max-width: 360PX) {
    html {
        font-size: 13.65px
    }
}

@media only screen and (min-width: 360PX) and (max-width: 375PX) {
    html {
        font-size: 15.36px
    }
}

@media only screen and (min-width: 375PX) and (max-width: 390PX) {
    html {
        font-size: 16px
    }
}

@media only screen and (min-width: 390PX) and (max-width: 414PX) {
    html {
        font-size: 16.64px
    }
}

@media only screen and (min-width: 414PX) and (max-width: 640PX) {
    html {
        font-size: 17.664px;
    }
}

@media screen and (min-width: 640PX) {
    html {
        font-size: 27.31px
    }
}

@font-face {
    font-family: 'OPPOSANS';
    src: url('/static/user/fonts/OPPOSANS-M-subfont-b8cdc8b8.ttf');
}

::-webkit-scrollbar {
     width: 0;
     height: 0;
     color: transparent;
     display: none;
}

body{
    padding: 0;
    margin: 0;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    color: #333;
    background-color: #f5f5f5;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

input, button, a ,select,textarea{
    outline: none;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-input-placeholder ,textarea::-moz-input-placeholder {
    color: #ccc;
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #ccc;
}
.layui-layer-msg {
    border-radius: 10px !important;
}
.font-bold {
    font-weight: bold;
}

.icon-fanhui {
    font-size: 24px !important;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    color: #000;
    border-bottom: 1px solid #eee;
}
.header1{
    background-image: linear-gradient(to right, #e33424 ,#ffb322);
    color: #fff;
}

.header1 i,.header2 i{
    color: #fff !important;
}
.header2{
    background-image: linear-gradient(to right, #B91DE8 ,#3339F8);
    color: #fff;
}
.header-left {
    width: calc(20% - 20px);
    padding: 0 10px;
}
.header-left i{
    color: #000;
}
.header-center {
    text-align: center;
    width: 60%;
    font-size: 16px;
}

.header-right {
    width: calc(20% - 20px);
    padding: 0 10px;
    text-align: right;
}
.header-right i{
    color: #45a1de;
    font-size: 20px;
}

.main {
    padding-top: 45px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    z-index: 99;
}

.footer {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 50px;
    border-top: 1px solid #eee;
    background-color: #fff;
}

.footer > a {
    display: inline-block;
    text-align: center;
    width: 25%;
}

.footer i {
    font-size: 24px;
    color: #ababab;
}

.footer div {
    font-size: 12px;
    color: #ababab;
}
.footer-nums{
    position: absolute;
    top: 2px;
    left: 14.8rem;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e33424;
    font-size: 12px;
    min-width: 0.6rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 50%;
}
.footer-active i, .footer-active div {
    /*color: #f44623 !important;*/
    color: #45a1de !important;
}

.footer .menu {
    font-size: 28px;
    position: relative;
    top: 2px;
}

.footer .text {
    position: relative;
    top: -5px;
}

.public-bgimg{
    background-repeat: no-repeat;
    background-size: cover;
background-position: center center;
}
/*公共样式结束*/
/*index/index 开始*/
.i-i-nav {
    background-image: url("/static/user/img/nav-top.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 58px;
}
.i-i-search {
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 999;
    background-image: url("/static/user/img/nav-top.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 58px;
    top:0
}
.i-i-search-content {
    width: calc(100% - 30px);
    margin: 15px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    border-radius: 15px;
    justify-content: flex-start;
    background-color: #fff;
}
.i-i-search i {
    font-size: 12px;
    color: #ababab;
    margin: 0 12px;
}

.i-i-search-button {
    font-size: 16px;
    color: #fff;
    border: none;
    width: 40px;
    padding: 18px 15px 0 0;
    display: none;
}

.i-i-search input {
    padding: 6px 0;
    border: none;
    width: calc(100% - 2rem - 18px);
    font-size: 12px;
}

.i-i-banner {
    top: 58px;
}
.i-i-banner .swiper-slide {
    height: 12rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 15px;
}

.i-i-banner .swiper-slide {
    height: 12rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.swiper-pagination-bullet {
    background: #fff !important;
}
.swiper-pagination-bullet-active {
    background: #45a1de !important;
}

.i-i-gonggao {
    display: flex;
    align-items: center;
    margin: 15px 15px 0 15px;
    border-radius: 10px;
    color: #45a1de;
    border: 2px solid #c8eeff;
    background-color: #e8f4ff;
    /*color: #ffa106;*/
    /*border: 2px solid #faebd2;*/
    /*background-color: #ffffeb;*/
}

.i-i-gonggao .marquee {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    margin:0 10px;
}

.i-i-gonggao .marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
    margin: 0;
    padding-bottom: .3rem;
    font-size: .75rem;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

.i-i-gonggao i {
    margin: 0.2rem 0 0.2rem .7rem;
    font-size: .9rem;
}

.i-i-fenlei{
    display: flex;
    align-items: center;
    margin: 15px 15px 0 15px;
    flex-direction: row;
    flex-wrap: wrap;
}
.i-i-fenlei-alone{
    width: 20%;
    display: inline-block;
    text-align: center;
    font-size: 0.75rem;
    color: #333;
}
.i-i-fenlei-alone img{
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%;
    margin-bottom: 0.5rem;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

.i-i-img{
    width: calc(100% - 30px);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    height: auto;
    margin: 15px;
    border-radius: 15px;
}
.i-i-video{
    width: calc(100% - 30px);
    height: auto;
    position: relative;
    z-index: 9;
    border-radius: 15px;
    margin: 15px 15px 0 15px;
}

.i-i-video a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.7rem 0;
    color: #45a1de;
    text-shadow:0 1px 4px rgba(0, 0, 0, .4);
    background-color: #fff;
    font-size: 1rem;
    width: 100%;
    font-weight: bold;

}
.i-i-huodong{
    display: flex;
    align-items: center;
    margin: 0 0.7rem;
    justify-content: space-between;
    margin-top: 1rem;
}
.i-i-huodong-qiandao{
    display: inline-block;
    width: calc((100% - 0.7rem)/2);
    height: 6rem;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    border-radius: 0.3rem;
}
.i-i-huodong-choujiang{
    display: inline-block;
    width: calc((100% - 0.7rem)/2);
    height: 6rem;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    border-radius: 0.3rem;
}
.i-i-miaosha{
    margin: 0 15px;
    background: url("/static/user/img/recommend-bg.png") center top / 100% no-repeat;
    border-radius: 15px;
}
.i-i-miaosha-title{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
}
.i-i-miaosha-title-text{
    font-weight: 700;
    color: #333;
}
.i-i-miaosha-title-a{
    color: #888;
    font-size: .75rem;
}
.i-i-miaosha-title-a i {
    font-size: .75rem !important;
}

.i-i-miaosha-list{
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    border-radius: 0.3rem;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}
.i-i-miaosha-list-pic{
    width: 7rem;
    height: 7rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.i-i-miaosha-list-info{
    width: calc(100% - 8rem);
}
.i-i-miaosha-list-info-title{
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
}
.i-i-miaosha-list-info-jindu{
    border-radius: 1.5rem;
    background-color: #ffb322;
    color: #fff;
    font-size: 0.75rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    align-items: center;
}
.i-i-miaosha-list-info-jindu-icon{
    position: absolute;
    background-color: #e33424;
    height: 100%;
    z-index: 0;
}
.i-i-miaosha-list-info-jindu-text{
    position: relative;
    z-index: 9;
    margin-left: 0.7rem;
}
.i-i-miaosha-list-info-jindu-num{
    margin-right: 0.7rem;
}
.i-i-miaosha-list-info-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
}
.i-i-miaosha-list-info-bottom-price{
    display: flex;
    align-items: center;
    font-size: 1rem;
}
.i-i-miaosha-list-info-bottom-price>div:first-child{
    color: #e33424;
	font-weight: bold;
}
.i-i-miaosha-list-info-bottom-price span{
    font-size: 0.75rem;
    color: #e33424;
}
.i-i-miaosha-list-info-bottom-price>div:last-child{
     color: #999;
    text-decoration:line-through;
    font-size: 0.75rem;
    margin-left: 0.5rem;
}
.i-i-miaosha-list-info-bottom-btn{
    border: 1px solid #e33424;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 1.5rem;
    background-color: #fff;
    color: #e33424;
}
.i-i-miaosha-list-info-text{
    font-size: 0.75rem;
   margin-top: 0.7rem;
    color: #999;
}
.i-i-tuijian{
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}
.i-i-tuijian-alone{
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    border-radius: 0.3rem;
    margin-right: 0.5rem;
    width: calc((100% - 0.5rem)/2);
    overflow: hidden;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 5px;
}
.i-i-tuijian-alone:nth-child(2n){
    margin-right: 0;
}
.i-i-tuijian-alone-pic{
    width: 100%;
    height: 10rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.i-i-tuijian-alone-title{
    margin: 0.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
}
.i-i-tuijian-alone-green{
    font-size: .75rem;
    margin: 0.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #45A1DE;
}
.i-i-tuijian-alone-price{
    color: #e33424;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.7rem;
    padding-top: 0;
    font-family: OPPOSANS;
}
.i-i-tuijian-alone-price span{
    font-size: 0.75rem;
    color: #e33424;
}
.i-fl-none{
    text-align: center;
    padding: 0.5rem 0;
    color: #999;
}
/*index/index 结束*/
/*版权开始*/
.copyright {
    padding-top: 20px;
    padding-bottom:20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.copyright-content {
    font-size: 12px;
    font-weight: 500;
    color: rgba(32, 37, 51, 0.6);
}
/*版权结束*/




/*goods/fenlei 开始*/

.g-f-left {
    width: 30%;
    background-color: #f5f5f5;
    overflow-y: scroll;
    height: 100%;
}

.g-f-left-alone {
    padding: 1rem .2rem;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 0.75rem
}

.g-f-left-alone-active {
    background-color: #fff;
    border-left: 5px solid #45a1de;
    font-weight: bold;
}

.g-f-right {
    width: calc(70% - .75rem);
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
    height: calc(100% - 1rem);
    overflow-y: scroll;
    align-content: baseline;
}
.g-f-right-alone {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    display:flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 1.7rem)/2);
    padding:0 0.3rem;
    height: 3rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 0.75rem;
}
.g-f-right-alone:nth-child(2n){
    margin-right: 0;
}

.item {
    width: 100%;
    position: relative;
    margin-bottom: 6px;
    background: #fff;
    display: flex;
    padding: 7px 0;
    border-radius: .3rem;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.product-pic {
    width: 30%;
    height: 0;
    overflow: hidden;
    background: #fff;
    padding-bottom: 30%;
    position: relative;
    border-radius: 4px;
}
.product-info {
    width: 70%;
    padding: 0 5px 2px 10px;
    position: relative;
}
.product-info .p1 {
    color: #323232;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 20px;
}
.product-info .introduction {
    color: #45A1DE;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 27px;
}
.product-info .p2 {
    margin-top: 5px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

.product-info .p2 .price{
    color: rgb(253, 74, 70);
    font-size: 1rem;
    font-family: OPPOSANS;
}

.product-info .p2 .price span{
    font-size: 1rem;
}
.product-info .p2 .price i{
    font-size: .7rem;
}
.product-info .p3{
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 10px;
}
.product-info .p3-1{
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    text-align: right;
    color: #999;
}
.product-info .p4 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 2px;
    text-align: center;
}

.product-info .p4 i {
    position: relative;
    font-size: 20px;
    top: 2px;
    left: 1px;
}

.nav-pai {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f5f6f8;
}
.nav-paili {
    flex: 1;
    text-align: center;
    color: #323232;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    height: 40px;
    line-height: 40px;
}

/*goods/fenlei 结束*/
/*index/qiandao 开始*/
.i-q-banner{
    width: 100%;
    height: auto;
}
.i-q-top{
    margin-top: -5px;
    color: #fbda30;
    padding-top: 0.7rem;
    padding-bottom: 1rem;
    background-color: #e33424;
    text-align: center;
}
.i-q-top-text{
font-size: 0.75rem;
}
.i-q-top-sum{
    font-size: 2rem;
    font-weight: bold;
    margin-top: 0.5rem;
}
.i-q-top-sum span{
    font-size: 0.75rem;
}
.i-q-top-btn{
    background-color: #fbda30;
    color: #e33424;
    font-size: 1rem;
    border-radius: 0.3rem;
    width: 60%;
    padding: 0.5rem 0;
    border: none;
    margin-top: 1rem;
}
.i-q-log{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 0.7rem 1rem;
}
.i-q-log-left-title{
    font-size: 0.875rem;
}
.i-q-log-left-time{
    font-size: 0.75rem;
    color: #999;
    margin-top: 0.3rem;
}
.i-q-log-right{
    color: #e33424;
    font-size: 1.5rem;
}
/*index/qiandao 结束*/




/*user/index 开始*/
.color-bg-red {
    background-color: #ff5722!important;
    color: #fff!important;
}

.color-bg-white {
    background-color: #fff!important;
    color: #000!important;
}

.color-bg-gray {
    background-color: #aaa!important;
    color: #fff!important;
}

.color-bg-blue {
    background-color: #45a1de!important;
    color: #fff!important;
}
.color-bg-green {
    background-color: #16baaa!important;
    color: #fff!important;
}

.color-bg-orange {
    background-color: #ffb800!important;
    color: #fff!important;
}

.color-black{
    color: #333 !important;
}

.color-gray{
    color: #666 !important;
}

.color-white {
    color: #fff !important;
}

.color-bg-wallet {
    background-image: url(/static/user/img/nav-top.png) !important;
    color: #fff!important;
}

.user-index-box {
    margin: .875rem .875rem 5rem .875rem;
}
.user-setup {
    display: flex;
    justify-content: flex-end;
}
.user-setup i {
    font-size: 1.25rem;
    color: #666;
}

.user-info-box {
    margin: .875rem 0;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.user-info {
    display: flex;
}

.user-info .avatar {
    border-radius: 100%;
    border: .2rem solid #fff;
    overflow: hidden;
    width: 4rem;
    height: 4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}
.user-info .avatar img {
    width: 100%;
    height: 100%;
}

.user-info .user-name-box {
    margin-left: .875rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

.user-name-box .name {
    font-weight: bolder;
    margin-bottom: .25rem;
}
.user-name-box .level span {
    border-radius: .5rem;
    font-size: .75rem;
    padding: .1rem .5rem;
    margin-right: .5rem;
}

.user-page-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.user-page-box .user-page {
    color: #999;
    font-size: .8125rem;
    margin-right: 3px;
}

.user-page-box .user-page i {
    position: relative;
    top: 2px;
    left: 3px;
}

.info-box {
    border-radius: .5rem;
    margin-bottom: .875rem;
    padding-bottom: .875rem;
    display: flex;
    flex-direction: column;
    position: relative;
}

.info-header {
    padding: .5rem .875rem;
    font-size: .875rem;
}

.achievement {
    position: relative;
    width: 100%;
}

.achievement-group {
    display: flex;
}

.achievement-item {
    width: 50%;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.service .achievement-item {
    width: 25% !important;
}

.achievement-item p {
    margin: .2rem 0 0 0;
    font-size: .75rem;
}

.achievement-number {
    font-weight: bolder;
}

.service-icon {
    font-size: 1.75rem !important;
    padding-bottom: .2rem;
}
/*user/index 结束*/

/*user/set 开始*/
.u-s-top{
    padding: 2rem 0;
    background-color: #fff;
    text-align: center;
}
.u-s-top-pic{
    width: 4rem;
    height: 4rem;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
}
.u-s-top-name{
    margin-top: 0.7rem;
    color: #777;
}
.u-s-nav{
    margin-top: 0.7rem;
    background-color: #fff;
    color: #777;
    padding: 0 1.2rem;
}
.u-s-nav-alone{
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}

.u-s-nav a:last-child .u-s-nav-alone {
    border-bottom: none !important;
}

.u-s-nav-alone-left{
    color: #555;
    font-size: 0.875rem;
}
.u-s-nav-alone-right{
    display: flex;
    color: #999;
    align-items: center;
}
.u-s-nav-alone-right i{
    font-size: 0.75rem;
    color: #999;
}
.u-s-nav-alone-right div, .u-s-nav-alone-right span{
    margin-right: 0.7rem;
    font-size: 0.875rem;
}
.u-s-btn{
    margin-top: 0.7rem;
    width: 100%;
    padding: 0.6rem 0;
    background-color: #fff;
    font-size: 1rem;
    color: #555;
    border: none;
}
.u-m-btn-success{
    margin-top: 0.7rem;
    font-size: 1rem;
    padding: 0.7rem 0;
    border: none;
    background-color: #67C23A;
    color: #fff;
    width: 100%;
}

.u-m-btn-primary{
    margin-top: 0.7rem;
    font-size: 1rem;
    padding: 0.7rem 0;
    border: none;
    background-color: #45a1de;
    color: #fff;
    width: 100%;
}

.u-m-btn-warning{
    margin-top: 0.7rem;
    font-size: 1rem;
    padding: 0.7rem 0;
    border: none;
    background-color: #E6A23C;
    color: #fff;
    width: 100%;
}

.u-m-btn-danger{
    margin-top: 0.7rem;
    font-size: 1rem;
    padding: 0.7rem 0;
    border: none;
    background-color: #F56C6C;
    color: #fff;
    width: 100%;
}

.u-m-btn-info{
    margin-top: 0.7rem;
    font-size: 1rem;
    padding: 0.7rem 0;
    border: none;
    background-color: #909399;
    color: #fff;
    width: 100%;
}

.u-m-btn-disable{
    margin-top: 0.7rem;
    font-size: 1rem;
    padding: 0.7rem 0;
    border: none;
    background-color: grey;
    color: #fff;
    width: 100%;
}
.set-box {
    border-radius: .5rem;
    margin: 0 .875rem .875rem .875rem;
}
.set-box.finance {
    margin: 0 .5rem .5rem .5rem !important;
}
.set-box:first-child {
    margin-top: .875rem !important;
}
.set-button {
    border-radius: .5rem;
}
/*user/set 结束*/

/*user/mima 开始*/
.u-m-box{
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    padding: 0.8rem 1rem;
    background-color: #fff;
}
.u-m-box:last-child{
    border-bottom: none;
}
.u-m-box>div{
    width: 5rem;
    font-size: .875rem;
}
.u-m-box>input{
    width: calc(100% - 5rem);
    border: none;
    background-color: #fff;
    font-size: .875rem;
}
.u-m-box>select{
    width: calc(100% - 5rem);
    border: none;
    background-color: #fff;
}
.u-m-btn{
    margin-top: 0.7rem;
    font-size: 1rem;
    padding: 0.7rem 0;
    border: none;
    background: linear-gradient(90deg,rgba(69, 161, 222), rgba(69, 161, 222, 0.7));
    width: 100%;
    color: #fff;
}

/*user/mima 结束*/

/*user/tixian 开始*/
.u-t-top{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}
.u-t-top .iconqian{
    color:#e33424;
    font-size: 2.7rem;
}
.u-t-top .icongouwu{
    color:#45a1de;
    font-size: 3rem;
}
.u-t-top .icontixian{
    color:#999;
    font-size: 2rem;
    margin: 0 1rem;
}
.u-t-top .iconweixin{
    color:#85DA46;
    font-size: 3.2rem;
}
.u-t-span{
    color: #e33424;
    font-weight: bold;
    margin:0.5rem 1rem;
    font-size: 0.875rem;
}
/*user/tixian 结束*/

/*user/tixian_list 开始*/
.u-tl-nav{
    display: flex;
    background-color: #fff;
}
.u-tl-nav>div{
    width: 50%;
    font-size: 1rem;
    padding: 0.7rem 0;
    text-align: center;
}
.u-tl-nav-avtive{
    color: #FF7400;
    border-bottom: 2px solid #FF7400;
}
.u-tl-list{
    padding:.5rem .7rem 0 .7rem;
}
.u-tl-list-fanli{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 0.3rem;
    margin-bottom: 0.5rem;
    padding:0.7rem;
    align-items: center;
}
.u-tl-list-fanli span{
    font-size: 1.6rem;
}
.u-tl-list-fanli>div:first-child{
    color: #ccc;
}
.u-tl-list-fanli>div:last-child{
    color: #FF7400;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}
.u-tl-list-tixian{
    background-color: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    padding-bottom: .5rem;
}
.u-tl-list-tixian-top{
    padding: 0 1rem;
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    font-size: .875rem;
    margin-bottom: .625rem;
}
.u-tl-list-tixian-top>div:last-child{
    font-size: .875rem;
}
.u-tl-list-tixian-info{
    padding: 0 .9375rem .3125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .75rem;
}
.u-tl-list-tixian-info>div:first-child{
    font-size: .75rem;
    font-weight: 400;
    color: #666;
}

.u-tl-list-tixian-info>div:last-child{
    font-size: .75rem;
    font-weight: 400;
    color: silver;
}
.u-tl-list-tixian-top i {
    margin-right: .325rem;
}

.u-tl-list-tixian .warning {
    color: #faad14 !important;
}
.u-tl-list-tixian .success, .withdraw-card-title .success {
    color: #09BB07 !important;
}
.u-tl-list-tixian .danger, .withdraw-card-title .danger {
    color: #ff4d4f !important;
}
.u-tl-list-tixian .primary {
    color: #01AAEF !important;
}

.color-alipay {
    color: #01AAEF !important;
}

.color-wechat {
    color: #09BB07 !important;
}

.color-card {
	color: #faad14 !important;
}
.u-tl-list-tixian-time{
    padding: 0.5rem 0.7rem;
    color: #ccc;
    display: flex;
    flex-direction: row-reverse;
    font-size: 0.75rem;
}
/*user/tixian_list 结束*/

/*user/tel 开始*/
.u-t-yzm{
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    padding: 0.5rem 1rem;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
}

.u-t-yzm>input{
    width: calc(100% - 11rem);
    border: none;
    background-color: #fff;
    margin-right: 1rem;
}

.u-t-yzm>button{
    width:5rem;
    border: 1px solid #45a1de;
    color: #45a1de;
    border-radius: 3px;
    font-size: 0.75rem;
    padding: 0.3rem 0;
    background-color: #fff;
}
/*user/tel 结束*/
/*user/jiangjinmingxi 开始*/

.f-l-content {
    margin-top: 0.7rem;
}
.f-l-content .wallet-list {
    padding: 0.9375rem;
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgba(119, 119, 119, 0.15);
}


.f-l-content .list-content {
    justify-content: space-between;
    align-items: flex-start;
    flex: 1;
}

.f-l-content .title-box {
    margin-bottom: 0.625rem;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.f-l-content .title-box .title {
    font-size: .875rem;
    color: #333;
    width: 15rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.f-l-content .title-box .money {
    font-size: .875rem;
    font-weight: 700;
    font-family: OPPOSANS;
}

.f-l-content .title-box .money .inc{
    color: #2aae67;;
}

.f-l-content .title-box .money .dec{
    color: #333;;
}

.f-l-content .time-box {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: .6875rem;
}

.f-l-content .time-box .time {
    color: #ccc;
}

.f-l-content .time-box .balance {
    color: #bbb;
}
.f-l-content .bottom-line {
    width: 100%;
    text-align: center;
    color: #bbb;
    font-size: .75rem;
    display: none;
    margin: .8rem 0 3rem 0;
}

.data-empty-box {
    padding-top: 8.125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.data-empty-box .data-empty-img {
    width: 10rem;
}
.data-empty-box .data-empty-img img{
    width: 100%;
}

.data-empty-box .data-empty-title {
    width: 100%;
    display: flex;
    justify-content: center;
    color: #999;
    font-size: .8125rem;
}

.u-j-nav{
    display: flex;
    align-items: center;
    background-color: #fff;
}
.u-j-nav>div{
    width: 25%;
    text-align: center;
    padding: 1rem;
    font-size: 0.875rem;
}
.u-j-nav-active{
    border-bottom: 3px solid #45a1de;
    font-weight: bold;
    color: #45a1de;
}
.u-j-tab{
    text-align: center;
    margin-left: 3%;
    background-color: #fff;
    margin-top: 0.7rem;
    border-radius: 0.3rem;
}
.u-j-tab-header{
    font-weight: bold;
    font-size: 0.875rem;
}
.u-j-tab-header td{
    padding: 0.7rem 0;
    border-bottom: 1px solid #eee;
}
.u-j-tab-body{
    font-size: 0.75rem;
    color: #666;
}
.u-j-tab-body td{
    border-bottom: 1px solid #eee;
    padding: 0.5rem 0;
}
/*user/jiangjinmingxi 结束*/
/*user/tuandui 开始*/
.u-tuan-list{
    background-color: #fff;
    margin-top: 1rem;
    padding: 0 0.7rem;
}
.u-tuan-list:first-child {
    margin-top :0 !important;
}
.u-tuan-list-time{
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0;
    border-bottom: 1px solid #eee;
    align-items: center;
    font-size: 0.75rem;
    color: #999;
}
.u-tuan-list-time>div:first-child{
    color: #e33424;
    font-size: .875rem;
}
.u-tuan-list-info{
    display: flex;
    padding: 0.2rem 0;
    align-items: center;
    justify-content: space-between;
}
.u-tuan-list-info-pic{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}
.u-tuan-list-info-name{
    width: calc(100% - 10rem);
    font-size: .75rem;
    color: #999;
}
.u-tuan-list-info-name>div:first-child{
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: #45a1de;
}
.u-tuan-list-info-num{
    font-size: 0.75rem;
    color: #999;
}
/*user/tuandui 结束*/
/*user/yaoqing 开始*/
.u-y-pic{
    width: calc(80% - 2rem);
    padding: 1rem;
    background-color: #fff;
    text-align: center;
    margin-left: 10%;
    margin-top: 30%;
}
.u-y-pic img{
    width: 100%;
    height: auto;
}
.u-y-pic div{
    margin-top: 0.5rem;
    color: #45a1de;
    font-weight: bold;
}
/*user/yaoqing 结束*/

/*我的订单开始*/
.shang_m_nav{
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.shang_m_nav div{
    text-align: center;
    padding: 0.5rem 0;
    width: 20% ;
    font-size: 0.875rem;
}
.shang_m_active{
    border-bottom: 3px solid #e33424;
    color:#e33424;
    font-weight: bold;
}
.shang_m_list{
    margin-top: 10px;
    padding-top:10px;
    padding-left: 10px;
    background-color: #fff;
}
.shang_m_top{
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;
    font-size: 0.875rem;
    padding-bottom: 5px;
    color: #999;
}
.shang_m_top_text{
    font-size: 1rem;
    color: #333;
}
.shang_m_top_time{
    font-size: 0.75rem;
    color: #999;
}
.shang_m_btn1{
    background-color: #fff;
    height: 28px;
    color: #d6bfa6;
    border: 1px solid #d6bfa6;
    border-radius: 5px;
    padding: 0px 10px;
}
.shang_m_alone{
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 10px 0px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
}
.shang_m_title>div:first-child{
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
}
.shang_m_title>div:last-child{
    font-size: 0.875rem;
    color: #e33424;
    margin-top: 0.7rem;
}
.shang_m_guige{
    font-size: 14px;
    color: #999;
}

.shang_m_img{
    height: 5rem;
    width: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0.3rem;
}
.shang_m_r{
    width: calc(77% - 5rem);
    margin-left: 10px;
}
.shang_m_type{
    width: 65px;
    text-align: right;
    font-size: 14px;
    margin-top: 30px;
    color: #b09682;
}
.shang_m_bottom{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shang_m_bottom_btns{
    display: flex;
}

.order-pay-success-span {
    font-size: 14px;
    margin-right: 10px;
    color: #67C23A;
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #DCDFE6;
    border-color: #DCDFE6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0 10px 0 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 8px 14px;
    font-size: 14px;
    border-radius: 4px;
}

 .el-button.primary-plain {
    color: #409EFF;
    background: #ecf5ff;
    border-color: #b3d8ff;
}

.el-button.success-plain {
    color: #67C23A;
    background: #f0f9eb;
    border-color: #c2e7b0;
}
.el-button.info-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}
.el-button.warning-plain {
    color: #E6A23C;
    background: #fdf6ec;
    border-color: #f5dab1;
}
.el-button.danger-plain {
    color: #e33424;
    background: #ffcdcd;
    border-color: #e37a6f;
}

.el-button.primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
}

.el-button.success {
    color: #fff;
    background-color: #67C23A;
    border-color: #67C23A;
}

.el-button.info {
    color: #fff;
    background-color: #909399;
    border-color: #909399;
}

.el-button.warning {
    color: #fff;
    background-color: #E6A23C;
    border-color: #E6A23C;
}

.el-button.danger {
    color: #fff;
    background-color: #e33424;
    border-color: #e33424;
}


.shang_m_btn2{
    background-color: #fff;
    height: 30px;
    color: #e33424;
    border: 1px solid #e33424;
    margin-right: 10px;
    padding: 0px 12px;
    border-radius: 0.3rem;
}

.shang_m_btn3{
    height: 30px;
    line-height: 30px;
    font-size: 0.875rem;
    padding: 0px 12px;
    background-color: #e33424;
    color: #fff;
    border-radius: 0.3rem;
    border:none;
    margin-right: 10px;
}
.shang_m_kuaidi{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 10px;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #f2f2f2;
}
.shang_m_kuaidi span{
    margin-left: 15px;
}
.shang_m_kuaidi div:last-child{
    font-size: 12px;
    color: #ccc;
    margin-left: 10px;
}
.shang_m_h{
    height: 9px;
}
.shang_m_yi{
    color: #ccc;
    font-size: 14px;
    margin-top: 7px;
}
/*我的订单结束*/

/*订单详情开始*/

.shang_od_kuaidi{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 10px;
    height: 44px;
    background-color: #fff;
    padding-left: 10px;
    line-height: 44px;
    border-top: 1px solid #f2f2f2;
    margin-top: 9px;
}
.shang_od_kuaidi span{
    margin-left: 15px;
}
.shang_od_kuaidi div:last-child{
    font-size: 12px;
    color: #ccc;
    margin-left: 10px;
}
.shang_od_top{
    height: 35px;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #fff;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 10px;
    padding-top: 8px;
}
.shang_od_top div{
    margin-top: 4px;
    color: #b09682;
    font-size: 16px;
}
.shang_od_btn1{
    background-color: #fff;
    height: 30px;
    color: #d6bfa6;
    border: 1px solid #d6bfa6;
    border-radius: 5px;
    font-size: 16px;
}

.shang_od_alone{
    display: flex;
    padding: 20px 10px 10px 20px;
    justify-content: space-between;
    background-color: #fff;
}
.shang_od_list{
    padding-left: 10px;
    background-color: #fff;
    margin-top: 10px;
}

.shang_od_option{
    border-bottom: 1px solid #f2f2f2;
    height: 43px;
    line-height: 43px;
    padding-right: 10px;
}
.shang_od_info{
    border-bottom: 1px solid #f2f2f2;
    line-height: 23px;
    padding-bottom: 10px;
    padding-top: 10px;

}

.shang_od_sum{
    height: 43px;
    line-height: 43px;
    color: #b09682;
    padding-left: 10px;
    margin-top: 10px;
    background-color: #fff;
}

.shang_od_bottom{
    margin-top: 10px;
    height: 30px;
    background-color: #fff;
    padding: 10px 10px;
}
.shang_od_btn2{
    background-color: #fff;
    height: 30px;
    color: #333;
    border: 1px solid #333;
    margin-right: 10px;
    padding: 0px 12px;
}

.shang_od_btn3{
    height: 30px;
    padding: 0px 12px;
}
/*订单详情结束*/
/*cart/index 开始*/
.c-i-box{
    border-radius: 0.3rem;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    margin: 0 0.7rem;
    margin-top: 0.7rem;
    font-size: 0.875rem;
}
.c-i-box-alone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
}
.c-i-box-alone-ipt[type="checkbox"]+.c-i-box-alone-lab::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 6px;
    width: 0.5rem;
    height: 0.5rem;
    margin: auto 5px;
    border-radius: 50%;
    border: 1px solid #45a1de;
    padding: 3px;
}
.c-i-box-alone-ipt[type="checkbox"]:checked+.c-i-box-alone-lab::before {
    background-color: #45a1de;
    background-clip: content-box;
    padding: 3px;
}
.c-i-box-alone-ipt[type="checkbox"] {
    /*position: absolute;*/
    clip: rect(0, 0, 0, 0);
}
.c-i-box-alone-goods{
    width: calc(100% - 3rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.c-i-box-alone-goods-pic{
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.3rem;
}
.c-i-box-alone-goods-info{
    width: calc(100% - 5.2rem);
}
.c-i-box-alone-goods-info-name{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.c-i-box-alone-goods-info-box{
    margin-top: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-i-box-alone-goods-info-box-sum{
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    border: 1px solid #eee;
}
.c-i-box-alone-goods-info-box-sum>input{
    width: 2rem;
    height: 1.25rem;
    border: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
}
.c-i-box-alone-goods-info-box-sum>button:first-child{
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    background-color: #fff;
}
.c-i-box-alone-goods-info-box-sum>button:last-child{
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    background-color: #fff;
}
.c-i-box-alone-goods-info-box-price{
    color: #e33424;
    font-weight: bold;
}
.c-i-box-alone-goods-info-box-del{
    display: flex;
    align-items: center;
}
.c-i-box-alone-goods-info-box-del>i{
    color: #999;
    font-size: 1.25rem;
}
.c-i-bottom{
    position: fixed;
    bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0.7rem;
    background-color: #fff;
    border-top: 1px solid #eee;
    width: calc(100% - 1.4rem);
}
.c-i-bottom-sum{
    display: flex;
    align-items: center;
}
.c-i-bottom-sum-num{
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}
.c-i-bottom-sum-num>div{
    color: #e33424;
    font-weight: bold;
}
.c-i-bottom-sum-num span{
    font-weight: bold;
}
.c-i-bottom-sum-btn{
    width: 6rem;
    background-color: #45a1de;
    padding: 0.5rem 0;
    border-radius: .25rem;
    color: #fff;
    margin-left: 1rem;
    font-size: 1rem;
    border: none;
}

.line-btn-delete {
    float: left;
    width: 3rem;
    height: 5.25rem;
}
.line-btn-delete button {
    width: 100%;
    height: 100%;
    background: red;
    border: none;
    font-size: 1rem;
    font-family: 'Microsoft Yahei';
    color: #fff;
}

.line-wrapper {
    width: 100%;
    height: 5.6rem;
    overflow: hidden;
    margin-top: .7rem;
    padding-left: 10px;
}

.line-scroll-wrapper {
    white-space: nowrap;
    height: 5.6rem;
    clear: both;
}

.line-normal-wrapper {
    display: inline-block;
    float: left;
    border-radius: 0.6rem;
    overflow: hidden;
    box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .1);
    margin-right: 10px;
    background-color: #fff;
}

.line-normal-icon-wrapper {
    float: left;
    width: 5.6rem;
    margin-top: 2rem;
    padding-left: .75rem;
}

.line-normal-icon-wrapper>input {
    width: 1.75rem;
    height: 1.25rem;
    border: 1px solid #eee;
    text-align: center;
    font-size: .75rem;
}


.line-normal-icon-wrapper>button {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    background-color: #eee;
    color: #000;
    font-weight: bold;
}

.line-normal-icon-wrapper img {
    width: 120px;
    height: 120px;
}

.line-normal-avatar-wrapper {
    width: 5.2rem;
    height: 5.2rem;
    float: left;
}

.line-normal-avatar-wrapper img {
    width: 5.2rem;
    height: 5.2rem;
}

.line-normal-left-wrapper {
    float: left;
    overflow: hidden;
}

.line-normal-info-wrapper {
    float: left;
    margin-left: 10px;
    padding-top: .75rem;
}

.line-normal-user-name {
    height: 2rem;
    color: #4e4e4e;
}

.line-normal-msg {
    height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #e33424;
    font-weight: bold;
}

.line-normal-left-checkbox {
    float: left;
    margin-left: .5rem;
    margin-top: 2rem;
}

/*cart/index 结束*/
/*index/miaosha 开始*/
.i-m-banner{
    width: 100%;
    height: 12rem;
    margin-bottom: 0.7rem;
}
/*index/miaosha 结束*/
/*index/tuangou 开始*/
.i-t-banner{
    width: calc(100% - 1.4rem);
    margin: 0.7rem;
    height: 12rem;
    border-radius: 0.3rem;
}
/*index/tuangou 结束*/
/*cart/jiesuan 开始*/
.c-j-address{
    background-color: #fff;
    padding: 1rem .7rem 0 .7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    margin: .75rem 0;
    flex-direction: row;
    flex-wrap: wrap;
}
.c-j-address a {
    width: 90%;
    display: flex;
}
.c-j-address-info{
    width: 90%;
    margin-bottom: 1rem;
}
.c-j-address-info-name{
    font-size: .9rem;
    color: #888;
}
.c-j-address-info-text{
    font-size: 0.75rem;
    color: #999;
    margin-top: 0.3rem;
}
.c-j-address i{
    font-size: .75rem;
    color: #999;
    right: 30px;
    margin-top: 5px;
    position: absolute;
}
.c-j-border{
    width: 100%;
    height: .2rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAECAYAAADWIIyPAAAAkklEQVR42mP4jwR+7tr1/4OzM1Xwt46O/6SA3Yd//HeLeU0V3DXjE0H7GGCMvw8f/v/o5UUVT39KTPz/78cPoj398Omf/75Jb6ji6ZSyd/9//PxHnMdBjvyUlEQVT4MC7++DB0R7GuTIlPJ3VPE0KPAePvlDlL1gj3/r6qJaEv+5YwdJSbxn5meqJfGdh74TbS8A1dn662xhNdIAAAAASUVORK5CYII=");
    background-repeat-y: no-repeat;
}
.c-j-goods{
    margin-top: 10px;
    padding: 0 12px;
    background-color: #fff;
    border-radius: 10px;
}
.c-j-goods-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 0.7rem;
    padding-left: 0;
    border-bottom: 1px solid #eee;
    font-size: 0.875rem;
}
.c-j-goods-box>div:last-child{
    color: #999;
    font-size: 0.875rem;
}
.c-j-goods-box:last-child{
    border-bottom: none;
}
.c-j-text{
    padding: 12px;
    border: none;
    resize: none;
    background-color: #fff;
    font-size: 0.875rem;
    width: calc(100% - 24px);
    height: 6rem;
    margin-top: 0.7rem;
    margin-bottom: 3.5rem;
    border-radius: 10px;
}
.c-j-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    height: 3rem;
    padding: 0 0.7rem;
    background-color: #fff;
    border-top: 1px solid #eee;
    width: calc(100% - 1.4rem);
    bottom: 0;
}
/*cart/jiesuan 结束*/
/*user/order_detail 开始*/
.u-od-typ{
    padding: 0.7rem 0;
    font-size: 0.875rem;
    color: #e33424;
    border-bottom: 1px solid #eee;
}
/*user/order_detail 结束*/
/*user/address_list 开始*/
.u-al-list{
    padding: 0 0.7rem;
    background-color: #fff;
}
.u-al-list-alone{
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 0;
}
.u-al-list-alone:last-child{
    border-bottom: none;
}
.u-al-list-alone>a>i{
    font-size: 1.25rem;
    color: #999;
}
.u-al-list-info{
    width: 80%;
}
.u-al-list-info-name{
    font-size: 1rem;
    display: flex;
    align-items: center;

}
.u-al-list-info-name>button{
    font-size: 0.75rem;
    border: none;
    background-color: #45a1de;
    color: #fff;
    padding: 0.1rem 0.7rem;
    border-radius: 0.3rem;
    margin-left: 1rem;
}
.u-al-list-info-address{
    font-size: 0.75rem;
    color: #999;
    margin-top: 0.3rem;
}
/*user/address_list 结束*/
/*goods/list 开始*/
.g-l-search {
    width: calc(100% - 3.4rem);
    margin-left: 1rem;
    margin-top: 0.7rem;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    border-radius: 2rem;
    padding: 0 0.7rem;
    justify-content: space-between;
}

.g-l-search i {
    font-size: 1rem;
    color: #333;
}

.g-l-search input {
    padding: 0.5rem 0;
    border: none;
    width: calc(100% - 5rem);
    font-size: 0.875rem;
}
.g-l-tuijian{
    display: flex;
    flex-wrap: wrap;
}

.g-l-tuijian-alone{
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    border-radius: 0.3rem;
    margin-right: 0.5rem;
    width: calc((100% - 0.5rem)/2);
    overflow: hidden;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.g-l-tuijian-alone:nth-child(2n){
    margin-right: 0;
}
.g-l-tuijian-alone-pic{
    width: 100%;
    height: 10rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.g-l-tuijian-alone-title{
    margin: 0.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
}
.g-l-tuijian-alone-price{
    color: #e33424;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.7rem;
    padding-top: 0;
}
.g-l-tuijian-alone-price span{
    font-size: 0.75rem;
    color: #e33424;
}

/*goods/list 结束*/
/*goods/detail 开始*/
.g-d-banner .swiper-slide {
    height: 23rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.g-d-info{
    background-color: #fff;
    margin: 0.4375rem 0.625rem;
    border-radius: 0.3125rem;
    overflow: hidden;
    padding: 1rem 0.625rem;
}
.g-d-info-name{
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.3125rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.1875rem;
}
.g-d-info-text{
    font-size: .8125rem;
    font-weight: 400;
    color: #999;
    line-height: 1.3125rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.g-d-info-price{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.8125rem;
}
.g-d-info-price-num{
    font-size: 1.3125rem;
    font-weight: 500;
    color: #ff3000;
    line-height: .9375rem;
    font-family: OPPOSANS;
}
.g-d-info-price-num i{
    font-size: .75rem;
}
.g-d-info-price-num span{
    font-size: .75rem;
    margin-left: .5rem;
    text-decoration:line-through;
    color: #ccc;
}
.g-d-info-price-sum{
    font-size: 1rem;
}
.g-d-sales-text {
    font-size: .6125rem;
    font-weight: 500;
    color: #ccc;
}
.g-d-tuan{
    background-color: #fff;
}
.g-d-tuan-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem;
    margin-top: 0.7rem;
    font-size: 0.875rem;
}
.g-d-tuan-title>div:last-child{
    font-size: 0.75rem;
    color: #999;
}
.g-d-detail{
    background-color: #fff;
    margin-top: 0.7rem;
    padding: 0 0.7rem;
    margin-bottom: 3.5rem;
    padding-bottom: 0.7rem;
}
.g-d-detail-title{
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
}
.g-d-detail-content img{
    width: 100%;
    height: auto;
    margin-top: -4px;
}
.g-d-detail-content {
    padding-bottom: 1px;
    margin-bottom: 50px;
}
.g-d-comment {
    background-color: #fff;
    border-radius: 0.3125rem;
    margin: 0 0.625rem 0.625rem;
    padding: 0.625rem 0.625rem 0;
}

.g-d-comment-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.g-d-comment-header-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.g-d-comment-header-title.more {
    color: #45a1de;
    font-size: .75rem;
}
.g-d-comment-header-title .line {
    width: 0.1875rem;
    height: 0.9375rem;
    background: linear-gradient(180deg,#45a1de 0%, rgba(69, 161, 222, 0.6) 100%);
    border-radius: 0.09375rem;
}

.g-d-comment-header-title .des {
    font-size: .75rem;
    color: #999;
}

.g-d-comment-header-title .title {
    color: #333;
    font-size: .9375rem;
    font-weight: 700;
    line-height: normal;
    margin-left: .625rem;
    margin-right: .3125rem;
}
.g-d-comment-content {
    border-bottom: 0.0625rem solid #eee;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}
.g-d-comment-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: .4375rem;
}

.g-d-comment-user .avatar {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    background-position: 0 0;
    background-size: 100% 100%;
}

.g-d-comment-user .username {
    font-size: .8125rem;
    font-weight: 500;
    color: #999;
    margin: 0 .625rem;
}

.g-d-comment-user .rate {
    width: .8rem;
}

.g-d-comment-user .rate img{
    width: 100%;
    height: auto;
}

.g-d-comment-text {
    font-size: .8125rem;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.g-d-comment-text.empty {
    color: #bbb !important;
}
.g-d-comment-empty {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.g-d-comment-empty-img {
    width: 7.5rem;
}
.g-d-comment-empty-img img{
    width: 100%;
    height: auto;
}
.g-d-comment-empty-title {
    font-size: .8125rem;
    font-weight: 500;
    color: #999;
    margin-bottom: 1rem;
}

.g-d-tuan-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem;
    border-top: 1px solid #eee;
}
.g-d-tuan-list-left{
    display: flex;
    align-items: center;
}
.g-d-tuan-list-pic{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.g-d-tuan-list-name{
    font-size: 0.875rem;
    margin-left: 0.7rem;
}
.g-d-tuan-list-right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
}
.g-d-tuan-list-right-nums-time{
    color: #999;
    margin-right: 0.5rem;
}
.g-d-tuan-list-right-btn{
    background-color: #45a1de;
    color: #fff;
    border-radius: 0.3rem;
    border: none;
    padding: 0.3rem 0.5rem;
}
.g-d-win{
    position: fixed;
    z-index: 99;
    top: 30%;
    width: 80%;
    left: 10%;
    border-radius: 1rem;
    background-color: #fff;
    display: none;
}
.g-d-win>.iconguanbi{
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-color: #999;
    color: #333;
    right: -1rem;
    top: -1rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-d-win-title{
    text-align: center;
    font-size: 1.25rem;
    border-bottom: 1px solid #eee;
    padding: 1rem 0;
}
.g-d-win-list{
    height: 16rem;
    overflow-y: scroll;
}

.g-d-win-list-alone{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem;
    border-top: 1px solid #eee;
}
.g-d-win-list-alone:first-child{
    border-top: none;
}
.g-d-win-list-alone-left{
    display: flex;
    align-items: center;
}
.g-d-win-list-alone-pic{
    width: 3.5rem;
    height:3.5rem;
    border-radius: 50%;
}
.g-d-win-list-alone-name{
    font-size: 1rem;
}
.g-d-win-list-alone-name span{
    font-size: 0.75rem;
    color: #666;
}
.g-d-win-list-alone-right{
    margin-left: 1rem;
}
.g-d-win-list-alone-right-nums-time{
    color: #999;
    font-size: 0.75rem;
    margin-top: 0.3rem;
}
.g-d-win-list-alone-right-btn{
    background-color: #45a1de;
    color: #fff;
    border-radius: 0.3rem;
    border: none;
    padding: 0.3rem 0.5rem;
}
.g-d-zhehzao{
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 9;
    display: none;
}
.g-d-bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    z-index: 99;
}
.g-d-bottom-icons{
    width: 30%;
    display: flex;
    justify-content: center;
}

.g-d-bottom-icons > a {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    flex-direction: column;
    color: #303133;
}
.g-d-bottom-icons span {
    position: relative;
    font-size: .75rem;
}
.g-d-bottom-icons .icon-gouwu , .g-d-bottom-icons .icon-shouye{
    font-size: 1.3rem;
}
.g-d-bottom-nums{
    position: absolute;
    top: 0.3rem;
    left: 5.3rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e33424;
    font-size: 0.75rem;
    min-width: 0.6rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 50%;
}
.g-d-bottom-btns{
    display: flex;
    width: 70%;
    align-items: center;
}
.g-d-bottom-btns-cart{
    color: rgba(69, 161, 222);
    background: rgba(69, 161, 222, 0.2);
    flex: 1;
    font-size: .875rem;
    height: 2.25rem;
    margin-right: 0;
    border-radius: 1.5625rem 0 0 1.5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;

}
.g-d-bottom-btns-buy{
    color: #fff;
    background: linear-gradient(90deg,rgba(69, 161, 222), rgba(69, 161, 222, 0.6));
    flex: 1;
    font-size: .875rem;
    height: 2.25rem;
    margin-right: 0.5rem;
    border-radius: 0 1.5625rem 1.5625rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
	margin-left: 0;
}
.g-d-goods{
    position: fixed;
    z-index: 99;
    bottom: -8rem;
    background-color: #fff;
    border-radius: 1rem 1rem 0 0;
    width: 100%;
    border-bottom: 1px solid #eee;

}
.g-d-goods .icon-guanbi{
    position: absolute;
    right: 1rem;
    margin-top: 0.7rem;
    font-size: 1rem;
    font-weight: bold;
}
.g-d-goods-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0.7rem;
}
.g-d-goods-info-pic{
    width: 5rem;
    height: 5rem;
    border-radius: 0.3rem;
}
.g-d-goods-info-num-box{
    display: flex;
    margin-top: 0.3rem;
    width: 100%;
    justify-content: space-between;
}
.g-d-goods-info-num-name{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}
.g-d-goods-info-num-price{
    color: #e33424;
    font-size: 1rem;
    font-weight: bold;
}
.g-d-goods-info-num{
    width: calc(100% - 6rem);
}
/*goods/detail 结束*/
/*goods/pingjia_list 开始*/
.g-pl-list{
}
.g-pl-list-alone{
    border-bottom: 1px solid #eee;
    padding:0.7rem;
    background-color: #fff;
}
.g-pl-list-alone-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.g-pl-list-alone-info-pic{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.g-pl-list-alone-info-pingjia{
    width: calc(100% - 11rem);
    display: flex;
    font-size: 0.875rem;
    align-items: center;
}
.g-pl-list-alone-info-pingjia img{
    width: 0.7rem;
    margin-left: 1rem;
    height: 0.75rem;
}
.g-pl-list-alone-info-time{
    font-size: 0.75rem;
    color: #ddd;
}
.g-pl-list-alone-text{
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #666;
}
/*goods/pingjia_list 结束*/
/*goods/pingjia_add 开始*/
.g-pa-order{
    background-color: #fff;
}
.g-pa-order-num{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0.8rem 1rem;
    font-size: 0.875rem;
}
.g-pa-order-goods{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0.8rem 1rem;
}
.g-pa-order-goods-pic{
    height: 5rem;
    width: 5rem;
    border-radius: 0.3rem;
}
.g-pa-order-goods-name{
    font-size: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #333;
    margin-left: 1rem;
}
.g-pa-order-pingjia{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0.8rem 0;
    border-bottom: 1px solid #eee;
}
.g-pa-order-pingjia-alone{
    display: flex;
    align-items: center;
}
.g-pa-order-pingjia-alone label{
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}
.g-pa-order-pingjia-alone img{
    width: 0.7rem;
    height: 0.75rem;
    margin-right: 0.5rem;
}
.g-pa-order-text{
    width: calc(100% - 1.6rem);
    border: none;
    resize: none;
    height: 6rem;
    padding: 0.8rem;
}

.c-i-box-alone-ipt[type="radio"]+.c-i-box-alone-lab::after {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 0.5rem;
    height: 0.5rem;
    margin: auto 5px;
    border-radius: 50%;
    border: 1px solid #d1d1d1;
    padding: 3px;
    position: absolute;
    right: 1.5rem;
}
.c-i-box-alone-ipt[type="radio"]:checked+.c-i-box-alone-lab::after {
    background-color: #45a1de;
    border: 1px solid #45a1de;
    background-clip: content-box;
    padding: 3px;
    position: absolute;
    right: 1.5rem;
}
.c-i-box-alone-ipt[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
/*goods/pingjia_add 结束*/
/*goods/tuangou_detail 开始*/

.g-td-bottom-btns{
    display: flex;
    width: 70%;
    align-items: center;
}
.g-td-bottom-btns-buy{
    height: 3rem;
    color: #fff;
    font-size: 1rem;
    border: none;
    width: 50%;
    background-image: linear-gradient(to right, rgb(227, 52, 36), rgb(255, 179, 34));
    text-align: center;
}
.g-td-bottom-btns-tuan{
    color: #fff;
    height: 3rem;
    background-image: linear-gradient(to right, rgb(185, 29, 232), rgb(51, 57, 248));
    font-size: 1rem;
    border: none;
    width: 50%;
    text-align: center;
}
.g-td-bottom-btns-buy-price{
    margin-top: 0.2rem;
    font-weight: bold;
}
.g-td-bottom-btns-buy-text{
    font-size: 0.875rem;
}
/*goods/tuangou_detail 结束*/
/*user/tuangou_list 开始*/

.u-tl-nav{
    border-bottom: 1px solid #eee;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.u-tl-nav div{
    text-align: center;
    padding: 0.5rem 0;
    width: calc(100%/3) ;
    font-size: 0.875rem;
}
.u-tl-nav-active{
    border-bottom: 3px solid #45a1de;
    color:#45a1de;
    font-weight: bold;
}
.u-tl-time{
    font-size: 0.875rem;
}
.u-tl-time>span:first-child{
color: #e33424;
}

.u-tl-btn{
    background-color: #fff;
    height: 30px;
    color: #45a1de;
    line-height: 30px;
    font-size: 0.875rem;
    border: 1px solid #45a1de;
    margin-right: 10px;
    padding: 0px 12px;
    border-radius: 0.3rem;
}
/*user/tuangou_list 结束*/
/*user/tuangou_detail 开始*/
.u-td-top{
    background-color: #fff;
    padding: 2rem 0;
    margin-bottom: 0.7rem;
}
.u-td-title{
    text-align: center;
    margin-top: 0.5rem;
}
.u-td-title span{
    color: #e33424;
    font-weight: bold;
}
.u-td-top-pics{
    display: flex;
    width: 90%;
    justify-content: center;
    margin-left: 5%;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.u-td-top-pics>div{
    background-repeat: no-repeat;
    background-size: cover;
background-position: center center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin: 0.3rem;

}
.u-td-top-btn{
    width: 80%;
    border-radius: 3rem;
    margin-left: 10%;
    height: 2.8rem;
    color: #fff;
    font-size: 1rem;
    background-image: linear-gradient(to right, rgb(185, 29, 232), rgb(51, 57, 248));
    border: none;
    margin-top: 1rem;
}
.u-td-text{
    font-size: 0.875rem;
    text-align: center;
    color: #999;
    margin-top: 0.5rem;
}
.u-td-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.7rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.u-td-list:last-child{
    border-bottom: none;
}
.u-td-list-info{
    display: flex;
    align-items: center;
}
.u-td-list-pic{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.u-td-list-info-name{
    margin-left: 0.5rem;
    font-size: 1rem;
}
.u-td-list-info-name>div:last-child{
    font-size: 0.75rem;
    color: #999;
    margin-top: 0.3rem;
}
/*user/tuangou_detail 结束*/
/*goods/miaosha_detail 开始*/
.g-md-box{
    background-color: #e33424;
    color: #fff;
    padding:0 0.5rem;
    padding-bottom: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.g-md-box-left{
}
.g-md-box-left-price{
    font-size: 2rem;
    font-weight: bold;
}
.g-md-box-left-price span{
    font-size: 0.875rem;
}
.g-md-box-left-sum{
    display: flex;
    align-items: center;
    font-size: 0.75rem;
}
.g-md-box-left-sum>div:first-child{
    text-decoration:line-through;
    margin-right: 0.5rem;
}
.g-md-box-right{
    width: 60%;
    text-align: right;
}
.g-md-box-right-time-text{
    font-size: 0.75rem;
    width: 100%;
}
.g-md-box-right-box{
    display: flex;
    flex-direction: row-reverse;
}
.g-md-box-right-time-jindu{
    border-radius: 1.5rem;
    background: rgba(255,255,255,0.5);
    color: #fff;
    font-size: 0.75rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    align-items: center;
    width: 80%;
}
.g-md-box-right-time-jindu-icon{
    position: absolute;
    background-color: #ffb322;
    /*background: rgba(255,179,34,0.5);*/
    height: 100%;
    z-index: 0;
}
.g-md-box-right-time-jindu-text{
    position: relative;
    z-index: 9;
    margin-left: 0.7rem;
}
.g-md-box-right-time-jindu-num{
    margin-right: 0.7rem;
}
/*goods/miaosha_detail 结束*/
/*index/choujiang_list 开始*/
.i-cl-list{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem;
    border-bottom: 1px solid #eee;
}
.i-cl-list-text{
    width: 60%;
    font-size: 0.875rem;
}
.i-cl-list-time{
    font-size: 0.75rem;
    color: #999;
    text-align: right;
}
/*index/choujiang_list 结束*/
/*user/index 开始*/
.u-z-title{
    padding: 0.8rem 0;
    font-size: 0.875rem;
    border-bottom: 1px solid #eee;
}
.u-z-ipt{
    display: flex;
    background-color: #fff;
    padding: 0.8rem 0;
    font-size: 0.875rem;
    border-bottom: 1px solid #eee;
}
.u-z-ipt label{
    display: flex;
    align-items: center;
    width: 100%;
}
.u-z-ipt div{
    margin-left: 0.3rem;
    font-size: .9rem;
}
.u-z-ipt i{
    font-size: 1.5rem;
    margin: 0 .7rem;
}
/*user/index 结束*/


/*order/list 开始*/
.express-li {
    font-size: .7rem;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 10px;
}
.express-li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    background-color: #eee;
    margin-top: 6px;
    height: calc(100% - 12px);
}

.express-li:first-child::before {
    background-color: #1E9FFF;
}
/*order/list 结束*/

/*order/pay 开始*/
.o-p-header {
    position: relative;
    padding: 1.875rem 0.625rem 1.875rem;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}
.o-p-header .money-box {
    color: #ff3000;
    font-size: 1.4375rem;
    font-weight: 700;
	font-family: OPPOSANS;
}
.o-p-header .money-box i {
    font-size: .8rem;
}
.o-p-header .money-title {
    margin-bottom: 1rem;
}
.c-i-box-alone-lab .wallet {
    position: fixed;
    right: 3.5rem;
    color: #bbb;
    line-height: normal;
}
/*order/pay 结束*/


/*提现 开始*/
.withdraw-page {
    position: relative;
    color: #303030;
    background-color: #f5f5f5;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: .875rem;
}
.withdraw-header {
    width: 100%;
    height: 44px;
    color: #fff;
    display: flex;
    z-index: 2;
    align-items: center;
}
.withdraw-header-back {
    padding-left: 1rem;
}
.withdraw-header-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    font-size: 1.125rem;
}
.wallet-num-box {
    background: rgb(69, 161, 222) url("/static/user/img/withdraw_bg.png") center/100% no-repeat;
    border-radius: 0 0 5% 5%;
    margin-top: -44px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #fff;
    padding: 3.375rem 0 2.5rem 0;
    margin-left: 0;
}
.wallet-num {
    margin-left: 1.25rem;
}
.withdraw-num-title {
    font-size: .8125rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: .625rem;
}
.withdraw-num-content {
    font-family: OPPOSANS;
    font-size: 1.875rem;
    font-weight: 500;
    color: #fff;
}
.withdraw-log-btn {
    width: 5.3125rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border: 0.03125rem solid #fff;
    border-radius: 0.9375rem;
    padding: 0;
    font-size: .8125rem;
    font-weight: 500;
    color: #fff;
    margin-right: 1.25rem;
    background-color: transparent;
}
.withdraw-card {
    background-color: #fff;
    border-radius: 0.625rem;
    width: calc(100% - 1.875rem);
    /*min-height: 17.5rem;*/
    margin: -1.875rem 0.9375rem 0.9375rem;
    padding: 0.9375rem;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
}
.withdraw-card-title {
    font-size: .9375rem;
    font-weight: 500;
    margin-bottom: .9375rem;
}
.withdraw-card-input-box {
    width: 100%;
    height: 3.125rem;
    margin-bottom: 1.25rem;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgba(119, 119, 119, .25);
}


.withdraw-card-input-box .unit i{
    font-size: 1.5rem;
    color: #333;
    font-weight: 500;
}
.withdraw-card-input-content {
    padding-left: .3125rem;
}
.withdraw-card-input {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    min-height: 2.25rem;
    flex-direction: row;
    align-items: center;
    border: none;
    font-size: 1.5rem;
    font-family: OPPOSANS;
}

.withdraw-bank-box {
    margin-bottom: .9375rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.withdraw-bank-title {
    font-size: .875rem;
    font-weight: 500;
}
.withdraw-bank-list select{
    border: none;
    font-size: .875rem;
    background-color: transparent;
    font-weight: 400;
    color: rgb(69, 161, 222);
    margin: 0;
    text-align: right;
}
.withdraw-bind-text {
    font-size: .8125rem;
    color: #999;
}
.withdraw-bind-text .active{
    color: rgb(69, 161, 222) !important;
}

.withdraw-btn {
    background: linear-gradient(90deg,rgba(69, 161, 222), rgba(69, 161, 222, 0.6));
    color: #fff;
    width: 100%;
    height: 2.6875rem;
    line-height: 2.6875rem;
    border-radius: 1.25rem;
    border: none;
    font-size: inherit;
}

.withdraw-notice {
    width: calc(100% - 1.875rem);
    background: #fff;
    border-radius: 0.625rem;
    margin: 0 1rem;
    padding: 0.9375rem;
    box-sizing: border-box;
}

.withdraw-notice-title {
    font-weight: 500;
    color: #333;
    font-size: .9375rem;
    margin-bottom: .9375rem;
}

.withdraw-notice-list {
    font-size: .75rem;
    color: #999;
    line-height: 1.4375rem;
}
.value-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 1.25rem 0;
}
.value-box .btn {
    width: calc(33.3% - .47rem);
    height: 4.5rem;
    border: 1px solid rgb(69, 161, 222);
    border-radius: .3125rem;
    position: relative;
    z-index: 1;
    margin-bottom: .46875rem;
    margin-right: .46875rem;
    font-size: .75rem;
    color: rgb(69, 161, 222);
    background: #D0EEFF;
}


.value-box .btn.active {
    color: #fff !important;
    background:#45A1DE !important;
}

.withdraw-bank-list .waiting {
    color: #45A1DE;
}
.withdraw-bank-list .success {
    color: #09BB07;
}


.value-box .btn span {
    font-family: OPPOSANS;
    line-height: 2.55555556;
    font-weight: 500;
    font-size: 1.125rem;
    margin-right: .1875rem;
}
/*提现 结束*/


/*menu-game 开始*/
.menu-game-box {
    display: flex !important;
    justify-content: center;
}

.menu-game {
    width: 55px;
    height: 55px;
    border-radius: 18px;
    background-color: #45a1de;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 10px;
    box-shadow: 0 3px 5px 2px #b0d5f5;
}

/*menu-game 结束*/


/*order/pay 开始*/

/*order/pay 结束*/