@charset "UTF-8";
/* versions: v0.01 */
:root {
    --my_review_color: #e60044;
}

.common-review-wrapper-style {
    font: 12px/1 "Open Sans", Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: none !important;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    margin: 0;
    color: #777;
    background-color: #fff;
    overflow-x: hidden;
}

img {
    border: 0;
    vertical-align: top;
}

a {
    color: #444;
    text-decoration: none;
    transition: all 0.3s;
}

a:focus, a:visited {
    text-decoration: none;
}

a:hover {
    color: var(--my_review_color);
    -webkit-transition: color 0.25s linear;
    transition: color 0.25s linear;
    text-decoration: none;
}

:focus {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px;
    line-height: 1.35;
    color: #777;
}

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

@font-face {
    font-family: "myfont";
    src: url("../fonts/myfont.eot?t=1608706475353");
    /* IE9 */
    src: url("../fonts/myfont.eot?t=1608706475353#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../fonts/myfont.woff?t=1608706475353") format("woff"), url("../fonts/myfont.ttf?t=1608706475353") format("truetype"), url("../fonts/myfont.svg?t=1608706475353#iconfont") format("svg");
    /* iOS 4.1- */
}
.myfont {
    font-family: "myfont" !important;
    font-style: normal;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-del:before {
    content: "";
}

.icon-jia:before {
    content: "";
}

.icon-loader:before {
    content: "";
}

.icon-close:before {
    content: "";
}

.icon-love:before {
    content: "";
}

.icon-star:before {
    content: "";
}

.icon-star-on:before {
    content: "";
}

.icon-more:before {
    content: "";
}

.icon-left:before {
    content: "";
}

.icon-right:before {
    content: "";
}

.icon-icon_paging_left:before {
    content: "";
}

.icon-icon_paging_right:before {
    content: "";
}

.my-review-load-con {
    top: 50%;
    left: 0;
    display: none;
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.my-review-loading {
    display: inline-block;
    animation: rotating 2s linear infinite;
}

@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
/* 评价星 */
.my-star-con {
    overflow: hidden;
}
.my-star-con .my-star {
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 5px;
    margin-right: 6px;
    font-family: "myfont" !important;
    float: left;
    color: #eee;
    transition: all 0.2s;
}
.my-star-con .my-star:before {
    content: "";
}
.my-star-con .on.my-star {
    color: #f6c532;
}
.my-star-con .on.my-star:before {
    content: "";
}

/* 评价星 end */
/* 评价弹出层 */
.my-review-layer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
}

.my-review-layer-content {
    position: relative;
    width: 45%;
    height: 70%;
    padding: 40px 50px;
    background-color: #fff;
    box-sizing: border-box;
    overflow-y: auto;
}
.my-review-layer-content .head {
    font-size: 26px;
    text-align: center;
    margin-bottom: 15px;
}
.my-review-layer-content .tip {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
    float: left;
}
.my-review-layer-content .row {
    margin-bottom: 15px;
    overflow: hidden;
}
.my-review-layer-content .row .row-head {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 4px;
}
.my-review-layer-content .row .row-con .my-star-con {
    display: inline-block;
}
.my-review-layer-content .row .row-con .my-star-con .my-star {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 24px;
}
.my-review-layer-content .row .row-con .form-box {
    border: 1px solid #bbb;
}
.my-review-layer-content .row .my-review-form-submit {
    display: inline-block;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px;
    cursor: pointer;
    background-color: var(--my_review_color);
    color: #fff;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    text-align: center;
    float: right;
    box-sizing: border-box;
}
.my-review-layer-content .row .my-review-form-submit:hover {
    opacity: 0.8;
}
.my-review-layer-content .my-review-form input, .my-review-layer-content textarea {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    resize: vertical;
    border: none;
}

.my-review-close {
    position: absolute;
    top: 25px;
    right: 40px;
    font-family: myfont !important;
    font-size: 16px;
    padding: 20px;
    cursor: pointer;
    color: #000;
}

.not-null:before {
    content: "*";
    font-size: 18px;
    margin-right: 4px;
    color: #e60044;
}

.prompt {
    display: none;
    color: #e60044;
}

/* 评价弹出层end */
/* 详情页评价模块 */
.my-review-main {
    width: 100%;
}

.my-review-preview {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100vw;
    height: 100vh;
}
.my-review-preview .my-review-mu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.my-review-preview .preview-container {
    position: absolute;
    left: 50%;
    top: 15%;
    z-index: 10;
    width: 960px;
    height: 500px;
    margin-left: -480px;
    background-color: #fff;
}
.my-review-preview .preview-container .preview-centent {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.my-review-preview .preview-container .preview-l {
    width: 576px;
    height: 100%;
    float: left;
    box-sizing: border-box;
}
.my-review-preview .preview-container .preview-r {
    width: 384px;
    height: 100%;
    float: left;
    box-sizing: border-box;
}
.my-review-preview .preview-container .preview-r .my-review-li {
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.my-review-preview .preview-container .preview-swiper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
}
.my-review-preview .preview-container .preview-swiper .preview-swiper-ul {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    transition: left 0.5s;
}
.my-review-preview .preview-container .preview-swiper .preview-swiper-ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 576px;
    height: 100%;
}
.my-review-preview .preview-container .preview-swiper .preview-swiper-ul > li img {
    width: 100%;
}
.my-review-preview .preview-container .preview-swiper .preview-swiper-left {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 40px;
    cursor: pointer;
}
.my-review-preview .preview-container .preview-swiper .preview-swiper-right {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 40px;
    cursor: pointer;
}

.my-review-head-title {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.my-review-head-title h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 50px 0;
    text-align: center;
    letter-spacing: 3px;
}

.my-review-head {
    position: relative;
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}
.my-review-head .my-review-number-con {
    float: left;
    padding: 20px 40px 20px 0;
    border-right: 1px solid #eee;
}
.my-review-head .my-review-number-con .my-review-t {
    overflow: hidden;
}
.my-review-head .my-review-number-con .my-review-t .my-star-con {
    float: left;
}
.my-review-head .my-review-number-con .my-review-t .my-star-con .my-star {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 24px;
    margin-right: 8px;
}
.my-review-head .my-review-number-con .my-review-grade {
    font-size: 46px;
    margin-left: 20px;
    float: left;
}
.my-review-head .my-review-number-con .my-review-b {
    font-size: 14px;
    text-align: left;
}
.my-review-head .my-review-classify-con {
    padding: 0 0 0 60px;
    float: left;
}
.my-review-head .my-review-classify-con ul > li {
    margin-bottom: 6px;
    cursor: pointer;
    overflow: hidden;
}
.my-review-head .my-review-classify-con ul > li:hover .my-progress-bar-con {
    opacity: 1;
    background-color: #eee;
}
.my-review-head .my-review-classify-con ul > li:hover .my-review-number {
    color: var(--my_review_color);
}
.my-review-head .my-review-classify-con ul > li .my-star-con {
    float: left;
}
.my-review-head .my-review-classify-con ul > li .my-review-number {
    font-size: 14px;
    margin-left: 10px;
    float: left;
    color: #999;
}
.my-review-head .my-review-classify-con ul > li .my-progress-bar-con {
    width: 100px;
    height: 12px;
    margin: 1px 0 1px 20px;
    float: left;
    opacity: 0.3;
    background-color: #ccc;
    overflow: hidden;
    transition: all 0.3s;
}
.my-review-head .my-review-classify-con ul > li .my-progress-bar-con .my-progress-bar {
    height: 100%;
    background-color: var(--my_review_color);
}
.my-review-head .my-review-btn-con {
    position: absolute;
    right: 20px;
    top: 40px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.my-review-head .my-review-btn-con:hover {
    opacity: 0.8;
}
.my-review-head .my-review-btn-con .my-review-btn {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    padding: 0 20px;
    cursor: pointer;
    background-color: var(--my_review_color);
    color: #fff;
}

.my-review-tabbar-con {
    height: 24px;
    margin-top: 40px;
    border-bottom: 1px solid #ddd;
}
.my-review-tabbar-con .my-review-tabbar {
    float: left;
    overflow: hidden;
}
.my-review-tabbar-con .my-review-tabbar > li {
    font-size: 14px;
    margin-right: 25px;
    padding-bottom: 8px;
    float: left;
    cursor: pointer;
}
.my-review-tabbar-con .my-review-tabbar > li.on {
    border-bottom: 2px solid var(--my_review_color);
    color: var(--my_review_color);
}
.my-review-tabbar-con .my-review-sort {
    position: relative;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    float: right;
}
.my-review-tabbar-con .my-review-sort .title {
    float: left;
    margin-right: 10px;
}
.my-review-tabbar-con .my-review-sort .value {
    position: relative;
    padding-right: 18px;
    float: left;
    cursor: pointer;
}
.my-review-tabbar-con .my-review-sort .value::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-radius: 8px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #ccc;
}
.my-review-tabbar-con .my-review-sort .my-review-sort-ul {
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 20;
    display: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.my-review-tabbar-con .my-review-sort .my-review-sort-ul > li {
    min-width: 120px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 12px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
}
.my-review-tabbar-con .my-review-sort .my-review-sort-ul > li:hover {
    background-color: #eee;
}

.my-review-list {
    width: 100%;
}
.my-review-list > li {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.my-review-list > li:last-child {
    border: none;
}

.my-review-avatar {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
    background-color: #eee;
    overflow: hidden;
    color: #aaa;
}

.my-review-user-info {
    width: calc(100% - 50px);
    float: left;
    overflow: hidden;
}
.my-review-user-info .my-review-row {
    margin-bottom: 4px;
    overflow: hidden;
}
.my-review-user-info .my-review-row .my-review-user-name {
    font-size: 14px;
    line-height: 20px;
    float: left;
}
.my-review-user-info .my-review-row .my-review-time {
    font-size: 14px;
    line-height: 22px;
    float: right;
    color: #999;
}
.my-review-user-info .my-review-title {
    margin: 10px 0 12px;
    text-align: left;
}
.my-review-user-info .my-review-content {
    font-size: 14px;
    text-align: left;
    margin-bottom: 0;
}

.my-review-file-con {
    margin-top: 1em;
}
.my-review-file-con > img {
    width: 120px;
    height: 120px;
    margin: 0 4px 6px 0;
}

.my-review-pagination {
    display: none;
    text-align: center;
    overflow: hidden;
}
.my-review-pagination .my-pre-page, .my-review-pagination .my-next-page {
    height: 26px;
    line-height: 24px;
    border: none;
    background: transparent;
    float: left;
    cursor: pointer;
    color: #444;
}
.my-review-pagination .my-pre-page:hover, .my-review-pagination .my-next-page:hover {
    color: var(--my_review_color);
}
.my-review-pagination .my-pre-page:disabled, .my-review-pagination .my-next-page:disabled {
    color: #C0C4CC;
    background-color: #FFF;
    cursor: not-allowed;
}

.my-review-pagination-con {
    display: inline-block;
}

.my-review-pagination .my-pager-con {
    float: left;
}
.my-review-pagination .my-pager-con > li {
    padding: 6px 16px;
    font-size: 14px;
    float: left;
    cursor: pointer;
}
.my-review-pagination .my-pager-con > li:hover {
    color: var(--my_review_color);
}
.my-review-pagination .my-pager-con > li.on {
    color: var(--my_review_color);
}

/* 详情页评价模块end */
/* 商品列表评价模块 */
.my-review-list-con {
    line-height: 24px;
    font-size: 12px;
    text-align: left;
    box-sizing: border-box;
    color: var(--my_review_color);
}
.my-review-list-con .my-star-con {
    display: inline-block;
    vertical-align: middle;
}
.my-review-list-con .my-star-con .my-star {
    margin-right: 3px;
}
.my-review-list-con .my-review-sum {
    display: inline-block;
    vertical-align: middle;
}

/* 商品列表评价模块end */
@media (min-device-width: 280px) and (max-device-width: 736px) {
    .my-review-head {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .my-review-head .my-review-number-con {
        width: 100%;
        padding: 20px 0;
        border-right: none;
    }
    .my-review-head .my-review-btn-con {
        position: unset;
        width: 100%;
        margin-top: 15px;
        float: right;
    }
    .my-review-head .my-review-classify-con {
        padding: 0;
    }
    .my-review-head .my-review-classify-con ul > li .my-progress-bar-con {
        width: 150px;
    }

    .my-review-tabbar-con {
        padding: 0 20px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .my-review-head-title {
        margin-bottom: 0;
    }
    .my-review-head-title h3 {
        font-size: 16px;
        line-height: 26px;
        padding: 20px 0;
        text-align: center;
        letter-spacing: 3px;
    }

    .my-review-list {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .my-review-list > li {
        padding: 15px 0;
    }
    .my-review-list > li .my-review-user-info .my-review-row .my-review-time {
        font-size: 12px;
    }

    .my-review-layer-content {
        width: 100%;
        height: 100%;
        padding: 20px;
    }
    .my-review-layer-content .head {
        font-size: 24px;
    }
    .my-review-layer-content .tip {
        margin-bottom: 20px;
    }

    .my-review-close {
        position: absolute;
        top: 4px;
        right: 5px;
    }

    /* 评价星 */
    .my-star-con .my-star {
        width: 10px;
        height: 10px;
        line-height: 10px;
        margin-right: 2px;
        transform: scale(0.85);
    }

    /* 评价星 end */
    .my-review-preview .preview-container {
        top: 8%;
        width: 280px;
        height: 330px;
        margin-left: -140px;
    }
    .my-review-preview .preview-container .preview-l {
        width: 100%;
    }
    .my-review-preview .preview-container .preview-r {
        width: 100%;
        height: 170px;
        overflow-y: auto;
        background: #fff;
    }
    .my-review-preview .preview-container .preview-r .my-review-li .my-review-time {
        font-size: 12px;
        float: left;
    }
    .my-review-preview .preview-container .preview-swiper .preview-swiper-ul > li {
        width: 280px;
    }
}
@media (min-device-width: 737px) and (max-device-width: 1023px) {
    .my-review-head {
        padding: 0 40px;
        box-sizing: border-box;
    }
    .my-review-head .my-review-btn-con {
        position: unset;
        width: 100%;
        margin-top: 15px;
        float: right;
    }

    .my-review-head-title h3 {
        font-size: 16px;
        line-height: 26px;
        padding: 20px 0;
        text-align: center;
        letter-spacing: 3px;
    }

    .my-review-tabbar-con {
        padding: 0 40px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .my-review-list {
        padding: 0 40px;
        box-sizing: border-box;
    }
    .my-review-list > li {
        padding: 15px 0;
    }
    .my-review-list > li .my-review-user-info .my-review-row .my-review-time {
        font-size: 12px;
    }

    .my-review-layer-content {
        width: 80%;
        height: 50%;
        padding: 20px;
    }
    .my-review-layer-content .head {
        font-size: 24px;
    }
    .my-review-layer-content .tip {
        margin-bottom: 20px;
    }

    .my-review-close {
        position: absolute;
        top: 4px;
        right: 5px;
    }

    /* 评价星 */
    .my-star-con .my-star {
        width: 10px;
        height: 10px;
        line-height: 10px;
        margin-right: 2px;
        transform: scale(0.85);
    }

    /* 评价星 end */
    .my-review-preview .preview-container {
        top: 8%;
        width: 550px;
        height: 600px;
        margin-left: -265px;
    }
    .my-review-preview .preview-container .preview-l {
        width: 100%;
    }
    .my-review-preview .preview-container .preview-r {
        width: 100%;
        height: 170px;
        overflow-y: auto;
        background: #fff;
    }
    .my-review-preview .preview-container .preview-r .my-review-li .my-review-time {
        font-size: 12px;
    }
    .my-review-preview .preview-container .preview-swiper .preview-swiper-ul > li {
        width: 550px;
    }
}
@media (min-device-width: 1024px) and (max-device-width: 1200px) {
    .my-review-head {
        padding: 0 40px;
        box-sizing: border-box;
    }
    .my-review-head .my-review-btn-con {
        top: 30px;
        right: 40px;
    }

    .my-review-tabbar-con {
        padding: 0 40px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .my-review-list {
        padding: 0 40px;
        box-sizing: border-box;
    }
    .my-review-list > li {
        padding: 15px 0;
    }
    .my-review-list > li .my-review-user-info .my-review-row .my-review-time {
        font-size: 12px;
    }

    .my-review-layer-content {
        width: 80%;
        height: 40%;
        padding: 20px;
    }
    .my-review-layer-content .head {
        font-size: 24px;
    }
    .my-review-layer-content .tip {
        margin-bottom: 20px;
    }

    .my-review-close {
        position: absolute;
        top: 4px;
        right: 5px;
    }

    .my-review-head-title {
        /* 评价星 */
        /* 评价星 end */
    }
    .my-review-head-title h3 {
        font-size: 16px;
        line-height: 26px;
        padding: 20px 0;
        text-align: center;
        letter-spacing: 3px;
    }
    .my-review-head-title .my-star-con .my-star {
        width: 10px;
        height: 10px;
        line-height: 10px;
        margin-right: 2px;
        transform: scale(0.85);
    }
}
/* 发送邮件模块 */
body.my-review-email {
    width: 100%;
    min-height: 100vh;
    background-color: #e2e4ec;
}

.my-review-container {
    padding: 50px 100px;
    box-sizing: border-box;
}
.my-review-container .container {
    border-radius: 10px;
    padding: 20px 40px;
    border: 1px solid #c3c3c3;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
}
.my-review-container .container > .title {
    font-size: 20px;
    line-height: 30px;
    margin: 40px 0;
    text-align: center;
}
.my-review-container .container .code {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
}
.my-review-container .row {
    margin-bottom: 15px;
    overflow: hidden;
}
.my-review-container .row .row-head {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 4px;
}
.my-review-container .row .row-con .my-star-con {
    display: inline-block;
}
.my-review-container .row .row-con .my-star-con .my-star {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 24px;
}
.my-review-container .row .row-con .form-box {
    border: 1px solid #bbb;
}
.my-review-container .row .row-con .file-con {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 26px;
    text-align: center;
    margin: 0 10px 10px 0;
    border: 1px solid #f6f6f6;
    color: #bbb;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.my-review-layer-content .row .row-con .file-con {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 26px;
    text-align: center;
    margin: 0 10px 10px 0;
    border: 1px solid #f6f6f6;
    color: #bbb;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.my-review-container .row .row-con .file-con .progress {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    transition: all 0.2s;
}
.my-review-layer-content .row .row-con .file-con .progress {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    transition: all 0.2s;
}
.my-review-container .row .row-con .file-con .progress::after {
    content: "%";
    font-size: 12px;
}
.my-review-layer-content .row .row-con .file-con .progress::after {
    content: "%";
    font-size: 12px;
}
.new-file-con {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 26px;
    text-align: center;
    margin: 0 10px 10px 0;
    border: 1px solid #f6f6f6;
    color: #bbb;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.my-review-container .row .row-con .file-con .file-del {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    background-color: rgba(100, 100, 100, 0.6);
    color: #fff;
}
.my-review-layer-content .row .row-con .file-con .file-del {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    background-color: rgba(100, 100, 100, 0.6);
    color: #fff;
}
.my-review-container .row .row-con .file-con .file {
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}
.my-review-container .row .row-con .file-con .file-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
}
.my-review-layer-content .my-review-form .row .row-con .file-con .file-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
}
.my-review-layer-content .my-review-form .row .row-con img{
    width: 100px;
    margin-right: 10px;
}
.my-review-container .row .row-con .icon-jia {
    background-color: #f6f6f6;
}
.my-review-container .my-review-form input, .my-review-container textarea {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    resize: vertical;
    border: none;
}
.my-review-container .submit-con .my-review-form-submit {
    display: inline-block;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px;
    cursor: pointer;
    border: none;
    background-color: var(--my_review_color);
    color: #fff;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    text-align: center;
    float: right;
    box-sizing: border-box;
}
.my-review-container .submit-con .my-review-form-submit:hover {
    opacity: 0.8;
}
.my-review-container .tip {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
    float: left;
}

.goods-list-review > li {
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
}
.goods-list-review > li .good-title {
    font-size: 14px;
    margin-bottom: 10px;
    overflow: hidden;
}
.goods-list-review > li .good-title .file {
    margin-right: 8px;
    float: left;
}
.goods-list-review > li .good-title .file img {
    width: 80px;
}
.goods-list-review > li .good-title .value {
    display: flex;
    align-items: center;
    width: calc(100% - 88px);
    height: 80px;
    float: left;
}

.store-review {
    font-size: 16px;
    margin-top: 30px;
}
.store-review .store-head-title {
    line-height: 40px;
    margin-top: 10px;
}

.my-review-container .footer {
    text-align: center;
    margin-top: 20px;
}
.my-review-container .footer .name {
    font-size: 16px;
    line-height: 20px;
    color: #666;
}
.my-review-container .footer .url {
    line-height: 20px;
    color: #999;
}
.my-review-container .footer .url:hover {
    color: var(--my_review_color);
}

@media (min-width: 1200px) {
    .my-review-container .container {
        width: 1198px;
    }
}
@media (min-device-width: 280px) and (max-device-width: 736px) {
    .my-review-container {
        padding: 10px;
    }
    .my-review-container .container {
        padding: 10px 30px;
    }
    .my-review-container .container > .title {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0;
    }

    .good-title .name {
        margin-bottom: 6px;
    }

    .goods-list-review > li {
        padding: 10px 0;
    }

    .my-review-form-submit {
        width: 100%;
        margin-top: 10px;
    }
}
/* 发送邮件模块end */

/*# sourceMappingURL=reviews_evan.css.map */