input[type=checkbox] {
    cursor: pointer;
    position: relative;
    width: 18px;
    height: 18px;
    font-size: 12px;
}

input[type=checkbox]::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 18px;
    height: 18px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border-radius: 3px
}

input[type=checkbox]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #249467;
}

input[type="radio"]:checked {
    background-color: red;
}

input[type='date']{
    position: relative;
}
input[type='date']::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0;
    padding-left: calc(100% - 40px);
    padding-right: 10px;
}

.hide,.none {
    display: none
}

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    zoom: 1;
}



.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

.flex {
    display: flex;
}

.goods-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #D8D8D8;
    border: 1px solid #979797;
    box-sizing: border-box;
}

.m-0 {
    margin: 0;
}

.im-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0;
}

.ip-0  {
    padding: 0 !important;
}

.ml-10 {
    margin-left: 10px;
}

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

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

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

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

.m-10 {
    margin: 10px;
}

.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: flex-end;
}

.align-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

.text-center {
    text-align: center;
}

.break-50 {
    color: rgba(0, 0, 0, 0.5);
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.coupon {
    position: relative;
    width: 275px;
    /* background: linear-gradient(144deg, #FFFFFF 0%, #249467 150%); */
    background: url('../assets/images/yhq_bg.png') no-repeat center/100% 100%;
    /* background-size: cover; */
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
}

.coupon.invalid {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
}

.coupon .coupon-contant {
    width: 275px;
    height: 70px;
    /* border: 1px solid #249467; */
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.coupon .coupon-contant .left {
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 18px;
    font-weight: 300;
    color: #249467;
}

.coupon .coupon-contant .right {
    position: absolute;
    right: 80px;
    top: 2px;
    font-size: 18px;
    font-weight: 300;
    color: #249467;
    text-align: center;
}

.coupon .coupon-contant .right .c {
    font-size: 18px;
    letter-spacing: 5px;
    font-weight: 600;
}

.coupon .coupon-contant .right .s {
    font-size: 14px;
}

.coupon .coupon-contant .right .m {
    text-align: left;
    font-size: 10px;
    letter-spacing: 2px;
}

.coupon .coupon-contant .right .e {
    text-align: left;
    font-size: 10px;
    letter-spacing: 1px;
}

.coupon .split .round {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #249467;
    /* box-shadow: 0px 2px 4px 2px rgba(36,148,103,0.6); */
}

.coupon .split .top {
    position: absolute;
    top: -10px;
    left: 52px;
}

.coupon .split .bottom {
    position: absolute;
    bottom: -10px;
    left: 52px;
}

.coupon .split .line {
    width: 1px;
    height: 40px;
    position: absolute;
    left: 62px;
    top: 15px;
}

.coupon .split .line::after {
    content: '';
    border-left: 1px dashed #249467;
    width: 2px;
}

.coupon .btn {
    width: 61px;
    height: 25px;
    background: linear-gradient(127deg, #8FE2B2 0%, #249467 100%);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
    border-radius: 13px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    margin: 12px;
}

.coupon-list {
    display: flex;
    flex-wrap: wrap;
}

.coupon-list .desc-item {
    margin: 7px !important;
}

.coupon-list .coupon .coupon-contant {
    height: 85px;
}

.coupon-list .coupon .coupon-contant .left {
    top: 30px;
}

.card {
    position: relative;
    width: 230px;
    height: 350px;
}

.card.small {
    width: 180px;
    height: 260px;
}

.card.vertical .ab-wrap {
    position: absolute;
    width: 230px;
    height: 350px;
    background: #FFFFFF;
    background: #fff;
    /* transition: all .2s; */
    box-sizing: border-box;
    /* border: 1px solid #979797; */
    border-radius: 10px;
}

.card.border .ab-wrap {
    border: 1px solid #979797;
}

.card.vertical.small .ab-wrap {
    width: 180px;
    height: 260px;
}

.card.horizontal{
    width: 472px;
    height: 230px;
}

.card.horizontal .ab-wrap {
    position: absolute;
    width: 472px;
    height: 230px;
    background: #FFFFFF;
    background: #fff;
    /* transition: all .2s; */
    box-sizing: border-box;
    /* border: 1px solid #979797; */
    border-radius: 10px;
}

.card.horizontal .ab-wrap {
    display: flex;
    padding: 14px 15px;
}

.card.horizontal .content {
    padding: 15px 0;
}

.card.horizontal .img{
    margin: 0 10px 0 0;
} 

.card.horizontal .title, .card.horizontal .price, .card.horizontal .spec, .card.horizontal .company {
    margin-bottom: 15px;
}

.card:hover {
    z-index: 999;
}

.card.horizontal:hover .ab-wrap {
    /* height: 290px !important; */
    width: 472px;
    /* border: 1px solid #249467; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}


.card.horizontal:hover .ab-wrap .add {
    display: flex;
    width: 100%;
    height: 60px;
    background-color: #DFDFDF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    justify-content: space-between;
    flex-direction: row;
}

.card.horizontal:hover .ab-wrap .add .left, .card.horizontal:hover .ab-wrap .add .right {
    width: 50%;
    margin-bottom: 0;
}

.card.horizontal:hover .ab-wrap .add .left {
    margin-right: 10px;
}

.card.vertical:hover .ab-wrap {
    /* height: 459px !important; */
    display: block;
    /* background: #fff; */
    /* border: 1px solid #249467; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.card.vertical:hover .ab-wrap .add {
    display: block;
    background-color: #DFDFDF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.card .img {
    width: 200px;
    height: 200px;
    padding: 0 15px;
    margin-bottom: 6px;
    text-align: center;
    position: relative;
}

.card.vertical.small .img {
    width: 150px;
    height: 150px;
}

.card .img img {
    max-width: 100%;
    max-height: 100%;
}

.card .title {
    padding: 0 15px;
    font-size: 20px;
    height: 28px;
    color: rgba(0,0,0,0.85);
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 5px;
}

.card .subtitle {
    padding: 0 15px;
    font-size: 12px;
    font-weight: 100;
    line-height: 1;
    color: #000000;
    margin-bottom: 5px;
}

.card .price {
    padding: 0 15px;
    font-size: 20px;
    height: 22px;
    color: #F96401;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 5px;
}

.card .spec {
    margin-bottom: 6px;
}

.card .spec, .card .company {
    padding: 0 15px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: rgba(0,0,0,0.5);
    font-weight: 100;
}

.card .botton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-top: 14px;
}

.card .botton .card-settleup {
    display: flex;
    align-items: center;
}

.card .botton .card-settleup .icon {
    display: inline-block;
    background: url('../assets/icon/cart_default.png') no-repeat center/cover;
    width: 21px;
    height: 24px;
}

.card .botton .code {
    height: 20px;
    font-size: 14px;
    color: rgba(0,0,0,0.5);
    line-height: 20px;
    margin-left: 4px;
}

.card .expirydate {
    color: rgba(0,0,0,0.5);
    font-size: 12px;
}

.card .expirydate.empty {
    display: none;
}

.card .botton .date {
    font-size: 12px;
    color: #F5F5F5;
    background: linear-gradient(143deg, #8FE2B2 0%, #249467 100%);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.5);
    border-radius: 5px;
    height: 20px;
    line-height: 20px;
    padding: 2px 8px;
}

.card .add .k {
    position: relative;
    height: 20px;
    line-height: 18px;
    border: 1px solid #249467;
    text-align: center;
    box-sizing: border-box;
}

.card .add .k input {
    width: 48px;
    height: 18px;
    border: none;
    outline: none;
    padding: 0 5px;
    box-sizing: border-box;
    background-color: #DFDFDF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.card .add {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* height: 57px; */
    /* border-top: 1px solid #249467; */
    padding: 5px 8px;
}

.card .add .xg {
    border-radius: 5px;
    width: 91px;
}

.card .add .ys {
    display: flex;
}

.card .add .s{
    width: 27px;
    border-radius: 5px 0px 0px 5px;
    cursor: pointer;
    user-select: none;
}

.card .add .a{
    width: 27px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    user-select: none;
}

.card .add .k.disabled{
    cursor: no-drop;
}

.card .add .i {
    width: 50px;
    margin: 0 3px;
}

.card .add .g {
    width: 91px;
    border-radius: 5px;
    cursor: pointer;
    color: #249467;
}

.card.vertical.small .add .g {
    width: 86px;
}

.card.vertical.small .add .a,
.card.vertical.small .add .s {
    width: 22px;
}

.card.vertical.small .add .i {
    width: 35px;
}

.card.vertical.small .add .k input {
    width: 33px;
}

.card .add .left {
    /* flex: 0 0 50%; */
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
    line-height: 20px;
    margin-bottom: 8px;
}

.card .add .left .limit0 {
    display: none;
}

.card .add .right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btns .islogin0 {
    display:none !important;
}
.btns .issales1 {
    display:none !important;
}

.card .islogin0 {
    display:none !important;
}
.card .issales1 {
    display:none !important;
}
.card .msvalid0 {
    display:none !important;
}

.markdownratio {
    width: 199px;
    height: 35px;
    line-height: 30px;
    font-size: 16px;
    color: #ffffff;
    background-image: url(../assets/icon/markdown-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 50px;
    padding-top: 15px;
    position: absolute;
    bottom: 0;
    text-align: right;
    padding-right:1px;
}
.markdownratio .ratio {
    display: inline-block;
    width: 90px;
    height: 30px;
    border: 2px solid #d01b08;
    border-radius: 5px;
    margin-left: 5px;
    background: #ffffff;
    color: #cf1c08;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

.ismarkdownratio0 {
    display:none !important;
}

.scrolling-text {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#ad-box {
    overflow: hidden;
}
     
.scrolling-text ul {
    position: relative;
    display: inline-block;
    display: flex;
    flex-direction: column;
}
     
.scrolling-text li {
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    color: rgba(0,0,0,0.5);
    cursor: pointer;
}

#breadcrumb {
    height: 30px;
    line-height: 30px;
    background: #F5F5F5;
    font-size: 12px;
    font-weight: 300;
    color: rgba(0,0,0,0.5);
}

#breadcrumb .w {
    width: 1200px;
    margin: auto;
}

#breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

#breadcrumb .w ol li .breadcrumb-separator {
    margin-inline: 8px;
    color: rgba(0, 0, 0, 0.45);
}

#breadcrumb .w ol li a {
    color: rgba(0, 0, 0, 0.45);
    transition: color 0.2s;
    padding: 0 4px;
    border-radius: 4px;
    height: 22px;
    display: inline-block;
    margin-inline: -4px;
}

#footer {
    margin-top: 20px;
    padding: 30px 0 0 0;
    /* background: #D8D8D8; */
}

#footer .w {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    width: 1200px;
    z-index: 12;
    padding: 10px 0;
    text-align: center;
}

#footer .w .tit {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    /* color: rgba(0,0,0,0.5); */
    line-height: 20px;
    margin-bottom: 10px;
}

#header {
    background: #fff;
    position: relative;
    z-index: 99;
    /* border-bottom: 1px solid #979797; */
}

#header {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 9999;
}

#header.shadow {
    box-shadow: 0 .5rem .2rem rgba(0,0,0,.05)!important;
}

#header .w {
    position: relative;
    margin: auto;
    width: 1200px;
    z-index: 11;
    height: 120px;
    box-sizing: border-box;
}

#header .w #logo {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 30px;
    width: 120px;
}

#header .w #logo img {
    width: 100%;
    height: 100%;
    display: block;
}

#search .search-m {
    position: relative;
    z-index: 1;
    height: 60px;
}

#search .search-m .form {
    position: absolute;
    left: 147px;
    top: 40px;
    width: 840px;
    height: 40px;
    border: 3px solid #249467;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}

#search .search-m .form .search_bg {
    left: 120px;
    padding: 10px;
    width: 600px;
    height: 58px;
    border: 1px solid transparent;
    line-height: 58px;
    font-size: 14px;
    box-sizing: border-box;
}

#search .search-m .button, .search-m .search_bg, .search-m .text, .search-m .type {
    position: absolute;
    top: 0;
    outline: none;
}

#search .search-m .search_bg, .search-m .text {
    left: 120px;
    padding: 6px 10px 6px 50px;
    width: 600px;
    border: 1px solid transparent;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    box-sizing: border-box;
}

#search .search-m .text {
    background-color: #f4f4f4;
}

#search .search-m .check-icon {
    position: absolute;
    left: 139px;
    top: 8px;
    z-index: 99;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 20px;
    background: url('../assets/icon/cha.png') no-repeat;
    background-size: cover;
}

.search-m .button {
    border-radius: 0 0 8px 0;
    right: 0;
    width: 115px;
    height: 37px;
    line-height: 30px;
    border: none;
    font-size: 20px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.search-m .button:hover {
    color: #fff;
}

.search-m .type {
    border-radius: 0 0 0 8px;
    left: 0;
    width: 120px;
    height: 37px;
    line-height: 37px;
    border: none;
    font-size: 20px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    cursor: pointer;
}

.search-m .type .type-drawn {
    text-align: center;
}

.search-m .type .type-drawn .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../assets/icon/caret-down-filled.png') no-repeat;
    background-size: cover;
}

.search-m .type .type-drawn-wrap {
    text-align: center;
    width: 123px;
    position: relative;
    left: -3px;
    top: -5px;
}

.search-m .type:hover ul{
    display: block !important;
}

.search-m .type:hover ul li {
    height: 56px;
    line-height: 56px;
}

#shortcut {
    /* border-bottom: 1px solid #979797; */
    background-color: #F5F5F5;
}

#shortcut {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#shortcut .w {
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#shortcut .w .fl .icon {
    display: inline;
    width: 24px;
    height: 23px;
    background: url('../assets/icon/home_default.png') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}

#shortcut .w .fl:hover .icon {
    background-image: url('../assets/icon/home_hover.png');
}

#shortcut .w .fl:active .icon {
    background-image: url('../assets/icon/home_click.png');
}


#shortcut .w .wrap {
    display: flex;
}

#shortcut .w .wrap li {
    margin-left: 8px;
}

#shortcut .w .wrap li .user{
    margin-right: 5px;
}

#shortcut .w .wrap li.log-out {
    margin-left: 32px;
}

#navitems {
    background-color: #fff;
    margin-top: 150px;
}

#navitems .w {
    position: relative;
    margin: auto;
    width: 1200px;
    z-index: 11;
    height: 60px;
    box-sizing: border-box;
}

#navitems ul {
    overflow: hidden;
    position: absolute;
    left: -38px;
    bottom: 0;
    height: 60px;
    padding-top: 20px;
    box-sizing: border-box;
}

#navitems .navitems-group1 {
    display: flex;
}

#navitems .navitems-group1 .fore {
    margin: 0 38px;
}

#navitems .navitems-group1 a {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 10px;
}



#navitems .navitems-group1 .active a {
    color: #259668;
}

#navitems .navitems-group1 .fore .line {
    display: block;
    height: 3px;
    border-radius: 2px;
}

#navitems .navitems-group1 .active.fore .line,
#navitems .navitems-group1 .fore:hover .line {
    background-color: #259668;
    box-shadow: 0px 2px 4px 2px rgba(36,148,103,0.6);
}

#settleup {
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 40px;
    z-index: 21;
    font-size: 18px;
    font-weight: 400;
}

#settleup .primary-color {
    position: relative;
}

#settleup .num {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    right: -14px;
    top: -7px;
    display: none;
}

#settleup .num.plus {
    width: 25px;
}

#settleup a {
    line-height: 33px;
    margin-left: 10px;
    height: 33px;
}

#settleup .icon {
    position: relative;
    background: url('../assets/icon/cart_default.png') no-repeat;
    background-size: cover !important;
    width: 30px;
    height: 35px;
}

#settleup:hover .icon{
    background: url('../assets/icon/cart_hover.png') no-repeat;
}

#settleup:hover .primary-color {
    color: #2161A5;
}

#settleup:hover .primary-bg {
    background-color: #2161A5;
}

#settleup:active .primary-color{
    color: #7C9CBE;
}

#settleup:active .primary-bg {
    background-color: #7C9CBE;
}

#settleup:active .icon{
    background: url('../assets/icon/card_click.png') no-repeat;
}

#settleup .icon .num {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    position: absolute;
    right: -12px;
    top: -12px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
}

#hotwords {
    overflow: hidden;
    position: absolute;
    left: 270px;
    top: 81px;
    width: 550px;
    height: 20px;
    line-height: 20px;
}

#hotwords a {
    float: left;
    margin-right: 30px;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.50);
}

input.default {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
    position: relative;
    display: inline-block;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition: all 0.2s;
    outline: none;
    
}

 .label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 32px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    margin-right: 10px;
 }

 button {
    outline: none;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    background-color: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    user-select: none;
    touch-action: manipulation;
    border-radius: 2px;
    padding: 4px 15px;
    overflow: hidden;
 }

 button.small {
    padding: 0px 10px;
 }

 button:hover {
    color: rgba(36, 148, 103, 0.8);
 }

button.primary {
    background: #249467;
    color: #fff;
}

button.primary:hover {
    background: rgba(36, 148, 103, 0.8);
}

input.small {
    padding: 0px 10px;
}

input.primary {
    background: #249467;
    color: #fff;
    border:1px solid #249467;
    border-radius: 2px;
}

input.primary:hover {
    background: rgba(36, 148, 103, 0.8);
}

button.default {
    border: 1px solid #249467;
    color: #249467;
}

button.default:hover {
    border: 1px solid rgba(36, 148, 103, 0.8);
    color: rgba(36, 148, 103, 0.8);
}

button.normal {
    border: 1px solid #979797;
    color: rgba(0, 0, 0, 0.85);
}

button.normal:hover {
    border: 1px solid rgba(36, 148, 103, 0.8);
    color: rgba(36, 148, 103, 0.8);
}

button.active {
    border: 1px solid #249467;
    color: #249467;
}

button.active .right {
    display: none;
}

button.active .right {
    display: inline-block;
}

input.active {
    border: 1px solid #249467;
    color: #249467;
    border-radius: 2px;
}

button.text {
    color: #249467;
    line-height: 1;
}

button.text:hover {
    color: rgba(36, 148, 103, 0.8);
}


button.disabled {
    /* background: rgba(0, 0, 0, 0.50); */
    color: rgba(0, 0, 0, 0.50);
    border: 1px solid rgba(0,0,0,0.25);
    cursor: no-drop;
}

button.disabled:hover {
    color: rgba(0, 0, 0, 0.50);
    border: 1px solid rgba(0,0,0,0.25);
}

button.active {
    

}

button.active .right {
    position: absolute;
    left: -8px;
    top: -4px;
    width: 20px;
    height: 13px;
    background-color: #249467;
    transform: rotate(-46deg);
}

button.active .right .icon {
    background: url(../assets/icon/gou.png) no-repeat center/cover;
    display: inline-block;
    background-size: contain !important;
    width: 12px;
    height: 12px;
    transform: rotate(38deg);
    position: absolute;
    left: 4px;
    top: 3px;
}

.hidden {
    display: none !important;
}

#pagination {
    display: flex;
    align-items: center;
}

#pagination .f {
    display: flex;
}

#pagination .n {
    width: 52px;
}

#pagination .pages > * {
    margin: 0 4px;
}

#pagination .pages .active, #pagination .pages .active a  {
    color: #249467;
    font-weight: 700;
}

#pagination .total {
    color: rgba(0,0,0,0.5);
}

.tabs {
    display: flex;
}

.tabs .pane {
    height: 30px;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    padding: 4px 16px;
    box-sizing: border-box;
    color: rgba(0,0,0,0.5);
    cursor: pointer;
}

.tabs .pane:first-child{
    border-radius: 10px 0px 0px 0px;
}

.tabs .pane:last-child{
    border-radius: 0 10px 0px 0px;
}

.tabs .pane.active {
    border: 1px solid #249467;
    color: #249467;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999;
    justify-content: center;
    /* align-items: center; */
}

.modal .mosk {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .35);
}

.modal .modal-wrap {
    position: relative;
    z-index: 9999;
    width: 650px;
    margin: 0 auto;
    top: 100px;
    background-color: #fff;
    border-radius: 10px;
}

.modal .modal-wrap .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 0;
}

.modal-title {
    margin: 0;
    color: #249467;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
}

.modal-content {
    padding: 20px;
}

.modal-content .imge-preview {
    display: flex;
    flex-wrap: wrap;
}

.modal-content .imge-preview  {
    background-color: #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    /* border: 1px solid #979797; */
}

.modal-content .imge-preview img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px 20px 20px;
}

.modal-footer button {
    margin-left: 10px;
}

.modal-close {
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url('../assets/dialog.png') no-repeat center/cover;
}

.form {

}

.form-item {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.form-item-label {
    display: inline-block;
    flex-grow: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: end;
    vertical-align: middle;
    min-width: 100px;
    margin-right: 10px;
}
.form-item-label::after{
    content: ':';
}

.form-horizontal .ant-form-item-label {
    flex-grow: 0;
}

.form-item-control {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.form-item-control.row {
    flex-direction: row;
}

.form-item-input,
.form-item-textarea {
    box-sizing: border-box;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    height: 32px;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition: all 0.2s;
    outline: none;
    /* border-color: #4096ff; */
}

.form-item-textarea {
    min-height: 54px;
    max-width: 100%;
}

.form-radio-group {
    display: flex;
    flex-wrap: wrap;
}

.form-radio-group.vertical {
    flex-direction: column;
    align-items: flex-start;
}

.form-item-radio {
    margin-right: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
}

.form-radio-group.vertical .form-item-radio{
    margin-bottom: 6px;
}

.form-item-radio label {
    cursor: pointer;
    padding: 0 8px;
}

.form-item-radio label:hover {
    text-decoration: underline;
    color: #259668;
}

.form-item-input:hover, .form-item-input:focus,
.form-item-textarea:hover, .form-item-textarea:focus {
    border-color: #249467;
}

.form-item-checkbox {
    z-index: 1;
    cursor: pointer;
    margin: 0;
    width: 14px;
    height: 14px;
    line-height: normal;
}

.popover {
    position: absolute;
    display: none;
    z-index: 9999;
    background-color: #ffffff;
    background-clip: padding-box;
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.popover .popover-title {
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 0;
}

.popover .popover-title .popover-close {
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url('../assets/dialog.png') no-repeat center/cover;
}

.popover .popover-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    border-radius: 0 0 2px;
    pointer-events: none;
    width: 32px;
    height: 32px;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    border-top: 10px solid transparent; 
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 10px solid rgba(33,97,165,0.6); 
}

.popover-arrow::before {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 32px;
    height: 8px;
    background: var(--antd-arrow-background-color);
    clip-path: path('M 6.343145750507619 8 A 4 4 0 0 0 9.17157287525381 6.82842712474619 L 14.585786437626904 1.414213562373095 A 2 2 0 0 1 17.414213562373096 1.414213562373095 L 22.82842712474619 6.82842712474619 A 4 4 0 0 0 25.65685424949238 8 Z');
    content: "";
}

.popover .popover-inner {
    padding: 12px;
}

.to-top {
    position: fixed;
    bottom: 100px;
    right: 50%;
    margin-right: -675px;
    width: 40px;
    height: 40px;
    background-color: #249467;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.to-top .icon {
    background: url('../assets/icon/TOP.png') no-repeat center/cover;
    width: 32px;
    height: 32px;
}

.steps {
    display: flex;
}

.steps .item {
    position: relative;
    display: inline-block;
    flex: 1;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
}

.steps .item:first-child {
    padding-inline-start: 0;
}

.steps .item .container .content {
    display: inline-block;
    vertical-align: top;
}

.steps .item .container .content .title{
    position: relative;
    left: 40px;
    height: 22px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0,0,0,0.5);
    line-height: 22px;
    display: inline-block;
    padding-inline-end: 16px;
    margin-bottom: 10px;
}

.steps .item.active .container .content .title {
    color: #249467;
}


.steps .item .container .content .triangle {
    position: absolute;
    top: 7px;
    right: -2px;
    width: 0;
    height: 0;
    background-color: #fff;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 10px solid rgba(0,0,0,0.5); 
    border-bottom: 4px solid transparent;
}
.steps .item.active .container .content .triangle {
    border-left: 10px solid #249467; 
}

.steps .item:last-child .container .content .triangle {
    display: none;
}

.steps .item .container .title::after {
    background-color: #249467;
    position: absolute;
    top: 11px;
    inset-inline-start: 100%;
    display: block;
    width: 9999px;
    height: 1px;
    background: #979797;
    content: "";
}

.steps .item.active .container .title::after {
    background-color: #249467;
}

.steps .item:last-child .container .title::after {
    display: none;
}

.steps .item .container .title.active {
    color: #249467;
}

.steps .item .desc {
    height: 17px;
    font-size: 12px;
    font-weight: 300;
    color: rgba(0,0,0,0.5);
    line-height: 17px;
    padding-left: 20px;
}

.desc {}

.desc .desc-item {
    display: flex;
    /* align-items: center; */
    margin-bottom: 12px;
}

.desc .desc-item:last-child {
    margin-bottom: 0;
}

.desc .desc-item .desc-label {
    font-size: 12px;
    font-weight: 300;
    color: rgba(0,0,0,0.85);
    margin-right: 12px;
    white-space: nowrap;
}

.desc .desc-item .desc-container {
    font-size: 12px;
    font-weight: 300;
    color: rgba(0,0,0,0.85);
}

.desc .desc-item .desc-container.stress {
    color: #249467;
}

.goods-list .goods-item {
    margin-bottom: 40px;
}

.goods-list .goods-item .action {
    display: flex;
    height:40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.10);
    padding: 0 10px;
    margin-bottom: 22px;
}

.goods-list .goods-item.delist .action {
    margin-bottom:0;
}

.goods-list .goods-item .box {
    border: 1px solid rgba(0,0,0,0.25);
}

.goods-list .goods-item .box .item  {
    display: flex;
    padding: 10px 10px 0 10px;
}

.goods-list .goods-item .box .item:last-child {
    padding-bottom: 10px;
}

.goods-list .goods-item .box .price,
.goods-list .goods-item .box .amout,
.goods-list .goods-item .box .ys,
.goods-list .goods-item .box .goods-action {
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods-list .goods-item .box .goods-action button{
    padding: 0;
}

.goods-list .goods-item .box .check,
.goods-list .goods-item .action .check {
    flex: 0 0 80px;
    display: flex;
    align-items: center;
}

.goods-list .goods-item .box .price,
.goods-list .goods-item .box .amout,
.goods-list .goods-item .action .price,
.goods-list .goods-item .action .amout {
    flex: 0 0 180px;
    text-align: center;
}

.goods-list .goods-item .box .ys,
.goods-list .goods-item .action .ys {
    flex: 0 0 280px;
    text-align: center;
}

.goods-list .goods-item .box .goods-action,
.goods-list .goods-item .action .goods-action {
    flex: 0 0 100px;
    display: flex;
    align-items: center;
}

.goods-list .goods-item .box .amout {
    color: #249467;
}

.goods-list .goods-item .action .goods-action {
    cursor: pointer;
}

.goods-list .goods-item .action .goods-action .delete {
    position: relative;
    background: url(../assets/icon/delete.png) no-repeat;
    background-size: cover !important;
    width: 20px;
    height: 20px;
    margin: 4px;
}

.goods-list .goods-item .box .goods-action {
    display: flex;
    flex-direction: column;
}

.goods-list .goods-item .box .goods-card,
.goods-list .goods-item .action .goods-card {
    display: flex;
    flex: 1;
}

.goods-list .goods-item .box .goods-card .img {
    width: 80px;
    height: 80px;
    background-color: #f2f2f2;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.goods-list .goods-item .box .goods-card .img img {
    max-width: 78px;
    max-height: 78px;
}

.goods-list .goods-item .box .goods-card .info {
    margin-left: 40px;
    padding: 10px 0;
}

.goods-list .goods-item .box .goods-card .info .brand,
.goods-list .goods-item .box .goods-card .info .company,
.goods-list .goods-item .box .goods-card .info .code,
.goods-list .goods-item .box .goods-card .info .date {
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    line-height: 17px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
}

.goods-list .goods-item .box .goods-card .info .date {
    color: rgba(0, 0, 0, 0.25);
    margin-left: 12px;
}

.goods-list .goods-item .box .ys {
    display: flex;
}

.goods-list .goods-item .box .ys .k {
    position: relative;
    height: 20px;
    line-height: 18px;
    border: 1px solid #249467;
    text-align: center;
    box-sizing: border-box;
}

.goods-list .goods-item .box .ys .k.disabled {
    cursor: no-drop
}

.goods-list .goods-item .box .ys .k input {
    text-align: center;
}

.goods-list .goods-item .box .ys .s {
    width: 27px;
    cursor: pointer;
    user-select: none;
}

.goods-list .goods-item .box .ys .i {
    width: 50px;
    margin: 0 3px;
}

.goods-list .goods-item .box .ys .a {
    width: 27px;
    cursor: pointer;
    user-select: none;
}

.goods-list .goods-item .box .ys .k input {
    width: 48px;
    height: 18px;
    border: none;
    outline: none;
    padding: 0 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.goods-list .goods-item.delist .action {
    display: flex;
    justify-content: space-between;
}

.goods-list .goods-item.delist .goods-action {
    /* font-size: 12px;
    font-weight: 400;
    color: #249467;
    text-align: center; */
}

.goods-list .goods-item.delist .title,
.goods-list .goods-item.delist .brand,
.goods-list .goods-item.delist .company,
.goods-list .goods-item.delist .code{
    color: rgba(0, 0, 0, 0.25) !important;
}

.upload-box {
    display: flex;
    flex-wrap: wrap;
}

.upload-box .imge-preview {
    display: flex;
    flex-wrap: wrap;
}

.upload-box .imge-preview .imge-preview-item {
    width: 100px;
    height: 100px;
    background-color: #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    /* border: 1px solid #979797; */
}

.upload-box .imge-preview .imge-preview-item img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.upload-box .upload-button {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #979797;
    cursor: pointer;
}

.upload-box .upload-button .icon.add {
    display: inline-block;
    background: url('../assets/icon/add.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}

.upload-box .upload-button .tip {
    text-align: center;
}

.upload-box .upload-button .w,
.upload-box .upload-button .button-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px !important;
    height: 100px;
    flex-direction: column;
}

.upload-box .upload-button .image {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.upload-box .upload-button .image img{
    max-height:100px;
    max-width:100px;
}

.upload-box .upload-button a.remove {
    cursor:pointer;
    position:absolute;
    top:0px;
    right:0px;
    text-decoration:none;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    background: #ffffff;
}
.upload-box .upload-button a:hover {
    text-decoration:none
}

.badge {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1;
    list-style: none;
    position: relative;
    display: inline-block;
    width: fit-content;
}

.badge .badge-count {
    position: absolute;
    top: 0;
    left: 30px;
    inset-inline-end: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0%;
    overflow: hidden;
    padding: 0 5px;
    z-index: auto;
    min-width: 20px;
    height: 20px;
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
    background: #249467;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #ffffff;
    transition: background 0.2s;
}

.search-input {
    position: relative;
    width: 380px;
}

.search-input .search-input {
    width: 379px;
    height: 36px;
    border-radius: 5px;
    border: 3px solid #249467;
    outline: none;
    padding: 6px 60px 6px 10px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    box-sizing: border-box;
}

.search-date .search-input {
    padding: 6px 10px 6px 10px;
}

.search-input button {
    position: absolute;
    right: 0;
    font-size: 20px;
    font-weight: 400;
    height: 36px;
    line-height: 30px;
}

.tag {
    display: inline-flex;
    font-size: 10px;
    font-weight: 300;
    height: 14px;
    color: #2161A5;
    line-height: 14px;
    border: 1px solid #2161a5;
    border-radius: 2px;
    padding: 0 6px;
    line-height: 1;   
    align-items: center;
    justify-content: center;
}

.tag span {
    position: relative;
    top: 2px;
    left: 2px;
    transform: scale(0.83333);
    transform-origin: 0 0;
}


#tool-bar {
    position: fixed;
    width: 35px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #249467;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
}

#tool-bar .wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    transition: all 0.2s ease;
}

#tool-bar .wrap .icon {
    position: relative;
    margin: 16px 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#tool-bar .wrap .icon:hover .h {
    display: flex;
    align-items: center;
}

#tool-bar .wrap .icon .h {
    display: none;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 110px;
    height: 30px;
    line-height: 30px;
    background: #FFFFFF;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #2161A5;
    border-right: none;
    padding-left: 10px;
    color: #2161A5;
}

#tool-bar .wrap .gwc .h {
    display: flex;
    width: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
#tool-bar .wrap .gwc .tit {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}
#tool-bar .wrap .gwc .num {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
    display: none;
}

#tool-bar .wrap .h .h-icon {
    width: 30px;
    height: 30px;
}

#tool-bar .wrap .gwc .h .h-icon {
    background: url('../assets/icon/gwc_white.png') no-repeat center/cover;
    width: 21px;
    height: 24px;
}

#tool-bar .wrap .pl {
    background: url('../assets/icon/pl_white.png') no-repeat center/cover;
    width: 28px;
    height: 28px;
}
#tool-bar .wrap .pl .h .h-icon {
    background: url('../assets/icon/pl_blue.png') no-repeat center/cover;
    width: 28px;
    height: 28px;
}

#tool-bar .wrap .dd {
    background: url('../assets/icon/dd_white.png') no-repeat center/cover;
}
#tool-bar .wrap .dd .h .h-icon {
    background: url('../assets/icon/dd_blue.png') no-repeat center/cover;
}

#tool-bar .wrap .lq {
    background: url('../assets/icon/yhq_white.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}
#tool-bar .wrap .lq .h .h-icon {
    background: url('../assets/icon/yhq_blue.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}

#tool-bar .wrap .kf {
    background: url('../assets/icon/kf_white.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}
#tool-bar .wrap .kf .h .h-icon {
    background: url('../assets/icon/kf_blue.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}

#tool-bar .wrap .gl {
    background: url('../assets/icon/setting_white.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}
#tool-bar .wrap .gl .h .h-icon {
    background: url('../assets/icon/setting_blue.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}

#tool-bar .wrap .top {
    position: absolute;
    bottom: 85px;
    background: url('../assets/icon/top_white.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
    display: none;
}
#tool-bar .wrap .top .h .h-icon {
    background: url('../assets/icon/top_blue.png') no-repeat center/cover;
    width: 24px;
    height: 24px;
}

.fill-400 {
    min-height: calc(100vh - 400px);
}

.fill-380 {
    min-height: calc(100vh - 380px);
}

.fill-370 {
    min-height: calc(100vh - 370px);
}

.fill-330 {
    min-height: calc(100vh - 330px);
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltip-content {
    position: absolute;
    z-index: 99;
    display: none;
    background: #FFFFFF;
    border: 1px solid #249467;
    min-width: 32px;
    min-height: 32px;
    padding: 6px 8px;
    color: #fff;
    text-align: start;
    text-decoration: none;
    word-wrap: break-word;
    border-radius: 6px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.tooltip-arrow-wrap {
    position: absolute;
    width: 20px;
    height: 100%;
    /* background: red; */
    left: -20px;
    top: 0;
}

.tooltip .tooltip-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    pointer-events: none;
    overflow: hidden;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #249467;
    transform: rotate(180deg);
    left: 12px;
    top: 8px;
}

.tooltip-arrow-inner {
    position: absolute;
    z-index: 2;
    display: block;
    pointer-events: none;
    overflow: hidden;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(180deg);
    left: 13px;
    top: 8px;
}

.tooltip:hover .tooltip-content {
    display: block;
}

.search-goods-autocomplete li a{
    display: block;
    padding: 5px 10px;
    line-height: 22px;
}
.search-goods-autocomplete {
    max-height: 500px;
    width: 605px !important;
    border: 1px solid #249467 !important;
    z-index: 10000;
}
.search-goods-autocomplete .ui-state-active {
    background: #f0f0f0;
    color: #333333 !important;
    border: none !important;
    font-weight: normal !important;
    margin: 0;
}
.search-goods-autocomplete .ui-state-active:hover {
    background: #f0f0f0;
    color: #333333 !important;
    border: none !important;
    font-weight: normal !important;
    margin: 0;
    text-decoration: none;
}

.orderby {
    padding: 3px 0;
}

.orderby button {
    line-height: 1
}

.orderby button.next-page {
    display: none;
}

.orderby button.disabled {
    border: none;
}

.nodata {
    width: 100%;
    height: 200px;
    background: url(../assets/icon/nodata.png) no-repeat center/cover;
    background-size: 150px;
    background-position: center 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    padding-top: 100px;
    color: #999999;
}
p.error {
    width: 100%;
    text-align: center;
    line-height: 200px;
    font-size: 14px;
    color: red;
}

.pager {
    overflow: hidden;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 200%;
    margin: 20px auto;
    clear: both;
    width: 100%;
}

.pager a {
    border: 1px solid rgba(36, 148, 103, 0.8);
    padding: 2px 7px;
    text-decoration: none;
    color: rgba(36, 148, 103, 0.8);
    font-size: 14px;
}

.pager a:visited {
    border: 1px solid rgba(36, 148, 103, 0.8);
    padding: 2px 7px;
    text-decoration: none;
    color: rgba(36, 148, 103, 0.8);
}

.pager a.disabled {
    border: 1px solid #aaaaaa;
    padding: 2px 7px;
    text-decoration: none;
    color: #aaaaaa;
}

.pager a.currNum {
    border: 1px solid rgba(36, 148, 103, 0.8);
    padding: 2px 7px;
    text-decoration: none;
    color: #ffffff;
    background: rgba(36, 148, 103, 0.8);
}

.pager .goto .input {
    padding: 2px 1px;
}

.pager .goto .input input {
    width: 30px;
    text-align: center;
    border: none;
    outline: none;
    background: none;
}

.textbox {
    box-sizing: border-box;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    height: 32px;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition: all 0.2s;
    outline: none;
}

.no-prescription-1 {
    display: none;
}

.is-prescription-,.is-prescription-0 {
    display: none;
}