@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    /*个人中心右侧*/
    .user-header{width: 100%;height: 120px;box-sizing: border-box;padding: 20px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .user-header .header-ml{width: 50%;height:80px;float: left;}
    .user-header .header-ml .logo{width: 110px;height:78px;float: left;border: 1px solid #f5f5f5;border-radius: 2px;margin-right: 8px;position: relative;cursor: pointer;}
    .user-header .header-ml .logo .logo-file{width: 110px;height: 78px;position: relative;outline: none;opacity: 0;position: absolute;top: 0;left: 0;cursor: pointer;}
    .user-header .header-ml .logo .file{width: 110px;height: 78px;display:block;background: url("/img/account/icon-noneimg.png") center center no-repeat;}
    .user-header .header-ml .logo img{width: 110px;height:78px;display: block;border-radius: 2px;}
    .user-header .header-ml .account{float: left;box-sizing: border-box;padding: 5px 0;}
    .user-header .header-ml .account .name{width: 100%;height: 36px;float: left;margin-bottom: 10px;}
    .user-header .header-ml .account .name span{line-height: 36px;font-size: 18px;font-weight: bold;color: #22272e;display: inline-block;float: left;}
    .user-header .header-ml .account .name a{margin-left: 30px;width: 118px;height: 34px;border: 1px solid #E15616;border-radius: 2px;background-color: #ffe6dc;color: #E15616;display: block;line-height: 34px;text-align: center;float: left;}
    .user-header .header-ml .account .msg{width:100%;font-size: 14px;line-height: 26px;color: #22272e;margin-top: 20px;}
    .user-header .header-ml .account .msg span{color: #22272e;display: inline-block;float: left;margin-right: 8px;}
    .user-header .header-ml .account .msg .red{color: #f94b4b;font-style: normal;margin: 0 5px;}
    .user-header .header-ml .account .msg a{display: inline-block;width: 64px;height: 22px;float: left;line-height: 22px;color: #FFFFFF;font-size:12px;text-align: center; background-image: linear-gradient(225deg,#61686f 0%,#313a43 100%);border-radius: 2px;}
    .user-header .header-mr{height:80px;float: right;}
    .user-header .header-mr .message{width: 100%;float: right;height: 28px;}
    .user-header .header-mr .message a{width: 28px;height: 28px;float: right;display: block;position: relative;}
    .user-header .header-mr .message .icon{width: 28px;height: 28px;float: right;display: block;position: relative;}
    .user-header .header-mr .message .icon:before{width: 28px;height: 28px;background-position: -240px -370px}
    .user-header .header-mr .message .icon span{display: block;width: 20px;height: 20px;background-image: linear-gradient(90deg,#ff5353 0%,#ff2424 100%);position: absolute;top: -9px;left: -9px;font-style: normal;font-size: 12px;color: #f94b4b;line-height: 20px;text-align: center;border-radius: 50%;color: #fff;}
    .user-header .header-mr .message .icon span.ellipse{width: 30px;height: 20px;border-radius: 10px;line-height: 20px;left: -22px;}
    .user-header .header-mr .money {width: 100%;height: 52px;line-height: 52px;font-size: 16px;}
    .user-header .header-mr .money span{color: #e15616;}
    .user-content{width: 100%;height: auto;margin-top: 10px;}
    .user-content .title{width: 100%;height: 44px;line-height: 44px;font-size: 16px;text-align: left;color: #22272e;}
    .user-content .title a{display: block;float: right;position: relative;padding-right: 36px;position: relative;}
    .user-content .title a .icon{display: block;width: 18px;height: 18px;position: absolute;top: 5px;right: 10px;}
    .user-content .title a .icon:before{width: 18px;height: 18px;background-position: -304px -32px;}
    .user-content .section{width: 100%;height: auto;}
    .user-content .section .user-main{width: 100%;height:auto;background-color: #FFFFFF;box-sizing: border-box;padding: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-bottom: 10px;}
    .user-content .section .user-main.tabs{height: 90px;padding: 15px 20px;}
    .user-content .section .user-main .tabs-left{height: 100%;float: left;}
    .user-content .section .user-main .tabs-left .item{width: 50px;height: 100%;float: left;margin:0 40px;}
    .user-content .section .user-main .tabs-left .item a{width: 100%;height: 100%;display: block;}
    .user-content .section .user-main .tabs-left .item a .icon{width: 24px;height: 24px;display: block;margin: 0 auto;position: relative;margin-top: 10px;}
    .user-content .section .user-main .tabs-left .item a .icon span{display: block;width: 20px;height: 20px;background-image: linear-gradient(90deg,#ff5353 0%,#ff2424 100%);position: absolute;top: -9px;right: -13px;font-style: normal;font-size: 13px;color: #f94b4b;line-height: 20px;text-align: center;border-radius: 50%;color: #fff;}
    .user-content .section .user-main .tabs-left .item a .icon span.ellipse{width: 30px;height: 20px;border-radius: 10px;line-height: 20px;right: -22px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-1:before{width: 24px;height: 24px;background-position: 0px -516px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-2:before{width: 24px;height: 24px;background-position: -35px -516px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-3:before{width: 24px;height: 24px;background-position: -69px -516px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-4:before{width: 24px;height: 24px;background-position: -102px -516px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-5:before{width: 24px;height: 24px;background-position: -136px -516px;}
    .user-content .section .user-main .tabs-left .item a p{font-size: 14px;color: #22272e;text-align: center;line-height: 20px;margin-top: 3px;}
    .user-content .section .user-main .tabs-right{float: right;line-height: 60px;font-size: 14px;color: #22272e;}
    .user-content .section .user-main .tabs-right a{display: block;float: right;padding-right: 16px;position: relative}
    .user-content .section .user-main .tabs-right a .icon{width: 18px;height: 18px;display: block;position: absolute;top: 4px;right: -10px;}
    .user-content .section .user-main .tabs-right a .icon:before{width: 18px;height: 18px;background-position: -304px -32px;}
    .user-content .section .user-main.order{height: 224px;padding-left: 68px;padding-top: 10px;}
    .user-content .section .user-main .order-title{width: 100%;height: 40px;position: relative;float: left;margin-bottom: 0;}
    .user-content .section .user-main .order-title .bag{display: block;position: absolute;left: -45px;top: 12px; width: 36px;height: 16px;background-image: linear-gradient(335deg,#e15616 0%,#ffb496 100%);border-radius: 2px;font-size: 10px;color: #FFFFFF;line-height: 16px;text-align: center;}
    .user-content .section .user-main .order-title .title-name{float: left;line-height:  40px;font-size: 14px;color: #22272e;}
    .user-content .section .user-main .order-title .title-name p{float: left;margin-right: 10px;}
    .user-content .section .user-main .order-title .title-name p.state{color: #E15616;}
    .user-content .section .user-main .order-title .title-type{float: left;width: 40px;height: 40px;background: url("/img/order/second.png")center center no-repeat;background-size: cover;}
    .user-content .section .user-main .order-title .title-time{float: right;line-height:  40px;font-size: 12px;color: #9aa5b5;}
    .user-content .section .user-main .order-content{width: 100%;height: auto;float: left;}
    .user-content .section .user-main .order-content .order-item{width: 100%;height: 36px;float: left;}
    .user-content .section .user-main .order-content .order-item p{float: left;margin-right: 50px;line-height: 36px;color: #22272e;font-size: 14px;}
    .user-content .section .user-main .order-content .order-item p span{margin-left: 5px;}
    .user-content .section .user-main .order-content .order-item p .red{color: #f94b4b;}
    .user-content .section .user-main .order-content .order-botton{width: 100%;height: 36px;float: left;margin-top: 8px;}
    .user-content .section .user-main .order-content .order-botton .btn{width: 88px;height: 34px;border-radius: 2px;border: 1px solid #FFF;float: right;margin-left: 16px;font-size: 14px;line-height: 34px;text-align: center;display: block;}
    .user-content .section .user-main .order-content .order-botton .btn.cancel{border-color: #9aa5b5;background-color: #FFFFFF;color: #22272e;}
    .user-content .section .user-main .order-content .order-botton .btn.primary{border-color: #E15616;background-color: #E15616;color: #FFFFFF;}
    .user-content .section .user-main.product{height: 260px;padding: 20px 20px 10px 20px;}
    .user-content .section .user-main .product-item{width: 173px;height: auto;float: left;margin-right: 15px;cursor: pointer;}
    .user-content .section .user-main .product-item:last-child{margin-right: 0;}
    .user-content .section .user-main .product-item .product-img{width: 171px;height: 171px;float: left;border: 1px solid #e2e7ef;}
    .user-content .section .user-main .product-item .product-img img{width: 173px;height: 173px;display: block;}
    .user-content .section .user-main .product-item .product-name{width: 100%;height: 40px;float: left;margin-top: 10px;}
    .user-content .section .user-main .product-item .product-name p{font-size: 14px;color: #93979f;text-align: justify;line-height: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
    .user-content .section .user-main .product-item .product-name p:hover{color: #E15616;text-decoration: underline;}
    .user-content .section .user-main.news{height: 207px;padding: 13px 20px;}
    .user-content .section .user-main .new-list{width: 100%;height: 36px;float: left;cursor: pointer;}
    .user-content .section .user-main .new-list .text{width: 600px;line-height: 36px;font-size: 14px;color: #4a4f58;float: left;padding-left: 15px;position: relative; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
    .user-content .section .user-main .new-list .text:hover{color: #E15616;text-decoration: underline;}
    .user-content .section .user-main .new-list .text:before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #e15616;position: absolute;left: 0;top:10px;}
    .user-content .section .user-main .new-list .time{line-height: 36px;font-size: 12px;color: #9aa5b5;float: right;}
}

/**
* 移动端
*/
@media screen and (max-width:768px){






}

