.pc-shop{
    color: #333;
}

/*背景颜色*/
.pc-shop .bg-red{
    background: #ff4040;
}
.pc-shop .bg-gray{
    background: #f2f2f2;
}
.pc-shop .bg-blue{
    background: #319cef;
}
.pc-shop .bg-yellow{
    background: #ffc434;
}
.pc-shop .bg-dark-gray{
    background: #666;
}
.pc-shop .bg-mark{
    background: rgba(000,000,000,.5);
}


/*字体颜色*/
.pc-shop .font-red
{
    color: #ff4040;
}
.pc-shop .font-black
{
    color: #333333;
}
.pc-shop .font-blue
{
    color: #337ab7;
}
.pc-shop .font-yellow
{
    color: #ffc434;
}
.pc-shop .font-dark-gray
{
    color: #666;
}
.pc-shop .font-white
{
    color: #fff;
}

/*字体大小*/
.pc-shop .font-b-large{
    font-size: 20px;
}
.pc-shop .font-m-large{
    font-size: 18px;
}
.pc-shop .font-large{
    font-size: 16px;
}
.pc-shop .font-normal{
    font-size: 14px;
}
.pc-shop .font-small{
    font-size: 12px;
}

/*常用按钮*/
.pc-shop .shop-btn-red{
    background: #ff4040;
    border-radius: 4px;
    font-size: 14px;
    color: #fff !important;
    border: 1px solid #ff4040;
    outline: none;
    cursor: pointer;
    display: inline-block;
    padding: 4px 6px;
}
.pc-shop .shop-btn-red:active{
    opacity: 0.8;
    background: #FF4040;
    box-shadow: 0 0 5px red inset !important;
}
.pc-shop .shop-btn-full{
    background: #ff4040;
    border-radius: 4px;
    font-size: 18px;
    color: #fff !important;
    border: 1px solid #ff4040;
    outline: none;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    width: 100%;
}
.pc-shop .shop-btn-dis{
    cursor: not-allowed !important;
    border: 1px solid #999 !important;
    color: #fff !important;
    background: #999 !important;
}
.pc-shop .shop-btn-dis:active{
    opacity: 1 !important;
    background: #999 !important;
    box-shadow:unset !important;
}
.pc-shop .shop-btn-full:active{
    opacity: 0.8;
    background: #FF4040;
    box-shadow: 0 0 5px red inset !important;
}
.pc-shop .shop-btn-white{
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #333 !important;
    outline: none;
    cursor: pointer;
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #fff;
}
.pc-shop .shop-btn-white-border{
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #333 !important;
    outline: none;
    cursor: pointer;
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #ccc;
}
.pc-shop .shop-btn-white:active, .pc-shop .shop-btn-white-border:active{
    opacity: 0.8;
    background: #fff;
    box-shadow: 0 0 5px #ccc inset !important;
}


/*商城常用边距*/


.pc-shop .ma-y-4
{
    margin-top: 4px;
    margin-bottom: 4px;
}

.pc-shop .ma-y-5
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.pc-shop .ma-y-10
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.pc-shop .ma-y-20
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.pc-shop .ma-y-30
{
    margin-top: 30px;
    margin-bottom: 30px;
}


.pc-shop .ma-x-4
{
    margin-left: 4px;
    margin-right: 4px;
}
.pc-shop .ma-x-5
{
    margin-left: 5px;
    margin-right: 5px;
}
.pc-shop .ma-x-10
{
    margin-left: 10px;
    margin-right: 10px;
}
.pc-shop .ma-x-20
{
    margin-left: 20px;
    margin-right: 20px;
}
.pc-shop .ma-x-30
{
    margin-left: 30px;
    margin-right: 30px;
}
.pc-shop .ma-l-5
{
    margin-left: 5px;
}
.pc-shop .ma-l-10
{
    margin-left: 10px;
}
.pc-shop .ma-l-20
{
    margin-left: 20px;
}
.pc-shop .ma-l-30
{
    margin-left: 30px;
}
.pc-shop .ma-l-50
{
    margin-left: 50px;
}

.pc-shop .ma-t-5
{
    margin-top: 5px;
}
.pc-shop .ma-t-10
{
    margin-top: 10px;
}
.pc-shop .ma-t-20
{
    margin-top: 20px;
}
.pc-shop .ma-t-30
{
    margin-top: 30px;
}

.pc-shop .ma-b-5
{
    margin-bottom: 5px;
}
.pc-shop .ma-b-10
{
    margin-bottom: 10px;
}

.pc-shop .ma-b-20
{
    margin-bottom: 20px;
}
.pc-shop .ma-b-30
{
    margin-bottom: 30px;
}
.pc-shop .ma-r-5
{
    margin-right: 5px;
}
.pc-shop .ma-r-10
{
    margin-right: 10px;
}
.pc-shop .ma-r-20
{
    margin-right: 20px;
}
.pc-shop .ma-r-30
{
    margin-right: 30px;
}
.pc-shop .ma-5
{
    margin: 5px;
}
.pc-shop .ma-10
{
    margin: 10px;
}
.pc-shop .ma-20
{
    margin: 20px;
}
.pc-shop .ma-30
{
    margin: 30px;
}

.pc-shop .pa-x-4
{
    padding-left: 4px;
    padding-right: 4px;
}
.pc-shop .pa-x-5
{
    padding-left: 5px;
    padding-right: 5px;
}
.pc-shop .pa-x-10
{
    padding-left: 10px;
    padding-right: 10px;
}
.pc-shop .pa-x-20
{
    padding-left: 20px;
    padding-right: 20px;
}
.pc-shop .pa-x-30
{
    padding-left: 30px;
    padding-right: 30px;
}

.pc-shop .pa-y-4
{
    padding-top: 4px;
    padding-bottom: 4px;
}
.pc-shop .pa-y-5
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.pc-shop .pa-y-10
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.pc-shop .pa-y-20
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.pc-shop .pa-y-30
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.pc-shop .pa-l-5
{
    padding-left: 5px;
}
.pc-shop .pa-l-10
{
    padding-left: 10px;
}
.pc-shop .pa-l-20
{
    padding-left: 20px;
}
.pc-shop .pa-l-30
{
    padding-left: 30px;
}

.pc-shop .pa-t-5
{
    padding-top: 5px;
}
.pc-shop .pa-t-10
{
    padding-top: 10px;
}
.pc-shop .pa-t-20
{
    padding-top: 20px;
}
.pc-shop .pa-t-30
{
    padding-top: 30px;
}

.pc-shop .pa-b-5
{
    padding-bottom: 5px;
}
.pc-shop .pa-b-10
{
    padding-bottom: 10px;
}
.pc-shop .pa-b-20
{
    padding-bottom: 20px;
}
.pc-shop .pa-b-30
{
    padding-bottom: 30px;
}
.pc-shop .pa-r-5
{
    padding-right: 5px;
}
.pc-shop .pa-r-10
{
    padding-right: 10px;
}
.pc-shop .pa-r-20
{
    padding-right: 20px;
}
.pc-shop .pa-r-30
{
    padding-right: 30px;
}
.pc-shop .pa-0
{
    padding: 0;
}
.pc-shop .pa-5
{
    padding: 5px;
}
.pc-shop .pa-10
{
    padding: 10px;
}
.pc-shop .pa-15
{
    padding: 15px;
}
.pc-shop .pa-20
{
    padding: 20px;
}
.pc-shop .pa-30
{
    padding: 30px;
}


/*商城常用边框*/
.pc-shop .border-s-b
{
    border: none;
    border-bottom: 1px solid;
}
.pc-shop .border-d-b
{
    border: none;
    border-bottom: 1px dashed;
}
.pc-shop .border-s-l
{
    border: none;
    border-left: 1px solid;
}
.pc-shop .border-d-l
{
    border: none;
    border-left: 1px dashed;
}
.pc-shop .border-s-r
{
    border: none;
    border-right: 1px solid;
}
.pc-shop .border-d-r
{
    border: none;
    border-right: 1px dashed;
}
.pc-shop .border-s-t
{
    border: none;
    border-top: 1px solid;
}
.pc-shop .border-d-t
{
    border: none;
    border-top: 1px dashed;
}
.pc-shop .border-s
{
    border: 1px solid;
}
.pc-shop .border-d
{
    border: 1px dashed;
}
.pc-shop .border-gray
{
    border-color: #EEEEEE;
}
.pc-shop .border-dark-gray
{
    border-color: #D5DADF;
}
.pc-shop .border-red
{
    border-color: #FF4040;
}
.pc-shop .border-radius-public
{
    border-radius: 4px;
}
.pc-shop .border-w-2
{
    border-width:2px
}
.pc-shop .border-w-4
{
    border-width:4px
}
.pc-shop .w-11
{
    width: 11% !important;
}
.pc-shop .w-7
{
    width: 7% !important;
}
.pc-shop .ls-1
{
    letter-spacing: 1px;
}
.pc-shop .ls-2
{
    letter-spacing: 2px;
}
.pc-shop .ls-3
{
    letter-spacing: 3px;
}
.pc-shop .ls-4
{
    letter-spacing: 4px;
}
.pc-shop .ls-5
{
    letter-spacing: 5px;
}
.pc-shop .ls-6
{
    letter-spacing: 6px;
}
.pc-shop .ls-7
{
    letter-spacing: 7px;
}
.pc-shop .ls-8
{
    letter-spacing: 8px;
}

/*行间距*/
.pc-shop .font-lint-16
{
    line-height: 16px
}
.pc-shop .font-lint-20
{
    line-height: 20px
}
.pc-shop .font-lint-24
{
    line-height: 24px
}
.pc-shop .font-lint-30
{
    line-height: 30px
}
.pc-shop .font-lint-32
{
    line-height: 32px
}
.pc-shop .font-lint-34
{
    line-height: 34px
}
.pc-shop .font-lint-38
{
    line-height: 38px
}
.pc-shop .font-lint-40
{
    line-height: 40px
}
.pc-shop .outline-none
{
    outline: none;
}
.pc-shop .ellipsis-1
{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}


.pc-shop .d-flex{
    display: flex;
}
.pc-shop .justify-content-end {
    justify-content: flex-end;
}
.pc-shop .row-space-between {
    display: flex;
    justify-content: space-between;
}
.pc-shop .colum-end {
    align-items: flex-end
}
.pc-shop .column-center {
    align-items: center;
}
.pc-shop .row-column-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pc-shop .flex-shrink-0 {
    flex-shrink: 0
}
.pc-shop .flex-shrink-1 {
    flex-shrink: 1
}
.pc-shop .flex-grow-0 {
    flex-grow: 0
}
.pc-shop .flex-grow-1 {
    flex-grow: 1
}
.pc-shop .flex-wrap {
    flex-wrap: wrap ;
}
.pc-shop .width-100 {
    width: 100%;
}
.pc-shop .width-49 {
    width: 49%;
}
.pc-shop .width-35 {
    width: 35%;
}
.pc-shop .max-width-100 {
    max-width: 100%;
}
.pc-shop .max-height-100 {
    max-height: 100%;
}
.pc-shop .border {
    border: 1px solid red;
}
.pc-shop .text-align-right {
    text-align: right;
}
.pc-shop .two-word-wrap {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pc-shop .one-word-wrap {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.pc-shop .p-relative {
    position: relative;
}
.pc-shop .p-absolute {
    position: absolute;
}