@charset "utf-8";
/*Npcink

	版本：1.0
	整理：Muze
	帮助：https://www.npc.ink/16233.html
*/

.ace-npcink {
    position: relative;
    max-width: 100%;
}

.ace-npcink.has-container {
    width: 1230px;
    padding-top: 20px;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
    background: var(--d2);
    border: 1px solid var(--c1);
    box-shadow: 0 3px 15px 0 rgba(48,48,48,.25);
    box-sizing: content-box;
}
@media only screen and (min-width: 767px) {
    .ace-npcink.has-container {
        padding: 22px;
    }
}

.strong-container {
    margin-top: 60px;
    padding-top: 0!important;
    border-radius: 0 0 10px 10px!important;
}

.strong-container .desc-have-content {
    background: #027aca;
    height: 48px;
    line-height: 48px;
    left: 50%;
    width: 1224px;
    transform: translate(-50%);
    position: relative;
}
.strong-container .desc-product-card {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
}

.ace-row.ace-row-wrap {
    flex-wrap: wrap;
}
.ace-box, .ace-box *, .ace-box :after, .ace-box :before, [class^=ace-] {
    box-sizing: border-box;
}
.ace-row, .ace-row *, .ace-row :after, .ace-row :before {
    box-sizing: border-box;
}
.ace-row {
    display: flex;
}

.ace-box, .ace-box *, .ace-box :after, .ace-box :before, [class^=ace-] {
    box-sizing: border-box;
}
.ace-col-6 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
}
.ace-row, .ace-row *, .ace-row :after, .ace-row :before {
    box-sizing: border-box;
}
.ace-standard-card {
    background-color: #fff;
}
.ace-box, .ace-box *, .ace-box :after, .ace-box :before, [class^=ace-] {
    box-sizing: border-box;
}
.ace-standard-card * {
    box-sizing: border-box;
}
.ace-standard-card .header{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;color:#fff}
@media only screen and (min-width: 767px) {
    .ace-standard-card .header {
        height: 120px;
        padding: 16px 20px;
    }
}
.ace-standard-card .header .title{margin-bottom:8px;font-weight:600;text-align:left;color:inherit}
.ace-standard-card .header .corner{position:absolute;width:78px;
    top: -8px;
    right: -7px;}

.ace-standard-card .header .corner .corner-text{user-select:none;position:absolute;text-align:center;width:78px;height:20px;font-size:12px;line-height:20px;color:#fff;transform:rotate(45deg);top:20px;right:-12px}.ace-standard-card .header .corner img{width:100%}
.ace-standard-card .header .top-sprinkle{position:absolute;top:0;left:0;width:100%}.ace-standard-card .card-checkbox{position:absolute}

.ace-standard-card .content {
    border-bottom: 1px solid #ebecec;
}

.ace-standard-card .spec-selector{position:relative;z-index:9;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;cursor:pointer;box-shadow:0 0 15px 0 rgba(0,0,0,.1)}
.ace-standard-card .spec-selector .spec-selector-current{position:relative;padding:14px 20px;background:#fff;height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}

.ace-standard-card .content .feature-wrap{padding:16px;height:auto}
.ace-standard-card .content .feature-wrap .feature{color:#181818}

.ace-standard-card .promotion{background-color:#fff;position:relative;color:#181818;box-sizing:border-box;padding:12px 20px 8px;text-align:left}
.ace-standard-card .promotion .price{margin-top:2px;font-size:14px}
.ace-standard-card .promotion .price .en{font-size:16px}
.ace-standard-card .promotion .price-emphasis{color:#ff6a00}
.ace-standard-card .promotion .price-decimal,.ace-standard-card .promotion .price-integer,.ace-standard-card .promotion .price-symbol{color:inherit}
.ace-standard-card .promotion .price-unit{margin-left:4px;font-size:inherit}
.ace-standard-card .promotion .price-prefix{margin-right:4px;font-size:inherit}
.ace-standard-card .promotion .price-integer{font-size:30px}
.ace-standard-card .promotion .price-custom-text .price-emphasis-text{color:#ff6a00;font-weight:700}



.ace-standard-card .actions{position:relative}
  .ace-standard-card .actions.has-session .action-wrap{position:absolute;width:90px!important;top:0;right:0;bottom:0;line-height:60px}
  .ace-standard-card .actions.has-session .action-wrap .action-button{height:60px;line-height:60px;padding:0}

  .ace-standard-card .action-button{display:block;width:100%;border:none;height:40px;font-size:14px;line-height:40px;text-align:center;outline:0;text-decoration:none;cursor:pointer;color:#fff;background-color:inherit}
  .ace-standard-card .action-button.ace-link{color:#fff}
  .ace-standard-card .action-button .aliyun-icon{margin-right:4px}
  .ace-standard-card .action-button.forbidden{cursor:default;background-color:#d8d8d8}
  .ace-standard-card .action-button.ace-btn.ace-btn-primary:hover{background-color:inherit;border-color:inherit}

  /*补充*/
  .ace-standard-card .description-wrap{color:inherit;text-align:left}
  
  .ace-standard-card .description-wrap span{font-size:14px;line-height:24px}

  @media only screen and (min-width: 767px) {
    .ace-standard-card .feature-wrap .feature-wrap-container {
        display: flex;
        padding: 0 4px;
        flex-flow: row wrap;
        height: 50px;
        overflow: hidden;
    }
  }

  @media only screen and (min-width: 767px) {
    .ace-standard-card .feature-wrap .feature-wrap-container .feature {
        line-height: 25px;
    }
  }
@media only screen and (min-width: 767px) {
    .ace-standard-card .feature-wrap .feature {
        font-size: 12px;
        line-height: 20px;
    }
}
.ace-standard-card .feature-wrap .feature {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}


/*Tags*/
.ace-standard-card .tags{height:20px;
    /*overflow:hidden;*/
}
.ace-standard-card .tags .tags-item{position:relative;display:inline-block;color:#999;border-color:#d8d8d8;
    font-size:11.7px;
    line-height:20px;
    height:20px;margin-left:8px;padding:0 8px}

@media only screen and (max-width:768px){.ace-standard-card .tags .tags-item{padding:0 5px}}
.ace-standard-card .tags .tags-item img{display:none;margin-right:2px;width:18px;vertical-align:middle}
.ace-standard-card .tags .tags-item span{position:relative;z-index:1;display:inline-block;vertical-align:middle;font-weight:400}

@media only screen and (max-width:768px){.ace-standard-card .tags .tags-item span{max-width:72px;white-space:nowrap;overflow:hidden}}

.ace-standard-card .tags .tags-item:before{position:absolute;z-index:1;content:"";top:0;right:0;bottom:0;left:0;border:1px solid #d8d8d8;border-color:inherit;border-radius:4px;background:#fff}
.ace-standard-card .tags .tags-item:first-of-type{margin-left:0}
.ace-standard-card .tags .tags-item-reverse{color:#ea3a3a;border-color:#ea3a3a}
.ace-standard-card .tags .tags-item-reverse-0{color:#fff}
.ace-standard-card .tags .tags-item-reverse-0:before{background:#ea3a3a}




.ace-standard-card .discount{color:#999}
.ace-standard-card .discount .discount-item{margin-top:4px}
.ace-standard-card .discount .discount-icon{display:inline-block;height:14px;vertical-align:bottom}
.ace-standard-card .discount .discount-text{display:inline-block;margin-left:4px;font-size:12px;color:inherit;letter-spacing:.7px}
.ace-standard-card .discount .discount-unit{margin-left:2px}


