.ad-content{
    width: 100%;
    height: fit-content;
    position: relative;
}
.ad-content img{
    width: 100%;
    object-fit: scale-down;
}
.ad-info{
    width: 460px;
    height: fit-content;
    padding: 30px 25px;
    background-color: rgba(67, 67, 67, 0.3);
    border-radius: 2px;
    position: absolute;
    top: 105px;
    left: 380px;
}
.ad-info a{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.ad-title{
    width: 100%;
    height: 72px;
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 72px;
    border-bottom: 1px solid #FFFFFF;
}
.ad-desc{
    width: 100%;
    height: fit-content;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 36px;
    margin-top: 25px;
}
.crumbs{
    width: 1440px;
    height: 68px;
    margin: 0 auto;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    flex-direction: row;
    position: relative;
}
.crumbs a{
    width: fit-content;
    height: 66px;
    font-size: 14px;
    color: #666666;
    line-height: 66px;
}
.crumbs a::after{
    content: '>';
    font-family: Arial;
    margin: 0 6px;
}
.crumbs a:last-of-type{
    font-weight: bold;
}
.crumbs a:last-of-type::after{
    display: none;
}
.products-container{
    width: 1440px;
    height: fit-content;
    margin: 50px auto;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.products-l{
    width: 240px;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.products-menu{
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 16px;
    color: #333333;
    line-height: 70px;
    position: relative;
}
.products-l .menu-title{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 70px;
}
.products-l .activity,.products-l a:hover{
    color: #63BB15;
}
.products-l a::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    transform: rotate(45deg);
    top: 32px;
    right: 6px;
    position: absolute;
}
.products-l a:hover::before,.products-l .activity::before{
    border-top: 1px solid #63BB15;
    border-right: 1px solid #63BB15;
}
.products-r{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.products-desc{
    width: 1040px;
    height: fit-content;
    padding: 40px 45px ;
    background: #F6F9F3;
    border-radius: 2px;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    margin-bottom: 40px;
}
.products-sort{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.products-sort text{
    font-size: 16px;
    color: #333333;
    line-height: 1;
}
.products-sort-content{
    width: fit-content;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    display: flex;
    align-items: center;
}
.products-sort-select{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    width: 140px;
    height: 30px;
    background: #F2F2F2;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    margin-left: 8px;
    position: relative;
}
.products-sort-select span{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    width: 140px;
    height: 30px;
    text-align: center;
    margin-left: -8px;
}

.products-sort-content a{
    display: block;
}
.plat{
    display: none;
    width: 100%;
    height: fit-content;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 999;
    background-color: #FFFFFF;
}
.plat li{
    width: 100%;
    height: 30px;
}
.plat li a{
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
.plat li a:hover{
    color: #63BB15;
}
.products-sort-select:hover .plat{
    display: block;
    clear: both;
}
.products-sort-select{
    float: left;
}
.products-content{
    width: 100%;
    height: fit-content;
}
.products-item{
    width: 264px;
    height: fit-content;
    float: left;
    margin-right: 28.8px;
    margin-bottom: 40px;
}
.products-item:nth-child(5n){
    margin-right: 0;
}
.products-item a{
    width: 264px;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.products-img{
    width: 264px;
    height: 264px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.products-img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
}
.products-title{
    width: 100%;
    height: 18px;
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    text-align: center;
    margin: 12px 0 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
}
.products-item a:hover .products-title{
    color: #63BB15;
}
.products-price{
    font-size: 18px;
    color: #CC0000;
    line-height: 1;
    text-align: center;
}
.products-pagination-container{
    width: 100%;
    height: 34px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.products-pagination-container a{
    font-size: 16px;
    font-family: Arial;
    color: #666666;
    line-height: 34px;
    width: 8px;
    height: 34px;
    text-align: center;
    margin: 0 15px;
}
.products-pagination-container a:hover{
    color: #63BB15;
}
.products-pagination-container .activity{
    width: 28px;
    color: #63BB15;
    border-bottom: 2px solid #63BB15;
}
.p-prev,.p-next{
    width: 15px;
    height: 34px;
    margin: 0 20px;
    position: relative;
}
.p-prev::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    transform: rotate(225deg);
    top: 12px;
    right: 0;
    position: absolute;
}
.p-next::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    transform: rotate(45deg);
    top: 12px;
    left: 0;
    position: absolute;
}
.p-prev:hover::before,.p-next:hover::before{
    border-top: 2px solid #63BB15;
    border-right: 2px solid #63BB15;
}
.products-sort-select::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    transform: rotate(135deg);
    top: 8px;
    right: 12px;
    position: absolute;
}
.swiper-ad{
    background-color: #FFFFFF;
}
.content-container,.order-container{
    background-color: #FAF9F7;
    display: flex;
    flex-direction: column;
}
.content-container .crumbs,.news-container .crumbs{
    border-bottom: 0px;
}
.products-dt-container{
    width: 1440px;
    height: fit-content;
    padding-top: 25px;
    margin: 0 auto;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.products-dt-view{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: row;
}
.products-dt-viewl{
    width: 720px;
    height: 720px;
    margin-left: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.products-dt-viewl img{
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
}
.products-dt-viewr{
    width: 604px;
    height: 720px;
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.products-dt-countdown{
    width: 420px;
    height: 54px;
    background: linear-gradient(90deg, #8DC82A, #63BB15);
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;   
    margin-bottom: 35px; 
}
.products-dt-countdown text{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 154px;
    margin-right: 15px;
}
.products-dt-countdown span{
    width: fit-content;
    height: 34px;
    padding: 0 10px;
    background: #FFFFFF;
    border-radius: 2px;
    font-size: 16px;
    color: #333333;
    line-height: 34px;
}
.products-dt-countdown-date{
    margin-right: 13px;
}
.products-dt-countdown-split{
    background-color:transparent !important;
    color: #FFFFFF !important;
    padding: 0 5px !important;
}
.products-dt-title{
    width: 100%;
    height: fit-content;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
}
.products-dt-price{
    width: 100%;
    height: 88px;
    background: #F7F7F7;
    border-radius: 2px;
    margin: 22px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    color: #999999;
}
.products-dt-price .dt-pcol1,.products-dt-price .dt-pcol2{
    width: 20%;
    height: 60px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.products-dt-price .dt-pcol2{
    margin-left: 0;
    width: 25%;
}
.products-dt-price .dt-pcol2 span:first-of-type{
    font-size: 22px;
    font-family: Microsoft YaHei;
    color: #C10000;
    line-height: 30px;
}
.products-dt-price .dt-pcol2 text{
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #C10000;
    line-height: 30px;
    margin-right: 5px;
}
.products-dt-price .dt-pcol1 span{
    width: 100%;
    height: 30px;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
}
.products-dt-unit{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}
.products-dt-unit span{
    width: 20%;
    height: 20px;
    margin-left: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #999999;
    line-height: 20px;
}
.products-dt-unit a{
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 1;
    padding: 12px 18px;
    border: 1px solid #63BB15;
    border-radius: 2px;
    margin-right: 15px;
}
.products-dt-unit .activity{
    background-color: #63BB15;
    color: #FFFFFF;
}
.products-dt-unit text{
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 1;
}
.products-dt-pnumber{
    width: 100%;
    height: 80px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}
.products-dt-pnumber span{
    width: 100px;
    height: 20px;
    margin-left: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #999999;
    line-height: 20px;
}
.pnumber-content{
    width: 484px;
    height: 52px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.pnumber-content .current-price{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
}
.pnumber-operation{
    width: 200px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #62AF14;
    border-radius: 2px;
    margin: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pnumber-operation a{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
}
.pnumber-operation a:first-of-type{
    background-image: url(../images/products-jian.png);
    background-size: 16px 2px;
    background-position: 0px 7px;
}
.pnumber-operation a:last-of-type{
    background-image: url(../images/products-jia.png);
}
.pnumber-operation .current-number{
    width: 92px;
    height: 50px;
    margin: 0 16px;
    padding: 0 5px;
    font-size: 18px;
    color: #333333;
    line-height: 50px;
    text-align: center;
}
.pnumber-operation .current-number:focus{
    outline: none;
}
.price-d{
    margin-right: 6px;
}
.pnumber-content text{
    font-size: 16px;
    color: #333333;
    line-height: 1;
}
.products-inventory{
    width: 484px;
    height: fit-content;
    margin-left: 120px;
    font-size: 16px;
    color: #666666;
    line-height: 1;
    text-align: center;
}
.products-total{
    width: 584px;
    height: 55px;
    padding-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #F7F7F7;
    margin: 26px 0;
    font-size: 16px;
    color: #999999;
    line-height: 1;
}
.products-total .price-t{
    margin-left: 40px;
}
.products-total .price-total{
    font-size: 22px;
    color: #C10000;
    line-height: 1;
    margin-right: 2px;
}
.products-btn-content{
    width: 100%;
    height: 62px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.products-btn-content .buy{
    width: 296px;
    height: 60px;
    background: #62AF14;
    border: 2px solid #62AF14;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    text-align: center;
}
.products-btn-content .shoppingcar{
    font-size: 18px;
    color: #62AF14;
    line-height: 60px;
    text-align: center;
    width: 296px;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #62AF14;
    border-radius: 2px;
}
.products-dt-features{
    width: 100%;
    min-height: 140px;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(../images/products-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    margin-top: 35px;
}
.products-dt-features text{
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1;
}
.products-dt-features .features-desc{
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1.5;
    width: 90%;
    margin: 25px 5% 0;
    height: fit-content;
    text-align: center;
}
.products-dt-info{
    width: 1290px;
    height: 100px;
    padding: 0 90px 0 60px;
    border-top: 1px solid #DDDDDD;
    font-size: 18px;
    color: #63BB15;
    line-height: 100px;
    position: relative;
    cursor: pointer;
}
.products-dt-info1{
    border-top: 0px;
}
.products-dt-info::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #63BB15;
    border-right: 1px solid #63BB15;
    transform: rotate(135deg);
    top: 44px;
    right: 90px;
    position: absolute;
}
.products-dt-container .select::before{
    transform: rotate(-45deg);
    top: 48px;
}
.products-dt-desc{
    width: 1250px;
    height: fit-content;
    padding: 0px 90px 45px 100px;
    display: none;
}
.products-dt-desc li{
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    list-style-type: square;
}
.products-dt-ad{
    width: 100%;
    height: fit-content;
    margin-top: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.products-dt-ad a{
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}
.products-dt-ad img{
    width: 100%;
}
.login-out{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    text-decoration: underline;
    color: #666666;
    line-height: 1;
}
.login-out::after{
    display: none;
}
.order-address{
    width: 1320px;
    height: fit-content;
    padding: 35px 60px;
    margin: 0 auto;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    border-top: 4px solid #63BB15;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.order-address text{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}
.order-tips{
    width: 1440px;
    height: 16px;
    margin: 40px auto 20px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 1;
}
.order-info{
    width: 1440px;
    margin: 0 auto 60px;
    border: 1px solid #DDDDDD;
    display: flex;
    flex-direction: column;
}
.order-info1{
    width: 1380px;
    height: 48px;
    padding: 0 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    color: #333333;
    line-height: 48px;
    background-color: #F3F3F3;
}
.order-info2{
    width: 1380px;
    height: fit-content;
    display: flex;
    flex-direction: row;
    padding: 28px 30px;
    background-color: #fff;
    border-top: 1px solid #DDDDDD;
}
.order-info3{
    width: 1380px;
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0 30px;
    border-top: 1px solid #DDDDDD;
}
.order-col1{
    width: 55%;
    min-height: 48px;
}
.order-col2{
    width: 15%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-info2 .order-col2{
    align-items: flex-start;
    font-size: 14px;
    color: #333333;
    line-height: 1;
}
.order-info2 .order-col2 text{
    margin: 0 2px;
}
.order-info2 .order-total{
    color: #CC0000;
    font-weight: bold;
}
.order-info2 .order-col1 a{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
}
.order-info2 .order-col1 a img{
    max-width: 130px;
    margin-right: 15px;
}
.order-detail{
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.order-detail-t{
    font-size: 14px;
    color: #333333;
    line-height: 1;
    margin-bottom: 20px;
}
.order-info3 .order-col1{
    border-right: 1px solid #DDDDDD;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
}
.order-receipt1{
    width: 100%;
    height: 26px;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.order-receipt2{
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #666666;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}
/* css 复选框 */
.spc-item-checkbox{
    width: 26px;
    height: 26px;
    border:1px solid #666;
    background-color:#fff;
    border-radius:2px;
    text-align:center;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    padding: 0;
    margin-right: 15px;
}
.spc-item-checkbox:checked{
    background-color: #1E70C0;
    border: 0px;
}
.spc-item-checkbox:checked::after{
    content: "✔";
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #1E70C0;
}
.order-receipt2-t{
    width: 150px;
    line-height: 40px;
}
.order-receipt2 .products-sort-select{
    margin-left: 0px;
    height: 38px;
    width: 510px;
    border: 1px solid #CECECE;
    background-color: #fff;
    line-height: 38px;
    text-align: left;
    padding: 0 20px;
}
.order-receipt2 .products-sort-select::before{
    top: 12px;
}
.order-receipt2 .products-sort-select span{
    font-size: 16px;
    color: #1E70C0;
    line-height: 38px;
    margin-left: 0px;
}
.order-receipt2 .plat{
    width: 100.05%;
    top: 34px;
    border: 1px solid #CECECE;
    border-top: 0px;
    left: -1px;
    padding-top: 4px;
    border-radius: 0px 0px 2px 2px;
}
.order-receipt2 .plat li{
    height: 38px;
    line-height: 38px;
    text-indent: 20px;
}
.order-receipt2 .plat li a{
    height: 38px;
    line-height: 38px;
    font-size: 16px;
}
.order-receipt2 .plat li a:hover{
    color: #1E70C0;
}
.order-receipt2-text{
    width: 510px;
    height: 38px;
    padding: 0 20px;
    background: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    font-size: 14px;
    color: #666666;
    line-height: 38px;
}
.order-receipt2-text:focus{
    outline: none;
}
.order-type{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.order-type:last-of-type{
    margin-left: 30px;
}
.order-col3{
    width: 45%;
    height: 100px;
    margin: 30px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.order-col3 text{
    font-size: 16px;
    color: #666666;
    line-height: 1;
    margin-left: 90px;
}
.order-col3 text:last-of-type{
    font-size: 14px;
    font-weight: bold;
    color: #CC0000;
    margin-right: 30px;
}
.order-pay{
    width: 1440px;
    height: 80px;
    background: #F3F3F3;
    margin: 0 auto 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.order-pay a{
    width: 300px;
    height: 80px;
    background: #63BB15;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 80px;
    text-align: center;
    margin-left: 30px;
}
.order-pay text{
    font-size: 16px;
    color: #666666;
    line-height: 1;
}
.order-pay .order-money{
    font-size: 18px;
    font-weight: bold;
    color: #CC0000;
    line-height: 1;
}
.order-pay .order-money1{
    margin-right: 3px !important;
}
.shoppingcar-info .order-pay{
    margin-bottom: 0;
}
.shoppingcar-info .order-pay text:nth-child(1){
    margin-right: 40px;
}
.shoppingcar-info .order-pay-number{
    font-size: 18px;
    font-weight: bold;
    color: #1E70C0;
    line-height: 1;
    margin: 0 5px !important;
}
.shoppingcar-info .order-col0{
    width: 5%;
    min-height: 48px;
    display: flex;
    align-items: center;
}
.shoppingcar-info .order-col1{
    width: 30%;
}
.shoppingcar-info .spc-item-checkbox:checked{
    background-color: #14B824;
}
.shoppingcar-info .spc-item-checkbox:checked::after{
    background-color: #14B824;
}
.shoppingcar-info .order-col2{
    width: 11%;
}
.shoppingcar-info .order-info2 .order-col2{
    height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
}
.shoppingcar-info .order-col4{
    width: 14%;
    min-width: 120px;
    min-height: 48px;
    display: flex;
    justify-content: center;
}
.shoppingcar-info .order-col5{
    width: 22%;
    min-height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.shoppingcar-info .order-col6{
    width: 7%;
    min-height: 48px;
    display: flex;
    flex-direction: row;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.shoppingcar-info .order-col6 a{
    font-size: 14px;
    color: #666666;
    line-height: 1;
    margin-bottom: 20px;
}
.shoppingcar-info .order-info2 .order-col6{
    justify-content: flex-start;
}
.shoppingcar-info .sc-number-content{
    width: 118px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.shoppingcar-info .sc-jian,.shoppingcar-info .sc-jia{
    width: 22px;
    height: 22px;
    margin: 0 14px;
    text-align: center;
    line-height: 22px;
    font-size: 22px;
    color: #AAAAAA;
}
.shoppingcar-info .sc-jian:hover,.shoppingcar-info .sc-jia:hover{
    color: #333333;
}
.shoppingcar-info .sc-number{
    width: 40px;
    height: 30px;
    border: 0px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}
.shoppingcar-info .sc-number:focus{
    outline: none;
}
.shoppingcar-info .sc-unit1{
    width: 62px;
    padding: 0 8px;
    height: 40px;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.shoppingcar-info .sc-unit1 span{
    font-size: 16px;
    color: #333333;
    line-height: 40px;
}
.shoppingcar-info .sc-unit1 input{
    width:44px;
    height: 40px;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    text-align: center;
    border: 0;
}
.shoppingcar-info .sc-unit1 input:focus{
    outline: none;
}
.shoppingcar-info .sc-hs{
    width: 38px;
    height: 38px;
    background: #F3F3F3;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    margin: 0 8px;
    background-repeat: no-repeat;
    background-image: url(../images/sc-hs.png);
    background-size: 18px 9px;
    background-position: 10px 13px;
}

/**login**/
.login-container{
    min-width: 1440px !important;
}
.login-container-l{
    width: 50%;
    min-height: calc(100vh - 80px - 72px);
    background-image: url(../images/login1.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.login-container-r{
    width: 50%;
    height: fit-content;
}
.login-container-r .login-tab{
    width: 570px;
    height: 67px;
    border-bottom: 3px solid #DDDDDD;
    margin-bottom: 38px;
}
.login-container-r .login-tab a{
    width: 50%;
    height: 70px;
    font-size: 24px;
    font-weight: bold;
    color: #666666;
    line-height: 70px;
    text-align: center;
    display: block;
}
.login-container-r .login-tab .activity{
    color: #63BB15;
    border-bottom: 3px solid #63BB15;;
}
.login-container-r input,.login-reg-type{
    width: 526px;
    height: 60px;
    background: #FEFEFE;
    border: 2px solid #BBBBBB;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 16px;
    color: #333333;
    line-height: 60px;
    margin-bottom: 18px;
}
.login-reg-type{
    color: #888888;
}
.reg-type-selected{
    float: right;
    cursor: pointer;
    position: relative;
    padding-right: 24px;
}
.reg-type-selected::before {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #888888;
    border-right: 1px solid #888888;
    transform: rotate(135deg);
    top: 24px;
    right: 2px;
    position: absolute;
  }
.reg-type-selected .plat{
    top: 44px;
    border: solid 1px #888888;
}
.reg-type-selected .plat li{
    line-height: 35px;
    height: 35px;
    text-align: center;
}
.reg-type-selected:hover .plat{
    display: block;
}
.login-container-r input:focus{
    outline: none;
    border: 2px solid #63BB15;
}
.login-container-r .login-pwd{
    position: relative;
    width: 570px;
    height: 60px;
}
.login-container-r .login-pwd a{
    width: fit-content;
    height: 18px;
    font-size: 16px;
    text-decoration: underline;
    color: #1E70C0;
    line-height: 18px;
    position: absolute;
    top: 21px;
    right: 12px;
}
.login-container-r .login-pwd input{
    padding: 0 100px 0 20px;
    width: 446px;
}
.login-container-r .login-submit,.login-container-r .login-submit1{
    margin-top: 28px;
    width: 570px;
    height: 60px;
    background: #63BB15;
    border-radius: 4px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 60px;
    text-align: center;
    letter-spacing: 2px;
}
.login-container-r .login-submit1{
    margin-top: 10px;
    margin-bottom: 20px;
}
.login-container-r .login-c1 .login-rules{
    width: 100%;
    height: 20px;
}
.login-container-r .login-c1 .login-rules text{
    font-size: 16px;
    color: #666666;
    line-height: 1;
}
.login-container-r .login-c1 .login-rules a{
    font-size: 16px;
    text-decoration: underline;
    color: #1E70C0;
    line-height: 1;
    margin: 0 3px;
}
/* css 复选框 */
.login-container-r .login-c1 .login-rules .login-rules-i{
    width: 20px;
    height: 20px;
    line-height: 20px;
    border:1px solid #999;
    background-color:#fff;
    border-radius:2px;
    text-align:center;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    padding: 0;
    margin-right: 6px;
    margin-top: 0;
    margin-bottom: 0;
}
.login-container-r .login-c1 .login-rules .login-rules-i:checked{
    background-color: #63BB15;
    border: 0px;
}
.login-container-r .login-c1 .login-rules .login-rules-i:checked::after{
    content: "✔";
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #63BB15;
}
/**login**/

/*aboutus*/
.aboutus-content{
    width: 1260px;
    height: fit-content;
    margin: 50px auto;
}
.aboutus-content-l{
    width: 570px;
    height: 342px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aboutus-content-l img{
    width: 100%;
    object-fit: scale-down;
}
.aboutus-content-r1{
    width: 738px;
    height: fit-content;
    margin-left: -48px;
}
.aboutus-content-r2{
    width: 738px;
    height: fit-content;
    margin-right: -48px;
}
.aboutus-title1{
    width: 100%;
    height: 24px;
    font-size: 24px;
    color: #63BB15;
    line-height: 1;
    position: relative;
    text-indent: 130px;
}
.aboutus-title2{
    width: 703px;
    height: 24px;
    font-size: 24px;
    color: #63BB15;
    line-height: 1;
    position: relative;
    margin-left: 35px;
}
.aboutus-title1::before{
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 120px;
    height: 2px;
    background-color: #62AF14;
}
.aboutus-title2::before{
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 120px;
    height: 2px;
    background-color: #62AF14;
}
.aboutus-desc1{
    width: 608px;
    height: fit-content;
    padding-left: 130px;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    margin-top: 30px;
}
.aboutus-desc2{
    width: 608px;
    height: fit-content;
    padding: 0 95px 0 35px;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    margin-top: 30px;
}
.about-grow{
    width: 100%;
    height: fit-content;
    background-color: #F4F9EF;
}
.grow-tab{
    width: 1260px;
    height: 96px;
    margin: 0 auto;
    border-bottom: 1px solid #BBBBBB;
}
.grow-tab1{
    width: fit-content;
    height: 96px;
    font-size: 24px;
    color: #63BB15;
    line-height: 96px;
}
.grow-tab2{
    width: fit-content;
    height: 96px;
}
.grow-tab2 a{
    width: 87px;
    height: 96px;
    font-size: 16px;
    color: #666666;
    line-height: 96px;
    text-align: center;
    display: block;
    position: relative;
    padding: 0 20px;
}
.grow-tab2 a:hover,.grow-tab2 .activity{
    color: #62AF14;
    font-weight: bold;
}
.grow-tab2 a::after{
    content: '';
    width: 1px;
    height: 16px;
    top: 40px;
    right: 0;
    background-color: #666666;
    position: absolute;
}
.grow-tab2 a:last-of-type::after{
    display: none;
}
.grow-content{
    width: 1260px;
    height: fit-content;
    margin: 0 auto;
    padding: 60px 0;
    display: none;
}

.grow-content ul li{
    font-size: 16px;
    color: #333333;
    line-height: 48px;
    list-style-type: square;
    margin-left: 16px;
}
/*aboutus*/

/*news*/
.news-container{
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
}
.news-content{
    width: 100%;
    height: fit-content;
    background-color: #fff;
}
.news-list{
    width: 1440px;
    height: fit-content;
    margin: 10px auto;
}
.news-item{
    width: 458px;
    height: 460px;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.news-item a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.news-item:nth-child(3n){
    margin-right: 0px;
}
.news-item-i{
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-item-i{
    max-width: 100%;
    object-fit: scale-down;
}
.news-item-b{
    width: 398px;
    height: fit-content;
    padding: 35px 30px 30px;
}
.news-item-title{
    font-size: 18px;
    color: #333333;
    line-height: 1.8;
    width: 100%;
    height: 98px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    text-align: justify;
    text-align-last: left;
}
.news-item-type{
    font-size: 16px;
    color: #666666;
    line-height: 1;
    margin-top: 30px;
}
.news-pagination-container{
    width: 1440px;
    height: fit-content;
    margin: 100px auto 80px;
}
.news-item:hover{
    transform: translateY(-15px);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
/*news*/
/*newsdt*/
.newsdt-title-content{
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #DDDDDD;
    font-size: 14px;
    color: #666666;
    line-height: 1;
    display: flex;
    flex-direction: column;
}
.newsdt-title{
    font-size: 30px;
    font-weight: bold;
    color: #1E70C0;
    line-height: 1.5;
    margin-bottom: 30px;
}
.newsdt-title-content text{
    margin-right: 20px;
}
.newsdt-info{
    width: 100%;
    height: fit-content;
    margin: 50px 0 150px;
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    display: flex;
    flex-direction: column;
}
.newsdt-desc{
    margin-bottom: 20px;
    display: flex;
    text-indent: 32px;
}
.newsdt-info img{
    object-fit: scale-down;
    margin: 40px auto;
}
.newsdt-link-container{
    width: 100%;
    height: 50px;
    background-color: #F7F7F7;
    margin-bottom: 80px;
}
.newsdt-link{
    width: 1440px;
    height: 50px;
    margin: 0 auto;
}
.newsdt-link text{
    margin-right: 15px;
}
.newsdt-link a{
    width: 670px;
    height: 50px;
    font-size: 16px;
    color: #666666;
    line-height: 50px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
}
.newsdt-link a:hover{
    color: #1E70C0;
}
.newsdt-prev{
    text-align: left;
    padding-left: 50px;
}
.newsdt-prev::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    transform: rotate(225deg);
    top: 20px;
    left: 2px;
    position: absolute;
}
.newsdt-prev:hover::before,.newsdt-next:hover::before{
    border-top: 2px solid #1E70C0;
    border-right: 2px solid #1E70C0;
}
.newsdt-next{
    text-align: right;
    padding-right: 50px;
}
.newsdt-next::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    transform: rotate(45deg);
    top: 20px;
    right: 2px;
    position: absolute;
}
/*newsdt*/

/*user*/
.user-container{
    width: 1440px;
    height: fit-content;
    margin: 40px auto 110px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.user-container-l{
    width: 270px;
    height: fit-content;
}
.user-container-c{
    width: 210px;
    height: 120px;
    background: #F3F1ED;
    border-radius: 4px 4px 0px 0px;
    font-size: 14px;
    color: #333333;
    line-height: 36px;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    justify-content: center;
}
.user-container-c text:first-of-type{
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 36px;
}
.user-container-tab{
    width: 210px;
    height: fit-content;
    background: #FFFFFF;
    border-radius: 0px 0px 4px 4px;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
}
.user-container-tab a{
    width: 100%;
    height: 80px;
    font-size: 16px;
    color: #666666;
    line-height: 80px;
    display: flex;
    position: relative;
    text-indent: 35px;
}
.user-container-tab a img{
    height: 24px;
    position: absolute;
    top: 30px;
    left: 0;
}
.user-container-tab a:hover{
    color: #63BB15;
}
.user-container-tab .user-tab-ih{
    display: none;
}
.user-container-tab a:hover .user-tab-i{
    display: none;
}
.user-container-tab a:hover .user-tab-ih{
    display: block;
}
.user-container-tab .activity{
    color: #63BB15;
}
.user-container-tab .activity .user-tab-i{
    display: none;
}
.user-container-tab .activity .user-tab-ih{
    display: block;
}
.user-container-r{
    width: 1130px;
    height: fit-content;
    display: none;
    flex-direction: column;
}
.user-title{
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 48px;
}
.user-content{
    padding: 35px 60px 10px;
    width: 1010px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin-bottom: 36px;
}
.user-l{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: row;
    margin-bottom: 22px;
    position: relative;
}
.user-label{
    width: 120px;
    height: fit-content;
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-right: 30px;
}
.user-label text{
    color: #EA2929;
    margin-left: 2px;
}
.user-l input{
    width: 560px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
    font-size: 16px;
    color: #333333;
    line-height: 50px;
    padding: 0 30px;
}
.user-l input:focus{
    outline: none;
    border: 2px solid #63BB15;
    height: 48px;
}
.user-l textarea{
    width: 560px;
    height: 90px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    padding: 0 30px;
    resize: none;
}
.user-l textarea:focus{
    outline: none;
    border: 2px solid #63BB15;
    height: 88px;
}
.user-upload{
    width: 840px;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.user-upload a{
    width: 206px;
    height: 130px;
    background: #F9F9F9;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}
.user-upload-t{
    font-size: 14px;
    color: #666666;
    line-height: 1;
    margin-top: 14px;
}
.user-upload1{
    display: flex;
    flex-direction: row;
}
.user-upload1 a{
    margin-right: 15px;
}
.user-btn-container{
    width: 100%;
    height: 120px;
    border-top: 1px solid #DDDDDD;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.user-btn-container a{
    width: 300px;
    height: 58px;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
    font-size: 18px;
    color: #666666;
    line-height: 58px;
    text-align: center;
    letter-spacing: 2px;
}
.user-btn-container .user-submit{
    border: 0px;
    background-color: #63BB15;
    color: #fff;
    height: 60px;
    line-height: 60px;
    margin-right: 20px;
}
.user-btn-container button{
    width: 300px;
    margin: 0;
    padding: 0;
    border: 0px;
    background-color: #63BB15;
    font-size: 18px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    margin-right: 20px;
    text-align: center;
    letter-spacing: 2px;
}
.user-l .products-sort-select{
    margin-left: 0px;
    height: 50px;
    width: 560px;
    border: 1px solid #CECECE;
    background-color: #fff;
    line-height: 50px;
    text-align: left;
    padding: 0 30px;
}
.user-l .products-sort-select::before{
    top: 18px;
}
.user-l .products-sort-select span{
    font-size: 16px;
    color: #63BB15;
    line-height: 50px;
    margin-left: 0px;
}
.user-l .plat{
    width: 100.05%;
    max-height: 200px;
    overflow-y: auto;
    top: 48px;
    border: 1px solid #CECECE;
    border-top: 0px;
    left: -1px;
    padding-top: 4px;
    border-radius: 0px 0px 2px 2px;
}
.user-l .plat li{
    height: 40px;
    line-height: 40px;
    text-indent: 30px;
}
.user-l .plat li a{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.user-l .plat li a:hover{
    color: #63BB15;
}
.user-select{
    /*移除属性*/
    appearance: none;
    /*background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    outline: none;*/
    /*添加属性*/
    width: 622px;
    height: 50px;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    line-height: 50px;
    background-color: #fff; 
    position: relative;
}
.user-select::after,.user-select::before{
    box-sizing: border-box;
}
.user-select::after{
    /*content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    transform: rotate(135deg);
    top: 18px;
    right: 12px;
    position: absolute;*/
    content: '';
    width: 8px;
    height: 8px;
    background-color: #666666;
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.user-select-arrow::after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    transform: rotate(135deg);
    top: 18px;
    left: 600px;
    position: absolute;
}

.user-content .login-rules{
    width: 100%;
    height: 20px;
}
.user-content .login-rules text{
    font-size: 16px;
    color: #666666;
    line-height: 1;
}
.user-content .login-rules a{
    font-size: 16px;
    text-decoration: underline;
    color: #1E70C0;
    line-height: 1;
    margin: 0 3px;
}
/* css 复选框 */
.user-content .login-rules .login-rules-i{
    width: 20px;
    height: 20px;
    line-height: 20px;
    border:1px solid #999;
    background-color:#fff;
    border-radius:2px;
    text-align:center;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    padding: 0;
    margin-right: 6px;
    margin-top: 0;
    margin-bottom: 0;
}
.user-content .login-rules .login-rules-i:checked{
    background-color: #63BB15;
    border: 0px;
}
.user-content .login-rules .login-rules-i:checked::after{
    content: "✔";
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #63BB15;
}
.user-submit-part{
    width: 622px;
    border-radius: 2px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
    border: 0px;
    background-color: #63BB15;
    color: #fff;
    height: 60px;
    line-height: 60px;
    margin: 30px 0 20px;
}
.user-address-content{
    padding: 0;
    width: 1130px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}
.user-address-t{
    width: 1050px;
    height: 50px;
    padding: 0 40px;
    background-color: #F3F1ED;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    color: #333333;
    line-height: 50px;
}
.user-address-l{
    width: 1050px;
    height: fit-content;
    min-height: 60px;
    padding: 20px 40px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    color: #666666;
    line-height: 2;
    border-bottom: 1px solid #eeeeee;
}
.user-address-l:last-of-type{
    border-bottom: 0px;
}
.user-address-content .col1{
    width: 180px;
}
.user-address-content .col2{
    width: 160px;
    margin-left: 20px;
}
.user-address-content .col3{
    width: 175px;
    margin-left: 20px;
}
.user-address-content .col4{
    width: 250px;
    margin-left: 20px;
}
.user-address-content .col5{
    width: 205px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.user-address-content .col5 a{
    font-size: 14px;
    color: #666666;
    line-height: 1;
    margin-right: 15px;
    
}
.user-address-content .col5 a:hover{
    color: #63BB15;
}
.user-address-content .col5 .default{
    margin-left: 26px;
    margin-right: 0px;
    width: 90px;
    height: 46px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
}
.user-address-content .col5 .activity{
    background: #63BB15;
    color: #FFFFFF;
}
.user-address-content .col5 .activity:hover{
    color: #fff;
}
.user-order-container{
    width: 100%;
    height: fit-content;
    border: 1px solid #DDDDDD;
}
.user-order-t{
    width: 100%;
    height: 50px;
    background-color: #F1F1F1;
    line-height: 50px;
    font-weight: bold;
    color: #666666;
    text-indent: 30px;
}
.user-order-c{
    width: 950px;
    height: 150px;
    padding: 0 90px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}
.user-order-i{
    width: 150px;
    height: 62px;
}
.user-order-i a{
    width: 150px;
    height: 62px;
    display: flex;
    flex-direction: row;
}
.user-order-i a img{
    width: 62px;
    height: 62px;
    margin-right: 12px;
}
.user-order-info{
    width: 76px;
    height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.user-order-info text:nth-child(1){
    font-size: 14px;
    color: #333333;
    line-height: 1;
}
.user-order-info text:nth-child(2){
    font-size: 20px;
    color: #333333;
    line-height: 1;
}
.user-order-tab{
    width: 100%;
    height: 54px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 4px solid #EEEEEE;
    margin-top: 15px;
    margin-bottom: 30px;
}
.user-order-tab a{
    width: fit-content;
    height: 54px;
    font-size: 16px;
    color: #666666;
    line-height: 54px;
    padding: 0 20px;
}
.user-order-tab .activity,.user-order-tab a:hover{
    color: #63BB15;
    font-weight: bold;
    border-bottom: 4px solid #63BB15;
    height: 58px;
    line-height: 62px;
}
.user-order-title{
    width: 1100px;
    height: 60px;
    padding-left: 30px;
    background: #F3F1ED;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    color: #333333;
    line-height: 60px;
    margin-bottom: 15px;
}
.user-order-col1{
    width: 440px;
    width: 400px;
}
.user-order-title .user-order-col1{
    text-indent: 10px;
}
.user-order-col2{
    width: 70px;
    text-align: center;
}
.user-order-col3{
    width: 100px;
    width: 90px;
    text-align: center;
}
.user-order-col4{
    width: 130px;
    width: 120px;
    text-align: center;
}
.user-order-col5{
    width: 120px;
    text-align: center;
}
.user-order-col6{
    width: 110px;
    text-align: center;
}
.user-order-col7{
    width: 120px;
    text-align: center;
}
.user-order-col8{
    width: 70px;
    text-align: center;
}
.user-order-list{
    width: 1128px;
    height: fit-content;
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #DDDDDD;
}
.user-order-list-t{
    padding-left: 30px;
    width: 1098px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F3F3F3;
}
.user-order-list-b{
    padding-left: 30px;
    width: 1098px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F3F3F3;
}
.user-order-list-tl{
    width: fit-content;
    height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.user-order-list-tl text{
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    margin-right: 20px;
}
.user-order-list-tl a{
    width: 18px;
    height: 18px;
    margin-left: -11px;
}
.user-order-list-tl a img{
    width: 18px;
    height: 18px;
}
.user-order-list-tr{
    font-size: 14px;
    color: #1E70C0;
    line-height: 1;
    margin-right: 20px;
}
.user-order-list-i{
    padding-left: 30px;
    width: 1098px;
    height: max-content;
    min-height: 152px;
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    position: relative;
}
.user-order-list-i .user-order-col1 a{
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.user-order-list-i .user-order-col1 a img{
    max-width: 130px;
    margin-right: 15px;
}
.user-order-list-detail{
    width: 295px;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.user-order-list-detail-t{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-bottom: 15px;
}
.user-order-list-detail text{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.user-order-list-i .user-order-col1{
    padding: 20px 0;
}
.user-order-list-i .user-order-col2,.user-order-list-i .user-order-col3,.user-order-list-i .user-order-col4,
.user-order-list-i .user-order-col5,.user-order-list-i .user-order-col6,.user-order-list-i .user-order-col7,.user-order-list-i .user-order-col8{
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #333333;
    line-height: 1;
}
.user-order-list-i .user-order-col2,.user-order-list-i .user-order-col3,.user-order-list-i .user-order-col4,.user-order-list-i .user-order-col8{
    padding-top: 20px;
}
/*.user-order-list-i .user-order-col5{
    left: 770px;
    left: 780px;
    position: absolute;
    top: 0;
    height: 100%;
}
.user-order-list-i .user-order-col6{
    left: 900px;
    position: absolute;
    top: 0;
    height: 100%;
}
.user-order-list-i .user-order-col7{
    left: 1010px;
    position: absolute;
    top: 0;
    height: 100%;
}*/
.user-money{
    color: #CC0000;
    font-weight: bold;
    margin-bottom: 15px;
}
.user-order-list-i .user-order-col5 a,.user-order-list-i .user-order-col5 text{
    width: 100px;
    height: 30px;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}
.user-order-list-i .user-order-col5 a:hover,.user-order-list-i .user-order-col5 text:hover{
    color: #1E70C0;
    cursor: pointer;
}
.user-order-list-i .user-order-col5 .user-view{
    width: 88px;
    height: 28px;
    border: 1px solid #1E70C0;
    border-radius: 2px;
    color: #1E70C0;
    line-height: 28px;
    margin-top: 5px;
    padding: 0 2px;
}
.user-order-list-i .user-order-col5 .user-view:hover{
    background-color: #1E70C0;
    color: #fff;
}
.user-order-list-i .user-order-col7 .user-view{
    width: 88px;
    height: 28px;
    border: 1px solid #1E70C0;
    border-radius: 2px;
    color: #1E70C0;
    line-height: 28px;
    margin-top: 5px;
    padding: 0 2px;
}
.user-order-list-i .user-order-col7 .user-view:hover{
    background-color: #1E70C0;
    color: #fff;
}
.user-order-list-i .user-order-col7 a{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}
.user-order-list-i .user-order-col7 a:hover{
    color: #1E70C0;
}
/*.user-order-list-i .user-order-col5,.user-order-list-i .user-order-col6,.user-order-list-i .user-order-col7{
    border-left: 1px solid #DDDDDD;
    align-items: center;
    height: calc(100% - 20px) !important;
    padding-top: 10px;
}*/
.user-order-list-i .user-order-col5{
    padding-top: 12px;
}
.user-order-list-i .user-order-col6{
    padding-top: 12px;
    align-items: center;
}
.user-order-list-i .user-order-col7{
    padding-top: 12px;
    align-items: center;
}
.user-order-list-i .user-order-col6 .user-view{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}
.user-order-list-i .user-order-col6 .delivery-voucher{
    width: 88px;
    height: 28px;
    border: 1px solid #1E70C0;
    border-radius: 2px;
    color: #1E70C0;
    line-height: 28px;
    margin-top: 5px;
    padding: 0 5px;
}
.user-order-list-i .user-order-col6 .delivery-voucher:hover{
    background-color: #1E70C0;
    color: #fff;
}
.user-order-list-i .user-order-col6 .js_pickup_time{
    width: 88px;
    height: 28px;
    border: 1px solid #1E70C0;
    border-radius: 2px;
    color: #1E70C0;
    line-height: 28px;
    margin-top: 5px;
    padding: 0 5px;
}
.user-order-list-i .user-order-col6 .js_pickup_time:hover{
    background-color: #1E70C0;
    color: #fff;
}
.user-order-list-i .user-order-col6{
    padding-top: 12px;
    line-height: 18px;
}

.user-order-row1{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #DDDDDD;
}
.user-order-row1:last-of-type{
    border-bottom: 0px;
}
/*user*/

/*提货时间*/
.delivery-container{
    width: 100%;
    height: 100%;
    background-color: rgba(27, 27, 27, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.delivery-content{
    width: 525px;
    padding: 30px 55px 30px 55px;
    /*min-height: 600px;*/
    background: #FFFFFF;
    border-radius: 8px;
    /*margin-top: calc((100vh - 600px) / 2);
    margin-left: calc((100vw - 525px) / 2);*/
    position: relative;
    display: flex;
    flex-direction: column;
}
.delivery-close{
    background-image: url(../images/user-close.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    position: absolute;
    top: 20px;
    right: 18px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.delivery-title{
    width: 100%;
    height: 55px;
    font-size: 24px;
    font-weight: bold;
    color: #373737;
    line-height: 55px;
    text-align: center;
    border-bottom: 1px solid #BBBBBB;
}
.delivery-info{
    width: 525px;
    height: fit-content;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #BBBBBB;
}
.delivery-info1{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.delivery-info1:last-of-type{
    margin-bottom: 0px;
}
.delivery-info1-l{
    width: 120px;
    font-size: 16px;
    color: #666666;
    line-height: 2;
    margin-left: 15px;
    margin-right: 30px;
}
.delivery-info1-r{
    font-size: 16px;
    color: #333333;
    line-height: 2;
    width: 360px;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.delivery-money{
    font-size: 20px;
    font-weight: bold;
    color: #CC0000;
}
.delivery-submint{
    width: 100%;
    height: 60px;
    background: #63BB15;
    border: 1px solid #63BB15;
    border-radius: 2px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 60px;
    text-align: center;
    margin-top: 30px;
}
.delivery-info1-r input[type="date"]{
    width: 240px;
    height: 40px;
    border: 1px solid #DDDDDD;
    padding: 0 15px;
    font-size: 16px;
    color: #333333;
}
.delivery-info1-r::-webkit-calendar-picker-indicator{

}
.delivery-pay,.delivery-voucher{
    width: 100%;
    height: fit-content;
    padding: 10px 0 25px;
    border-bottom: 1px solid #BBBBBB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.delivery-pay text{
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 1;
}
.delivery-voucher{
    width: 510px;
    padding-left: 15px;
    align-items: flex-start;
}
.delivery-voucher text{
    font-size: 16px;
    color: #333333;
    line-height: 1;
}
.delivery-qrcode{
    width: 158px;
    height: 158px;
    background: #FFFFFF;
    border: 3px solid #63BB15;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}
.delivery-qrcode img{
    width: 126px;
    height: 126px;
    object-fit: scale-down;
}
.delivery-voucher-c{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}
.delivery-voucher-c a{
    width: 158px;
    height: 158px;
    background: #FEFEFE;
    border: 2px solid #DDDDDD;
    border-radius: 6px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.delivery-voucher-c a text{
    font-size: 16px;
    color: #666666;
    line-height: 2;
}
.delivery-voucher-c a img{
    max-width: 100%;
    object-fit: scale-down;
}
.delivery-voucher-c a:last-of-type{
    margin-right: 0px;
}
.delivery-voucher-c a .delivery-aclose{
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-image: url(../images/user-aclose.png);
    background-repeat: no-repeat;
}
/*提货时间*/

/*contactus*/
.contactus-title{
    width: 100%;
    height: 24px;
    font-size: 24px;
    color: #63BB15;
    line-height: 1;
    text-align: center;
}
.contactus-desc{
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 50px;
    text-align: center;
}
.contactus-form{
    width: 100%;
    height: 360px;
    background-color: #F4F9EF;
    border-radius: 2px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
}
.contactus-form-l{
    width: 410px;
    height: 360px;
    display: flex;
    flex-direction: column;
    background-image: url(../images/contactus-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.contactus-form-l1{
    width: 285px;
    height: 114px;
    padding: 0 55px 0 70px;
    background-color: #D9F0C2;
    border-radius: 2px 0px 0px 2px;
    font-size: 16px;
    color: #333333;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contactus-form-l2{
    width: 285px;
    height: 246px;
    padding: 0 55px 0 70px;
    font-size: 16px;
    color: #333333;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contactus-form-l1 text,.contactus-form-l1 span,.contactus-form-l2 text,.contactus-form-l2 span{
    margin-top: 8px;
}
.contactus-form-l1 text:first-of-type,.contactus-form-l1 span:first-of-type,.contactus-form-l2 text:first-of-type,.contactus-form-l2 span:first-of-type{
    margin-top: 0;
}
.contactus-form-l2 text:nth-child(4),.contactus-form-l2 span:nth-child(4){
    margin-top: 25px;
}
.contactus-form-r{
    width: 806px;
    height: 360px;
    padding: 0 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contactus-form-rwrap{
    width: 100%;
    height: 48px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.contactus-form-r .contactus-form-rwrap input{
    width: 370px;
    height: 48px;
    line-height: 48px;
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 0px;
    margin: 0;
    padding: 0 15px;
    font-size: 16px;
    color: #666666;
}
.contactus-form-r .contactus-form-rwrap input:focus{
    outline: none;
}
.contactus-form-r input{
    width: 776px;
    height: 48px;
    line-height: 48px;
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 0px;
    margin: 0;
    padding: 0 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 15px;
}
.contactus-form-r input:focus{
    outline: none;
}
.contactus-form-r textarea{
    width: 776px;
    height: 86px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    border-radius: 2px;
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    margin: 0;
    padding: 8px 15px;
    resize: none;
    margin-bottom: 15px;
}
.contactus-form-r textarea:focus{
    outline: none;
}
.contactus-form-r textarea::placeholder,.contactus-form-r textarea::-ms-input-placeholder,.contactus-form-r textarea::-moz-placeholder,
.contactus-form-r textarea::-webkit-input-placeholder{
    line-height: 20px !important;
}
.contactus-form-r a,.contactus-form-r button{
    width: 205px;
    height: 48px;
    background: #63BB15;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 48px;
    text-align: center;
    border: 0px;
    border-radius: 2px;
}
.contactus-addr{
    width: 100%;
    height: 360px;
    margin: 100px 0 50px 0;
    display: flex;
    flex-direction: row;
}
.contactus-addr-l{
    width: 420px;
    height: 360px;
    display: flex;
    flex-direction: column;
    margin-right: 120px;
    justify-content: center;
}
.contactus-addr-r{
    width: 720px;
    height: 360px;
}
.contactus-addr-l1{
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    margin-bottom: 8px;
}
.contactus-addr-l1-t{
    width: 44px;
    height: 30px;
}
.contactus-addr-l1-d{
    width: 376px;
    height: fit-content;
}
.contactus-info{
    width: 100%;
    height: 45px;
    display: flex;
    flex-direction: row;
    margin-top: 25px;
}
.contactus-info-i{
    width: 45px;
    height: 45px;
    display: flex;
    flex-direction: row;
    margin-right: 8px;
}
.contactus-info-i img{
    height: 45px;
    object-fit: scale-down;
}
.contactus-info-d{
    width: fit-content;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contactus-info-d text:nth-child(1){
    font-size: 14px;
    color: #666666;
    line-height: 1;
}
.contactus-info-d text:nth-child(2){
    font-size: 24px;
    color: #333333;
    line-height: 1;
}
/*contactus*/
/*guid*/
.guid-content{
    width: 1440px;
    height: fit-content;
    margin: 50px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.guid-menu-content{
    width: 220px;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.guid-menu-t{
    width: 170px;
    height: 46px;
    padding: 0 25px;
    background-color: #63BB15;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 46px;
    margin-bottom: 2px;
}
.guid-menu-f{
    width: 170px;
    height: 46px;
    padding: 0 25px;
    background-color: #EAEAEA;
    font-size: 14px;
    color: #333333;
    line-height: 46px;
    cursor: pointer;
    position: relative;
}
.guid-menu-f::after{
    content: '';
    width: 0;
    height: 0;
    top: 18px;
    right: 16px;
    position: absolute;
    border-top: 8px solid #666666;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.guid-menu-content .activity::after{
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #666666;
    top: 10px;
}
.guid-menu-s{
    width: 170px;
    height: fit-content;
    padding: 10px 25px;
    background-color: #FFFFFF;
    display: none;
    flex-direction: column;
}
.guid-menu-s a{
    width: 100%;
    font-size: 14px;
    color: #333333;
    line-height: 36px;
}
.guid-menu-s a:hover{
    color: #63BB15;
}
.guid-menu-content .guid-menu-s .activity{
    border: 0px;
    color: #63BB15;
}
.guid-info{
    width: 1200px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}
.guid-info .crumbs{
    width: 1170px;
    height: 46px;
    padding: 0 15px;
    background-color: #EAEAEA;
    border-bottom: 0px;
}
.guid-info .crumbs a{
    height: 46px;
    line-height: 46px;
}
.guid-info .crumbs a:last-of-type{
    font-weight: normal;
}
.guid-info-t{
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    color: #63BB15;
    line-height: 65px;
    text-indent: 3px;
}
.guid-info-desc{
    width: 100%;
    min-height: 244px;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    flex-direction: column;
    padding: 28px 0;
    font-size: 14px;
    color: #333333;
    line-height: 36px;
}
.guid-info-pagination{
    width: 100%;
    height: 30px;
    margin-top: 26px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.guid-info-pagination a{
    width: 80px;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    color: #333333;
    line-height: 30px;
    text-align: center;
    position: relative;
}
.guid-info-pagination a:last-of-type{
    margin-left: 14px;
    text-indent: -2px;
}
.guid-info-pagination a:first-of-type{
    text-indent: 2px;
}
.guid-info-pagination a:first-of-type::before{
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    transform: rotate(225deg);
    top: 12px;
    left: 12px;
    position: absolute;
}
.guid-info-pagination a:last-of-type::before{
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    transform: rotate(45deg);
    top: 12px;
    right: 12px;
    position: absolute;
}
.guid-info-pagination a:hover{
    color: #63BB15;
    border-color: #63BB15;
}
.guid-info-pagination a:hover::before{
    border-color: #63BB15;
}
/*guid*/

#register-form{
	width: 100%;
	display: flex;
	flex-direction: column;
}
#register-form .login-submit{
	margin-bottom:20px;
	border:0px;
}
#register-form input:last-of-type{
	margin-bottom:0px;
}
#login-form .login-submit{
	border:0px;
}

/**orderDetail**/
.order-dtl-container{
    width: 1438px;
    height: fit-content;
    display: flex;
    flex-direction: row;
    border: 1px solid #DDDDDD;
    margin: 0 auto;
    background-color: #FFFFFF;
    margin-bottom: 50px;
}
.order-dtl-infol{
    width: 560px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #DDDDDD;
    padding-bottom: 20px;
}
.order-dtl-info2{
    width: 878px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.order-dtl-info-t{
    width: 100%;
    height: 54px;
    background-color: #F3F3F3;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 54px;
    text-indent: 30px;
    margin-bottom: 20px;
}
.order-dtl-line{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}
.order-dtl-line-l{
    width: 160px;
    text-align: right;
    margin-right: 15px;
}
.order-dtl-line-r{
    width: 325px;
    height: fit-content;
    padding-right: 60px;
}
.order-dtl-arrivaltime{
    font-size: 16px;
    color: #666666;
    line-height: 1;
    margin-top: 35px;
    margin-bottom: 22px;
}
.order-dtl-dl{
    width: fit-content;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.order-dtl-dl a{
    width: 94px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    margin-left: 25px;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    text-align: center;
}
.order-dtl-dl a:first-child{
    margin-left: 0px;
}
.order-dtl-dl a:hover{
    color: #1E70C0;
    border-color: #1E70C0;
}
.order-dtl-status-c{
    width: 450px;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.order-dtl-status{
    width: 60px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 200;
}
.order-dtl-status img{
    width: 50px;
    height: 50px;
}
.order-dtl-statusd{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-dtl-status0{
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-dtl-status0 i{
    width: 16px;
    height: 16px;
    background-color: #63BB15;
    border-radius: 50%;
}
.order-dtl-status text{
    font-size: 18px;
    color: #333333;
    line-height: 1;
    margin-top: 12px;
}
.order-dtl-status-c .order-dtl-status::after{
    content: '';
    width: 75px;
    height: 5px;
    background-color: #DDDDDD;
    position: absolute;
    top: 22.5px;
    right: -38px;
    z-index: -1;
}
.order-dtl-status-c .order-dtl-status::before{
    content: '';
    width: 75px;
    height: 5px;
    background-color: #DDDDDD;
    position: absolute;
    top: 22.5px;
    left: -38px;
    z-index: -1;
}
.order-dtl-status-c .order-dtl-status:first-of-type::before{
    display: none;
}
.order-dtl-status-c .order-dtl-status:last-of-type::after{
    display: none;
}
.order-dtl-status-c .order-status-ok::after,.order-dtl-status-c .order-status-ok::before,.order-dtl-status-c .order-status-wait::before{
    background-color: #14B824;
}
.order-dt-col1{
    width: 50%;
}
.order-dt-col2{
    width: 12.5%;
    align-items: center !important;
}
/**orderDetail**/

/**reset**/
.login-reset-container{
    background-image: url(../images/reset-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-reset-content{
    width: 560px;
    height: fit-content;
    padding: 30px 160px 60px 160px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}
.login-reset-title{
    width: 100%;
    height: 68px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #63BB15;
    line-height: 68px;
    border-bottom: 3px solid #63BB15;
    margin-bottom: 40px;
}
.login-reset-content input,.login-reset-content .login-reset-yzm{
    width: 512px;
    height: 60px;
    background: #FEFEFE;
    border: 2px solid #63BB15;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #666666;
    line-height: 60px;
    padding: 0 22px;
}
.login-reset-content .login-reset-yzm{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    width: 556px;
}
.login-reset-content .login-reset-yzm input{
    font-size: 16px;
    color: #666666;
    line-height: 60px;
    padding: 0 22px;
    width: 300px;
    height: 60px;
    border: 0px;
    margin: 0;
}
.login-reset-content input:focus{
    outline: none;
}
.login-reset-submit{
    width: 100%;
    height: 60px;
    background: #63BB15;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 60px;
    cursor: pointer;
    letter-spacing: 5px;
    text-align: center;
}
.login-send-yzm{
    width: fit-content;
    height: fit-content;
    font-size: 16px;
    text-decoration: underline;
    color: #1E70C0;
    line-height: 1;
    cursor: pointer;
    margin-right: 15px;
}
/**reset**/

/**0102**/
.order-logistics-container{
    width: 1440px;
    margin: 44px auto 0 auto;
    height: 62px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.order-logistics{
    width: 180px;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 60px;
    margin-right: 26px;
    position: relative;
}
.order-logistics-container .activity{
    border-color: #63BB15;
}
.order-logistics .order-type{
    margin-right: 15px;
    margin-left: 40px;
    width: 18px;
    height: 18px;
    z-index: 700;
}
.order-logistics .order-type:checked{
    display: none;
}
.order-logistics .order-type:checked+label+text{
    margin-left: 73px;
}
.order-logistics label {
    position: absolute;
    left: 40px;
    top: 21px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #999;
    display: none;
    z-index: 800;
}

.order-logistics .order-type:checked+label {
    width: 18px;
    height: 18px;
    background-color: #63BB15;
    border: 0px;
    display: inline-block;
}

.order-logistics .order-type:checked+label::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 0px;
}
.order-logistics-content{
    width: 1440px;
    height: fit-content;
    margin: 0 auto ;
    display: flex;
    flex-direction: column;
    padding-top: 45px;
}
.order-logistics-title{
    width: 100%;
    height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 1;
    margin-bottom: 22px;
}
.order-delivery-address-c{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.order-delivery-address{
    width: 309px;
    height: 230px;
    background: #FFFFFF;
    border: 2px solid #DDDDDD;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 18px;
    margin-right: 14px;
}
.order-delivery-address-c .order-delivery-address:last-child{
    margin-right: 0px;
}
.order-logistics-content .activity{
    border-color: #63BB15;
}
/*画三角形*/
.order-logistics-content .activity::before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 65px solid #63BB15;
    border-left: 65px solid transparent;
}
/*画勾*/
.order-logistics-content .activity::after{
    content: '';
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 9px;
	height: 18px;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	transform: rotate(40deg);
}
.order-delivery-uname{
    width: 100%;
    height: 66px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 16px;
    color: #333333;
    line-height: 66px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}
.order-delivery-uaddr{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    width: 100%;
    height: 60px;
    margin-top: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}
.order-delivery-uphone{
    font-size: 16px;
    color: #333333;
    width: 100%;
    height: 16px;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    margin-top: 15px;
}
.order-delivery-address a{
    font-size: 16px;
    color: #D0912E;
    line-height: 32px;
    margin-top: 10px;
    width: fit-content;
    height: 32px;
    display: none;
}
.order-delivery-address-c .activity a{
    display: block;
}
.order-delivery-b{
    width: 100%;
    height: 54px;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: -20px;
}
.order-delivery-b a{
    width: fit-content;
    height: 54px;
    margin: 0;
    font-size: 14px;
    color: #D0912E;
    line-height: 54px;
}

.user-c1{
    width: 270px !important;
}
.user-c2{
    width: 90px !important;
}
.user-c3{
    width: 90px !important;
}
.user-c4{
    width: 150px !important;
}
.user-c5{
    width: 150px !important;
}
.user-c6{
    width: 100px !important;
}
.user-c7{
    width: 100px !important;
}
.user-c8{
    width: 120px !important;
}
.user-c9{
    width: 100px !important;
}
.user-c10{
    width: 110px !important;
}
.user-order-list-i .user-order-col1 a img{
    max-width: 80px;
    margin-right: 10px;
}
.user-order-list-i{
    padding-left: 15px;
    width: 1113px;
}
.user-order-title{
    width: 1115px;
    padding-left: 15px;
}
.user-order-col1{
    width: 300px !important;
}
.user-order-list-detail{
    width: fit-content;
    height: 72px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 这里是超出几行省略 */
    overflow: hidden;
}
.user-order-list-i{
    align-items: stretch;
}
.user-order-list-i .user-c8{
    width: 120px !important;
    height: auto;
    border-right: 1px solid #DDDDDD;
    align-items: center;
}
.user-order-list-i .user-c8 text{

}
.user-order-list-i .user-c9{
    width: 99px !important;
    height: auto;
    border-right: 1px solid #DDDDDD;
}
.user-order-list-i .flex-col1{
    border-right: 1px solid #DDDDDD;
}
.user-order-list-i .user-c7{
    width: 99px !important;
    height: auto;
    border-left: 1px solid #DDDDDD;
}
.user-order-list-tl .user-money{
    color: #CC0000;
    font-weight: bold;
    margin-bottom: 0;
    margin-right: 0px;
}
/**0102**/