
body, html {font-size: 14px;color: #373d41;line-height: 1.28571;font-family: PingFangSC-Light,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif;}
*, :after, :before {box-sizing: inherit;}
* { margin:0; padding:0; }
[class^=ace-] {box-sizing: border-box;}
img { border: 0;} 
div {display: block;}

a:link {

    text-decoration: none;
}

/*-------bot img-------*/
.ace-common-floor .ace-common-floor-row {margin-left: auto;margin-right: auto;}
.bottom-wrap .image-url {width: auto;height: 100%;cursor: pointer;}
/*-------bot img-------*/

/*----------------------------------*/

/*----------------------------------*/

/*----f1 titile------------------------*/
.title-wrap {width: 100%;text-align: center;padding-bottom: 20px;}
.title-wrap .main-title {font-size: 36px;letter-spacing: .6px;text-align: center;font-weight: 600;}
.title-wrap .sub-title {font-size: 16px;letter-spacing: 0;text-align: center;margin-top: 20px;max-width: 1060px;margin-left: auto;margin-right: auto;}
.title-wrap .rule-title {font-size: 14px;letter-spacing: 0; text-align: center;text-decoration: none;cursor: pointer;margin-left: 20px;}

/*----f1 titile------------------------*/

<!------f1-------->
.ace-floor .ace-grid {max-width: 1200px;}
.ace-grid {width: 1200px;min-width: 0;}
div.ace-grid{margin-right: auto;margin-left: auto;}
div.ace-grid-row{min-height:1px;clear:both}
div.ace-grid-row:after,div.ace-grid-row:before{content:"";display:table;clear:both}
/*.ace-dpl-goods-basic-card-container {padding: 22px;}*/
.ace-dpl-goods-basic-card-container {padding: 0px;}
.ace-grid-col-lg-6 {width: 25%;float: left; }


.ace-dpl-goods-basic-card {background-color: #fff;}
.ace-dpl-goods-basic-card .header {position: relative;box-sizing: border-box;background-repeat: no-repeat;background-size: cover;height: 120px;padding: 16px 20px;}
.ace-dpl-goods-basic-card .header .corner {position: absolute;top: 0;right: 0;width: 45px;}
.ace-dpl-goods-basic-card .header .title {line-height: 28px;font-size: 18px;margin-bottom: 8px;font-weight: 600;color: #181818;}
.ace-dpl-goods-basic-card .header .corner img {width: 100%;}


.description-wrap { color: #888; font-size:12px; font-size:14px;}
.description-wrap span {line-height: 20px;}

.spec-selector {position: relative;z-index: 9;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;cursor: pointer;box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);}
.spec-selector-current {position:relative;padding:14px 20px;background:#fff;height:45px;line-height:1.28571;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;transition: all .3s;}
.spec-selector-current-text {margin-right: 18px;}
.spec-selector-current-title {font-size: 16px;line-height:16px;margin-right: 52px;display: inline-block;font-weight: 500;/* font-weight: 600;*//*color: #373d41;*/color: #181818;}
.spec-selector-current-subtitle {display: inline-block;font-size: 12px;color: #373d41;}

.ace-dpl-goods-basic-card * {    box-sizing: border-box;}

.ace-dpl-goods-basic-card .extra-accessory {padding: 16px 20px;height: 80px;border-bottom: 1px solid #ebecec;background-color: #fff;}
.ace-dpl-goods-basic-card .extra-accessory .accessory-value {font-size: 16px;}
.ace-dpl-goods-basic-card .extra-accessory .accessory-item {/*width: 90px;*/display: block;line-height: 18px;color: #373d41;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ace-dpl-goods-basic-card .extra-accessory .accessory-wrap:nth-child(2n) {margin-left: 25px;}
.ace-dpl-goods-basic-card .extra-accessory .accessory-wrap {display: inline-block;}
.ace-dpl-goods-basic-card .extra-accessory .accessory-value {font-size: 16px;}
.ace-dpl-goods-basic-card .extra-accessory .accessory-name {margin-top: 8px; font-size: 12px;}

.promotion {background-color: #fff;position: relative;color: #0f1200;box-sizing: border-box; padding: 12px 20px;text-align: left;}
.promotion .tags .tags-item span {position: relative; z-index: 1; display: inline-block; vertical-align: middle;font-weight: 400;}
.promotion .tags .tags-item {position: relative; display: inline-block;color: #ea3a3a; border-color: #ea3a3a;font-size: 12px;line-height: 20px;/* margin-left: 4px;*/padding: 0 7.5px;}
.promotion .tags .tags-item:before {position: absolute;z-index: 1;content: ""; top: 0;right: 0;bottom: 0;left: 0;border: 1px solid #ccc;border-color: inherit;border-radius: 2px;transform: skew(-11deg);background: #fff;}

.promotion .price {margin-top: 2px;    display: block;}
.promotion .price-symbol {font-size: 16px;color: #ff3838;font-weight: 700;}
.promotion .price-integer {font-size: 32px;color: #ff3838;    line-height: 1.28571;}
.promotion .price-symbol {color: #ff3838;font-weight: 700;}
.promotion .price-unit {font-size: 14px;}
/*.style {visibility: visible;}*/
	
.discount .discount-icon {display: inline-block;width: 32px;vertical-align: bottom;display: inline-block;height: 14px;}
.discount .discount-text {display: inline-block;margin-left: 2px;font-size: 12px;color: #9c5251;/*height:18px;*/line-height: 1.28571;}

.ace-dpl-goods-basic-card .action-button:hover {filter: brightness(.99);background-color: #ff7717;color: #fff;}
.action-button {display: block;width: 100%; border: none;height: 40px;font-size: 16px;line-height: 40px;text-align: center;outline: 0; text-decoration: none;cursor: pointer;color: #fff;transition: all .3s;background-color: #ff6a00;}

.action-wrap a:link{color: #fff;}
.action-wrap a:visited{color: #fff;}
<!------f1-------->






.collapse-activity {padding: 5px 7px 5px 31px; background-image: linear-gradient(90deg,#ff4f1d,#ff1866);box-shadow: 0 0 15px 0 rgba(198,33,33,.25);border: none;border-radius: 32px;}
.collapse-button { display: inline-block;padding: 5px 50px;margin-left: 50%; margin-top: 24px; transform: translate(-50%);border: 1px solid #ff6a00; color: #ff6a00;cursor: pointer;font-size: 16px;}
.collapse-button-activity {color: #fff;height: 32px;line-height: 32px;}
.collapse-button-activity-text { height: 32px;line-height: 32px;float: left;}



@media only screen and (max-width: 768px){
.banner-wrap{ padding:0 15px;}

}
.background-left {left: 0;right: 50%;}
.background-left, .background-right {position: absolute;top: 0;bottom: 0;}
.background-right {left: 50%;right: 0;}

.ace-website-general-banner {position: relative;background-size: cover!important;}
.ace-website-general-banner .title-left {text-align: left;width: 1180px;margin: 0 auto;}
.ace-website-general-banner .banner-title {text-align: left;}
.ace-website-general-banner .banner-title .title-wrap-left {text-align: left;}
.ace-website-general-banner .banner-title .title-wrap {display: inline-block;padding-top: 60px;text-align: center;white-space: normal;min-height: 200px;max-width: 1180px;margin: 0 auto;}
.ace-website-general-banner .banner-title .main-title {text-align: left;font-size: 48px;margin-bottom: 16px;font-weight: 900;height: 62px;}
.ace-website-general-banner .banner-title .main-title-x { width:100%; display:block;text-align: left;font-size:20px;margin-bottom: 10px;font-weight: 500; line-height:30px; padding-top:30px;}
.ace-website-general-banner .banner-title .sub-title {text-align: left;font-size: 18px;line-height: 24px;margin:0;}
.ace-website-general-banner .title-left {text-align: left; width:100%;max-width: 1180px;margin: 0 auto;}


.ace-website-general-banner .banner-title .action-buttons{display: inline-block;margin: 5px 8px;margin-left: 0;}
.ace-website-general-banner .banner-title .ace-btn {box-shadow: none;text-align: center;margin: 5px 8px;margin-left: 0;cursor: pointer;border-radius: 0;padding: 0 24px;height: 40px;font-size: 14px; border-width: 1px;outline: 0;}

.ace-website-general-banner .banner-title .ace-btn-safe1{      border-style: solid;background-color: #ff791a;border-color: transparent;color: #fff;}

.ace-website-general-banner .banner-title .ace-btn-safe2{      border-style: solid;background-color: transparent;border-color: #ff791a;color: #ff791a;}
.ace-website-general-banner .banner-title .ace-btn-safe2:hover{border-style: solid;background-color:#ff791a;border-color: #ff791a;color: #fff;}

/*----------------------------------------*/

.ace-row, .ace-row *, .ace-row :after, .ace-row :before {box-sizing: border-box;}
.ace-row {display: flex;}
.ace-col-24 {flex: 0 0 100%;width: 100%;max-width: 100%;}
.ace-col {flex: 1;}
.advantage {padding: 8px;box-sizing: border-box;}
.advantage li {
text-align: center;
    width: 24%;
    height: 200px;
    float: left;
    margin-right: 15px;
    list-style: none;
}
.advantage li img {
    width: auto;
    height: 56px;
    vertical-align: middle;
}
.advantage li .title {
    line-height: 28px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #373d41;
    letter-spacing: .5px;
    margin: 24px 0 8px;
    height: 28px;
    overflow: hidden;
}
.advantage li .cont {
    line-height: 24px;
    font-size: 14px;
    color: #373d41;
    width: 86%;
    margin: 0 auto;
    font-family: PingFangSC-Regular;
    line-height: 22px;
    color: #73777a;
}


.domain-title {text-align: center;/*font-family: PingFangSC-Regular;*/}
.domain-title .title {line-height: 42px;font-size: 28px;color: #373d41;margin: 0;font-weight:400;}
.domain-title .subtitle {margin-top: 8px;line-height: 26px;font-size: 16px;color: #73777a;display: block;}

/*----------------------------------------*/
.ace-common-floor .ace-common-floor-row {margin-left: auto;margin-right: auto;}
.ace-test-card-counts-display {height: 150px;position: relative;color: #fff;}
.ace-test-card-counts-display .module-title {display: inline-block;height: 100%;width: 35%;text-align: center;line-height: 150px;font-size: 32px;font-weight: 600;}
.ace-test-card-counts-display .count-unit-wrapper {display: inline-block;height: 100%;width: 65%;float: right;}
.ace-test-card-counts-display .count-unit-wrapper .count-unit-item {display: inline-block;width: 33.3%;margin-top: 45px;}
.count-unit-item .text {font-size: 18px;font-family: PingFangSC-Regular;}
.count-unit-item .count {font-size: 32px;font-family: Roboto-Medium;font-weight: 600;}
.ace-test-card-counts-display .count-unit-wrapper .count-unit-item {display: inline-block;width: 33.3%;margin-top: 45px;}
.ace-test-card-counts-display .module-sbbg-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}











