.dlg-state-notitle .dlg-titlebar,.grid,.cf {
    *zoom:1}

.dlg-state-notitle .dlg-titlebar:before,.grid:before,.cf:before,.dlg-state-notitle .dlg-titlebar:after,.grid:after,.cf:after {
    content: "";
    display: table
}

.dlg-state-notitle .dlg-titlebar:after,.grid:after,.cf:after {
    clear: both
}

.select .select-tab,.select .select-tabs,.select .select-selected,.select .select-title .select-label,.select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: middle;
    *display: inline;
    *zoom:1}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_0a995487.eot") format("eot");
    src: local("Roboto Thin"),local("Roboto-Thin"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_0a995487.eot?#iefix") format("embedded-opentype"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_c0096edb.woff2") format("woff2"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_27c21102.woff") format("woff"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_16137ae5.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_6f0ec433.eot") format("eot");
    src: local("Roboto Light"),local("Roboto-Light"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_6f0ec433.eot?#iefix") format("embedded-opentype"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_25e48548.woff2") format("woff2"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_3a699e58.woff") format("woff"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_41238353.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_7a5b3156.eot") format("eot");
    src: local("Roboto"),local("Roboto Regular"),local("Roboto-Regular"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_7a5b3156.eot?#iefix") format("embedded-opentype"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_3ca9c03e.woff2") format("woff2"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_42bcf6fd.woff") format("woff"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_ef78da3a.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_85200940.eot") format("eot");
    src: local("Roboto Medium"),local("Roboto-Medium"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_85200940.eot?#iefix") format("embedded-opentype"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_2b1702b4.woff2") format("woff2"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_a577caf4.woff") format("woff"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_19a12283.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_46af3247.eot") format("eot");
    src: local("Roboto Bold"),local("Roboto-Bold"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_46af3247.eot?#iefix") format("embedded-opentype"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_66f23800.woff2") format("woff2"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_d0329035.woff") format("woff"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_d3962e52.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_3ebfd69e.eot") format("eot");
    src: local("Roboto Black"),local("Roboto-Black"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_3ebfd69e.eot?#iefix") format("embedded-opentype"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_e2dad727.woff2") format("woff2"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_b4ab42fc.woff") format("woff"),url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_28a1c3ab.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mic-icon";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_bb1e6b6d.eot");
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_bb1e6b6d.eot") format("embedded-opentype"),url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_a1e45220.woff2") format("woff2"),url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_a4e8fdb0.woff") format("woff"),url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_bf57f793.ttf") format("truetype"),url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_35534d42.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.ob-icon,.micon {
    font-family: "Mic-icon";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    *display: inline;
    *zoom:1;font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important
}

.micon.icon-left:before {
    content: "\e009"
}

.micon.icon-right:before {
    content: "\e008"
}

.ob-icon.icon-yes:before {
    content: "\e000"
}

.ob-icon.icon-error:before {
    content: "\e001"
}

.ob-icon.icon-info:before {
    content: "\e002"
}

.ob-icon.icon-caution:before {
    content: "\e003"
}

.ob-icon.icon-problem:before {
    content: "\e004"
}

.ob-icon.icon-add-l:before {
    content: "\e005"
}

.ob-icon.icon-down:before {
    content: "\e006"
}

.ob-icon.icon-up:before {
    content: "\e007"
}

.ob-icon.icon-right:before {
    content: "\e008"
}

.ob-icon.icon-left:before {
    content: "\e009"
}

.ob-icon.icon-right-big:before {
    content: "\e07c"
}

.ob-icon.icon-left-big:before {
    content: "\e07b"
}

.ob-icon.icon-add:before {
    content: "\e00a"
}

.ob-icon.icon-deduct:before {
    content: "\e00b"
}

.ob-icon.icon-delete:before {
    content: "\e00c"
}

.ob-icon.icon-arrow-top:before {
    content: "\e00d"
}

.ob-icon.icon-tm:before {
    content: "\e00e"
}

.ob-icon.icon-basket:before {
    content: "\e00f"
}

.ob-icon.icon-purchase:before {
    content: "\e010"
}

.ob-icon.icon-personal:before {
    content: "\e011"
}

.ob-icon.icon-group:before {
    content: "\e012"
}

.ob-icon.icon-add-friend:before {
    content: "\e013"
}

.ob-icon.icon-phonebook:before {
    content: "\e014"
}

.ob-icon.icon-service-waiter:before {
    content: "\e015"
}

.ob-icon.icon-headsets:before {
    content: "\e016"
}

.ob-icon.icon-happy:before {
    content: "\e017"
}

.ob-icon.icon-unhappy:before {
    content: "\e018"
}

.ob-icon.icon-talk:before {
    content: "\e019"
}

.ob-icon.icon-thumb-up:before {
    content: "\e01a"
}

.ob-icon.icon-thumb-down:before {
    content: "\e01b"
}

.ob-icon.icon-calendar:before {
    content: "\e01c"
}

.ob-icon.icon-call1:before {
    content: "\e01d"
}

.ob-icon.icon-call2:before {
    content: "\e01e"
}

.ob-icon.icon-camera:before {
    content: "\e01f"
}

.ob-icon.icon-cart:before {
    content: "\e020"
}

.ob-icon.icon-clock:before {
    content: "\e021"
}

.ob-icon.icon-history:before {
    content: "\e022"
}

.ob-icon.icon-compass:before {
    content: "\e023"
}

.ob-icon.icon-coordinate:before {
    content: "\e024"
}

.ob-icon.icon-dollar:before {
    content: "\e025"
}

.ob-icon.icon-download:before {
    content: "\e026"
}

.ob-icon.icon-upload:before {
    content: "\e027"
}

.ob-icon.icon-eye:before {
    content: "\e028"
}

.ob-icon.icon-eye-close:before {
    content: "\e029"
}

.ob-icon.icon-fill:before {
    content: "\e02a"
}

.ob-icon.icon-survey:before {
    content: "\e02b"
}

.ob-icon.icon-fill-text:before {
    content: "\e02c"
}

.ob-icon.icon-folder:before {
    content: "\e02d"
}

.ob-icon.icon-file:before {
    content: "\e02e"
}

.ob-icon.icon-attachment:before {
    content: "\e02f"
}

.ob-icon.icon-music:before {
    content: "\e030"
}

.ob-icon.icon-video:before {
    content: "\e031"
}

.ob-icon.icon-category:before {
    content: "\e032"
}

.ob-icon.icon-list:before {
    content: "\e033"
}

.ob-icon.icon-gallery:before {
    content: "\e034"
}

.ob-icon.icon-heart:before {
    content: "\e035"
}

.ob-icon.icon-heart-f:before {
    content: "\e036"
}

.ob-icon.icon-star:before {
    content: "\e037"
}

.ob-icon.icon-star-f:before {
    content: "\e038"
}

.ob-icon.icon-volume-up:before {
    content: "\e039"
}

.ob-icon.icon-volume-off:before {
    content: "\e03a"
}

.ob-icon.icon-voice:before {
    content: "\e03b"
}

.ob-icon.icon-voice-off:before {
    content: "\e03c"
}

.ob-icon.icon-mail:before {
    content: "\e03d"
}

.ob-icon.icon-mail-send:before {
    content: "\e03e"
}

.ob-icon.icon-play:before {
    content: "\e03f"
}

.ob-icon.icon-search:before {
    content: "\e040"
}

.ob-icon.icon-filter:before {
    content: "\e041"
}

.ob-icon.icon-qr:before {
    content: "\e042"
}

.ob-icon.icon-quick-reply:before {
    content: "\e043"
}

.ob-icon.icon-reply:before {
    content: "\e044"
}

.ob-icon.icon-keyboard:before {
    content: "\e045"
}

.ob-icon.icon-refresh:before {
    content: "\e046"
}

.ob-icon.icon-home:before {
    content: "\e047"
}

.ob-icon.icon-lock:before {
    content: "\e048"
}

.ob-icon.icon-unlock:before {
    content: "\e049"
}

.ob-icon.icon-share1:before {
    content: "\e04a"
}

.ob-icon.icon-setting:before {
    content: "\e04b"
}

.ob-icon.icon-print:before {
    content: "\e04c"
}

.ob-icon.icon-recycle:before {
    content: "\e04d"
}

.ob-icon.icon-picture:before {
    content: "\e04e"
}

.ob-icon.icon-drag:before {
    content: "\e04f"
}

.ob-icon.icon-product:before {
    content: "\e050"
}

.ob-icon.icon-zip:before {
    content: "\e051"
}

.ob-icon.icon-batch:before {
    content: "\e052"
}

.ob-icon.icon-rotate-r:before {
    content: "\e053"
}

.ob-icon.icon-rotate-l:before {
    content: "\e054"
}

.ob-icon.icon-scaling:before {
    content: "\e055"
}

.ob-icon.icon-apple:before {
    content: "\e056"
}

.ob-icon.icon-android:before {
    content: "\e057"
}

.ob-icon.icon-up-big:before {
    content: "\e058"
}

.ob-icon.icon-down-big:before {
    content: "\e059"
}

.ob-icon.icon-yes2:before {
    content: "\e05a"
}

.ob-icon.icon-picture-gallery:before {
    content: "\e05b"
}

.ob-icon.icon-enlarge:before {
    content: "\e05c"
}

.ob-icon.icon-narrow:before {
    content: "\e05d"
}

.ob-icon.icon-cart-add:before {
    content: "\e05e"
}

.ob-icon.icon-cart-success:before {
    content: "\e05f"
}

.ob-icon.icon-more:before {
    content: "\e060"
}

.ob-icon.icon-video2:before {
    content: "\e061"
}

.ob-icon.icon-verification-supplier:before {
    content: "\e062"
}

.ob-icon.icon-chart:before {
    content: "\e063"
}

.ob-icon.icon-fire:before {
    content: "\e064"
}

.ob-icon.icon-pdf:before {
    content: "\e065"
}

.ob-icon.icon-flag:before {
    content: "\e066"
}

.ob-icon.icon-flag-f:before {
    content: "\e067"
}

.ob-icon.icon-label:before {
    content: "\e068"
}

.ob-icon.icon-phone:before {
    content: "\e069"
}

.ob-icon.icon-reply-no:before {
    content: "\e06a"
}

.ob-icon.icon-category2:before {
    content: "\e06b"
}

.ob-icon.icon-sign-out:before {
    content: "\e06c"
}

.ob-icon.icon-prohibit:before {
    content: "\e06d"
}

.ob-icon.icon-prohibit-person:before {
    content: "\e06e"
}

.ob-icon.icon-collection-person:before {
    content: "\e06f"
}

.ob-icon.icon-distribution:before {
    content: "\e070"
}

.ob-icon.icon-report:before {
    content: "\e071"
}

.ob-icon.icon-product-add:before {
    content: "\e072"
}

.ob-icon.icon-product-main:before {
    content: "\e073"
}

.ob-icon.icon-sort:before {
    content: "\e074"
}

.ob-icon.icon-sort2:before {
    content: "\e075"
}

.ob-icon.icon-buyer-sourcing:before {
    content: "\e076"
}

.ob-icon.icon-scan:before {
    content: "\e077"
}

.ob-icon.icon-arrow-down:before {
    content: "\e078"
}

.ob-icon.icon-arrow-left:before {
    content: "\e079"
}

.ob-icon.icon-arrow-right:before {
    content: "\e07a"
}

.ob-icon.icon-left-big:before {
    content: "\e07b"
}

.ob-icon.icon-right-big:before {
    content: "\e07c"
}

.ob-icon.icon-bold:before {
    content: "\e100"
}

.ob-icon.icon-italic:before {
    content: "\e101"
}

.ob-icon.icon-underline:before {
    content: "\e102"
}

.ob-icon.icon-align-left:before {
    content: "\e103"
}

.ob-icon.icon-align-center:before {
    content: "\e104"
}

.ob-icon.icon-text-style:before {
    content: "\e105"
}

.ob-icon.icon-superscript:before {
    content: "\e106"
}

.ob-icon.icon-subscript:before {
    content: "\e107"
}

.ob-icon.icon-crop:before {
    content: "\e108"
}

.ob-icon.icon-table:before {
    content: "\e109"
}

.ob-icon.icon-table-edit:before {
    content: "\e10a"
}

.ob-icon.icon-preview:before {
    content: "\e10b"
}

.ob-icon.icon-foward:before {
    content: "\e10c"
}

.ob-icon.icon-back:before {
    content: "\e10d"
}

.ob-icon.icon-fullscreen:before {
    content: "\e10e"
}

.ob-icon.icon-fullscreen-out:before {
    content: "\e10f"
}

.ob-icon.icon-align-right:before {
    content: "\e110"
}

.ob-icon.icon-symbol:before {
    content: "\e111"
}

.ob-icon.icon-color:before {
    content: "\e112"
}

.ob-icon.icon-link:before {
    content: "\e113"
}

.ob-icon.icon-facebook:before {
    content: "\e140"
}

.ob-icon.icon-instagram:before {
    content: "\e14c"
}

.ob-icon.icon-facebook:before {
    content: "\e14d"
}

.ob-icon.icon-google-plus:before {
    content: "\e141"
}

.ob-icon.icon-twitter:before {
    content: "\e142"
}

.ob-icon.icon-youtube:before {
    content: "\e143"
}

.ob-icon.icon-linkedin:before {
    content: "\e144"
}

.ob-icon.icon-pinterest:before {
    content: "\e145"
}

.ob-icon.icon-weibo:before {
    content: "\e146"
}

.ob-icon.icon-wechat:before {
    content: "\e147"
}

.ob-icon.icon-tieba:before {
    content: "\e148"
}

.ob-icon.icon-qzone:before {
    content: "\e149"
}

.ob-icon.icon-tencent-weibo:before {
    content: "\e14a"
}

.ob-icon.icon-share-mail:before {
    content: "\e14b"
}

.ob-icon.icon-ind-agriculture:before,.ob-icon.icon-category-1000000000:before {
    content: "\e180"
}

.ob-icon.icon-ind-apparel:before,.ob-icon.icon-category-1100000000:before {
    content: "\e181"
}

.ob-icon.icon-ind-artcraft:before,.ob-icon.icon-category-1200000000:before {
    content: "\e182"
}

.ob-icon.icon-ind-bag:before,.ob-icon.icon-category-2600000000:before {
    content: "\e183"
}

.ob-icon.icon-ind-computer:before,.ob-icon.icon-category-3300000000:before {
    content: "\e184"
}

.ob-icon.icon-ind-consumer-electronics:before,.ob-icon.icon-category-1400000000:before {
    content: "\e185"
}

.ob-icon.icon-ind-furniture:before,.ob-icon.icon-category-2700000000:before {
    content: "\e186"
}

.ob-icon.icon-ind-light-industry:before,.ob-icon.icon-category-1800000000:before {
    content: "\e187"
}

.ob-icon.icon-ind-office-supply:before,.ob-icon.icon-category-2800000000:before {
    content: "\e188"
}

.ob-icon.icon-ind-sportting:before,.ob-icon.icon-category-3100000000:before {
    content: "\e189"
}

.ob-icon.icon-ind-toy:before,.ob-icon.icon-category-2200000000:before {
    content: "\e18a"
}

.ob-icon.icon-ind-auto:before,.ob-icon.icon-category-2900000000:before {
    content: "\e18b"
}

.ob-icon.icon-ind-electrical:before,.ob-icon.icon-category-1600000000:before {
    content: "\e18c"
}

.ob-icon.icon-ind-equipment:before,.ob-icon.icon-category-3400000000:before {
    content: "\e18d"
}

.ob-icon.icon-ind-instrument:before,.ob-icon.icon-category-3500000000:before {
    content: "\e18e"
}

.ob-icon.icon-ind-light:before,.ob-icon.icon-category-3000000000:before {
    content: "\e18f"
}

.ob-icon.icon-ind-manufacture:before,.ob-icon.icon-category-1900000000:before {
    content: "\e190"
}

.ob-icon.icon-ind-packaging:before,.ob-icon.icon-category-3600000000:before {
    content: "\e191"
}

.ob-icon.icon-ind-security:before,.ob-icon.icon-category-2500000000:before {
    content: "\e192"
}

.ob-icon.icon-ind-tool:before,.ob-icon.icon-category-3200000000:before {
    content: "\e193"
}

.ob-icon.icon-ind-transportation:before,.ob-icon.icon-category-2300000000:before {
    content: "\e194"
}

.ob-icon.icon-ind-chemical:before,.ob-icon.icon-category-1300000000:before {
    content: "\e195"
}

.ob-icon.icon-ind-construction:before,.ob-icon.icon-category-1500000000:before {
    content: "\e196"
}

.ob-icon.icon-ind-health:before,.ob-icon.icon-category-1700000000:before {
    content: "\e197"
}

.ob-icon.icon-ind-metallurgy:before,.ob-icon.icon-category-2000000000:before {
    content: "\e198"
}

.ob-icon.icon-ind-textile:before,.ob-icon.icon-category-2100000000:before {
    content: "\e199"
}

.ob-icon.icon-ind-service:before,.ob-icon.icon-category-2400000000:before {
    content: "\e19a"
}

.ob-icon.icon-i-left:before {
    content: "\e1e0"
}

.ob-icon.icon-i-up:before {
    content: "\e1e1"
}

.ob-icon.icon-i-down:before {
    content: "\e1e2"
}

.ob-icon.icon-i-star:before {
    content: "\e1e3"
}

.ob-icon.icon-i-star-f:before {
    content: "\e1e4"
}

.ob-icon.icon-i-personal:before {
    content: "\e1e5"
}

.ob-icon.icon-i-add-friend:before {
    content: "\e1e6"
}

.ob-icon.icon-i-phonebook:before {
    content: "\e1e7"
}

.ob-icon.icon-i-search:before {
    content: "\e1e8"
}

.ob-icon.icon-i-history:before {
    content: "\e1e9"
}

.ob-icon.icon-i-home:before {
    content: "\e1ea"
}

.ob-icon.icon-i-fill:before {
    content: "\e1eb"
}

.ob-icon.icon-i-mail:before {
    content: "\e1ec"
}

.ob-icon.icon-i-share:before {
    content: "\e1ed"
}

.ob-icon.icon-i-compass:before {
    content: "\e1ee"
}

.ob-icon.icon-i-filter:before {
    content: "\e1ef"
}

.ob-icon.icon-i-category:before {
    content: "\e1f0"
}

.ob-icon.icon-i-setting:before {
    content: "\e1f1"
}

.ob-icon.icon-i-recycle:before {
    content: "\e1f2"
}

.ob-icon.icon-i-scan:before {
    content: "\e1f3"
}

.ob-icon.icon-i-more:before {
    content: "\e1f4"
}

.ob-icon.icon-i-personal-f:before {
    content: "\e1f5"
}

.ob-icon.icon-i-home-f:before {
    content: "\e1f6"
}

.ob-icon.icon-i-compass-f:before {
    content: "\e1f7"
}

.ob-icon.icon-i-purchase-f:before {
    content: "\e1f8"
}

.ob-icon.icon-i-quick-reply:before {
    content: "\e1f9"
}

.ob-icon.icon-i-reply:before {
    content: "\e1fa"
}

.ob-icon.icon-i-attachment:before {
    content: "\e1fb"
}

.ob-icon.icon-a-left:before {
    content: "\e220"
}

.ob-icon.icon-a-right:before {
    content: "\e221"
}

.ob-icon.icon-a-back:before {
    content: "\e222"
}

.ob-icon.icon-a-star:before {
    content: "\e223"
}

.ob-icon.icon-a-star-f:before {
    content: "\e224"
}

.ob-icon.icon-a-personal:before {
    content: "\e225"
}

.ob-icon.icon-a-add-friend:before {
    content: "\e226"
}

.ob-icon.icon-a-phonebook:before {
    content: "\e227"
}

.ob-icon.icon-a-search:before {
    content: "\e228"
}

.ob-icon.icon-a-send:before {
    content: "\e229"
}

.ob-icon.icon-a-quick-reply:before {
    content: "\e22a"
}

.ob-icon.icon-a-attachment:before {
    content: "\e22b"
}

.ob-icon.icon-a-reply:before {
    content: "\e22c"
}

.ob-icon.icon-a-history:before {
    content: "\e22d"
}

.ob-icon.icon-a-download:before {
    content: "\e22e"
}

.ob-icon.icon-a-home:before {
    content: "\e22f"
}

.ob-icon.icon-a-fill:before {
    content: "\e230"
}

.ob-icon.icon-a-mail:before {
    content: "\e231"
}

.ob-icon.icon-a-share:before {
    content: "\e232"
}

.ob-icon.icon-a-compass:before {
    content: "\e233"
}

.ob-icon.icon-a-filter:before {
    content: "\e234"
}

.ob-icon.icon-a-category:before {
    content: "\e235"
}

.ob-icon.icon-a-setting:before {
    content: "\e236"
}

.ob-icon.icon-a-recycle:before {
    content: "\e237"
}

.ob-icon.icon-a-scan:before {
    content: "\e238"
}

.ob-icon.icon-a-more:before {
    content: "\e239"
}

.ob-icon.icon-bell:before {
    content: "\e07d"
}

.ob-icon.icon-pause:before {
    content: "\e07e"
}

.ob-icon.icon-right-rotation:before {
    content: "\e07f"
}

.ob-icon.icon-earth:before {
    content: "\e080"
}

.ob-icon.icon-panorama:before {
    content: "\e081"
}

.ob-icon.icon-ad:before {
    content: "\e082"
}

.ob-icon.icon-shop:before {
    content: "\e083"
}

.ob-icon.icon-customized:before {
    content: "\e084"
}

.ob-icon.icon-mei:before {
    content: "\e085"
}

.ob-icon.icon-medal:before {
    content: "\e086"
}

.ob-icon.icon-card:before {
    content: "\e087"
}

.ob-icon.icon-product-prohibit:before {
    content: "\e088"
}

.ob-icon.icon-product-caution:before {
    content: "\e089"
}

.ob-icon.icon-product-returns:before {
    content: "\e08a"
}

.ob-icon.icon-certificate:before {
    content: "\e08b"
}

.ob-icon.icon-truck:before {
    content: "\e08c"
}

.ob-icon.icon-help:before {
    content: "\e08d"
}

.ob-icon.icon-sale:before {
    content: "\e08e"
}

.ob-icon.icon-bottom:before {
    content: "\e08f"
}

.ob-icon.icon-top:before {
    content: "\e090"
}

.ob-icon.icon-reservation:before {
    content: "\e091"
}

.ob-icon.icon-bold:before {
    content: "\e100"
}

.ob-icon.icon-italic:before {
    content: "\e101"
}

.ob-icon.icon-underline:before {
    content: "\e102"
}

.ob-icon.icon-align-left:before {
    content: "\e103"
}

.ob-icon.icon-align-center:before {
    content: "\e104"
}

.ob-icon.icon-text-style:before {
    content: "\e105"
}

.ob-icon.icon-superscript:before {
    content: "\e106"
}

.ob-icon.icon-subscript:before {
    content: "\e107"
}

.ob-icon.icon-crop:before {
    content: "\e108"
}

.ob-icon.icon-table:before {
    content: "\e109"
}

.ob-icon.icon-table-edit:before {
    content: "\e10a"
}

.ob-icon.icon-preview:before {
    content: "\e10b"
}

.ob-icon.icon-foward:before {
    content: "\e10c"
}

.ob-icon.icon-back:before {
    content: "\e10d"
}

.ob-icon.icon-fullscreen:before {
    content: "\e10e"
}

.ob-icon.icon-fullscreen-out:before {
    content: "\e10f"
}

.ob-icon.icon-align-right:before {
    content: "\e110"
}

.ob-icon.icon-symbol:before {
    content: "\e111"
}

.ob-icon.icon-color:before {
    content: "\e112"
}

.ob-icon.icon-link:before {
    content: "\e113"
}

.ob-icon.icon-facebook:before {
    content: "\e140"
}

.ob-icon.icon-VK:before {
    content: "\e14d"
}

.ob-icon.icon-google-plus:before {
    content: "\e141"
}

.ob-icon.icon-twitter:before {
    content: "\e142"
}

.ob-icon.icon-youtube:before {
    content: "\e143"
}

.ob-icon.icon-linkedin:before {
    content: "\e144"
}

.ob-icon.icon-pinterest:before {
    content: "\e145"
}

.ob-icon.icon-weibo:before {
    content: "\e146"
}

.ob-icon.icon-wechat:before {
    content: "\e147"
}

.ob-icon.icon-tieba:before {
    content: "\e148"
}

.ob-icon.icon-qzone:before {
    content: "\e149"
}

.ob-icon.icon-tencent-weibo:before {
    content: "\e14a"
}

.ob-icon.icon-share-mail:before {
    content: "\e14b"
}

.ob-icon.icon-ind-agriculture:before {
    content: "\e180"
}

.ob-icon.icon-ind-apparel:before {
    content: "\e181"
}

.ob-icon.icon-ind-artcraft:before {
    content: "\e182"
}

.ob-icon.icon-ind-bag:before {
    content: "\e183"
}

.ob-icon.icon-ind-computer:before {
    content: "\e184"
}

.ob-icon.icon-ind-consumer-electronics:before {
    content: "\e185"
}

.ob-icon.icon-ind-furniture:before {
    content: "\e186"
}

.ob-icon.icon-ind-light-industry:before {
    content: "\e187"
}

.ob-icon.icon-ind-office-supply:before {
    content: "\e188"
}

.ob-icon.icon-ind-sportting:before {
    content: "\e189"
}

.ob-icon.icon-ind-toy:before {
    content: "\e18a"
}

.ob-icon.icon-ind-auto:before {
    content: "\e18b"
}

.ob-icon.icon-ind-electrical:before {
    content: "\e18c"
}

.ob-icon.icon-ind-equipment:before {
    content: "\e18d"
}

.ob-icon.icon-ind-instrument:before {
    content: "\e18e"
}

.ob-icon.icon-ind-light:before {
    content: "\e18f"
}

.ob-icon.icon-ind-manufacture:before {
    content: "\e190"
}

.ob-icon.icon-ind-packaging:before {
    content: "\e191"
}

.ob-icon.icon-ind-security:before {
    content: "\e192"
}

.ob-icon.icon-ind-tool:before {
    content: "\e193"
}

.ob-icon.icon-ind-transportation:before {
    content: "\e194"
}

.ob-icon.icon-ind-chemical:before {
    content: "\e195"
}

.ob-icon.icon-ind-construction:before {
    content: "\e196"
}

.ob-icon.icon-ind-health:before {
    content: "\e197"
}

.ob-icon.icon-ind-metallurgy:before {
    content: "\e198"
}

.ob-icon.icon-ind-textile:before {
    content: "\e199"
}

.ob-icon.icon-ind-service:before {
    content: "\e19a"
}

.ob-icon.icon-i-personal-f:before {
    content: "\e1f5"
}

.ob-icon.icon-active:before {
    content: "\e092"
}

.ob-icon.icon-safeguard:before {
    content: "\e094"
}

.ob-icon.icon-ind-beauty:before {
    content: "\e19c"
}

.ob-icon.icon-ind-building-material:before {
    content: "\e19f"
}

.ob-icon.icon-negotiate:before {
    content: "\e093"
}

.ob-icon.icon-male:before {
    content: "\e095"
}

.ob-icon.icon-female:before {
    content: "\e096"
}

.ob-icon.icon-gift:before {
    content: "\e097"
}

.ob-icon.icon-coupon:before {
    content: "\e098"
}

.ob-icon.icon-mic-logo:before {
    content: "\e099"
}

.ob-icon.icon-video-camera:before {
    content: "\e09a"
}

.ob-icon.icon-save:before {
    content: "\e09b"
}

.ob-icon.icon-basket-right:before {
    content: "\e09c"
}
.sr-layout-main {
    overflow: hidden
}

.sr-layout-main.home-layout-main {
    float: right !important
}

@media only screen and (max-width: 1023px) {
    .sr-layout-resp .sr-layout-extra,.sr-layout-resp .sr-layout-nav {
        display:none
    }
}

.sr-layout-resp .sr-layout-main {
    overflow: inherit;
    width: -moz-calc(100% - 340px - 20px);
    width: -webkit-calc(100% - 340px - 20px);
    width: calc(100% - 340px - 20px);
    float: left
}

@media only screen and (max-width: 1024px) {
    .sr-layout-resp .sr-layout-main {
        width:-moz-calc(100% - 300px - 20px);
        width: -webkit-calc(100% - 300px - 20px);
        width: calc(100% - 300px - 20px)
    }
}

@media only screen and (max-width: 1023px) {
    .sr-layout-resp .sr-layout-main {
        width:100%
    }
}
.sr-layout-block {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e9eef4
}

@media only screen and (max-width: 1280px) {
    .sr-layout-block {
        padding:20px
    }
}

.sr-layout-nopadding {
    padding: 0
}

.sr-layout-noborder {
    border: 0
}

.sr-layout-subblock {
    border-bottom: 1px solid #e6ecf2;
    padding: 30px;
    padding-left: 0;
    padding-right: 0
}

.sr-layout-subblock:first-child {
    padding-top: 0
}

.sr-layout-subblock:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.sr-layout-row {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
    *zoom:1}

.sr-layout-row:before,.sr-layout-row:after {
    content: "";
    display: table
}

.sr-layout-row:after {
    clear: both
}

.sr-layout-col-1 {
    width: 100%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-layout-col-2 {
    width: 50%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-layout-col-3 {
    width: 33.3333333333%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-layout-col-4 {
    width: 25%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-layout-col-5 {
    width: 20%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-layout-col-6 {
    width: 16.6666666667%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-layout-col-7 {
    width: 14.2857142857%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-layout-col-8 {
    width: 12.5%;
    padding: 0 9px;
    margin-bottom: 20px;
    float: left
}

.sr-txt-title {
    margin-bottom: 20px
}

.sr-txt-title .title-icon {
    float: right;
    line-height: 27px
}

.sr-txt-h2 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    word-break: break-word
}

.sr-txt-sm {
    font-size: 12px;
    color: #888;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: normal
}

.sr-txt-rightSpace {
    padding-right: 25px;
    position: relative
}

.sr-txt-rightSpace .ob-icon {
    font-size: 16px;
    line-height: 27px;
    position: absolute;
    right: 0;
    top: 0
}

.sr-txt-rightSpace .icon-rotate-r {
    cursor: pointer
}

.sr-txt-rightSpace .icon-rotate-r:hover {
    color: var(--background-1)
}

.sr-crumb {
    *zoom:1;margin-top: 0;
    margin-bottom: 30px;
    color: #888;
    font-size: 14px;
    line-height: 21px;
    vertical-align: middle;
    text-indent: 0;
    border-top: none;
    max-width: 728px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sr-crumb:before,.sr-crumb:after {
    content: "";
    display: table
}

.sr-crumb:after {
    clear: both
}

.sr-crumb .icon-right,.sr-crumb .micon,.sr-crumb .ob-icon {
    margin: 0;
    font-size: 16px;
    width: 16px;
    background: none;
    vertical-align: middle
}

.sr-crumb a,.sr-crumb>span,.sr-crumb>h1,.sr-crumb>h2,.sr-crumb>h3 {
    font-size: 14px;
    line-height: 21px;
    color: #888;
    font-weight: normal
}

.sr-crumb a {
    color: #555
}

.sr-crumb a:hover {
    color: var(--background-1)
}

.sr-comInfo {
    padding: 20px 0;
    border-top: 1px solid #e6ecf2;
    position: relative;
    min-height: 100px;
    *zoom:1}

.sr-comInfo:before,.sr-comInfo:after {
    content: "";
    display: table
}

.sr-comInfo:after {
    clear: both
}

.sr-comInfo-logo {
    float: left;
    font-size: 0;
    margin-right: 15px;
    position: relative;
    height: 60px;
    line-height: 60px
}

.sr-comInfo-logo img {
    max-width: 120px;
    max-height: 60px;
    vertical-align: middle
}

.sr-comInfo-r {
    float: left;
    width: calc(50% - 140px)
}

@media only screen and (max-width: 1023px) {
    .sr-comInfo-r {
        width:auto;
        max-width: calc(100% - 130px)
    }
}

.sr-comInfo-title {
    position: relative;
    display: inline-block
}

.sr-comInfo-title .title-txt {
    font-size: 18px;
    display: block;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: bold
}

.sr-comInfo-title .title-txt .ob-icon {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.sr-comInfo-title .title-txt a {
    display: block;
    color: #222
}

@media only screen and (min-width: 769px) {
    .sr-comInfo-title .title-txt a:hover {
        color:var(--background-1)
    }

    .sr-comInfo-title .title-txt a:hover .ob-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.sr-comInfo-title.in-pc .icon-down {
    display: inline-block
}

.sr-comInfo-title .icon-down {
    display: none
}

.sr-comInfo-details {
    border: 1px solid #e6ecf2;
    box-shadow: 3px 3px 5px rgba(0,0,0,.2);
    width: 1000px;
    position: absolute;
    background: #fff;
    display: none;
    z-index: 99
}

.sr-comInfo-details .details-cnt {
    padding: 30px 30px 0 30px
}

.sr-comInfo-details .detail-col {
    float: left;
    margin-right: 30px;
    min-height: 181px
}

.sr-comInfo-details .detail-col:last-child {
    margin-right: 0
}

.sr-comInfo-details .detail-col.col-1 {
    width: 200px
}

.sr-comInfo-details .detail-col.col-2 {
    width: 475px
}

.sr-comInfo-details .detail-col .review-scores .review-btn {
    color: #007dfa;
    font-size: 14px;
    cursor: pointer
}

.sr-comInfo-details .detail-col .review-scores .review-btn :active {
    color: var(--background-1)
}

.sr-comInfo-details .detail-col .review-scores div.score-item-rating span {
    cursor: pointer;
    vertical-align: middle
}

.sr-comInfo-details .detail-col .review-scores div.score-item-rating span:hover {
    color: var(--background-1)
}

.sr-comInfo-details .detail-col .review-scores div span {
    font-weight: 700
}

.sr-comInfo-details .detail-address {
    margin-bottom: 10px
}

.sr-comInfo-details .detail-address .ob-icon {
    margin-right: 5px
}

.sr-comInfo-details .detail-address-map {
    position: relative;
    width: 200px;
    height: 176px
}

.sr-comInfo-details .detail-address-map .showLocation-content {
    top: -15px;
    left: -15px
}

.sr-comInfo-details .detail-infos .ob-icon {
    position: absolute;
    left: 0;
    top: 3px
}

.sr-comInfo-details .detail-infos .ob-icon.icon-yes2 {
    color: #00b200
}

.sr-comInfo-details .detail-infos .ob-icon.icon-shop {
    color: #888
}

.sr-comInfo-details .detail-infos .info-item {
    position: relative;
    padding-left: 22px;
    *zoom:1;margin-bottom: 10px
}

.sr-comInfo-details .detail-infos .info-item:before,.sr-comInfo-details .detail-infos .info-item:after {
    content: "";
    display: table
}

.sr-comInfo-details .detail-infos .info-item:after {
    clear: both
}

.sr-comInfo-details .detail-infos .info-item:last-child {
    margin-bottom: 0
}

.sr-comInfo-details .detail-infos .info-label {
    float: left;
    width: 165px;
    color: #888;
    position: relative;
    padding-left: 22px
}

.sr-comInfo-details .detail-infos .info-label .icon-yes2 {
    position: absolute;
    left: 0;
    top: 3px
}

.sr-comInfo-details .detail-infos .info-fields {
    margin-left: 175px
}

.sr-comInfo-details .detail-intro {
    margin: 10px 0 20px 0;
    color: #888
}

.sr-comInfo-details .details-footer {
    border-top: 1px solid #e6ecf2;
    padding: 20px 30px
}

.sr-comInfo-details .details-footer .option-item,.sr-comInfo-details .details-footer a {
    line-height: 21px;
    margin-right: 20px;
    display: inline-block
}

.sr-comInfo-details .details-footer .option-item .ob-icon,.sr-comInfo-details .details-footer .option-item .micon,.sr-comInfo-details .details-footer a .ob-icon,.sr-comInfo-details .details-footer a .micon {
    margin-right: 5px;
    vertical-align: -2px
}

.sr-comInfo-sign {
    margin-top: 5px
}

.sr-comInfo-sign .sign-item {
    float: left;
    margin-right: 15px;
    color: #555
}

.sr-comInfo-sign .sign-item .txt-year {
    color: var(--background-1)
}

.sr-comInfo-sign .sign-item .item-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: -5px
}

.sr-comInfo-sign .sign-item .icon-gold {
    background: url("https://www.micstatic.com/landing/www/product/img/2017/common/icon-gold_5d562fd2.png") no-repeat center
}

.sr-comInfo-sign .sign-item .icon-diamond {
    background: url("https://www.micstatic.com/landing/www/product/img/2017/common/icon-diamond_26baed48.png") no-repeat center
}

.sr-comInfo-sign .sign-item .icon-as {
    background: url("https://www.micstatic.com/landing/www/product/img/2017/common/icon-as_d732b359.png") no-repeat center
}

@media screen and (max-width: 1280px) {
    .sr-comInfo-details {
        width:880px
    }

    .sr-comInfo-details .details-cnt {
        padding: 20px 20px 0 20px
    }

    .sr-comInfo-details .detail-col {
        margin-right: 20px
    }

    .sr-comInfo-details .detail-col.col-2 {
        width: 395px
    }
}

@media screen and (max-width: 1023px) {
    .sr-comInfo-details {
        width:640px
    }

    .sr-comInfo-details .detail-col:first-child {
        display: none
    }

    .sr-comInfo-details .detail-col.col-2 {
        width: 375px
    }
}

.virtual-card-wrap.cnt-succ {
    display: none
}

.virtual-card-wrap .card-succ-wrap {
    position: relative;
    padding-left: 42px;
    padding-top: 5px;
    color: #555
}

.virtual-card-wrap .card-succ-wrap .icon-yes {
    color: #00b200;
    font-size: 32px;
    position: absolute;
    left: 0
}

.virtual-card-wrap .card-cnt-detail .detail-info {
    text-align: center;
    color: #555;
    margin-bottom: 20px
}

.virtual-card-wrap .card-cnt-detail .detail-qr {
    text-align: center;
    margin-bottom: 20px;
    min-height: 150px
}

.virtual-card-wrap .card-cnt-detail .detail-qr img {
    vertical-align: top;
    height: 150px;
    width: 150px
}

.virtual-card-wrap .card-cnt-detail .detail-form .input-text {
    height: 33px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
    margin-right: 0;
    width: calc(100% - 87px)
}

.virtual-card-wrap .card-cnt-detail .detail-form .detail-btn {
    height: 33px;
    line-height: 31px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.virtual-card-wrap .card-cnt-detail .detail-form .card-captcha {
    padding-bottom: 10px
}

.virtual-card-wrap .card-cnt-detail .detail-form .card-captcha .faptcha-widget #faptcha_response_field {
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    border: 1px solid #ccc;
    text-align: center;
    width: 90px !important;
    padding: 2px
}

.virtual-card-wrap .card-cnt-detail .detail-form .card-captcha .faptcha-widget #faptcha_reload {
    background: url("https://www.micstatic.com/landing/www/product/img/2017/faptcha-sprite_1988922f.png") no-repeat -63px 50% !important
}

.virtual-card-wrap .card-cnt-detail .detail-form .card-captcha .faptcha-widget #faptcha_main,.virtual-card-wrap .card-cnt-detail .detail-form .card-captcha .faptcha-widget #faptcha_input {
    height: 33px;
    display: inline-block;
    *float: left;
    margin: 0 10px 0 0;
    vertical-align: top
}

.virtual-card-wrap .card-cnt-detail .detail-form .card-captcha .faptcha-widget #faptcha_image,.virtual-card-wrap .card-cnt-detail .detail-form .card-captcha .faptcha-widget #faptcha_image_img {
    height: 31px
}

.pad-footer {
    font-size: 14px
}

.pad-footer .grid {
    width: auto
}

.pad-footer>.grid {
    max-width: 1480px;
    min-width: 768px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    *zoom:1;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.pad-footer>.grid:before,.pad-footer>.grid:after {
    content: "";
    display: table
}

.pad-footer>.grid:after {
    clear: both
}

.pad-footer * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.pad-footer a {
    text-decoration: none
}

.pad-footer .m-footer-simple-links .m-gap-line {
    border-color: #4c4c4c
}

.pad-footer .m-footer-simple-links .m-gap-line:last-child {
    display: none
}

.pad-footer .m-footer-simple-links .pad-footer-oneline .m-footer-simple-links-row {
    display: inline-block
}

@media only screen and (max-width: 1023px) {
    .pad-footer .pad-footer-hide {
        display:none
    }
}
/* 
body,html,button,input,select,textarea {
    font-size: 14px
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

a {
    text-decoration: none
}

a:hover {
    color: var(--background-1);
    text-decoration: none
}

img {
    max-width: 100%
} */

#in-basket,#in-basket * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.alert-safe-wrap {
    margin-bottom: 10px;
    margin-top: -10px
}

.alert-safe-wrap * {
    box-sizing: content-box
}

.alert-safe-wrap .alert-new .alert-con {
    display: block;
    font-size: 14px
}

.alert-safe-wrap .alert-new .alert-con .micon-state {
    top: 6px
}

.alert-safe-wrap .obelisk-form .input-toggle {
    margin-left: 10px
}

.alert-safe-wrap .obelisk-form .input-toggle .input-wrap {
    margin: 0
}

.input-ctnr {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

@media only screen and (max-width: 1023px) {
    .popup-wrap {
        display:none
    }
}

.fixed-edit-entry {
    background: #6b7a99;
    color: #fff;
    border-radius: 3px 3px 0 0;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: right top;
    position: absolute;
    right: 50%;
    margin-right: -750px;
    top: 366px;
    z-index: 40
}

.fixed-edit-entry.fix {
    top: 172px;
    position: fixed
}

@media only screen and (max-width: 1440px) {
    .fixed-edit-entry {
        right:0;
        margin-right: 0
    }
}

.fixed-edit-entry .icon-fill {
    vertical-align: -2px;
    margin-right: 5px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.fixed-edit-entry:hover {
    color: #fff;
    background: #596680;
    text-decoration: none
}

a:hover {
    color: var(--background-1);
    text-decoration: none
}

.m-header a.link-blue:hover {
    color: var(--background-1) !important;
    text-decoration: none
}

#dialog,#dialog4login {
    position: fixed;
    width: 525px;
    z-index: 200;
    font-family: Verdana,Arial,Helvetica;
    font-size: 14px;
    background: #333
}

#dialog-header,#header4login {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 10px 0 20px;
    background: #f7f7f7;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #ddd
}

#dialog-title,#title4login {
    float: left
}

#dialog-close,#close4login {
    float: right;
    cursor: pointer;
    margin: 12px 3px 0 0;
    height: 11px;
    width: 11px;
    background: url("https://www.micstatic.com/landing/www/product/img/2017/close_5a3320e8.gif") no-repeat
}

#dialog-content,#content4login {
    display: block;
    padding: 6px;
    min-height: 160px;
    color: #666;
    font-size: 14px;
    background: #fff
}

#dialog-content-inner {
    min-height: 128px
}

#dialog-mask {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .4;
    filter: Alpha(Opacity=40);
    z-index: 100
}

@keyframes am-tip-move {
    from {
        margin-top: 12px;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes am-tip-move {
    from {
        margin-top: 12px;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

@-moz-keyframes am-tip-move {
    from {
        margin-top: 12px;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

@-o-keyframes am-tip-move {
    from {
        margin-top: 12px;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

.add-fav-tip {
    padding: 4px 10px;
    background-color: #00b300;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    margin-top: 12px;
    opacity: 0;
    filter: alpha(opacity=0) \9 ;
    z-index: 1000
}

.add-fav-tip.add-fav-tip-info {
    background-color: #f73
}

.add-fav-tip.add-fav-tip-error {
    background-color: var(--background-1)
}

.add-fav-tip-am {
    margin-top: 0;
    opacity: 1;
    filter: alpha(opacity=100) \9 ;
    animation: am-tip-move .3s ease-in-out 0s 1 normal;
    -webkit-animation: am-tip-move .3s ease-in-out 0s 1 normal;
    -moz-animation: am-tip-move .3s ease-in-out 0s 1 normal;
    -o-animation: am-tip-move .3s ease-in-out 0s 1 normal
}

.already-fav .ob-icon.icon-heart-f,.already-fav .micon {
    color: var(--background-1) !important;
    margin-right: 5px
}

.already-fav-new .ob-icon.icon-heart-f,.already-fav-new .micon {
    color: var(--background-1) !important;
    margin-right: 5px
}

.already-in-basket .ob-icon {
    color: #39bc39 !important;
    font-size: 16px;
    margin-right: 5px
}

.link-with-icon .ob-icon {
    margin-right: 5px
}

.add-to-basket .micon,.add-to-basket .ob-icon {
    margin-right: 5px;
    color: #222
}

.tm-status-on:hover,.tm-status-off:hover {
    text-decoration: none !important
}

#webtm-wrapper * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.dialog-confirm.confirm-succ {
    position: relative;
    text-align: left;
    padding-left: 42px;
    margin: 0
}

.dialog-confirm.confirm-succ .ico {
    position: absolute;
    left: 0;
    background: none;
    color: #0c3;
    font-family: "Mic-icon";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important
}

.dialog-confirm.confirm-succ .ico:before {
    content: "\e000"
}

.dialog-confirm.confirm-succ .cnt {
    padding-top: 5px
}

.dlg-buttons .btn {
    line-height: 1.5;
    height: 30px
}

.skin-entrance-img {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-entrance_82759892.jpg");
    background-size: cover;
    width: 35px;
    height: 35px
}

.skin-01 {
    background-color: #f5f7fa;
    background-position: center;
    background-repeat: repeat
}

.skin-02 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-02_86994745.jpg")
}

.skin-02 .sr-layout-block {
    border: 0
}

.skin-03 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-03_54c196c2.jpg")
}

.skin-03 .sr-layout-block {
    border: 0
}

.skin-04 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-04_4ccec568.jpg")
}

.skin-04 .sr-layout-block {
    border: 0
}

.skin-05 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-05_7e684d53.jpg")
}

.skin-05 .sr-layout-block {
    border: 0
}

.skin-06 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-06_9494281c.jpg")
}

.skin-06 .sr-layout-block {
    border: 0
}

.skin-07 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-07_2065c144.jpg")
}

.skin-07 .sr-layout-block {
    border: 0
}

.skin-08 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-08_21980df3.jpg")
}

.skin-08 .sr-layout-block {
    border: 0
}

.skin-09 {
    background-color: #fff;
    background-position: center;
    background-repeat: repeat;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2017/editor/skin/skin-09_36fed8eb.jpg")
}

.skin-09 .sr-layout-block {
    border: 0
}

.sr-comInfo-sign .sign-item {
    position: relative
}

.sr-comInfo-sign .sign-item .icon-diamond:hover~.tip-gold,.sr-comInfo-sign .sign-item .icon-gold:hover~.tip-gold {
    display: block
}

.sr-comInfo-sign .sign-item .tip-gold {
    z-index: 35;
    display: none;
    width: 271px;
    background: #fff;
    border: 1px solid #fff;
    padding: 10px 10px 5px;
    top: 32px;
    left: -9px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0,0,0,.12),0px 6px 10px rgba(0,0,0,.06),0px 9px 16px rgba(0,0,0,.03)
}

.sr-comInfo-sign .sign-item .tip-gold .arrow-out {
    left: 10px;
    border-color: transparent
}

.sr-comInfo-sign .sign-item .tip-gold .points-wrap {
    display: flex;
    align-items: center
}

.sr-comInfo-sign .sign-item .tip-gold .points-wrap .bar-content {
    width: 120px;
    height: 5px;
    background: #d9d9d9;
    margin-right: 5px;
    border-radius: 21px
}

.sr-comInfo-sign .sign-item .tip-gold .points-wrap .gold-bar {
    width: 96px;
    height: 5px;
    background: #ff9500;
    border-radius: 21px
}

.sr-comInfo-sign .sign-item .tip-gold .points-wrap .zuanshi-bar {
    width: 120px;
    height: 5px;
    background: #ff9500;
    border-radius: 21px
}

.sr-comInfo-sign .sign-item .tip-gold .points-wrap .points {
    font-size: 14px;
    line-height: 21px
}

.richtext-nav {
    position: relative;
    width: 100%;
    height: 54px;
    font-size: 14px;
    line-height: 54px;
    font-weight: normal;
    text-align: center;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 4px #d7d7d7;
    -webkit-box-shadow: 0 1px 4px #d7d7d7;
    -moz-box-shadow: 0 1px 4px #d7d7d7
}

.richtext-nav>ul.richtext-nav-ul {
    margin: 0;
    height: 100%;
    list-style: none;
    white-space: nowrap;
    cursor: pointer;
    text-align: left
}

.richtext-nav>ul.richtext-nav-ul>li {
    position: relative;
    display: inline-block;
    min-width: 200px;
    width: auto;
    color: #555;
    text-align: center;
    height: 54px;
    line-height: 54px
}

.richtext-nav>ul.richtext-nav-ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background: #555
}

.richtext-nav>ul.richtext-nav-ul>li.active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background: var(--background-1)
}

.richtext-nav>ul.richtext-nav-ul>li.active {
    color: var(--background-1)
}

.richtext-nav>.toolbar {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100px;
    background: #fff;
    z-index: 10
}

.richtext-nav>.toolbar>div {
    display: inline-block;
    margin-left: 5px;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.richtext-nav>.toolbar>div.swiper-button-disabled {
    color: #ddd
}

.rich-text {
    font-size: 12px;
    word-wrap: break-word;
    word-break: break-word
}

.rich-text h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    line-height: 1.2
}

.rich-text h1 {
    font-size: 24px
}

.rich-text h2 {
    font-size: 18px
}

.rich-text h3 {
    font-size: 14px
}

.rich-text h4,.rich-text h5,.rich-text h6 {
    font-size: 12px
}

.rich-text p {
    margin: 1em 0
}

.rich-text ul {
    line-height: 1.5;
    padding-left: 2em;
    margin: 1em 0
}

.rich-text ul>li {
    list-style-type: disc
}

.rich-text ol {
    line-height: 1.5;
    padding-left: 2em;
    margin: 1em 0
}

.rich-text ol>li {
    list-style-type: decimal
}

.rich-text em {
    font-style: italic;
    font-weight: unset
}

.rich-text ol ol,.rich-text ul ul,.rich-text ul ol,.rich-text ol ul {
    margin: .4em 0
}

.rich-text ul ul li,.rich-text ol ul li {
    list-style-type: circle
}

.rich-text-table {
    overflow: auto;
    clear: both
}

.rich-text-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ccc
}

.rich-text-table th,.rich-text-table td {
    padding: 2px 5px;
    border: 1px solid #ccc;
    text-align: left
}

.rich-text-table th {
    font-weight: bold;
    color: #555;
    background-color: #fdfdfd
}

.row {
    *zoom:1}

.row:before,.row:after {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.col-1 {
    width: 8.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-1 {
    margin-left: 8.3333333333%
}

.col-right-1 {
    right: 8.3333333333%
}

.col-left-1 {
    left: 8.3333333333%
}

.col-2 {
    width: 16.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-2 {
    margin-left: 16.6666666667%
}

.col-right-2 {
    right: 16.6666666667%
}

.col-left-2 {
    left: 16.6666666667%
}

.col-3 {
    width: 25%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-3 {
    margin-left: 25%
}

.col-right-3 {
    right: 25%
}

.col-left-3 {
    left: 25%
}

.col-4 {
    width: 33.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-4 {
    margin-left: 33.3333333333%
}

.col-right-4 {
    right: 33.3333333333%
}

.col-left-4 {
    left: 33.3333333333%
}

.col-5 {
    width: 41.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-5 {
    margin-left: 41.6666666667%
}

.col-right-5 {
    right: 41.6666666667%
}

.col-left-5 {
    left: 41.6666666667%
}

.col-6 {
    width: 50%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-6 {
    margin-left: 50%
}

.col-right-6 {
    right: 50%
}

.col-left-6 {
    left: 50%
}

.col-7 {
    width: 58.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-7 {
    margin-left: 58.3333333333%
}

.col-right-7 {
    right: 58.3333333333%
}

.col-left-7 {
    left: 58.3333333333%
}

.col-8 {
    width: 66.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-8 {
    margin-left: 66.6666666667%
}

.col-right-8 {
    right: 66.6666666667%
}

.col-left-8 {
    left: 66.6666666667%
}

.col-9 {
    width: 75%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-9 {
    margin-left: 75%
}

.col-right-9 {
    right: 75%
}

.col-left-9 {
    left: 75%
}

.col-10 {
    width: 83.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-10 {
    margin-left: 83.3333333333%
}

.col-right-10 {
    right: 83.3333333333%
}

.col-left-10 {
    left: 83.3333333333%
}

.col-11 {
    width: 91.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-11 {
    margin-left: 91.6666666667%
}

.col-right-11 {
    right: 91.6666666667%
}

.col-left-11 {
    left: 91.6666666667%
}

.col-12 {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-12 {
    margin-left: 100%
}

.col-right-12 {
    right: 100%
}

.col-left-12 {
    left: 100%
}

.span-1 {
    display: inline-block;
    width: 20px;
    box-sizing: border-box
}

.span-2 {
    display: inline-block;
    width: 50px;
    box-sizing: border-box
}

.span-3 {
    display: inline-block;
    width: 80px;
    box-sizing: border-box
}

.span-4 {
    display: inline-block;
    width: 110px;
    box-sizing: border-box
}

.span-5 {
    display: inline-block;
    width: 140px;
    box-sizing: border-box
}

.span-6 {
    display: inline-block;
    width: 170px;
    box-sizing: border-box
}

.span-7 {
    display: inline-block;
    width: 200px;
    box-sizing: border-box
}

.span-8 {
    display: inline-block;
    width: 230px;
    box-sizing: border-box
}

.span-9 {
    display: inline-block;
    width: 260px;
    box-sizing: border-box
}

.span-10 {
    display: inline-block;
    width: 290px;
    box-sizing: border-box
}

.span-11 {
    display: inline-block;
    width: 320px;
    box-sizing: border-box
}

.span-12 {
    display: inline-block;
    width: 350px;
    box-sizing: border-box
}

.span-13 {
    display: inline-block;
    width: 380px;
    box-sizing: border-box
}

.span-14 {
    display: inline-block;
    width: 410px;
    box-sizing: border-box
}

.span-15 {
    display: inline-block;
    width: 440px;
    box-sizing: border-box
}

.span-16 {
    display: inline-block;
    width: 470px;
    box-sizing: border-box
}

.span-17 {
    display: inline-block;
    width: 500px;
    box-sizing: border-box
}

.span-18 {
    display: inline-block;
    width: 530px;
    box-sizing: border-box
}

.span-19 {
    display: inline-block;
    width: 560px;
    box-sizing: border-box
}

.span-20 {
    display: inline-block;
    width: 590px;
    box-sizing: border-box
}

.span-21 {
    display: inline-block;
    width: 620px;
    box-sizing: border-box
}

.span-22 {
    display: inline-block;
    width: 650px;
    box-sizing: border-box
}

.span-23 {
    display: inline-block;
    width: 680px;
    box-sizing: border-box
}

.span-24 {
    display: inline-block;
    width: 710px;
    box-sizing: border-box
}

.span-25 {
    display: inline-block;
    width: 740px;
    box-sizing: border-box
}

.span-26 {
    display: inline-block;
    width: 770px;
    box-sizing: border-box
}

.span-27 {
    display: inline-block;
    width: 800px;
    box-sizing: border-box
}

.span-28 {
    display: inline-block;
    width: 830px;
    box-sizing: border-box
}

.span-29 {
    display: inline-block;
    width: 860px;
    box-sizing: border-box
}

.span-30 {
    display: inline-block;
    width: 890px;
    box-sizing: border-box
}

.obelisk-form .input-text,.ob-form .input-text {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    background-color: #fff;
    margin-right: 10px;
    height: 30px;
    *height: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.obelisk-form .input-text:hover,.ob-form .input-text:hover {
    border-color: #a1aab2;
    outline: 0
}

.obelisk-form .input-text:focus,.ob-form .input-text:focus {
    border-color: #1470cc;
    outline: 0
}

.obelisk-form .input-text.error,.ob-form .input-text.error {
    border-color: var(--background-1)
}

.obelisk-form .input-text[disabled],.obelisk-form .input-text.disabled,.ob-form .input-text[disabled],.ob-form .input-text.disabled {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .text-item,.ob-form .text-item {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    margin-right: 10px;
    position: relative
}

.obelisk-form .text-item .input-wrap,.ob-form .text-item .input-wrap {
    overflow: hidden
}

.obelisk-form .text-item .input-wrap button,.ob-form .text-item .input-wrap button {
    background-color: transparent
}

.obelisk-form .text-item .input-head,.ob-form .text-item .input-head {
    padding: 0px 10px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #555;
    float: left;
    border-right: 1px solid #ced3d9;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    position: relative;
    z-index: 9;
    top: 1px;
    *top: 0
}

.obelisk-form .text-item .input-ctnr,.ob-form .text-item .input-ctnr {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #ced3d9;
    background-color: #f5f7fa;
    position: absolute;
    left: 0;
    top: 0;
    *height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.obelisk-form .text-item .input-cnt,.ob-form .text-item .input-cnt {
    overflow: hidden
}

.obelisk-form .text-item .input-cnt input,.ob-form .text-item .input-cnt input {
    width: 100%
}

.obelisk-form .text-item .input-text,.ob-form .text-item .input-text {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    float: right;
    border-left: 0;
    margin-right: 0;
    position: relative;
    z-index: 9
}

.obelisk-form .text-item .input-text:hover+.input-ctnr,.ob-form .text-item .input-text:hover+.input-ctnr {
    border-color: #a1aab2
}

.obelisk-form .text-item .input-text:focus+.input-ctnr,.ob-form .text-item .input-text:focus+.input-ctnr {
    border-color: #1470cc
}

.obelisk-form .text-item .input-text.error+.input-ctnr,.ob-form .text-item .input-text.error+.input-ctnr {
    border-color: var(--background-1)
}

.obelisk-form .text-item .input-text[disabled]+.input-ctnr,.obelisk-form .text-item .input-text.disabled+.input-ctnr,.ob-form .text-item .input-text[disabled]+.input-ctnr,.ob-form .text-item .input-text.disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .text-item.text-item-r .input-head,.ob-form .text-item.text-item-r .input-head {
    float: right;
    border-right: none;
    border-left: 1px solid #ced3d9;
    border-radius: 0 3px 3px 0
}

.obelisk-form .text-item.text-item-r .input-text,.ob-form .text-item.text-item-r .input-text {
    border-radius: 3px 0 0 3px;
    float: left;
    border-right: 0;
    margin-left: 0;
    border-left: 1px solid #ced3d9
}

.obelisk-form .text-item.text-item-r .input-text:hover,.ob-form .text-item.text-item-r .input-text:hover {
    border-color: #a1aab2
}

.obelisk-form .text-item.text-item-r .input-text:focus,.ob-form .text-item.text-item-r .input-text:focus {
    border-color: #1470cc
}

.obelisk-form .text-item.text-item-r .input-text.error,.ob-form .text-item.text-item-r .input-text.error {
    border-color: var(--background-1)
}

.obelisk-form .text-item.text-item-r .input-text[disabled],.obelisk-form .text-item.text-item-r .input-text.disabled,.ob-form .text-item.text-item-r .input-text[disabled],.ob-form .text-item.text-item-r .input-text.disabled {
    border-color: #ced3d9
}

.obelisk-form .input-checkbox,.obelisk-form .input-radio,.obelisk-form .input-toggle,.obelisk-form .input-tag,.ob-form .input-checkbox,.ob-form .input-radio,.ob-form .input-toggle,.ob-form .input-tag {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.obelisk-form .input-checkbox .input-wrap,.obelisk-form .input-radio .input-wrap,.obelisk-form .input-toggle .input-wrap,.obelisk-form .input-tag .input-wrap,.ob-form .input-checkbox .input-wrap,.ob-form .input-radio .input-wrap,.ob-form .input-toggle .input-wrap,.ob-form .input-tag .input-wrap {
    display: inline-block;
    *display: inline;
    *zoom:1;font-weight: normal;
    margin: 6px 10px 6px 0;
    vertical-align: middle;
    position: relative
}

.obelisk-form .input-checkbox input[type=checkbox],.obelisk-form .input-checkbox input[type=radio],.obelisk-form .input-radio input[type=checkbox],.obelisk-form .input-radio input[type=radio],.obelisk-form .input-toggle input[type=checkbox],.obelisk-form .input-toggle input[type=radio],.obelisk-form .input-tag input[type=checkbox],.obelisk-form .input-tag input[type=radio],.ob-form .input-checkbox input[type=checkbox],.ob-form .input-checkbox input[type=radio],.ob-form .input-radio input[type=checkbox],.ob-form .input-radio input[type=radio],.ob-form .input-toggle input[type=checkbox],.ob-form .input-toggle input[type=radio],.ob-form .input-tag input[type=checkbox],.ob-form .input-tag input[type=radio] {
    vertical-align: middle
}

.obelisk-form .input-checkbox input[type=checkbox]+.input-ctnr,.obelisk-form .input-checkbox input[type=radio]+.input-ctnr,.obelisk-form .input-radio input[type=checkbox]+.input-ctnr,.obelisk-form .input-radio input[type=radio]+.input-ctnr,.obelisk-form .input-toggle input[type=checkbox]+.input-ctnr,.obelisk-form .input-toggle input[type=radio]+.input-ctnr,.obelisk-form .input-tag input[type=checkbox]+.input-ctnr,.obelisk-form .input-tag input[type=radio]+.input-ctnr,.ob-form .input-checkbox input[type=checkbox]+.input-ctnr,.ob-form .input-checkbox input[type=radio]+.input-ctnr,.ob-form .input-radio input[type=checkbox]+.input-ctnr,.ob-form .input-radio input[type=radio]+.input-ctnr,.ob-form .input-toggle input[type=checkbox]+.input-ctnr,.ob-form .input-toggle input[type=radio]+.input-ctnr,.ob-form .input-tag input[type=checkbox]+.input-ctnr,.ob-form .input-tag input[type=radio]+.input-ctnr {
    display: none
}

@media only screen and (max-width: 1000000px) {
    .obelisk-form .input-checkbox input[type=checkbox],.obelisk-form .input-checkbox input[type=radio],.obelisk-form .input-radio input[type=checkbox],.obelisk-form .input-radio input[type=radio],.obelisk-form .input-toggle input[type=checkbox],.obelisk-form .input-toggle input[type=radio],.obelisk-form .input-tag input[type=checkbox],.obelisk-form .input-tag input[type=radio],.ob-form .input-checkbox input[type=checkbox],.ob-form .input-checkbox input[type=radio],.ob-form .input-radio input[type=checkbox],.ob-form .input-radio input[type=radio],.ob-form .input-toggle input[type=checkbox],.ob-form .input-toggle input[type=radio],.ob-form .input-tag input[type=checkbox],.ob-form .input-tag input[type=radio] {
        position:absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .obelisk-form .input-checkbox input[type=checkbox]+.input-ctnr,.obelisk-form .input-checkbox input[type=radio]+.input-ctnr,.obelisk-form .input-radio input[type=checkbox]+.input-ctnr,.obelisk-form .input-radio input[type=radio]+.input-ctnr,.obelisk-form .input-toggle input[type=checkbox]+.input-ctnr,.obelisk-form .input-toggle input[type=radio]+.input-ctnr,.obelisk-form .input-tag input[type=checkbox]+.input-ctnr,.obelisk-form .input-tag input[type=radio]+.input-ctnr,.ob-form .input-checkbox input[type=checkbox]+.input-ctnr,.ob-form .input-checkbox input[type=radio]+.input-ctnr,.ob-form .input-radio input[type=checkbox]+.input-ctnr,.ob-form .input-radio input[type=radio]+.input-ctnr,.ob-form .input-toggle input[type=checkbox]+.input-ctnr,.ob-form .input-toggle input[type=radio]+.input-ctnr,.ob-form .input-tag input[type=checkbox]+.input-ctnr,.ob-form .input-tag input[type=radio]+.input-ctnr {
        display: inline-block;
        cursor: pointer;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -ms-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
        vertical-align: middle;
        margin-top: -2px
    }
}

.obelisk-form .input-checkbox .input-wrap,.ob-form .input-checkbox .input-wrap {
    color: #222
}

.obelisk-form .input-checkbox input[type=checkbox]+.input-ctnr,.ob-form .input-checkbox input[type=checkbox]+.input-ctnr {
    width: 14px;
    height: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #a1aab3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    margin-right: 5px
}

.obelisk-form .input-checkbox input[type=checkbox]:hover+.input-ctnr,.ob-form .input-checkbox input[type=checkbox]:hover+.input-ctnr {
    border-color: #1470cc;
    background-color: #d9ecff
}

.obelisk-form .input-checkbox input[type=checkbox][disabled]+.input-ctnr,.obelisk-form .input-checkbox input[type=checkbox].disabled+.input-ctnr,.ob-form .input-checkbox input[type=checkbox][disabled]+.input-ctnr,.ob-form .input-checkbox input[type=checkbox].disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .input-checkbox input[type=checkbox]:checked+.input-ctnr,.ob-form .input-checkbox input[type=checkbox]:checked+.input-ctnr {
    border-color: #1470cc;
    background-color: #fff;
    position: relative
}

.obelisk-form .input-checkbox input[type=checkbox]:checked+.input-ctnr:after,.ob-form .input-checkbox input[type=checkbox]:checked+.input-ctnr:after {
    content: "";
    display: block;
    width: 9px;
    height: 4px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #1470cc;
    position: absolute;
    left: 2px;
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.obelisk-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr,.obelisk-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr,.ob-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr,.ob-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr:after,.obelisk-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr:after,.ob-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr:after,.ob-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr:after {
    border-color: #a1aab3
}

.obelisk-form .input-radio .input-wrap,.ob-form .input-radio .input-wrap {
    color: #222
}

.obelisk-form .input-radio input[type=radio]+.input-ctnr,.ob-form .input-radio input[type=radio]+.input-ctnr {
    width: 14px;
    height: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #a1aab3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 5px
}

.obelisk-form .input-radio input[type=radio]:hover+.input-ctnr,.ob-form .input-radio input[type=radio]:hover+.input-ctnr {
    border-color: #1470cc;
    background-color: #d9ecff
}

.obelisk-form .input-radio input[type=radio][disabled]+.input-ctnr,.obelisk-form .input-radio input[type=radio].disabled+.input-ctnr,.ob-form .input-radio input[type=radio][disabled]+.input-ctnr,.ob-form .input-radio input[type=radio].disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .input-radio input[type=radio]:checked+.input-ctnr,.ob-form .input-radio input[type=radio]:checked+.input-ctnr {
    border-color: #1470cc;
    background-color: #fff;
    position: relative
}

.obelisk-form .input-radio input[type=radio]:checked+.input-ctnr:after,.ob-form .input-radio input[type=radio]:checked+.input-ctnr:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #1470cc;
    margin-left: 4px;
    margin-top: 4px;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.obelisk-form .input-radio input[type=radio][disabled]:checked+.input-ctnr,.obelisk-form .input-radio input[type=radio].disabled:checked+.input-ctnr,.ob-form .input-radio input[type=radio][disabled]:checked+.input-ctnr,.ob-form .input-radio input[type=radio].disabled:checked+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-radio input[type=radio][disabled]:checked+.input-ctnr:after,.obelisk-form .input-radio input[type=radio].disabled:checked+.input-ctnr:after,.ob-form .input-radio input[type=radio][disabled]:checked+.input-ctnr:after,.ob-form .input-radio input[type=radio].disabled:checked+.input-ctnr:after {
    background-color: #a1aab3
}

.obelisk-form .input-toggle input[type=checkbox]+.input-ctnr,.ob-form .input-toggle input[type=checkbox]+.input-ctnr {
    width: 38px;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #cfdae6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff
}

.obelisk-form .input-toggle input[type=checkbox]+.input-ctnr:after,.ob-form .input-toggle input[type=checkbox]+.input-ctnr:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-left: -1px;
    margin-top: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: #cfdae6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0,33,66,.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,33,66,.2);
    -ms-box-shadow: 1px 1px 2px rgba(0,33,66,.2);
    -o-box-shadow: 1px 1px 2px rgba(0,33,66,.2);
    box-shadow: 1px 1px 2px rgba(0,33,66,.2);
    background-color: #fff;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.obelisk-form .input-toggle input[type=checkbox][disabled]+.input-ctnr,.obelisk-form .input-toggle input[type=checkbox].disabled+.input-ctnr,.ob-form .input-toggle input[type=checkbox][disabled]+.input-ctnr,.ob-form .input-toggle input[type=checkbox].disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .input-toggle input[type=checkbox][disabled]+.input-ctnr:after,.obelisk-form .input-toggle input[type=checkbox].disabled+.input-ctnr:after,.ob-form .input-toggle input[type=checkbox][disabled]+.input-ctnr:after,.ob-form .input-toggle input[type=checkbox].disabled+.input-ctnr:after {
    border-color: #ced3d9;
    background-color: #edf0f2;
    margin-left: -1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.obelisk-form .input-toggle input[type=checkbox]:checked+.input-ctnr,.ob-form .input-toggle input[type=checkbox]:checked+.input-ctnr {
    background-color: #1470cc;
    border-color: #1470cc
}

.obelisk-form .input-toggle input[type=checkbox]:checked+.input-ctnr:after,.ob-form .input-toggle input[type=checkbox]:checked+.input-ctnr:after {
    border-color: #1470cc;
    background-color: #fff;
    margin-left: 19px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.obelisk-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr,.obelisk-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr,.ob-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr,.ob-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr:after,.obelisk-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr:after,.ob-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr:after,.ob-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr:after {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-textarea,.ob-form .input-textarea {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #ced3d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    resize: vertical;
    outline: 0;
    overflow: auto;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.obelisk-form .input-textarea:hover,.ob-form .input-textarea:hover {
    border-color: #a1aab2;
    outline: 0
}

.obelisk-form .input-textarea:focus,.ob-form .input-textarea:focus {
    border-color: #1470cc;
    outline: 0
}

@media only screen and (max-width: 1000000px) {
    .obelisk-form .input-tag .input-wrap,.ob-form .input-tag .input-wrap {
        margin-top:0
    }
}

.obelisk-form .input-tag input[type=checkbox]+.input-ctnr,.obelisk-form .input-tag input[type=radio]+.input-ctnr,.ob-form .input-tag input[type=checkbox]+.input-ctnr,.ob-form .input-tag input[type=radio]+.input-ctnr {
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom:1}

@media only screen and (max-width: 1000000px) {
    .obelisk-form .input-tag input[type=checkbox]+.input-ctnr,.obelisk-form .input-tag input[type=radio]+.input-ctnr,.ob-form .input-tag input[type=checkbox]+.input-ctnr,.ob-form .input-tag input[type=radio]+.input-ctnr {
        font-size:12px;
        line-height: 18px;
        padding: 5px 10px;
        border: 1px solid #ced3d9;
        color: #888;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom:1;cursor: pointer;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0
    }

    .obelisk-form .input-tag input[type=checkbox]+.input-ctnr.cut,.obelisk-form .input-tag input[type=radio]+.input-ctnr.cut,.ob-form .input-tag input[type=checkbox]+.input-ctnr.cut,.ob-form .input-tag input[type=radio]+.input-ctnr.cut {
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -moz-text-overflow: ellipsis
    }

    .obelisk-form .input-tag input[type=checkbox]:hover+.input-ctnr,.obelisk-form .input-tag input[type=radio]:hover+.input-ctnr,.ob-form .input-tag input[type=checkbox]:hover+.input-ctnr,.ob-form .input-tag input[type=radio]:hover+.input-ctnr {
        border: 1px solid #a1aab3;
        color: #555
    }

    .obelisk-form .input-tag input[type=checkbox]:checked+.input-ctnr,.obelisk-form .input-tag input[type=radio]:checked+.input-ctnr,.ob-form .input-tag input[type=checkbox]:checked+.input-ctnr,.ob-form .input-tag input[type=radio]:checked+.input-ctnr {
        border: 1px solid #1470cc
    }

    .obelisk-form .input-tag input[type=checkbox]:checked+.input-ctnr:after,.obelisk-form .input-tag input[type=radio]:checked+.input-ctnr:after,.ob-form .input-tag input[type=checkbox]:checked+.input-ctnr:after,.ob-form .input-tag input[type=radio]:checked+.input-ctnr:after {
        display: block;
        position: absolute;
        right: 2px;
        bottom: 2px;
        content: "";
        width: 2px;
        height: 4px;
        border-width: 0 1px 1px 0;
        border-style: solid;
        border-color: #fff;
        -webkit-transform: rotate(32deg);
        -moz-transform: rotate(32deg);
        -ms-transform: rotate(32deg);
        -o-transform: rotate(32deg);
        transform: rotate(32deg)
    }

    .obelisk-form .input-tag input[type=checkbox]:checked+.input-ctnr:before,.obelisk-form .input-tag input[type=radio]:checked+.input-ctnr:before,.ob-form .input-tag input[type=checkbox]:checked+.input-ctnr:before,.ob-form .input-tag input[type=radio]:checked+.input-ctnr:before {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        content: "";
        width: 0px;
        height: 0px;
        border-width: 6px;
        border-style: solid;
        border-color: transparent #1470cc #1470cc transparent;
        -webkit-border-radius: 0 0 2px 0;
        -moz-border-radius: 0 0 2px 0;
        -ms-border-radius: 0 0 2px 0;
        -o-border-radius: 0 0 2px 0;
        border-radius: 0 0 2px 0
    }

    .obelisk-form .input-tag input[type=checkbox][disabled]+.input-ctnr,.obelisk-form .input-tag input[type=radio][disabled]+.input-ctnr,.ob-form .input-tag input[type=checkbox][disabled]+.input-ctnr,.ob-form .input-tag input[type=radio][disabled]+.input-ctnr {
        border-color: #ced3d9;
        color: #b2b2b2;
        background: #edf0f2;
        cursor: not-allowed
    }

    .obelisk-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr,.obelisk-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr,.obelisk-form .input-tag input[type=radio][disabled]:checked+.input-ctnr,.obelisk-form .input-tag input[type=radio].disabled:checked+.input-ctnr,.ob-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr,.ob-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr,.ob-form .input-tag input[type=radio][disabled]:checked+.input-ctnr,.ob-form .input-tag input[type=radio].disabled:checked+.input-ctnr {
        background: #fff;
        color: #888;
        border-color: #8ab8e5
    }

    .obelisk-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr:before,.obelisk-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr:before,.obelisk-form .input-tag input[type=radio][disabled]:checked+.input-ctnr:before,.obelisk-form .input-tag input[type=radio].disabled:checked+.input-ctnr:before,.ob-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr:before,.ob-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr:before,.ob-form .input-tag input[type=radio][disabled]:checked+.input-ctnr:before,.ob-form .input-tag input[type=radio].disabled:checked+.input-ctnr:before {
        border-color: transparent #8ab8e5 #8ab8e5 transparent
    }
}

@media only screen and (max-width: 1000000px) {
    .obelisk-form .input-tag .input-wrap-small input[type=checkbox]+.input-ctnr,.obelisk-form .input-tag .input-wrap-small input[type=radio]+.input-ctnr,.ob-form .input-tag .input-wrap-small input[type=checkbox]+.input-ctnr,.ob-form .input-tag .input-wrap-small input[type=radio]+.input-ctnr {
        padding:0 10px
    }
}

.obelisk-form .textarea-field,.ob-form .textarea-field {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom:1}

.obelisk-form .textarea-field .input-textarea,.ob-form .textarea-field .input-textarea {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    min-height: 88px
}

.obelisk-form .textarea-field .input-textarea:hover,.ob-form .textarea-field .input-textarea:hover {
    border-color: #a1aab2;
    outline: 0
}

.obelisk-form .textarea-field .input-textarea:focus,.ob-form .textarea-field .input-textarea:focus {
    border-color: #1470cc;
    outline: 0
}

.obelisk-form .textarea-field .field,.ob-form .textarea-field .field {
    padding: 8px 10px;
    background: #f5f7fa;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ced3d9;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.obelisk-form .textarea-field .upload,.ob-form .textarea-field .upload {
    display: inline-block;
    *display: inline;
    *zoom:1;font-size: 12px;
    color: #1470cc;
    overflow: hidden;
    position: relative;
    height: 18px;
    vertical-align: top
}

.obelisk-form .textarea-field .upload .micon,.ob-form .textarea-field .upload .micon {
    line-height: 18px;
    vertical-align: top
}

.obelisk-form .textarea-field .file,.ob-form .textarea-field .file {
    position: absolute;
    top: -10px;
    left: -820px;
    border: 0 none;
    display: block;
    font-size: 200px;
    left: -70px \9 ;
    width: 650px \9 ;
    height: 210px \9 ;
    line-height: 230px;
    opacity: 0;
    filter: alpha(opacity=0) !important;
    cursor: pointer;
    *vertical-align: baseline !important
}

.obelisk-form .textarea-field .edit,.ob-form .textarea-field .edit {
    float: right;
    position: relative
}

.obelisk-form .textarea-field .edit-hd,.ob-form .textarea-field .edit-hd {
    padding: 0 5px
}

.obelisk-form .textarea-field .edit-hd .micon,.ob-form .textarea-field .edit-hd .micon {
    vertical-align: top;
    margin-right: 0;
    margin-top: 1px
}

.obelisk-form .textarea-field .edit-bd,.ob-form .textarea-field .edit-bd {
    position: absolute;
    right: 0px;
    top: 100%;
    border: 1px solid #ced3d9;
    -webkit-box-shadow: 3px 3px 3px rgba(210,110,26,.1);
    -moz-box-shadow: 3px 3px 3px rgba(210,110,26,.1);
    -ms-box-shadow: 3px 3px 3px rgba(210,110,26,.1);
    -o-box-shadow: 3px 3px 3px rgba(210,110,26,.1);
    box-shadow: 3px 3px 3px rgba(210,110,26,.1);
    background: #fff;
    z-index: 109;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    -ms-border-radius: 3px 0 3px 3px;
    -o-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
    padding: 5px 0;
    display: none
}

.obelisk-form .textarea-field .edit-bd a,.ob-form .textarea-field .edit-bd a {
    display: block;
    width: 180px;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.3;
    color: #555;
    text-decoration: none
}

.obelisk-form .textarea-field .edit-bd a:hover,.ob-form .textarea-field .edit-bd a:hover {
    background: #e6ecf2;
    text-decoration: none
}

.obelisk-form .textarea-field .edit.selected .edit-hd,.ob-form .textarea-field .edit.selected .edit-hd {
    background: #fff;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ced3d9;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.obelisk-form .textarea-field .edit.selected .edit-bd,.ob-form .textarea-field .edit.selected .edit-bd {
    display: block
}

.obelisk-form .textarea-field .file-list,.ob-form .textarea-field .file-list {
    margin-top: 10px;
    padding-top: 1px
}

.obelisk-form .textarea-field .file-block,.ob-form .textarea-field .file-block {
    border: 1px solid #e6ecf2;
    background: #fff;
    padding: 5px 10px;
    margin-top: -1px;
    position: relative
}

.obelisk-form .textarea-field .del,.ob-form .textarea-field .del {
    float: right;
    color: #000;
    opacity: .3;
    line-height: 1;
    margin-top: 1px
}

.obelisk-form .textarea-field .del:hover,.ob-form .textarea-field .del:hover {
    opacity: 1
}

.obelisk-form .textarea-field .del .micon,.ob-form .textarea-field .del .micon {
    margin-right: 0
}

.obelisk-form .textarea-field .preview,.ob-form .textarea-field .preview {
    position: absolute;
    top: 28px;
    left: -1px;
    padding-top: 0;
    z-index: 105;
    width: 80px;
    height: 80px;
    background: #fff
}

.obelisk-form .textarea-field .img-cnt,.ob-form .textarea-field .img-cnt {
    width: 80px;
    height: 80px;
    display: table-cell;
    border: 1px solid #e6ecf2;
    background: #fff;
    font-size: 0;
    vertical-align: middle;
    zoom:1;text-align: center;
    cursor: default
}

.obelisk-form .textarea-field .img-cnt img,.ob-form .textarea-field .img-cnt img {
    max-width: 80px;
    max-height: 80px;
    _width: 80px;
    _height: 80px
}

.obelisk-form .textarea-field .file-loading,.ob-form .textarea-field .file-loading {
    height: 18px;
    overflow: hidden;
    position: relative
}

.obelisk-form .textarea-field .file-loading .loading,.ob-form .textarea-field .file-loading .loading {
    position: relative;
    top: 6px;
    margin-right: 26px
}

.obelisk-form .textarea-field .file-loading .cancel,.ob-form .textarea-field .file-loading .cancel {
    position: absolute;
    right: 0px;
    top: 0px
}

.obelisk-form .textarea-field .file-loading .cancel .micon,.ob-form .textarea-field .file-loading .cancel .micon {
    vertical-align: top;
    color: #000;
    opacity: .3
}

.obelisk-form .textarea-field .file-loading .cancel:hover .micon,.ob-form .textarea-field .file-loading .cancel:hover .micon {
    vertical-align: top;
    opacity: 1
}

.obelisk-form .loading,.ob-form .loading {
    height: 5px;
    overflow: hidden;
    background-color: #e1e3e6
}

.obelisk-form .loading .loading-bar,.ob-form .loading .loading-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 0;
    background-color: #00b300;
    -webkit-transition: width .1s ease;
    -moz-transition: width .1s ease;
    -ms-transition: width .1s ease;
    -o-transition: width .1s ease;
    transition: width .1s ease
}

.obelisk-form .feedback-block,.ob-form .feedback-block {
    clear: left
}

.obelisk-form .feedback-block .error,.ob-form .feedback-block .error {
    margin-top: 5px;
    font-size: 12px;
    color: var(--background-1);
    display: inline-block
}

.obelisk-form .feedback-block .warning,.ob-form .feedback-block .warning {
    margin-top: 5px;
    font-size: 12px;
    color: #f73;
    display: inline-block
}

.obelisk-form .prompt,.ob-form .prompt {
    color: #888;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px
}

.obelisk-form .fields-text,.ob-form .fields-text {
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle;
    margin: 0 10px 0 0;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom:1}

.obelisk-form .upload-file,.ob-form .upload-file {
    position: relative;
    margin: 0;
    padding-left: 20px;
    line-height: inherit;
    line-height: 18px;
    height: 18px;
    z-index: 1
}

.obelisk-form .upload-file .ico,.ob-form .upload-file .ico {
    top: 1px
}

.obelisk-form .upload-file .uploading,.ob-form .upload-file .uploading {
    vertical-align: top;
    margin-top: 1px
}

.obelisk-form .upload-file .ico,.ob-form .upload-file .ico {
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    vertical-align: top;
    background: url("https://www.micstatic.com/common/img/icon/ico_files_bd40fb09.png") no-repeat;
    background-position: 0px -270px
}

.obelisk-form .upload-file .ico-pdf,.ob-form .upload-file .ico-pdf {
    background-position: 0 0
}

.obelisk-form .upload-file .ico-xls,.obelisk-form .upload-file .ico-xlsx,.ob-form .upload-file .ico-xls,.ob-form .upload-file .ico-xlsx {
    background-position: 0 -54px
}

.obelisk-form .upload-file .ico-doc,.obelisk-form .upload-file .ico-docx,.ob-form .upload-file .ico-doc,.ob-form .upload-file .ico-docx {
    background-position: 0 -36px
}

.obelisk-form .upload-file .ico-txt,.ob-form .upload-file .ico-txt {
    background-position: 0 -18px
}

.obelisk-form .upload-file .ico-jpg,.ob-form .upload-file .ico-jpg {
    background-position: 0 -72px
}

.obelisk-form .upload-file .ico-jpeg,.ob-form .upload-file .ico-jpeg {
    background-position: 0 -72px
}

.obelisk-form .upload-file .ico-gif,.ob-form .upload-file .ico-gif {
    background-position: 0 -252px
}

.obelisk-form .upload-file .ico-bmp,.ob-form .upload-file .ico-bmp {
    background-position: 0 -270px
}

.obelisk-form .upload-file .ico-png,.ob-form .upload-file .ico-png {
    background-position: 0 -90px
}

.obelisk-form .upload-file .uploading,.ob-form .upload-file .uploading {
    display: inline-block;
    margin-left: 20px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url("https://www.micstatic.com/common/img/icon/loading-small_368cc688.gif") no-repeat
}

.obelisk-form .upload-file .upload-suc,.ob-form .upload-file .upload-suc {
    display: inline-block;
    margin-left: 20px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url("https://www.micstatic.com/common/img/icon/ico_suc_ca8bb15f.png") no-repeat
}

.obelisk-form .upload-file .file-name,.ob-form .upload-file .file-name {
    display: inline-block;
    *display: inline;
    zoom:1;vertical-align: middle;
    margin: 0
}

.obelisk-form .upload-file .action,.ob-form .upload-file .action {
    margin-left: 20px
}

.obelisk-form .upload-file .icon-yes2,.ob-form .upload-file .icon-yes2 {
    margin: 0 0 0 20px;
    font-size: 20px;
    color: #57ba56
}

.obelisk-form .input-list,.ob-form .input-list {
    margin-bottom: 10px
}

.obelisk-form .input-list .del,.ob-form .input-list .del {
    margin-top: 7px;
    margin-right: 5px;
    color: #222;
    opacity: .3;
    float: left
}

.obelisk-form .input-list .del:hover,.ob-form .input-list .del:hover {
    opacity: 1
}

.obelisk-form .input-list .feedback-block,.ob-form .input-list .feedback-block {
    clear: left
}

a.btn,a.btn:hover {
    text-decoration: none
}

button {
    outline: none
}

/* .btn {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom:1;text-align: center;
    color: #222;
    border: solid 1px #ced3d9;
    background-color: #f5f7fa;
    padding: 0 15px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box
}

.btn:hover {
    color: #222;
    background-color: #e6ecf2
} */

.btn .micon,.btn .ob-icon {
    margin-right: 5px;
    vertical-align: -10%;
    *vertical-align: middle
}

.btn-main {
    color: #fff;
    border: solid 1px var(--background-1);
    background-color: var(--background-1)
}

.btn-main:hover {
    color: #fff;
    border: solid 1px #d92121;
    background-color: #d92121
}

.btn-main-light {
    color: var(--background-1);
    background: rgba(230,69,69,.1);
    border: 1px solid var(--background-1)
}

.btn-main-light:hover {
    color: var(--background-1);
    border: solid 1px var(--background-1);
    background: rgba(230,69,69,.2)
}

.btn-aux {
    color: #fff;
    border: solid 1px #1470cc;
    background-color: #1470cc
}

.btn-aux:hover {
    color: #fff;
    border: solid 1px #1369bf;
    background-color: #1369bf
}

.btn-inquiry {
    color: #fff;
    border: solid 1px #ff9500;
    background-color: #ff9500
}

.btn-inquiry:hover {
    color: #fff;
    border: solid 1px #e58600;
    background-color: #e58600
}

.btn-big {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 20px
}

.btn-small {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    padding: 0 15px
}

.btn-disabled,.btn-disabled:hover,.btn[disabled],.btn[disabled]:hover {
    color: #b3b3b3;
    border: solid 1px #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.select {
    min-width: 80px;
    padding-right: 26px;
    position: relative;
    font-size: 12px;
    line-height: 1.5;
    color: #222;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ced3d9;
    vertical-align: top
}

.select-none-border {
    border: 0 none
}

.select.hover,.select:hover {
    border-color: #a1aab2
}

.select.focus {
    border-color: #1470cc
}

.select .select-title {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden
}

.select .select-title .hide {
    display: block
}

.select .select-title .select-label {
    padding: 5px 10px;
    background: #f5f7fa;
    border-right: 1px solid #ced3d9;
    color: #555;
    border-radius: 3px 0 0 3px
}

.select .select-title .select-placeholder {
    color: #888
}

.select.search-selected .select-selected {
    color: #1470cc
}

.select.disabled {
    cursor: not-allowed;
    color: #b2b2b2;
    border: 1px solid #ced3d9;
    background: #edf0f2
}

.select.disabled.hover,.select.disabled:hover {
    border-color: #ced3d9
}

.select.disabled .select-title {
    cursor: not-allowed
}

.select.disabled .select-title .select-label {
    background: #edf0f2;
    color: #b2b2b2
}

.select .select-selected {
    padding: 5px 0 5px 10px;
    text-decoration: none;
    white-space: nowrap
}

.select .select-arrow {
    box-sizing: content-box;
    position: absolute;
    padding: 0 5px;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    line-height: 1;
    transition: transform .2s ease
}

.select .select-arrow .micon {
    margin-right: 0
}

.select .select-list {
    display: none;
    background: #fff;
    position: absolute;
    left: -1px;
    top: 100%;
    margin-top: 1px;
    min-width: 100%;
    *width: 100%;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0,33,66,.1);
    z-index: 66
}

.select .select-list-wrap {
    overflow: auto;
    max-height: 300px;
    *height: 300px;
    padding: 5px 0;
    min-width: 100%;
    *width: 100%
}

.select .select-opt {
    padding: 5px 10px;
    color: #555;
    display: block;
    word-wrap: break-word;
    text-decoration: none
}

.select .select-opt.hide {
    display: none
}

.select .select-opt:hover,.select .select-opt.hover,.select .select-opt.selected {
    color: #555;
    background: #e6ecf2
}

.select .select-opt.disabled {
    border: 0 none;
    cursor: not-allowed;
    color: #b2b2b2;
    background: none
}

.select .select-opt.disabled:hover {
    background: none
}

.select .select-group {
    padding: 0 10px
}

.select .select-group .select-opt {
    margin-left: -10px;
    margin-right: -10px
}

.select .select-group:after {
    height: 0;
    content: "";
    display: block;
    padding: 0 10px;
    margin: 5px 0;
    border-bottom: 1px solid #dae0e6;
    box-sizing: border-box
}

.select .select-group:last-of-type:after {
    margin: 0;
    padding: 0;
    border: 0 none
}

.select .select-opt-label {
    padding: 5px 0;
    font-weight: bold
}

.select.open {
    z-index: 110
}

.select.open .select-arrow {
    transform: rotate(180deg)
}

.select.open .select-list {
    display: block
}

.select.top .select-list {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
    border: 1px solid #ced3d9;
    border-bottom: 0 none
}

.select .select-tabs-wrap {
    text-align: center;
    border-bottom: 1px solid #dae0e6;
    margin: 0 10px;
    font-size: 0
}

.select .select-tabs {
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 auto -9px -5px;
    white-space: nowrap
}

.select .select-tab {
    color: #888;
    margin-right: 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.select .select-tab.active {
    color: #222;
    border-bottom: 2px solid var(--background-1);
    cursor: default
}

.select.select-auto-drop .select-list-wrap {
    width: auto !important;
    min-width: 80px
}

.select.select-auto-drop .select-opt {
    white-space: nowrap
}

.select .select-search-bar {
    margin: 10px;
    margin-bottom: 5px;
    display: flex
}

.select .select-search-bar .select-search-keyword {
    box-sizing: border-box;
    height: 30px;
    width: auto;
    flex-grow: 1;
    border-radius: 3px 0 0 3px;
    margin: 0
}

.select .select-search-bar .select-search-button {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    color: #888;
    padding: 0;
    line-height: 30px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    border-left: 0 none
}

.select .select-search-bar .select-search-button :hover {
    color: #555
}

.select .select-search-bar .select-search-button .micon {
    margin: 0
}

.select .select-no-result {
    padding: 50px 10px;
    text-align: center
}

.select .select-hl-keyword {
    color: var(--background-1)
}

.tag {
    border: 1px solid;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    padding: 0 5px;
    border-color: #ced3d9;
    color: #888
}

.tag.tag-with-delete {
    cursor: default;
    position: relative
}

.tag.tag-with-delete .micon-delete,.tag.tag-with-delete .icon-delete {
    display: none;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
    color: #888
}

.tag.tag-with-delete .micon-delete:hover,.tag.tag-with-delete .icon-delete:hover {
    color: #222
}

.tag.tag-with-delete:hover {
    padding-right: 25px;
    border-color: #7a8a99;
    color: #555;
    margin-right: -20px;
    background: #fff;
    z-index: 1
}

.tag.tag-with-delete:hover .micon-delete,.tag.tag-with-delete:hover .icon-delete {
    display: inline
}

.tag.tag-with-delete.tag-large .micon-delete,.tag.tag-with-delete.tag-large .icon-delete {
    right: 10px
}

.tag.tag-with-delete.tag-large:hover {
    padding-right: 30px !important;
    margin-right: -20px
}

.tag.tag-radio {
    padding: 0 5px;
    border-color: #ced3d9;
    color: #888
}

.tag.tag-radio:hover {
    border-color: #7a8a99;
    color: #555;
    text-decoration: none
}

.tag.tag-radio.selected {
    padding: 0 8px;
    border-color: #1470cc;
    color: #1470cc;
    position: relative
}

.tag.tag-radio.selected:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    border-style: solid;
    font-size: 0;
    border-width: 6px 6px;
    border-color: transparent #1470cc #1470cc transparent;
    z-index: 1
}

.tag.tag-radio.selected:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("https://www.micstatic.com/common/img/icon/tag-selected_86f46dd1.svg") no-repeat right bottom;
    background-size: 12px 12px;
    z-index: 2
}

.tag.tag-color {
    padding: 0 5px
}

.tag.tag-link {
    padding: 0 5px;
    border-color: #ced3d9;
    color: #888
}

.tag.tag-link:hover {
    border-color: #7a8a99;
    color: #555;
    text-decoration: none
}

.tag.tag-small {
    height: 18px;
    line-height: 18px
}

.tag.tag-large {
    padding: 0 10px !important;
    height: 28px;
    line-height: 28px
}

.tag.tag-blue {
    border-color: #3d85cc;
    color: #3d85cc
}

.tag.tag-azure {
    border-color: #13a8bf;
    color: #13a8bf
}

.tag.tag-grey {
    border-color: #ced3d9;
    color: #888
}

.tag.tag-green {
    border-color: #32a632;
    color: #32a632
}

.tag.tag-purple {
    border-color: #be60bf;
    color: #be60bf
}

.tag.tag-red {
    border-color: #f25555;
    color: #f25555
}

.tag.tag-yellow {
    border-color: #d99230;
    color: #d99230
}

.tag.tag-slate-blue {
    border-color: #7373e6;
    color: #7373e6
}

.tag.tag-pink {
    border-color: #f24981;
    color: #f24981
}

.tip {
    position: absolute;
    padding: 10px 10px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    background: #fff;
    border: 1px solid #ced3d9;
    box-shadow: 2px 2px 3px rgba(0,33,66,.1)
}

.tip .tip-con .tip-para {
    margin: 0 0 10px 0
}

.tip .tip-con .tip-para:last-child,.tip .tip-con .tip-para.last-child {
    margin-bottom: 0
}

.tip.icon-tip {
    box-shadow: none;
    padding: 3px 10px;
    border: none
}

.tip.icon-tip .arrow {
    border: 6px dashed transparent
}

.tip.icon-tip.tip-black {
    background: #222;
    color: #fff
}

.tip.icon-tip.arrow-top .arrow {
    border-bottom: 6px solid #222;
    left: 50%;
    top: -11px;
    margin-left: -6px
}

.tip.icon-tip.arrow-bottom .arrow {
    border-top: 6px solid #222;
    left: 50%;
    bottom: -11px;
    margin-left: -6px
}

.tip.icon-tip.arrow-left .arrow {
    border-right: 6px solid #222;
    top: 50%;
    left: -11px;
    margin-top: -6px
}

.tip.icon-tip.arrow-right .arrow {
    border-left: 6px solid #222;
    top: 50%;
    right: -11px;
    margin-top: -6px
}

.tip .arrow {
    position: absolute;
    zoom:1;width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 8px dashed transparent
}

.tip.arrow-top .arrow-out {
    border-bottom: 8px solid #ced3d9;
    left: 10px;
    top: -16px
}

.tip.arrow-top .arrow-in {
    border-bottom: 8px solid #fff;
    margin: -7px 0 0 -8px
}

.tip.arrow-bottom .arrow-out {
    border-top: 8px solid #ced3d9;
    left: 10px;
    bottom: -16px
}

.tip.arrow-bottom .arrow-in {
    border-top: 8px solid #fff;
    margin: -9px 0 0 -8px
}

.tip.arrow-left .arrow-out {
    border-right: 8px solid #ced3d9;
    top: 10px;
    left: -16px
}

.tip.arrow-left .arrow-in {
    border-right: 8px solid #fff;
    margin: -8px 0 0 -7px
}

.tip.arrow-right .arrow-out {
    border-left: 8px solid #ced3d9;
    top: 10px;
    right: -16px
}

.tip.arrow-right .arrow-in {
    border-left: 8px solid #fff;
    margin: -8px 0 0 -9px
}

.alert-new.full-col .alert-con,.alert.full-col .alert-con {
    display: block
}

.alert-new .alert-con,.alert .alert-con {
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    display: inline-block;
    border-radius: 3px;
    padding: 8px 10px;
    position: relative
}

.alert-new .alert-con.alert-state,.alert .alert-con.alert-state {
    padding-left: 36px
}

.alert-new .alert-con.alert-state .micon-state,.alert .alert-con.alert-state .micon-state {
    left: 10px
}

.alert-new .alert-con.alert-del,.alert .alert-con.alert-del {
    padding-right: 36px
}

.alert-new .alert-con.alert-del .micon-del,.alert .alert-con.alert-del .micon-del {
    cursor: pointer;
    color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    right: 10px
}

.alert-new .alert-con.alert-del .micon-del:hover,.alert .alert-con.alert-del .micon-del:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.alert-new .alert-con .micon-state,.alert-new .alert-con .micon-del,.alert .alert-con .micon-state,.alert .alert-con .micon-del {
    position: absolute;
    top: 4px;
    font-size: 16px
}

.alert-new .alert-con .micon-state .micon,.alert-new .alert-con .micon-state .ob-icon,.alert-new .alert-con .micon-del .micon,.alert-new .alert-con .micon-del .ob-icon,.alert .alert-con .micon-state .micon,.alert .alert-con .micon-state .ob-icon,.alert .alert-con .micon-del .micon,.alert .alert-con .micon-del .ob-icon {
    margin-right: 0
}

.alert-new .alert-err,.alert .alert-err {
    background: #ffe5e5
}

.alert-new .alert-err .micon-state,.alert .alert-err .micon-state {
    color: #ff5959
}

.alert-new .alert-warn,.alert .alert-warn {
    background: #faf2c8
}

.alert-new .alert-warn .micon-state,.alert .alert-warn .micon-state {
    color: #ff9500
}

.alert-new .alert-succ,.alert .alert-succ {
    background: #d7f7d7
}

.alert-new .alert-succ .micon-state,.alert .alert-succ .micon-state {
    color: #00bf00
}

.alert-new .alert-info,.alert .alert-info {
    background: #d9efff
}

.alert-new .alert-info .micon-state,.alert .alert-info .micon-state {
    color: #2e8ae5
}

.alert-new .alert-disappear,.alert .alert-disappear {
    padding: 5px 10px
}

.alert-new .alert-disappear.succ,.alert .alert-disappear.succ {
    background: #00b200;
    color: #fff
}

.alert-new .alert-disappear.err,.alert .alert-disappear.err {
    background: var(--background-1);
    color: #fff
}

.alert-new .alert-disappear.warn,.alert .alert-disappear.warn {
    background: #f73;
    color: #fff
}

.alert-new .alert-disappear.info,.alert .alert-disappear.info {
    background: #000;
    color: #fff
}

.dialog-alert {
    position: relative;
    margin-bottom: 20px
}

.dialog-alert .dialog-alert-con {
    font-size: 14px;
    color: #555;
    display: inline-block;
    margin-left: 60px
}

.dialog-alert .micon,.dialog-alert .ob-icon {
    font-size: 32px;
    margin-right: 0
}

.dialog-alert .dialog-micon-state {
    margin-right: 8px;
    position: absolute;
    left: 20px;
    top: -3px
}

.dialog-alert.dialog-warn .dialog-micon-state {
    color: #ff9500
}

.dialog-alert.dialog-succ .dialog-micon-state {
    color: #00bf00
}

.dialog-alert.dialog-info .dialog-micon-state {
    color: #2e8ae5
}

.dialog-alert.dialog-err .dialog-micon-state {
    color: #ff5959
}

.obelisk-form-horizontal-span-1 .form-label {
    width: 20px
}

.obelisk-form-horizontal-span-1 .form-fields {
    margin-left: 30px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-2 .form-label {
    width: 50px
}

.obelisk-form-horizontal-span-2 .form-fields {
    margin-left: 60px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-3 .form-label {
    width: 80px
}

.obelisk-form-horizontal-span-3 .form-fields {
    margin-left: 90px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-4 .form-label {
    width: 110px
}

.obelisk-form-horizontal-span-4 .form-fields {
    margin-left: 120px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-5 .form-label {
    width: 140px
}

.obelisk-form-horizontal-span-5 .form-fields {
    margin-left: 150px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-6 .form-label {
    width: 170px
}

.obelisk-form-horizontal-span-6 .form-fields {
    margin-left: 180px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-7 .form-label {
    width: 200px
}

.obelisk-form-horizontal-span-7 .form-fields {
    margin-left: 210px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-8 .form-label {
    width: 230px
}

.obelisk-form-horizontal-span-8 .form-fields {
    margin-left: 240px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-9 .form-label {
    width: 260px
}

.obelisk-form-horizontal-span-9 .form-fields {
    margin-left: 270px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-10 .form-label {
    width: 290px
}

.obelisk-form-horizontal-span-10 .form-fields {
    margin-left: 300px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-11 .form-label {
    width: 320px
}

.obelisk-form-horizontal-span-11 .form-fields {
    margin-left: 330px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-12 .form-label {
    width: 350px
}

.obelisk-form-horizontal-span-12 .form-fields {
    margin-left: 360px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-13 .form-label {
    width: 380px
}

.obelisk-form-horizontal-span-13 .form-fields {
    margin-left: 390px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-14 .form-label {
    width: 410px
}

.obelisk-form-horizontal-span-14 .form-fields {
    margin-left: 420px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-15 .form-label {
    width: 440px
}

.obelisk-form-horizontal-span-15 .form-fields {
    margin-left: 450px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-16 .form-label {
    width: 470px
}

.obelisk-form-horizontal-span-16 .form-fields {
    margin-left: 480px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-17 .form-label {
    width: 500px
}

.obelisk-form-horizontal-span-17 .form-fields {
    margin-left: 510px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-18 .form-label {
    width: 530px
}

.obelisk-form-horizontal-span-18 .form-fields {
    margin-left: 540px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-19 .form-label {
    width: 560px
}

.obelisk-form-horizontal-span-19 .form-fields {
    margin-left: 570px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-20 .form-label {
    width: 590px
}

.obelisk-form-horizontal-span-20 .form-fields {
    margin-left: 600px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-21 .form-label {
    width: 620px
}

.obelisk-form-horizontal-span-21 .form-fields {
    margin-left: 630px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-22 .form-label {
    width: 650px
}

.obelisk-form-horizontal-span-22 .form-fields {
    margin-left: 660px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-23 .form-label {
    width: 680px
}

.obelisk-form-horizontal-span-23 .form-fields {
    margin-left: 690px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-24 .form-label {
    width: 710px
}

.obelisk-form-horizontal-span-24 .form-fields {
    margin-left: 720px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-25 .form-label {
    width: 740px
}

.obelisk-form-horizontal-span-25 .form-fields {
    margin-left: 750px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-26 .form-label {
    width: 770px
}

.obelisk-form-horizontal-span-26 .form-fields {
    margin-left: 780px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-27 .form-label {
    width: 800px
}

.obelisk-form-horizontal-span-27 .form-fields {
    margin-left: 810px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-28 .form-label {
    width: 830px
}

.obelisk-form-horizontal-span-28 .form-fields {
    margin-left: 840px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-29 .form-label {
    width: 860px
}

.obelisk-form-horizontal-span-29 .form-fields {
    margin-left: 870px;
    *margin-left: 0
}

.obelisk-form-horizontal-span-30 .form-label {
    width: 890px
}

.obelisk-form-horizontal-span-30 .form-fields {
    margin-left: 900px;
    *margin-left: 0
}

.obelisk-form .form-item {
    margin-bottom: 15px
}

.obelisk-form .form-label {
    line-height: 18px;
    float: left;
    padding-top: 6px;
    margin-bottom: 6px;
    padding-right: 10px;
    text-align: right
}

.obelisk-form .form-label .must {
    color: var(--background-1);
    margin-right: 3px;
    font-style: normal
}

.obelisk-form .form-fields {
    *zoom:1}

.obelisk-form .form-fields:before,.obelisk-form .form-fields:after {
    content: "";
    display: table
}

.obelisk-form .form-fields:after {
    clear: both
}

.obelisk-form.obelisk-form-view .form-item,.obelisk-form .obelisk-form-view .form-item {
    margin-bottom: 10px
}

.obelisk-form.obelisk-form-view .form-label,.obelisk-form .obelisk-form-view .form-label {
    padding-top: 0;
    margin-bottom: 0;
    padding-right: 10px
}

.pager a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: 1px solid #ced3d9;
    background: #f5f7fa;
    margin: 0 2px;
    border-radius: 3px;
    text-decoration: none;
    color: #222;
    vertical-align: top
}

.pager a:hover {
    background: #e6ecf2;
    text-decoration: none
}

.pager a .micon {
    cursor: pointer
}

.pager a.main {
    background: var(--background-1);
    border-color: var(--background-1);
    color: #fff
}

.pager a.main:hover {
    background: #d92121
}

.pager .dot,.pager .current {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    padding: 0 6px
}

.pager .current {
    min-width: 18px;
    color: var(--background-1);
    text-align: center
}

.pager .disClick {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    margin: 0 2px;
    border-radius: 3px;
    text-decoration: none;
    vertical-align: top;
    cursor: not-allowed;
    background: #edf0f2;
    border: 1px solid #dae0e6;
    color: #b2b2b2
}

.pager .disClick .micon {
    line-height: 28px
}

.pager a[disabled] {
    cursor: not-allowed;
    background: #edf0f2;
    border: 1px solid #dae0e6;
    color: #b2b2b2
}

.pager a[disabled] .micon {
    cursor: not-allowed
}

.pager .micon {
    margin-right: 0;
    line-height: 28px
}

.pager .page-main {
    background: var(--background-1);
    border: 1px solid var(--background-1);
    color: #fff
}

.pager .page-main:hover {
    border-color: #d92121;
    background: #d92121
}

.pager-simple .pager-box {
    display: inline-block;
    width: 67px;
    height: 28px;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    vertical-align: top;
    overflow: hidden;
    font-size: 0
}

.pager-simple .pager-box a,.pager-simple .pager-box button {
    float: left;
    width: 33px;
    text-align: center;
    line-height: 28px;
    height: 28px;
    background: #f5f7fa;
    color: #555;
    border: 0
}

.pager-simple .pager-box a:hover,.pager-simple .pager-box button:hover {
    background: #e6ecf2
}

.pager-simple .pager-box a:first-child,.pager-simple .pager-box button:first-child {
    border-right: 1px solid #ced3d9
}

.pager-simple .pager-box button:first-child {
    width: 34px
}

.pager-simple .pager-box .micon,.pager-simple .pager-box .ob-icon {
    margin-right: 0
}

.pager-simple .page-num {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    color: #555;
    margin-right: 6px
}

.sr-sendMsg-row {
    margin-bottom: 20px;
    *zoom:1}

.sr-sendMsg-row:before,.sr-sendMsg-row:after {
    content: "";
    display: table
}

.sr-sendMsg-row:after {
    clear: both
}

.sr-sendMsg-row:last-child {
    margin-bottom: 0
}

.sr-sendMsg-row .feedback-block .error {
    font-size: 14px
}

.sr-sendMsg-label {
    width: 120px;
    margin-right: -120px;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #555;
    padding: 6px 10px 6px 0;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sr-sendMsg-label em {
    color: var(--background-1);
    margin-right: 3px
}

.sr-sendMsg-field {
    float: left;
    margin-left: 120px;
    width: calc(100% - 120px);
    max-width: 800px
}

.sr-sendMsg-field .sr-sendMsg-input {
    height: 33px;
    width: 100%;
    font-size: 14px
}

.sr-sendMsg-area {
    width: 100%;
    font-size: 14px;
    min-height: 120px
}

.sr-sendMsg-tips {
    color: #888;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0
}

.sr-sendMsg-avatar {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 0;
    width: 40px;
    height: 40px;
    position: relative
}

.sr-sendMsg-avatar img {
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.sr-sendMsg-name {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #555;
    font-size: 14px;
    padding: 6px 0
}

.sr-sendMsg-position {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #888;
    font-size: 14px;
    padding: 6px 0
}

.sr-sendMsg-btn {
    font-size: 16px;
    margin-right: 20px
}

.sr-sendMsg-promote {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: #7a7a7a;
    font-size: 14px;
    padding: 6px 0
}

.sr-sendMsg-SR {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: var(--background-1);
    font-size: 14px;
    padding: 6px 0
}

.sr-sendMsg .micon {
    margin-right: 5px
}

.sr-proList {
    position: relative
}

.sr-proList-pic-wrap {
    max-width: 500px;
    margin: 0 auto
}

.sr-proList-pic {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    font-size: 0;
    overflow: hidden
}

.sr-proList-pic img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.sr-proList-pic-cut {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    font-size: 0;
    overflow: hidden
}

.sr-proList-pic-cut img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: none
}

.sr-proList-txt {
    margin-top: 10px
}

.sr-proList-name {
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.sr-proList-name a {
    color: #222;
    text-decoration: none
}

@media only screen and (min-width: 769px) {
    .sr-proList-name a:hover {
        color:var(--background-1);
        text-decoration: none
    }
}

.sr-proList-price {
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888
}

.sr-proList-detail-price .sr-proList-num {
    font-weight: normal
}

.sr-proList-num {
    color: var(--background-1);
    line-height: 21px;
    font-weight: bold
}

.sr-proList-unit {
    font-size: 14px;
    line-height: 21px
}

.sr-side-maylike-item {
    margin-bottom: 20px;
    *zoom:1}

.sr-side-maylike-item:before,.sr-side-maylike-item:after {
    content: "";
    display: table
}

.sr-side-maylike-item:after {
    clear: both
}

.sr-side-maylike-item:last-child {
    margin-bottom: 0
}

.sr-side-maylike-pic {
    position: relative;
    font-size: 0;
    width: 42.0168067227%;
    padding-top: 42.0168067227%;
    float: left;
    margin-right: 10px;
    border: 1px solid #e9eef4;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.sr-side-maylike-pic img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.sr-side-maylike-txt {
    overflow: hidden
}

.sr-side-maylike-name {
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.sr-side-maylike-name a {
    color: #222;
    text-decoration: none
}

@media only screen and (min-width: 769px) {
    .sr-side-maylike-name a:hover {
        color:var(--background-1);
        text-decoration: none
    }
}

.sr-side-maylike-price {
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sr-side-maylike-num {
    color: var(--background-1);
    font-size: 14px;
    line-height: 21px
}

.sr-side-maylike-unit {
    color: #888;
    font-size: 14px;
    line-height: 21px
}

.sr-side-maylike-cnt {
    width: 50%;
    float: left
}

.sr-side-maylike-cnt .sr-side-maylike-list {
    width: 100%;
    overflow: visible
}

.sr-side-maylike-cnt .sr-side-maylike-list .sr-side-maylike-img {
    padding-bottom: 30px;
    display: block;
    width: 100%
}

.sr-side-maylike-cnt .sr-side-maylike-list .sr-side-maylike-img:last-child {
    padding-bottom: 10px
}

.sr-side-maylike-wrap {
    width: 200%
}

.sr-side-maylike-block {
    overflow: hidden
}

.sr-side-contSupplier-info {
    *zoom:1;margin-bottom: 15px
}

.sr-side-contSupplier-info:before,.sr-side-contSupplier-info:after {
    content: "";
    display: table
}

.sr-side-contSupplier-info:after {
    clear: both
}

.sr-side-contSupplier-pic {
    font-size: 0;
    float: left;
    margin-right: 15px
}

.sr-side-contSupplier-pic a {
    cursor: default
}

.sr-side-contSupplier-pic img {
    max-width: 70px;
    max-height: 70px;
    border-radius: 3px
}

.sr-side-contSupplier-txt {
    overflow: hidden
}

.sr-side-contSupplier-name {
    color: #222;
    font-size: 14px
}

.sr-side-contSupplier-position {
    color: #888;
    font-size: 14px;
    margin-bottom: 5px
}

.sr-side-contSupplier-chat {
    color: #1470cc;
    font-size: 14px;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-word
}

.sr-side-contSupplier-chat .ob-icon {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: -1px
}

.sr-side-contSupplier-chat .tm-status-on,.sr-side-contSupplier-chat .tm-status-off {
    background-position: 0 0;
    white-space: pre-wrap
}

.sr-side-contSupplier-btn {
    font-size: 12px
}

.sr-side-contSupplier-btn .btn {
    width: 100%;
    margin-bottom: 10px
}

.sr-side-contSupplier-field {
    margin-bottom: 10px
}

.sr-side-contSupplier-field textarea.input-textarea {
    resize: none
}

.sr-side-contSupplier-emailfield {
    display: none
}

.sr-side-contSupplier-message {
    width: 100%;
    font-size: 12px
}

.sr-side-contSupplier-email {
    width: 100%;
    font-size: 12px
}

.sr-side-contSupplier-email.readonly {
    border-color: #ced3d9 !important;
    background-color: #edf0f2 !important
}

.sr-side-searchBar {
    padding: 20px;
    margin-top: -10px;
    padding-bottom: 0;
    border-bottom: none;
    margin-left: -30px;
    margin-right: -30px
}

@media only screen and (max-width: 1280px) {
    .sr-side-searchBar {
        margin-left:-20px;
        margin-right: -20px
    }
}

.sr-side-searchBar-wrap {
    position: relative;
    height: 36px;
    padding-right: 38px
}

.sr-side-searchBar-input {
    border: 1px solid #ced3d9;
    padding: 0 10px 0 10px;
    border-radius: 3px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    width: 100%;
    margin-right: 38px;
    font-size: 14px !important
}

.sr-side-searchBar-button {
    border: 1px solid #ced3d9;
    border-left: none;
    width: 38px;
    height: 36px;
    border-radius: 0 3px 3px 0;
    background: #f5f7fa;
    color: #222;
    position: absolute;
    top: 0;
    right: 0
}

.sr-side-searchBar-button:hover {
    background: #e6ecf2
}

.sr-side-searchBar-button .micon {
    margin-right: 0
}

.sr-side-proGroup {
    padding-top: 20px;
    padding-bottom: 20px
}

.sr-side-proGroup-list {
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: -30px;
    margin-right: -30px
}

@media only screen and (max-width: 1280px) {
    .sr-side-proGroup-list {
        margin-left:-20px;
        margin-right: -20px
    }
}

.sr-side-proGroup-list+.sr-side-proGroup-list {
    margin-top: 10px
}

.sr-side-proGroup-list li {
    position: relative
}

.sr-side-proGroup-list li a {
    line-height: 21px;
    padding: 10px 30px;
    color: #222;
    font-size: 14px;
    text-decoration: none;
    display: block;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.sr-side-proGroup-list li .icon-lock {
    margin-top: -2px;
    color: #888
}

@media only screen and (min-width: 769px) {
    .sr-side-proGroup-list li:hover {
        background:#e6ecf2
    }

    .sr-side-proGroup-list li:hover>.sr-side-proGroup-sublist {
        display: block
    }
}

.sr-side-proGroup-list li.selected {
    background: #e6ecf2
}

.sr-side-proGroup-list li.sr-side-proGroup-rightSpace {
    position: relative
}

.sr-side-proGroup-list li.sr-side-proGroup-rightSpace>a {
    padding-right: 56px
}

.sr-side-proGroup-list li.sr-side-proGroup-rightSpace i {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.sr-side-proGroup-more {
    margin-top: 20px
}

.sr-side-proGroup-sublist {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -11px;
    border: 1px solid #ced3d9;
    background: #fff;
    z-index: 99;
    padding: 10px 0;
    box-shadow: 3px 3px 5px rgba(0,0,0,.2)
}

.sr-side-proGroup-sublist li a {
    padding: 10px 20px;
    white-space: nowrap
}

.sr-side-proGroup-sublist li.sr-side-proGroup-rightSpace>a {
    padding-right: 46px
}

.sr-side-proGroup-sublist li.sr-side-proGroup-rightSpace i {
    right: 20px
}

.sr-side-proGroup-cat {
    padding-top: 15px;
    margin-bottom: -15px
}

.sr-side-proGroup-cat a {
    color: #1470cc;
    text-decoration: none;
    font-size: 14px
}

.sr-side-proGroup-cat a:hover {
    color: var(--background-1);
    text-decoration: none
}

.sr-side-proGroup-cat a:hover i,.sr-side-proGroup-cat a:hover span {
    color: var(--background-1)
}

.sr-side-proGroup-cat i {
    vertical-align: top
}

.sr-side-proGroupR {
    padding-top: 20px;
    padding-bottom: 20px
}

.sr-side-proGroupR-list {
    margin: -10px -30px
}

@media only screen and (max-width: 1280px) {
    .sr-side-proGroupR-list {
        margin-left:-20px;
        margin-right: -20px
    }
}

.sr-side-proGroupR-list li {
    display: block
}

.sr-side-proGroupR-list li a {
    padding: 10px 30px;
    color: #222;
    font-size: 14px;
    display: block;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-indent: 0
}

.sr-side-proGroupR-list li a:hover {
    background: #e6ecf2
}

.sr-side-proGroupR-list li .icon-lock {
    margin-top: -2px;
    color: #888
}

.sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace {
    position: relative;
    padding-right: 0
}

.sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace a {
    padding-right: 86px
}

.sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace i {
    width: 65px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace i:before {
    display: block;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: all .2s;
    -webkit-transition: all .2s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace .sr-side-proGroupR-sublist a {
    padding-left: 56px
}

.sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace.selected>i:before {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg)
}

.sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace.selected>.sr-side-proGroupR-sublist {
    display: block
}

.sr-side-proGroupR-sublist {
    display: none;
    padding-top: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-indent: 26px
}

.sr-side-proGroupR-sublist>.selected {
    font-weight: bold
}

.sr-side-product-info {
    *zoom:1;margin-bottom: 10px
}

.sr-side-product-info:before,.sr-side-product-info:after {
    content: "";
    display: table
}

.sr-side-product-info:after {
    clear: both
}

.sr-side-product-img {
    border: 1px solid #e6ecf2;
    font-size: 0;
    float: left;
    margin-right: 15px;
    width: 70px;
    height: 70px;
    position: relative
}

.sr-side-product-img a {
    cursor: default
}

.sr-side-product-img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.sr-side-product-txt {
    overflow: hidden
}

.sr-side-product-name {
    line-height: 21px;
    height: 21px;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.sr-side-product-name a {
    color: #222;
    text-decoration: none
}

@media only screen and (min-width: 769px) {
    .sr-side-product-name a:hover {
        color:var(--background-1);
        text-decoration: none
    }
}

.sr-side-product-price {
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sr-side-product-num {
    color: var(--background-1);
    font-size: 14px;
    line-height: 21px
}

.sr-side-product-unit {
    color: #888;
    font-size: 14px;
    line-height: 21px
}

.sr-side-product-btn .btn {
    display: block;
    margin-bottom: 5px
}

.sr-side-product-link {
    text-align: center
}

.sr-side-product-link a {
    font-size: 12px
}

.maylike-clone {
    display: none
}

@media only screen and (max-width: 1023px) {
    .maylike-clone {
        display:block
    }
}

.maylike-clone .sr-side-maylike {
    *zoom:1;margin-left: -10px;
    margin-right: -10px
}

.maylike-clone .sr-side-maylike:before,.maylike-clone .sr-side-maylike:after {
    content: "";
    display: table
}

.maylike-clone .sr-side-maylike:after {
    clear: both
}

.maylike-clone .sr-side-maylike-item {
    margin-bottom: 0;
    float: left;
    width: 20%;
    padding: 0 10px
}

.maylike-clone .sr-side-maylike-pic {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    font-size: 0;
    float: none;
    margin-bottom: 10px;
    border: 0
}

.maylike-clone .sr-side-maylike-txt {
    overflow: visible
}

.prod-group-wrap {
    padding-top: 25px;
    position: relative
}

.prod-group-wrap .sr-side-proGroup {
    padding-top: 0
}

.prod-group-wrap .sr-txt-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #222
}

.prod-group-wrap .search-pdf-block {
    margin-top: 10px;
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.prod-group-wrap .search-pdf-block .group-pdf {
    margin-left: 20px
}

.prod-group-wrap .sr-side-searchBar {
    margin: 0;
    padding: 0
}

.prod-group-wrap .sr-side-searchBar .sr-side-searchBar-wrap {
    padding-right: 36px;
    max-width: 190px;
    height: 31px
}

.prod-group-wrap .sr-side-searchBar .sr-side-searchBar-wrap .input-text {
    margin-right: 0;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #ced3d9
}

.prod-group-wrap .sr-side-searchBar .sr-side-searchBar-wrap .sr-side-searchBar-button {
    height: 30px;
    background: #f5f7fa;
    border: 1px solid #ced3d9
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item {
    position: relative;
    margin-bottom: 10px;
    width: 25%
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item span,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item span {
    padding-right: 5px;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item span a,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item span a {
    display: unset;
    overflow: unset;
    white-space: unset;
    text-overflow: unset
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item a,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item a {
    color: #222;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item a:hover,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item a:hover {
    text-decoration: underline
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .ob-icon,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .ob-icon {
    font-size: 14px;
    cursor: pointer
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist {
    position: absolute;
    top: 0;
    display: none;
    padding: 5px 10px 5px;
    max-height: 200px;
    max-width: 150px;
    text-indent: unset;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    background-color: #fff;
    z-index: 10
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist .selected a,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist .selected a {
    color: #222;
    font-weight: 400
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist a,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist a:hover,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist a:hover {
    color: #222;
    font-weight: 500;
    text-decoration: none
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist div,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist div {
    padding-bottom: 5px
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist .view-all-btn,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist .view-all-btn {
    padding-top: 5px;
    cursor: pointer
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist .view-all-btn:hover,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist .view-all-btn:hover {
    text-decoration: underline
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroupR-list .proGroupR-item .sr-side-proGroupR-sublist .view-all-btn .ob-icon,.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-list .proGroupR-item .sr-side-proGroupR-sublist .view-all-btn .ob-icon {
    margin-left: 3px
}

.prod-group-wrap .sr-side-proGroup .more-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-more {
    margin-top: unset
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-more a {
    color: #222
}

.prod-group-wrap .sr-side-proGroup .sr-side-proGroup-more a:hover {
    text-decoration: underline
}

.sr-proMainInfo {
    *zoom:1}

.sr-proMainInfo:before,.sr-proMainInfo:after {
    content: "";
    display: table
}

.sr-proMainInfo:after {
    clear: both
}

.sr-proMainInfo-slide-pic {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.sr-proMainInfo-slide-pic::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.02);
    z-index: 2;
    pointer-events: none
}

.sr-proMainInfo-slide-picItem {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sr-proMainInfo-slide-picItem .play-mark {
    background: rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.sr-proMainInfo-slide-picItem .play-mark .icon-play {
    font-size: 64px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.sr-proMainInfo-slide-picItem .icon-3d {
    background-image: url("https://www.micstatic.com/common/img/icon/3d_64_b81f88eb.png");
    background-color: rgba(0,0,0,.5);
    background-size: 64px 64px;
    cursor: pointer;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    border-radius: 50%
}

.sr-proMainInfo-slide-picItem .sample-online-wrap {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -80px;
    z-index: 10;
    padding-bottom: 10px
}

.sr-proMainInfo-slide-picItem .sample-online-wrap .sample-online-flag {
    width: 160px;
    font-size: 12px;
    background: #f5f7fa;
    border: 1px solid #ced3d9;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0
}

.sr-proMainInfo-slide-picItem .sample-online-wrap .sample-online-flag:hover {
    background: #e6ecf2
}

.sr-proMainInfo-slide-picItem .sample-online-wrap .sample-online-flag .sample-3d-icon {
    display: inline-block;
    width: 23px;
    height: 22px;
    margin-right: 5px;
    background-image: url(https://www.micstatic.com/common/img/icon/3d-icon_104f7468.png);
    background-position: 0 0;
    background-size: 100%
}

.sr-proMainInfo-slide-picInside {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sr-proMainInfo-slide-picInside .enlargeHref {
    cursor: default
}

.sr-proMainInfo-slide-picInside img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sr-proMainInfo-slide-picInside img:hover+.icon-3d {
    background-image: url("https://www.micstatic.com/common/img/icon/3d_gif_7fe44b24.gif")
}

.sr-proMainInfo-slide-picInside img.J-pop3D {
    cursor: pointer
}

.sr-proMainInfo-slide-picInside .play-video-btn {
    cursor: pointer
}

.sr-proMainInfo-slide-picLarge {
    position: absolute;
    cursor: pointer;
    background: url(https://www.micstatic.com/landing/www/product/img/icon/enlarge@2x_d77a7105.png) no-repeat top left;
    background-size: 100% 100%;
    z-index: 11
}

.sr-proMainInfo-slide-page {
    *zoom:1}

.sr-proMainInfo-slide-page:before,.sr-proMainInfo-slide-page:after {
    content: "";
    display: table
}

.sr-proMainInfo-slide-page:after {
    clear: both
}

.sr-proMainInfo-slide-pageBtnL,.sr-proMainInfo-slide-pageBtnR {
    position: relative;
    cursor: pointer;
    background: #fff;
    z-index: 9;
    margin: 0 4px
}

.sr-proMainInfo-slide-pageBtnL i,.sr-proMainInfo-slide-pageBtnR i {
    position: absolute;
    top: 50%;
    color: #555;
    font-size: 32px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 569px) {
    .sr-proMainInfo-slide-page {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .sr-proMainInfo-slide-pageBtnL:hover i,.sr-proMainInfo-slide-pageBtnR:hover i {
        color:#222
    }
}

.sr-proMainInfo-slide-pageBtnL.disabled i,.sr-proMainInfo-slide-pageBtnR.disabled i {
    display: none;
    color: #b2b2b2;
    cursor: not-allowed
}

.sr-proMainInfo-slide-pageBtnL {
    float: left;
    text-align: left;
    margin-right: -6px
}

.sr-proMainInfo-slide-pageBtnL i {
    left: 0
}

.sr-proMainInfo-slide-pageBtnR {
    float: right;
    text-align: right
}

.sr-proMainInfo-slide-pageBtnR i {
    right: 0
}

.sr-proMainInfo-slide-pageMain {
    *zoom:1}

.sr-proMainInfo-slide-pageMain:before,.sr-proMainInfo-slide-pageMain:after {
    content: "";
    display: table
}

.sr-proMainInfo-slide-pageMain:after {
    clear: both
}

.sr-proMainInfo-slide-pageUl {
    *zoom:1;font-size: 0;
    white-space: nowrap
}

.sr-proMainInfo-slide-pageUl:before,.sr-proMainInfo-slide-pageUl:after {
    content: "";
    display: table
}

.sr-proMainInfo-slide-pageUl:after {
    clear: both
}

.sr-proMainInfo-slide-pageUl .J-pic-dot {
    display: inline-block
}

.sr-proMainInfo-slide-pageUl .J-pic-dot.selected .sr-proMainInfo-slide-pageInside {
    border: 1px solid var(--background-1)
}

.sr-proMainInfo-slide-pageInside {
    width: 100%;
    height: 0;
    padding-top: calc( 100% - 2px);
    cursor: pointer;
    position: relative;
    border: 1px solid #e6ecf2;
    border-radius: 10px
}

.sr-proMainInfo-slide-pageInside img {
    max-width: calc( 100% - 2px);
    max-height: calc( 100% - 2px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sr-proMainInfo-slide-pageInside .img-video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    z-index: 9
}

.sr-proMainInfo-slide-pageInside .img-video .icon-play {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px
}

.sr-proMainInfo-slide-pageInside .icon-3d {
    background-image: url("https://www.micstatic.com/common/img/icon/3d_64_b81f88eb.png");
    background-color: rgba(0,0,0,.5);
    background-size: 32px 32px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    border-radius: 50%
}

.sr-proMainInfo-slide-pageInside:hover .icon-3d {
    background-image: url("https://www.micstatic.com/common/img/icon/3d_gif_7fe44b24.gif")
}

.sr-proMainInfo-slide .tip-online {
    width: 278px;
    height: 262px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0px 9px 16px 8px rgba(0,0,0,.03),0px 6px 10px 0px rgba(0,0,0,.06),0px 3px 6px -3px rgba(0,0,0,.12);
    z-index: 10
}

.sr-proMainInfo-slide .tip-online .tip-cont {
    width: 258px;
    height: 242px;
    background: url(https://www.micstatic.com/landing/www/product/img/2017/detail/sample-online-bg_ac8601f9.png);
    padding: 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #555
}

.sr-proMainInfo-slide .tip-online .tip-cont li {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.sr-proMainInfo-slide .tip-online .online-icon {
    display: inline-block;
    width: 54px;
    height: 54px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 20px;
    flex-shrink: 0
}

.sr-proMainInfo-slide .tip-online .online-icon-1 {
    background-image: url(https://www.micstatic.com/landing/www/product/img/2017/detail/sample-online-icon1_1be721fe.png);
    background-repeat: no-repeat;
    background-position: center
}

.sr-proMainInfo-slide .tip-online .online-icon-2 {
    background-image: url(https://www.micstatic.com/landing/www/product/img/2017/detail/sample-online-icon2_dd53aac3.png);
    background-repeat: no-repeat;
    background-position: center
}

.sr-proMainInfo-slide .tip-online .online-icon-3 {
    background-image: url(https://www.micstatic.com/landing/www/product/img/2017/detail/sample-online-icon3_d1469f0f.png);
    background-repeat: no-repeat;
    background-position: center
}

.sr-proMainInfo-baseInfo {
    float: right
}

.sr-proMainInfo-baseInfoH1 a {
    color: #222
}

@media only screen and (min-width: 769px) {
    .sr-proMainInfo-baseInfoH1 a:hover {
        color:var(--background-1)
    }
}

.sr-proMainInfo-baseInfo-name {
    font-size: 18px;
    margin-bottom: 15px
}

.sr-proMainInfo-baseInfo-name .mei-tip-box {
    padding-bottom: 10px;
    display: inline
}

.sr-proMainInfo-baseInfo-name .mei-tip-box div {
    display: inline-block
}

.sr-proMainInfo-baseInfo-name .mei-tips {
    height: 32px;
    color: #faf8f4;
    line-height: 32px;
    padding: 2px 0 2px 24px;
    font-size: 12px;
    width: 164px
}

.sr-proMainInfo-baseInfo-name .mei-tips.excellence-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/excellence-award_c104cf7f.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.individual-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/individual-award_6f594e66.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.selected-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/selected-award_903cdbe8.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.top-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/top-award_5e52d46a.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.gold-2018-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/individual-award_6f594e66.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.silver-2018-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/individual-award_6f594e66.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.individual-2018-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/individual-award_6f594e66.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.nomination-2018-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/individual-award_6f594e66.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-name .mei-tips.selected-2018-award-tip {
    background: url("https://www.micstatic.com/landing/www/product/img/solution/mei/individual-award_6f594e66.png") no-repeat top left
}

.sr-proMainInfo-baseInfo-propertyGetPrice {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px
}

.sr-proMainInfo-baseInfo-propertyPrice {
    margin-bottom: 20px
}

.sr-proMainInfo-baseInfo-propertyPrice table {
    width: 100%;
    word-break: break-word;
    background: #f5f7fa;
    font-size: 14px;
    line-height: 21px
}

.sr-proMainInfo-baseInfo-propertyPrice th {
    color: #888;
    padding: 10px 10px 5px 10px;
    vertical-align: top
}

.sr-proMainInfo-baseInfo-propertyPrice td {
    color: #222;
    padding: 0 10px 10px 10px;
    table-layout: fixed;
    vertical-align: top
}

.sr-proMainInfo-baseInfo-propertyPrice .red {
    color: var(--background-1);
    font-size: 16px
}

.sr-proMainInfo-baseInfo-propertyPrice .unit {
    color: #555
}

.sr-proMainInfo-baseInfo-propertyAttr {
    margin-bottom: 10px
}

.sr-proMainInfo-baseInfo-propertyAttr .attr-line {
    border-bottom: 1px solid #e9eef4;
    margin: 0 0 20px 0
}

@media only screen and (min-width: 1024px)and (max-width: 1365px) {
    .sr-proMainInfo-baseInfo-propertyAttr .attr-line {
        margin:0 0 15px 0
    }
}

.sr-proMainInfo-baseInfo-propertyAttr .product-details-title {
    display: flex;
    justify-content: space-between
}

.sr-proMainInfo-baseInfo-propertyAttr .product-details-title.pointer {
    cursor: pointer
}

.sr-proMainInfo-baseInfo-propertyAttr table {
    width: 100%;
    table-layout: fixed;
    word-break: break-word
}

.sr-proMainInfo-baseInfo-propertyAttr th {
    color: #222;
    vertical-align: top;
    font-weight: normal
}

.sr-proMainInfo-baseInfo-propertyAttr td {
    color: #222;
    vertical-align: top;
    word-break: keep-all;
    word-wrap: break-word;
    font-weight: 500
}

.sr-proMainInfo-baseInfo-propertyAttr .address-wrap {
    position: relative
}

.sr-proMainInfo-baseInfo-propertyAttr .address-wrap:hover .address-map {
    display: block
}

.sr-proMainInfo-baseInfo-propertyAttr .address-wrap .address-map {
    width: 260px;
    height: 200px;
    top: -8px;
    left: 30px;
    display: none;
    z-index: 99
}

.sr-proMainInfo-baseInfo-propertyAttr .red {
    color: var(--background-1)
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info {
    display: flex;
    justify-content: space-between
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info .info-text {
    margin-right: 8px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info .info-text span {
    font-weight: 400
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info .info-text span.sample-price {
    font-weight: 600
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info a {
    flex-shrink: 0;
    color: #222;
    font-weight: 600;
    text-decoration: underline
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info a:hover {
    color: var(--background-1)
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info .ob-icon {
    margin-right: 6px
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-desc {
    margin-top: 6px;
    color: #888;
    word-break: keep-all;
    word-wrap: break-word
}

.sr-proMainInfo-baseInfo-propertyAttr .contact-block {
    border: 0;
    display: flex
}

.sr-proMainInfo-baseInfo-actBtns {
    *zoom:1;margin-bottom: 10px;
    margin-left: -10px
}

.sr-proMainInfo-baseInfo-actBtns:before,.sr-proMainInfo-baseInfo-actBtns:after {
    content: "";
    display: table
}

.sr-proMainInfo-baseInfo-actBtns:after {
    clear: both
}

.sr-proMainInfo-baseInfo-actBtns a {
    text-decoration: none;
    overflow: hidden
}

.sr-proMainInfo-baseInfo-actBtns .btn {
    float: left;
    margin-left: 9px;
    margin-bottom: 10px
}

.sr-proMainInfo-baseInfo-actBtns .res {
    width: calc( 100% - 10px)
}

.sr-proMainInfo-baseInfo-actBtns .half {
    width: calc( 50% - 10px)
}

.sr-proMainInfo-baseInfo-actActs .act-item {
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    padding-bottom: 5px
}

.sr-proMainInfo-baseInfo-actActs .act-item i {
    margin-right: 6px;
    line-height: 21px
}

.sr-proMainInfo-baseInfo-actDload {
    margin-top: 15px;
    border-top: 1px solid #e6ecf2;
    padding-top: 15px
}

.sr-proMainInfo-baseInfo-actDload .tip {
    width: 300px;
    left: 0;
    top: 30px;
    z-index: 99;
    display: none
}

.sr-proMainInfo-baseInfo-actDload .link-wrap {
    display: inline-block;
    position: relative;
    padding-bottom: 10px
}

.sr-proMainInfo-baseInfo-actDload .link-wrap:last-child {
    padding-bottom: 0
}

@media only screen and (min-width: 769px) {
    .sr-proMainInfo-baseInfo-actDload .link-wrap:hover .tip {
        display:block
    }
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .tip {
    padding: 10px 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0,0,0,.12),0px 6px 10px rgba(0,0,0,.06),0px 9px 16px rgba(0,0,0,.03)
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-info {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-pic {
    position: relative;
    margin-right: 10px;
    border-radius: 3px;
    overflow: hidden
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-pic.size-40 {
    width: 40px;
    height: 40px
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-pic.size-48 {
    width: 48px;
    height: 48px
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-pic.size-80 {
    width: 80px;
    height: 80px
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-pic .pic-cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.03)
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-pic img {
    width: 100%;
    height: 100%
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-detail {
    flex: 1;
    min-width: 0
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-detail .name {
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 21px;
    color: #000
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-detail .desc {
    font-size: 12px;
    line-height: 18px;
    color: #888
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-detail .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-detail .text-ellipsis-two {
    max-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-prod {
    display: flex;
    padding-top: 10px
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-other-prod {
    margin-top: 10px;
    width: 100%
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-other-prod .catalog-other-title {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    color: #222
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-other-prod .catalog-other-list {
    display: flex
}

.sr-proMainInfo-baseInfo-actDload .link-wrap .catalog-other-prod .catalog-other-list .catalog-pic:last-of-type {
    margin-right: 0
}

.sr-proMainInfo-baseInfo-actDload .link {
    padding: 10px 0;
    line-height: 21px;
    font-size: 14px;
    color: #1470cc
}

@media only screen and (min-width: 769px) {
    .sr-proMainInfo-baseInfo-actDload .link:hover {
        color:var(--background-1)
    }
}

.sr-proMainInfo-baseInfo-actDload .link i {
    line-height: 21px;
    width: 16px;
    margin-right: 5px
}

.sr-proMainInfo-baseInfo-actDload p {
    margin: 0;
    color: #888;
    font-size: 14px;
    padding-left: 21px
}

.sr-proMainInfo-baseInfo-actDload .tip.arrow-top .arrow-out {
    left: 189px
}

.share-wrap {
    display: inline-block;
    position: relative
}

.share-wrap .share-link {
    cursor: pointer
}

.share-wrap .share-link:hover {
    color: var(--background-1);
    text-decoration: none
}

.share-wrap .share-empty-box {
    position: absolute;
    right: 13px;
    top: -8px;
    width: 16px;
    height: 9px
}

.share-wrap .share-cnt {
    vertical-align: middle;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    border-radius: 4px
}

.share-wrap .share-cnt::before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    border-bottom-color: #fff;
    top: -6px;
    right: 14px
}

.share-wrap .sns-share {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    display: flex
}

.share-wrap .sns-share a {
    background-image: url("https://www.micstatic.com/landing/www/product/img/icon/sns-share_7b4e31ee.png");
    background-repeat: no-repeat;
    background-size: 24px
}

.share-wrap .sns-share a.googleplus {
    width: 16px;
    margin-right: 0
}

.share-wrap .sns-share .title {
    display: none
}

.share-wrap .share-link {
    color: #1470cc;
    cursor: pointer
}

.share-wrap .share-link:hover {
    color: #1470cc;
    text-decoration: none
}

.share-wrap .mail {
    height: 22px
}

.share-wrap .mail a {
    background-image: url("https://www.micstatic.com/landing/www/product/img/icon/sns-share_7b4e31ee.png");
    background-size: 24px;
    background-repeat: no-repeat;
    height: 22px;
    width: 23px;
    display: inline-block;
    background-position: 0 -114px
}

.share-wrap .sns-wrap {
    vertical-align: middle;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    border-radius: 4px
}

.share-wrap .sns-wrap .share-empty-box {
    position: absolute;
    right: 13px;
    top: -8px;
    width: 16px;
    height: 9px
}

.share-wrap .sns-wrap::before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    border-bottom-color: #fff;
    top: -6px;
    right: 14px
}

.share-wrap .sns-wrap .mail {
    display: flex
}

#picRoundBox img {
    transform: none;
    top: 0;
    left: 0
}

.fav-share-wrap {
    color: #555;
    text-align: center
}

.fav-share-wrap .act-item {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
}

.fav-share-wrap .act-item a {
    color: #555
}

.fav-share-wrap .act-item a:hover {
    color: #222
}

.fav-share-wrap .act-item .ob-icon,.fav-share-wrap .act-item .icon {
    line-height: 26px;
    font-size: 24px;
    margin-right: 0;
    font-weight: 700
}

.how-it-work2 {
    display: block;
    position: absolute;
    background: url("https://www.micstatic.com/landing/www/product/img/2017/how-it-works_201e5a6d.png") no-repeat 0 0 transparent;
    width: 192px;
    height: 222px;
    z-index: 111
}

.banner-layout-block {
    position: relative;
    margin-bottom: 20px;
    display: block
}

.banner-layout-block .countdown {
    position: absolute;
    left: 32%;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    color: #fff;
    display: flex;
    align-items: center
}

.banner-layout-block .countdown-tip {
    font-size: 24px;
    margin-right: 21px
}

@media only screen and (max-width: 1280px) {
    .banner-layout-block .countdown-tip span {
        display:none
    }
}

.banner-layout-block .countdown-value {
    font-size: 72px;
    margin-right: 7px
}

@media only screen and (max-width: 1400px) {
    .banner-layout-block .countdown-value {
        font-size:56px
    }
}

@media only screen and (max-width: 1320px) {
    .banner-layout-block .countdown-value {
        font-size:54px
    }
}

.banner-layout-block .countdown em {
    opacity: .5;
    font-size: 23px;
    margin-top: 30px
}

.banner-layout-block .countdown em:first-of-type {
    margin-right: 22px
}

@media only screen and (max-width: 1320px) {
    .banner-layout-block .countdown em:first-of-type {
        margin-right:18px
    }
}

.sr-QPWords {
    margin-top: 20px
}

.sr-QPWords:first-child {
    margin-top: 0
}

.sr-QPWords-title {
    color: #222;
    font-size: 14px;
    margin-bottom: 10px
}

.sr-QPWords-item {
    color: #888;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    word-wrap: break-word;
    word-break: break-word
}

.sr-QPWords-item a {
    color: #888
}

@media only screen and (min-width: 769px) {
    .sr-QPWords-item a:hover {
        color:var(--background-1);
        text-decoration: none
    }
}

.sr-QPWords-cont {
    margin-bottom: -5px
}

.sr-QPWords-col-3 {
    *zoom:1;margin-left: -10px;
    margin-right: -10px
}

.sr-QPWords-col-3:before,.sr-QPWords-col-3:after {
    content: "";
    display: table
}

.sr-QPWords-col-3:after {
    clear: both
}

.sr-QPWords-col-3 .sr-QPWords-item {
    float: left;
    width: 33.333%;
    padding: 0 10px
}

.sr-QPWords-moreLess .link-more {
    font-size: 14px;
    color: #222
}

.sr-QPWords-moreLess .link-more:hover {
    text-decoration: underline
}

.hot-searches-wrap .hot-searches-content,.hot-searches-wrap .suppliers-wholesalers-content,.suppliers-wholesalers-wrap .hot-searches-content,.suppliers-wholesalers-wrap .suppliers-wholesalers-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.hot-searches-wrap .hot-searches-content .hot-searches-item,.hot-searches-wrap .hot-searches-content .QPWords-video-item,.hot-searches-wrap .hot-searches-content .suppliers-wholesalers-item,.hot-searches-wrap .suppliers-wholesalers-content .hot-searches-item,.hot-searches-wrap .suppliers-wholesalers-content .QPWords-video-item,.hot-searches-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item,.suppliers-wholesalers-wrap .hot-searches-content .hot-searches-item,.suppliers-wholesalers-wrap .hot-searches-content .QPWords-video-item,.suppliers-wholesalers-wrap .hot-searches-content .suppliers-wholesalers-item,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .hot-searches-item,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .QPWords-video-item,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item {
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 5px 15px;
    border: 1px solid #ced3d9;
    border-radius: 300px;
    cursor: pointer
}

.hot-searches-wrap .hot-searches-content .hot-searches-item a,.hot-searches-wrap .hot-searches-content .QPWords-video-item a,.hot-searches-wrap .hot-searches-content .suppliers-wholesalers-item a,.hot-searches-wrap .suppliers-wholesalers-content .hot-searches-item a,.hot-searches-wrap .suppliers-wholesalers-content .QPWords-video-item a,.hot-searches-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item a,.suppliers-wholesalers-wrap .hot-searches-content .hot-searches-item a,.suppliers-wholesalers-wrap .hot-searches-content .QPWords-video-item a,.suppliers-wholesalers-wrap .hot-searches-content .suppliers-wholesalers-item a,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .hot-searches-item a,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .QPWords-video-item a,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item a {
    color: #222;
    font-weight: 400
}

.hot-searches-wrap .hot-searches-content .hot-searches-item:hover,.hot-searches-wrap .hot-searches-content .QPWords-video-item:hover,.hot-searches-wrap .hot-searches-content .suppliers-wholesalers-item:hover,.hot-searches-wrap .suppliers-wholesalers-content .hot-searches-item:hover,.hot-searches-wrap .suppliers-wholesalers-content .QPWords-video-item:hover,.hot-searches-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item:hover,.suppliers-wholesalers-wrap .hot-searches-content .hot-searches-item:hover,.suppliers-wholesalers-wrap .hot-searches-content .QPWords-video-item:hover,.suppliers-wholesalers-wrap .hot-searches-content .suppliers-wholesalers-item:hover,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .hot-searches-item:hover,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .QPWords-video-item:hover,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item:hover {
    border: 1px solid #222
}

.hot-searches-wrap .hot-searches-content .hot-searches-item:hover a,.hot-searches-wrap .hot-searches-content .QPWords-video-item:hover a,.hot-searches-wrap .hot-searches-content .suppliers-wholesalers-item:hover a,.hot-searches-wrap .suppliers-wholesalers-content .hot-searches-item:hover a,.hot-searches-wrap .suppliers-wholesalers-content .QPWords-video-item:hover a,.hot-searches-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item:hover a,.suppliers-wholesalers-wrap .hot-searches-content .hot-searches-item:hover a,.suppliers-wholesalers-wrap .hot-searches-content .QPWords-video-item:hover a,.suppliers-wholesalers-wrap .hot-searches-content .suppliers-wholesalers-item:hover a,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .hot-searches-item:hover a,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .QPWords-video-item:hover a,.suppliers-wholesalers-wrap .suppliers-wholesalers-content .suppliers-wholesalers-item:hover a {
    color: #222
}

.sr-proSlide {
    position: relative;
    margin-bottom: 20px
}

.sr-proSlide-left-open .sr-proSlide-btn-left {
    display: block
}

@media only screen and (max-width: 768px) {
    .sr-proSlide-left-open .sr-proSlide-btn-left {
        display:none
    }
}

.sr-proSlide-right-open .sr-proSlide-btn-right {
    display: block
}

@media only screen and (max-width: 768px) {
    .sr-proSlide-right-open .sr-proSlide-btn-right {
        display:none
    }
}

.sr-proSlide-btn-left,.sr-proSlide-btn-right {
    display: none;
    z-index: 1;
    position: absolute;
    width: 36px;
    height: 60px;
    line-height: 60px;
    top: 50%;
    margin-top: -30px;
    color: #fff;
    font-size: 16px;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    text-align: center
}

@media only screen and (min-width: 769px) {
    .sr-proSlide-btn-left:hover,.sr-proSlide-btn-right:hover {
        background:rgba(0,0,0,.8)
    }
}

.sr-proSlide-btn-left.disabled,.sr-proSlide-btn-right.disabled {
    background: rgba(0,0,0,.2);
    cursor: not-allowed
}

.sr-proSlide-btn-left {
    left: -30px
}

.sr-proSlide-btn-right {
    right: -30px
}

.sr-proSlide-pager {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 10px;
    width: 100%;
    z-index: 1
}

.sr-proSlide-pager .swiper-pagination-bullet {
    cursor: pointer;
    display: inline-block;
    border-radius: 50%;
    background: #e6ecf2;
    margin: 0 5px;
    width: 10px;
    height: 10px
}

.sr-proSlide-pager .swiper-pagination-bullet-active {
    background: var(--background-1)
}

.sr-proSlide .swiper-container {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    z-index: 1;
    height: 100%
}

.sr-proSlide .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100% !important;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.sr-proSlide .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100% !important;
    position: relative;
    font-size: 0
}

.sr-pop360-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 198;
    background: #000;
    opacity: .65;
    filter: alpha(opacity=65)
}

.sr-pop360-wrap {
    top: 0;
    left: 80px;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 1280px;
    max-height: 1000px;
    min-width: 600px;
    min-height: 600px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    z-index: 199
}

.sr-pop360-view {
    margin: auto;
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 20px;
    position: absolute;
    background: transparent;
    transition: all .3s
}

.sr-pop360-view .alert-declaration {
    left: 50%;
    width: 56%;
    bottom: 10px;
    position: absolute;
    transform: translate(-50%)
}

.sr-pop360-view .alert-declaration .alert-con {
    width: 100%;
    font-size: 0;
    border-radius: 3px
}

.sr-pop360-view .alert-declaration .alert-con.alert-del {
    padding: 10px
}

.sr-pop360-view .alert-declaration .alert-half-black {
    background-color: rgba(0,0,0,.5)
}

.sr-pop360-view .alert-declaration .alert-txt {
    width: calc(100% - 21px);
    margin-right: 5px;
    color: #fff;
    font-size: 12px
}

.sr-pop360-view .alert-declaration .micon-del {
    color: rgba(255,255,255,.3)
}

.sr-pop360-view .alert-declaration .alert-txt,.sr-pop360-view .alert-declaration .micon-del {
    display: inline-block;
    vertical-align: top
}

.sr-pop360-content {
    height: 100%
}

.sr-pop360-content iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.sr-pop360-loading {
    background: #fff url("https://www.micstatic.com/landing/www/product/img/2017/common/360-loading_eb56f233.gif") no-repeat center
}

.sr-pop360-full,.sr-pop360-close {
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 200
}

.sr-pop360-full .ob-icon,.sr-pop360-close .ob-icon {
    color: #fff;
    font-size: 32px;
    line-height: 32px
}

.sr-pop360-full {
    position: absolute;
    bottom: 0;
    right: -80px
}

.sr-pop360-full .ob-icon {
    color: #8e8e8e
}

@media only screen and (min-width: 769px) {
    .sr-pop360-full .ob-icon:hover {
        color:#e5e5e5
    }
}

.sr-pop360-close {
    cursor: pointer;
    background: #737373;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -10px;
    top: 40px
}

.sr-pop360-close .ob-icon {
    font-size: 28px
}

@media only screen and (min-width: 769px) {
    .sr-pop360-close:hover {
        background:#4c4c4c
    }
}

.sr-pop360-pop {
    height: 34px;
    width: 34px;
    border: 1px solid #555;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    display: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: center;
    cursor: pointer
}

.sr-pop360-pop .ob-icon {
    color: #fff;
    font-size: 22px;
    line-height: 34px
}

.sr-pop360-body-overflow {
    overflow: hidden
}

.sr-pop360.open .sr-pop360-wrap {
    width: auto;
    height: auto;
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.sr-pop360.open .sr-pop360-view {
    margin: 0;
    max-width: none;
    max-height: none
}

.sr-pop360.open .sr-pop360-close {
    position: fixed;
    height: 34px;
    width: 34px;
    border: 1px solid #555;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    right: 60px;
    text-align: center
}

.sr-pop360.open .sr-pop360-close .ob-icon {
    color: #fff;
    font-size: 22px;
    line-height: 34px
}

.sr-pop360.open .sr-pop360-pop {
    display: block
}

.sr-pop360.enlarge .sr-pop360-view {
    width: 500px;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px
}

.sr-pop360.enlarge .sr-pop360-content {
    width: 100%;
    height: 100%
}

.sr-pop360.enlarge .sr-pop360-product-view {
    display: none;
    background-color: #fff;
    max-width: 100%;
    max-height: 100%
}

.sr-pop360.enlarge .sr-pop360-product-view .show {
    display: block
}

.sr-pop360.enlarge .sr-pop360-product-image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px;
    padding-top: 10px
}

.sr-pop360.enlarge .sr-pop360-product-image img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.sr-pop360.enlarge .sr-pop360-product-name {
    font-size: 18px;
    padding: 30px 20px;
    line-height: 27px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.sr-pop3D .sr-pop360-wrap {
    max-width: 80vw;
    max-height: 60vh
}

.popInquiry .p-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12005;
    background: rgba(0,0,0,.5)
}

.popInquiry .p-view {
    position: fixed;
    width: 600px;
    height: 600px;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;
    z-index: 12006
}

.popInquiry .p-view .p-content {
    height: 100%
}

.popInquiry .p-view .p-content iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.popInquiry.open .p-view {
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.iframe-body-overflow {
    overflow: hidden
}

@media screen and (max-width: 1366px) {
    .popInquiry .p-view {
        height:560px;
        margin-top: -280px
    }
}

.pop3D .p-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12000;
    background: rgba(0,0,0,.6)
}

.pop3D .p-view {
    position: fixed;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
    z-index: 12001
}

.pop3D .p-view .p-content {
    height: 100%
}

.pop3D .p-view .p-content iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.pop3D .p-full,.pop3D .p-close,.pop3D .p-pop {
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 12001
}

.pop3D .p-full {
    position: absolute;
    bottom: 0;
    right: -46px;
    background: url("https://www.micstatic.com/common/img/icon/3d-iframe-icon_71a67fb3.png") 0 36px
}

.pop3D .p-full:hover {
    background-position: -36px -36px
}

.pop3D .p-close {
    position: absolute;
    top: 0;
    right: -46px;
    background: url("https://www.micstatic.com/common/img/icon/3d-iframe-icon_71a67fb3.png") 0 0
}

.pop3D .p-close:hover {
    background-position: -36px 0
}

.pop3D .p-pop {
    display: none;
    position: absolute;
    bottom: 40px;
    right: 40px;
    background: url("https://www.micstatic.com/common/img/icon/3d-iframe-icon_71a67fb3.png") -72px 0
}

.pop3D .p-pop:hover {
    background-position: -72px -36px
}

@media screen and (max-width: 1440px) {
    .pop3D .p-pop {
        bottom:30px;
        right: 40px
    }
}

.pop3D.open .p-view {
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.pop3D.open .p-close {
    display: none
}

.pop3D.open .p-pop {
    display: block
}

.p-body-overflow {
    overflow: hidden
}

.prod-tags,.sr-proMainInfo-baseInfo-tags {
    margin-left: -10px;
    font-size: 0
}

.prod-tags .tag,.sr-proMainInfo-baseInfo-tags .tag {
    margin-top: 5px;
    margin-left: 10px;
    font-size: 12px
}

.prod-tags .tag-main,.sr-proMainInfo-baseInfo-tags .tag-main {
    color: #f25555;
    border-color: #f25555
}

.special-flag-img {
    display: inline-block;
    background-image: url("https://www.micstatic.com/common/img/logo/special_sales_l_84b5738c.png");
    width: 120px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 5px
}

.special-flag .special-flag-item {
    cursor: default;
    position: relative;
    display: inline-block;
    padding: 2px 14px 2px 5px;
    font-size: 12px;
    margin: 10px 10px 0 0;
    border-radius: 4px 2px 2px 4px
}

.special-flag .special-flag-item:hover .tip {
    display: block
}

.special-flag .special-flag-item::after {
    position: absolute;
    content: "";
    top: 2px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid #fff;
    border-bottom: 9px solid transparent
}

.special-flag .special-flag-item.red {
    background: #ffefef;
    color: var(--background-1)
}

.special-flag .special-flag-item.orange {
    background: #fef2e1;
    color: #f19a37
}

.special-flag .special-flag-item.green {
    background: #e4f8e4;
    color: #00b300
}

.special-flag .special-flag-item.blue {
    background: #e6f1ff;
    color: #2e8ae6
}

.special-flag .special-flag-item.purple {
    background: #f5efff;
    color: #b852cc
}

.special-flag .special-flag-item.azure {
    background: #e8f9ff;
    color: #55b5d5
}

.special-flag .special-flag-item .ob-icon {
    font-size: 14px;
    margin-right: 5px
}

.special-flag .tip {
    font-weight: normal;
    z-index: 11;
    display: none;
    top: -50px;
    left: -24px;
    width: 222px;
    margin-left: -18px;
    font-size: 14px;
    box-sizing: content-box
}

.special-flag .tip.tip-discount {
    width: 123px;
    left: 10px;
    top: -50px
}

.special-flag .tip.tip-discount .arrow-out {
    left: 64px
}

.special-flag .tip.tip-free {
    width: 135px;
    left: -9px;
    top: -50px
}

.special-flag .tip.tip-free .arrow-out {
    left: 70px
}

.special-flag .tip.tip-rapid {
    width: 151px;
    left: -7px;
    top: -50px
}

.special-flag .tip.tip-rapid .arrow-out {
    left: 78px
}

.special-flag .tip.tip-hot {
    width: 165px;
    left: -24px;
    top: -50px
}

.special-flag .tip.tip-hot .arrow-out {
    left: 85px
}

.special-flag .tip.tip-instant {
    width: 197px;
    left: -39px;
    top: -50px
}

.special-flag .tip.tip-instant .arrow-out {
    left: 101px
}

.live-flag {
    height: 21px;
    line-height: 21px;
    padding: 0 5px;
    background: #e54645;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 11;
    display: flex;
    align-items: center
}

.live-flag i {
    display: inline-block;
    background: url("https://www.micstatic.com/common/img/icon/live-dot_0db2e67a.gif");
    width: 8px;
    height: 8px;
    margin-right: 2px;
    background-size: 8px 8px
}

.activity-flag-img {
    display: inline-block;
    background-image: url("https://www.micstatic.com/common/img/logo/activity_tag_l_f32c707f.png");
    width: 120px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 5px
}

.tag-wrapper {
    display: flex;
    flex-wrap: wrap
}

.tag-wrapper .rank-activity-flag {
    background: linear-gradient(0deg, rgba(255, 215, 156, 0.4), rgba(255, 215, 156, 0.4)),linear-gradient(98deg, rgba(255, 234, 182, 0.4) -13%, rgba(255, 250, 236, 0.4) 2%, rgba(255, 217, 121, 0.4) 81%, rgba(255, 217, 121, 0.4) 99%);
    border-radius: 0 14px 14px 0;
    box-sizing: border-box;
    padding: 0px 15px 0px 2px;
    height: 28px;
    margin-top: 7px;
    margin-right: 10px
}

.tag-wrapper .rank-activity-flag .tag-item-common {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #8b2a00
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon {
    width: 25px;
    height: 33px;
    display: inline-block;
    vertical-align: -14px
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon1 {
    background: url(https://www.micstatic.com/landing/www/product/img/icon/ranking-top1_56ceb727.png) no-repeat top left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon1 .ranking-icon-num {
    display: none
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon2 {
    background: url(https://www.micstatic.com/landing/www/product/img/icon/ranking-top2_ab90e884.png) no-repeat top left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon2 .ranking-icon-num {
    display: none
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon3 {
    background: url(https://www.micstatic.com/landing/www/product/img/icon/ranking-top3_9af2c1e9.png) no-repeat top left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon3 .ranking-icon-num {
    display: none
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon4 {
    background: url(https://www.micstatic.com/landing/www/product/img/icon/ranking-topn_130f0f86.png) no-repeat top left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-icon4 .ranking-icon-num {
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #fff
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-num {
    font-weight: 600;
    color: var(--background-1);
    margin-left: 2px
}

.tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-name {
    margin-left: 12.5px
}

.tag-wrapper .rank-activity-flag-normal {
    background: linear-gradient(0deg, rgba(208, 205, 200, 0.4), rgba(208, 205, 200, 0.4)),linear-gradient(98deg, rgba(255, 234, 182, 0.4) -13%, rgba(255, 250, 236, 0.4) 2%, rgba(255, 217, 121, 0.4) 81%, rgba(255, 217, 121, 0.4) 99%)
}

.tag-wrapper .deal-activity-flag {
    margin-top: 7px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    max-width: 100%
}

.tag-wrapper .deal-activity-flag .deal-activity-flag-item {
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    line-height: 14px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    border: 1.23px solid #e6ecf2;
    height: 28px;
    display: flex;
    align-items: center;
    max-width: 100%
}

.tag-wrapper .deal-activity-flag .deal-activity-flag-item .tip {
    padding: 5px 10px;
    border-radius: 5px;
    top: unset;
    bottom: 33px;
    left: unset;
    right: 0px
}

.tag-wrapper .deal-activity-flag .deal-activity-flag-item .tip.arrow-top .arrow-out {
    border-bottom: unset;
    left: unset;
    right: 10px;
    bottom: -8px;
    top: unset;
    border-top: 8px solid #ced3d9
}

.tag-wrapper .deal-activity-flag .deal-activity-flag-item .tip.arrow-top .arrow-in {
    border-bottom: unset;
    margin: -9px 0px 0px -8px;
    border-top: 8px solid #fff
}

.tag-wrapper .deal-activity-flag .deal-activity-flag-item:hover .tip {
    display: block
}

.tag-wrapper .deal-activity-flag .deal-activity-flag-item .tag-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(https://www.micstatic.com/landing/www/product/img/icon/tag-ok_84dac00e.png) no-repeat top left;
    background-size: 100% 100%;
    flex-shrink: 0
}

.tag-wrapper .deal-activity-flag .deal-activity-flag-title {
    display: flex;
    align-items: center;
    color: #222;
    cursor: default;
    font-size: 14px;
    line-height: 21px;
    margin-left: 6px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.tag-wrapper .deal-activity-flag .tip {
    display: none;
    top: 33px;
    left: 0;
    white-space: nowrap;
    z-index: 11
}

.tag-wrapper .deal-activity-flag .tip .tip-text {
    font-size: 14px;
    width: -moz-max-content;
    width: max-content;
    max-width: 250px;
    white-space: normal
}

.coupon-activity-info-tag {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 10px;
    padding: 1px 2px;
    border-top: 1px solid var(--background-1);
    border-bottom: 1px solid var(--background-1);
    font-size: 12px;
    font-weight: bold;
    color: var(--background-1)
}

.coupon-activity-info-tag::before {
    position: absolute;
    top: -1px;
    left: -4px;
    display: block;
    content: "";
    width: 4px;
    height: 22px;
    background: url(https://www.micstatic.com/common/img/logo/coupon_left_94824ba8.png) center left no-repeat;
    background-size: 100% 100%
}

.coupon-activity-info-tag::after {
    position: absolute;
    top: -1px;
    right: -4px;
    display: block;
    content: "";
    width: 4px;
    height: 22px;
    background: url(https://www.micstatic.com/common/img/logo/coupon_right_5438aad0.png) center right no-repeat;
    background-size: 100% 100%
}

.activity-coupon-box {
    position: relative;
    display: inline-block
}

.activity-coupon-box .coupon-info {
    display: flex;
    align-items: center;
    cursor: pointer
}

.activity-coupon-box .coupon-info .coupon-info-title {
    font-weight: bold;
    color: #888
}

.activity-coupon-box .coupon-info .coupon-info-list {
    display: flex;
    min-width: 0;
    overflow: hidden
}

.activity-coupon-box .coupon-info .coupon-info-list-item {
    position: relative;
    flex-shrink: 0;
    background: #fcecec;
    color: var(--background-1)
}

.activity-coupon-box .coupon-info .coupon-info-select {
    color: #222
}

.activity-coupon-box .coupon-info .coupon-info-select .ob-icon {
    transition: all .3s
}

.activity-coupon-box .coupon-info .coupon-info-select:hover {
    color: var(--background-1)
}

.activity-coupon-box .coupon-info.open .coupon-info-select .ob-icon {
    transform: rotate(180deg)
}

.activity-coupon-box .coupon-list {
    position: absolute;
    top: 100%;
    left: 120px;
    padding: 20px 20px 10px;
    width: 400px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 9px 16px 8px rgba(0,0,0,.03),0 6px 10px 0 rgba(0,0,0,.06),0 3px 6px -3px rgba(0,0,0,.12);
    z-index: 9
}

.activity-coupon-box .coupon-list .coupon-item {
    position: relative;
    display: flex;
    border-radius: 4px;
    overflow: hidden
}

.activity-coupon-box .coupon-list .coupon-item .coupon-header {
    position: relative;
    width: 82px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(210deg, #fff9ef 4%, #ffe7ba 88%)
}

.activity-coupon-box .coupon-list .coupon-item .coupon-header::after {
    position: absolute;
    top: -8px;
    right: -8px;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    z-index: 2
}

.activity-coupon-box .coupon-list .coupon-item .coupon-price {
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    line-height: 28px;
    color: #f11131
}

.activity-coupon-box .coupon-list .coupon-item .coupon-limit-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    color: #a66828;
    transform: scale(0.85)
}

.activity-coupon-box .coupon-list .coupon-item .coupon-mid-line {
    position: absolute;
    top: 0;
    left: 82px;
    width: 0;
    height: 100%;
    border: 1px solid rgba(0,0,0,.1);
    transform: scaleX(0.5);
    z-index: 1
}

.activity-coupon-box .coupon-list .coupon-item .coupon-container {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    background: #fff7e9
}

.activity-coupon-box .coupon-list .coupon-item .coupon-container::before {
    position: absolute;
    bottom: -8px;
    left: -8px;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    z-index: 2
}

.activity-coupon-box .coupon-list .coupon-item .coupon-container-info {
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    margin-right: 15px
}

.activity-coupon-box .coupon-list .coupon-item .coupon-tip {
    font-size: 16px;
    font-weight: bold;
    color: #a66828;
    padding-top: 10px;
    line-height: 20px;
    margin-bottom: 5px;
    word-wrap: break-word
}

.activity-coupon-box .coupon-list .coupon-item .coupon-deadline {
    font-size: 12px;
    line-height: 18px;
    color: rgba(166,104,40,.5);
    padding-bottom: 10px
}

.activity-coupon-box .coupon-list .coupon-item .coupon-container-btn {
    margin-right: 10px;
    flex-shrink: 0
}

.activity-coupon-box .coupon-list .coupon-item .coupon-btn {
    width: 75px;
    border-radius: 4px;
    height: 28px;
    background: linear-gradient(48deg, #ffdca3 11%, #ffe4b5 90%);
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    color: #d98630;
    cursor: pointer
}

.activity-coupon-box .coupon-list .coupon-item .coupon-btn:hover {
    background: #ffdc9f
}

.activity-coupon-box .coupon-list .coupon-item .coupon-btn.received,.activity-coupon-box .coupon-list .coupon-item .coupon-btn.loading {
    background: rgba(255,220,159,.3);
    color: rgba(217,134,48,.3);
    cursor: default
}

.activity-coupon-box .coupon-list .coupon-item-title {
    font-size: 16px;
    color: #555;
    line-height: 24px;
    margin-bottom: 10px
}

.activity-coupon-box .coupon-list .coupon-item-box {
    margin-bottom: 10px
}

.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-header {
    background: linear-gradient(210deg, #f2f2f2 4%, #e6e6e6 88%)
}

.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-price,.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-tip {
    color: rgba(34,34,34,.3)
}

.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-limit-info,.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-deadline,.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-btn {
    color: rgba(136,136,136,.3)
}

.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-container {
    background: #f6f6f6
}

.activity-coupon-box .coupon-list .coupon-item-box.disabled .coupon-btn {
    cursor: default;
    background: #eee !important
}

.activity-coupon-box .coupon-list .coupon-invalid-text {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.activity-coupon-box .coupon-list .coupon-note {
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px
}

.activity-coupon-box .coupon-list .coupon-note .coupon-note-title {
    margin-bottom: 5px;
    color: #555;
    line-height: 21px;
    font-size: 14px
}

.activity-coupon-box .coupon-list .coupon-note .coupon-note-text {
    font-size: 12px;
    color: #888
}

.activity-coupon-box .coupon-list.hide {
    display: none
}

.m-header .grid {
    max-width: 1480px;
    min-width: 768px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    *zoom:1;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.m-header .m-related-keywords-wrap {
    opacity: 0;
    pointer-events: none
}

.m-header .pad-header-menu-top {
    display: none
}

.detail-top-bar .sr-QPWords-cont .sr-QPWords-item {
    margin-bottom: 20px;
    font-size: 12px
}

.detail-top-bar .sr-QPWords-cont .sr-QPWords-item a {
    color: #555
}

.detail-top-bar .sr-QPWords-cont .sr-QPWords-item a:last-child {
    color: #888
}

.sr-button {
    display: block;
    cursor: pointer;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #ea4259;
    background: #ffe5e5;
    border: 1px solid #e54545;
    border-radius: 3px;
    padding: 6px 0;
    margin-top: 20px
}

.sr-layout-extra .sr-fixed,.sr-layout-extra .sr-fix-hideContact {
    z-index: 2;
    width: 340px
}

.sr-layout-main .com-infos {
    display: none
}

@media only screen and (max-width: 1024px) {
    .sr-layout-extra .sr-fixed,.sr-layout-extra .sr-fix-hideContact {
        width:300px
    }
}

.question .qa-info-list {
    z-index: 1
}

.detail-tab .com-block-tab {
    z-index: 3
}

.detail-top-bar .sr-QPWords-cont .sr-QPWords-item a:hover {
    color: var(--background-1)
}

.m-header .m-header-menu-app .m-header-app-popup {
    box-sizing: content-box;
    right: -4px
}

.m-header .m-search-bar .m-search-select .m-search-option:last-child {
    display: none
}

body .sr-container {
    padding-top: 10px;
    background: #fff
}

body .sr-container .detail-top-bar .sr-QPWords-cont .sr-QPWords-item {
    margin-bottom: 14px
}

.ft-tooltip--3Ttm8 {
    padding: 10px
}

.ft-tooltip--3Ttm8 .gold-content {
    width: 265px
}

@media only screen and (max-width: 1280px) {
    .ft-tooltip--3Ttm8 .gold-content {
        width:225px;
        font-size: 12px
    }
}

.ft-tooltip--3Ttm8 .txt-year {
    color: #d5514c
}

.ft-tooltip--3Ttm8 .tip-para {
    margin: 0
}

.ft-tooltip--3Ttm8 .tip-con {
    margin-bottom: 5px
}

.ft-tooltip--3Ttm8 .points-wrap {
    display: flex;
    align-items: center
}

.ft-tooltip--3Ttm8 .points-wrap .bar-content {
    width: 120px;
    height: 5px;
    background: #d9d9d9;
    margin-right: 5px;
    border-radius: 21px
}

.ft-tooltip--3Ttm8 .points-wrap .gold-bar {
    width: 96px;
    height: 5px;
    background: #ff9500;
    border-radius: 21px
}

.ft-tooltip--3Ttm8 .points-wrap .zuanshi-bar {
    width: 120px;
    height: 5px;
    background: #ff9500;
    border-radius: 21px
}

.ft-tooltip--3Ttm8 .points-wrap .points {
    font-size: 14px;
    line-height: 21px
}

.question .page-dis {
    box-shadow: none;
    color: #888;
    background: #f2f2f2;
    border-color: #e6e6e6;
    cursor: default
}

.question .page-dis:hover {
    box-shadow: none;
    color: #888;
    background: #f2f2f2;
    border-color: #e6e6e6;
    cursor: default
}

.question .qa-info-list {
    position: relative
}

.question .qa-info-list .qa-loading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: .8;
    background: url("https://www.micstatic.com/common/img/icon/loading_7f7462d1.gif") no-repeat center #fff
}

.question .qa-item {
    border-bottom: 1px solid #e6ecf2;
    padding: 0 29px
}

.question .qa-icon {
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    font-style: normal
}

.question .qa-label {
    float: left;
    margin-right: 15px
}

.question .qa-time {
    float: right;
    line-height: 27px;
    margin-left: 30px;
    font-size: 14px;
    color: #888
}

.question .qa-area {
    overflow: hidden;
    margin-left: 35px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap
}

.question .qa-q {
    overflow: hidden;
    margin-bottom: 15px
}

.question .qa-q .qa-icon {
    border: 1px solid var(--background-1);
    color: var(--background-1);
    margin-top: 3px
}

.question .qa-q .qa-area {
    font-size: 18px;
    font-weight: bold
}

.question .qa-a .qa-icon {
    border: 1px solid #1470cc;
    color: #1470cc
}

.question .qa-a .qa-area {
    font-size: 14px;
    color: #555
}

.question .qa-helpful {
    padding: 15px 0 20px 35px
}

.question .qa-cont {
    padding: 30px 0;
    overflow: hidden;
    border-bottom: 1px solid #e6ecf2;
    width: 100%
}

.question .helpful-info {
    margin-right: 30px;
    color: #7a7a7a
}

.question .helpful-item {
    margin-right: 20px;
    cursor: pointer;
    color: #7a7a7a
}

.question .helpful-item .ob-icon {
    color: #1470cc;
    vertical-align: -2px;
    margin-right: 2px
}

.question .helpful-item.selected .ob-icon {
    color: var(--background-1)
}

.question .helpful-yes .help-ico,.question .helpful-no .help-ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    margin-right: 2px
}

.question .helpful-yes .help-ico {
    background: url("https://www.micstatic.com/landing/www/product/img/qa/helpful-yes-d_51089e7d.png") no-repeat center
}

.question .helpful-no .help-ico {
    background: url("https://www.micstatic.com/landing/www/product/img/qa/helpful-no-d_447179ce.png") no-repeat center
}

.question .helpful-yes.selected {
    font-weight: bold;
    color: #222
}

.question .helpful-yes.selected .help-ico {
    background: url("https://www.micstatic.com/landing/www/product/img/qa/helpful-yes_6498a8b5.png") no-repeat center
}

.question .helpful-no.selected {
    font-weight: bold;
    color: #222
}

.question .helpful-no.selected .help-ico {
    background: url("https://www.micstatic.com/landing/www/product/img/qa/helpful-no_341ae481.png") no-repeat center
}

.question .qa-form {
    padding: 30px 29px
}

.question .qa-wran-top {
    position: relative;
    white-space: nowrap;
    display: none
}

.question .qa-wran-top .tip {
    top: 12px;
    left: 0;
    z-index: 1
}

.question .qa-form-area {
    width: 100%;
    box-sizing: border-box
}

.question .qa-form-area:hover+.qa-wran-top {
    display: block
}

.question .qa-form-tip {
    padding-top: 5px;
    color: #888
}

.question .qa-form-btn {
    font-size: 14px;
    margin-top: 10px
}

.question .qa-form-btn:hover+.qa-wran-top {
    display: block
}

.question .qa-form-history {
    position: relative
}

.question .qa-history-wrap {
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -1px;
    min-width: 100%;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0,33,66,.1);
    z-index: 66
}

.question .qa-history-list {
    overflow: auto;
    max-height: 300px;
    padding: 5px 0;
    min-width: 100%
}

.question .qa-history-lable {
    padding: 5px 10px;
    color: #888
}

.question .qa-history-item {
    padding: 5px 10px;
    color: #555;
    display: block;
    word-wrap: break-word;
    text-decoration: none;
    cursor: pointer
}

.question .qa-history-item:hover {
    color: #555;
    background: #e6ecf2
}

.question .pager {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 30px
}

.question .page-num .icon {
    font-family: "Mic-icon";
    display: inline-block;
    vertical-align: middle
}

.question .page-num strong {
    display: inline-block;
    padding: 0 5px
}

.question .qa-empty {
    padding: 30px 29px;
    color: #555
}

.question .qa-empty .empty-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #222
}

.question .qa-info-title {
    margin-left: 30px
}

.sr-comshow-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none
}

.sr-comshow-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .65;
    filter: alpha(opacity=65)
}

.sr-comshow-wrap {
    position: absolute;
    width: 700px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 199;
    background: #fff;
    height: 600px
}

.sr-comshow-wrap.wrap-min {
    height: 560px
}

.sr-comshow-wrap.wrap-min .sr-comshow-cnt {
    height: 560px
}

.sr-comshow-wrap.wrap-min .sr-comshow-item {
    height: 520px
}

.sr-comshow-cnt-wrap {
    overflow-x: hidden;
    overflow-y: auto
}

.sr-comshow-cnt {
    padding: 20px 0;
    height: 600px;
    overflow: hidden
}

.sr-comshow-close {
    position: absolute;
    width: 45px;
    height: 50px;
    background: #737373;
    color: #fff;
    right: -45px;
    top: 0;
    cursor: pointer;
    text-align: center;
    line-height: 50px
}

@media only screen and (min-width: 769px) {
    .sr-comshow-close:hover {
        background:#4c4c4c
    }
}

.sr-comshow-close .ob-icon {
    font-size: 24px
}

.sr-comshow-btn {
    width: 35px;
    height: 60px;
    line-height: 60px;
    background: rgba(0,0,0,.5);
    color: #fff;
    position: absolute;
    top: 260px;
    cursor: pointer;
    text-align: center;
    z-index: 200
}

@media only screen and (min-width: 769px) {
    .sr-comshow-btn:hover {
        background:rgba(0,0,0,.8)
    }
}

.sr-comshow-btn .ob-icon {
    font-size: 24px;
    margin-top: 2px
}

.sr-comshow-btn.btn-left {
    left: 0
}

.sr-comshow-btn.btn-right {
    right: 0
}

.sr-comshow-btn.swiper-button-disabled {
    background: rgba(0,0,0,.2);
    cursor: default
}

@media only screen and (min-width: 769px) {
    .sr-comshow-btn.swiper-button-disabled:hover {
        background:rgba(0,0,0,.2)
    }
}

.sr-comshow-list {
    display: flex;
    display: -webkit-flex
}

.sr-comshow-item {
    height: 560px;
    overflow-y: auto;
    padding: 0 50px
}

.sr-comshow-item .item-title {
    margin: 15px 0;
    position: relative
}

.sr-comshow-item .item-title .title-txt {
    font-weight: bold;
    font-size: 14px;
    padding-right: 130px
}

.sr-comshow-item .item-title .title-date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    width: 100px;
    text-align: right
}

.sr-comshow-item .item-pic {
    position: relative;
    width: 600px;
    height: 400px;
    border: 1px solid #e6ecf2;
    overflow: hidden
}

.sr-comshow-item .item-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.sr-comshow-item .item-cnt {
    margin: 20px 0 0 0;
    color: #555;
    font-size: 14px
}

.sr-comshow-loading {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 199;
    background: #fff url("https://www.micstatic.com/common/img/loading_e7ad1158.gif") no-repeat center;
    background-size: 100%
}

.live-widget {
    padding: 10px;
    width: 214px;
    border-radius: 5px;
    overflow: hidden;
    right: 20px;
    top: auto;
    position: fixed;
    z-index: 100;
    box-sizing: border-box;
    box-shadow: 0px 2px 15px rgba(0,0,0,.15);
    background: linear-gradient(45deg, #FFECEC 51.62%, #FFD0D0 100%)
}

.live-widget:hover {
    filter: brightness(98%)
}

.live-widget.replay {
    background: linear-gradient(38.54deg, #E9F0FF 48.89%, #D0E0FF 114.36%)
}

.live-widget .live-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.live-widget .live-content {
    margin-bottom: 10px
}

.live-widget .live-state {
    padding: 0px 5px;
    background: var(--background-1);
    border-radius: 5px;
    font-size: 0;
    display: inline-flex;
    align-items: center
}

.live-widget .live-state .live-icon {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px
}

.live-widget .live-state .live-icon svg {
    position: absolute;
    top: 0;
    left: 0
}

.live-widget .live-state span {
    color: #fff;
    font-size: 14px
}

.live-widget .live-replay {
    display: inline-block;
    color: #fff;
    padding: 0 5px;
    height: 21px;
    line-height: 21px;
    background-color: #1470cc;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 3px
}

.live-widget .live-replay .icon-play {
    margin-right: 5px;
    font-size: 14px
}

.live-widget .live-close .icon-delete {
    color: #888;
    font-size: 20px
}

.live-widget .live-close .icon-delete:hover {
    color: rgba(136,136,136,.7)
}

.live-widget .live-player {
    position: relative;
    width: 194px;
    height: 194px;
    border-radius: 5px;
    display: block
}

.live-widget .live-player video {
    -o-object-fit: cover;
    object-fit: cover
}

.live-widget .live-player .vcp-bigplay {
    display: none
}

.live-widget .live-player .live-pic {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.live-widget .live-tag {
    display: inline-block;
    height: 22px;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 20px;
    font-size: 12px;
    border: 1px solid transparent;
    border-radius: 3px
}

.live-widget .live-tag.tag-blue {
    border-color: #3d85cc;
    color: #3d85cc
}

.live-widget .live-tag.tag-red {
    border-color: #f25555;
    color: #f25555
}

.live-widget .icon-deduct,.live-widget .icon-add {
    background: #ced3d9;
    padding: 4px;
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    font-size: 12px
}

.mini-live {
    padding: 10px 16px 7px;
    border-radius: 5px;
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,.15);
    background: #fff;
    position: fixed;
    right: 20px;
    top: auto;
    cursor: pointer;
    display: none;
    box-sizing: border-box
}

.mini-live:hover .mini-top-option .option-close {
    display: block
}

.mini-live .mini-top-option {
    position: relative;
    width: 100%
}

.mini-live .mini-top-option .option-close {
    position: absolute;
    left: -16px;
    top: -12px;
    display: none
}

.mini-live .mini-content-option {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mini-live .mini-content-option.kind-live .mini-content-top {
    background: #e54645
}

.mini-live .mini-content-option.kind-replay .mini-content-top {
    background: #1359c1
}

.mini-live .mini-content-option .mini-content-top {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center
}

.mini-live .mini-content-option .mini-content-top .icon-video-camera {
    font-size: 24px;
    line-height: 48px;
    color: #fff
}

.mini-live .mini-content-option .mini-content-bottom .live-replay,.mini-live .mini-content-option .mini-content-bottom .live-live {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-top: 3px;
    direction: ltr
}

.mini-live .mini-content-option .mini-content-bottom .icon-play {
    margin-right: 6px;
    color: #1359c1;
    font-size: 14px
}

.mini-live .mini-content-option .mini-content-bottom .live-live .live-dot {
    width: 5px;
    height: 5px;
    background: #e54645;
    border-radius: 50%;
    margin-right: 8px
}

.live-widget,.mini-live {
    bottom: 135px;
    z-index: 10
}

.flag {
    width: 21px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    position: relative
}

.flag:before {
    content: "";
    display: block;
    background: url(https://www.micstatic.com/common/img/icon/ft-flags_ad78b862.jpg?t=20221027) no-repeat;
    position: absolute;
    width: 42px;
    height: 28px;
    transform: scale(0.5);
    top: -6px;
    left: -10px;
    box-shadow: 0 0 3px rgba(0,0,0,.2)
}

.flag.flag-af:before {
    background-position: 0 0
}

.flag.flag-ax:before {
    background-position: -44px 0
}

.flag.flag-al:before {
    background-position: -88px 0
}

.flag.flag-dz:before {
    background-position: -132px 0
}

.flag.flag-as:before {
    background-position: -176px 0
}

.flag.flag-ad:before {
    background-position: -220px 0
}

.flag.flag-ao:before {
    background-position: -264px 0
}

.flag.flag-ai:before {
    background-position: -308px 0
}

.flag.flag-ag:before {
    background-position: -352px 0
}

.flag.flag-ar:before {
    background-position: -396px 0
}

.flag.flag-am:before {
    background-position: -440px 0
}

.flag.flag-aw:before {
    background-position: -484px 0
}

.flag.flag-au:before {
    background-position: -528px 0
}

.flag.flag-at:before {
    background-position: -572px 0
}

.flag.flag-az:before {
    background-position: -616px 0
}

.flag.flag-bs:before {
    background-position: 0 -30px
}

.flag.flag-bh:before {
    background-position: -44px -30px
}

.flag.flag-bd:before {
    background-position: -88px -30px
}

.flag.flag-bb:before {
    background-position: -132px -30px
}

.flag.flag-by:before {
    background-position: -176px -30px
}

.flag.flag-be:before {
    background-position: -220px -30px
}

.flag.flag-bz:before {
    background-position: -264px -30px
}

.flag.flag-bj:before {
    background-position: -308px -30px
}

.flag.flag-bm:before {
    background-position: -352px -30px
}

.flag.flag-bt:before {
    background-position: -396px -30px
}

.flag.flag-bo:before {
    background-position: -440px -30px
}

.flag.flag-ba:before {
    background-position: -484px -30px
}

.flag.flag-bw:before {
    background-position: -528px -30px
}

.flag.flag-bv:before {
    background-position: -572px -30px
}

.flag.flag-br:before {
    background-position: -616px -30px
}

.flag.flag-io:before {
    background-position: 0 -60px
}

.flag.flag-bn:before {
    background-position: -44px -60px
}

.flag.flag-bg:before {
    background-position: -88px -60px
}

.flag.flag-bf:before {
    background-position: -132px -60px
}

.flag.flag-bi:before {
    background-position: -176px -60px
}

.flag.flag-kh:before {
    background-position: -220px -60px
}

.flag.flag-cm:before {
    background-position: -264px -60px
}

.flag.flag-ca:before {
    background-position: -308px -60px
}

.flag.flag-es:before {
    background-position: -352px -60px
}

.flag.flag-cv:before {
    background-position: -396px -60px
}

.flag.flag-ky:before {
    background-position: -440px -60px
}

.flag.flag-cf:before {
    background-position: -484px -60px
}

.flag.flag-td:before {
    background-position: -528px -60px
}

.flag.flag-cl:before {
    background-position: -572px -60px
}

.flag.flag-cn:before {
    background-position: -616px -60px
}

.flag.flag-cx:before {
    background-position: 0 -90px
}

.flag.flag-cc:before {
    background-position: -44px -90px
}

.flag.flag-co:before {
    background-position: -88px -90px
}

.flag.flag-km:before {
    background-position: -132px -90px
}

.flag.flag-cg:before {
    background-position: -176px -90px
}

.flag.flag-ck:before {
    background-position: -220px -90px
}

.flag.flag-cr:before {
    background-position: -264px -90px
}

.flag.flag-ci:before {
    background-position: -308px -90px
}

.flag.flag-hr:before {
    background-position: -352px -90px
}

.flag.flag-cu:before {
    background-position: -396px -90px
}

.flag.flag-cw:before {
    background-position: -440px -90px
}

.flag.flag-cy:before {
    background-position: -484px -90px
}

.flag.flag-cz:before {
    background-position: -528px -90px
}

.flag.flag-dk:before {
    background-position: -572px -90px
}

.flag.flag-dj:before {
    background-position: -616px -90px
}

.flag.flag-dm:before {
    background-position: 0 -120px
}

.flag.flag-do:before {
    background-position: -44px -120px
}

.flag.flag-tl:before {
    background-position: -88px -120px
}

.flag.flag-ec:before {
    background-position: -132px -120px
}

.flag.flag-eg:before {
    background-position: -176px -120px
}

.flag.flag-sv:before {
    background-position: -220px -120px
}

.flag.flag-gq:before {
    background-position: -264px -120px
}

.flag.flag-er:before {
    background-position: -308px -120px
}

.flag.flag-ee:before {
    background-position: -352px -120px
}

.flag.flag-et:before {
    background-position: -396px -120px
}

.flag.flag-fk:before {
    background-position: -440px -120px
}

.flag.flag-fo:before {
    background-position: -484px -120px
}

.flag.flag-fj:before {
    background-position: -528px -120px
}

.flag.flag-fi:before {
    background-position: -572px -120px
}

.flag.flag-fr:before {
    background-position: -616px -120px
}

.flag.flag-gf:before {
    background-position: 0 -150px
}

.flag.flag-pf:before {
    background-position: -44px -150px
}

.flag.flag-tf:before {
    background-position: -88px -150px
}

.flag.flag-ga:before {
    background-position: -132px -150px
}

.flag.flag-gm:before {
    background-position: -176px -150px
}

.flag.flag-ge:before {
    background-position: -220px -150px
}

.flag.flag-de:before {
    background-position: -264px -150px
}

.flag.flag-gh:before {
    background-position: -308px -150px
}

.flag.flag-gi:before {
    background-position: -352px -150px
}

.flag.flag-gr:before {
    background-position: -396px -150px
}

.flag.flag-gl:before {
    background-position: -440px -150px
}

.flag.flag-gd:before {
    background-position: -484px -150px
}

.flag.flag-gp:before {
    background-position: -528px -150px
}

.flag.flag-gu:before {
    background-position: -572px -150px
}

.flag.flag-gt:before {
    background-position: -616px -150px
}

.flag.flag-gg:before {
    background-position: 0 -180px
}

.flag.flag-gn:before {
    background-position: -44px -180px
}

.flag.flag-gw:before {
    background-position: -88px -180px
}

.flag.flag-gy:before {
    background-position: -132px -180px
}

.flag.flag-ht:before {
    background-position: -176px -180px
}

.flag.flag-hm:before {
    background-position: -220px -180px
}

.flag.flag-hn:before {
    background-position: -264px -180px
}

.flag.flag-hk:before {
    background-position: -308px -180px
}

.flag.flag-hu:before {
    background-position: -352px -180px
}

.flag.flag-is:before {
    background-position: -396px -180px
}

.flag.flag-in:before {
    background-position: -440px -180px
}

.flag.flag-id:before {
    background-position: -484px -180px
}

.flag.flag-ir:before {
    background-position: -528px -180px
}

.flag.flag-iq:before {
    background-position: -572px -180px
}

.flag.flag-ie:before {
    background-position: -616px -180px
}

.flag.flag-im:before {
    background-position: 0 -210px
}

.flag.flag-il:before {
    background-position: -44px -210px
}

.flag.flag-it:before {
    background-position: -88px -210px
}

.flag.flag-jm:before {
    background-position: -132px -210px
}

.flag.flag-jp:before {
    background-position: -176px -210px
}

.flag.flag-je:before {
    background-position: -220px -210px
}

.flag.flag-jo:before {
    background-position: -264px -210px
}

.flag.flag-kz:before {
    background-position: -308px -210px
}

.flag.flag-ke:before {
    background-position: -352px -210px
}

.flag.flag-ki:before {
    background-position: -396px -210px
}

.flag.flag-kw:before {
    background-position: -440px -210px
}

.flag.flag-kg:before {
    background-position: -484px -210px
}

.flag.flag-la:before {
    background-position: -528px -210px
}

.flag.flag-lv:before {
    background-position: -572px -210px
}

.flag.flag-lb:before {
    background-position: -616px -210px
}

.flag.flag-ls:before {
    background-position: 0 -240px
}

.flag.flag-lr:before {
    background-position: -44px -240px
}

.flag.flag-ly:before {
    background-position: -88px -240px
}

.flag.flag-li:before {
    background-position: -132px -240px
}

.flag.flag-lt:before {
    background-position: -176px -240px
}

.flag.flag-lu:before {
    background-position: -220px -240px
}

.flag.flag-mo:before {
    background-position: -264px -240px
}

.flag.flag-mk:before {
    background-position: -308px -240px
}

.flag.flag-mg:before {
    background-position: -352px -240px
}

.flag.flag-mw:before {
    background-position: -396px -240px
}

.flag.flag-my:before {
    background-position: -440px -240px
}

.flag.flag-mv:before {
    background-position: -484px -240px
}

.flag.flag-ml:before {
    background-position: -528px -240px
}

.flag.flag-mt:before {
    background-position: -572px -240px
}

.flag.flag-mh:before {
    background-position: -616px -240px
}

.flag.flag-mq:before {
    background-position: 0 -270px
}

.flag.flag-mr:before {
    background-position: -44px -270px
}

.flag.flag-mu:before {
    background-position: -88px -270px
}

.flag.flag-yt:before {
    background-position: -132px -270px
}

.flag.flag-mx:before {
    background-position: -176px -270px
}

.flag.flag-fm:before {
    background-position: -220px -270px
}

.flag.flag-md:before {
    background-position: -264px -270px
}

.flag.flag-mc:before {
    background-position: -308px -270px
}

.flag.flag-mn:before {
    background-position: -352px -270px
}

.flag.flag-me:before {
    background-position: -396px -270px
}

.flag.flag-ms:before {
    background-position: -440px -270px
}

.flag.flag-ma:before {
    background-position: -484px -270px
}

.flag.flag-mz:before {
    background-position: -528px -270px
}

.flag.flag-mm:before {
    background-position: -572px -270px
}

.flag.flag-na:before {
    background-position: -616px -270px
}

.flag.flag-nr:before {
    background-position: 0 -300px
}

.flag.flag-np:before {
    background-position: -44px -300px
}

.flag.flag-nl:before {
    background-position: -88px -300px
}

.flag.flag-an:before {
    background-position: -132px -300px
}

.flag.flag-nc:before {
    background-position: -176px -300px
}

.flag.flag-nz:before {
    background-position: -220px -300px
}

.flag.flag-ni:before {
    background-position: -264px -300px
}

.flag.flag-ne:before {
    background-position: -308px -300px
}

.flag.flag-ng:before {
    background-position: -352px -300px
}

.flag.flag-nu:before {
    background-position: -396px -300px
}

.flag.flag-nf:before {
    background-position: -440px -300px
}

.flag.flag-kp:before {
    background-position: -484px -300px
}

.flag.flag-mp:before {
    background-position: -528px -300px
}

.flag.flag-no:before {
    background-position: -572px -300px
}

.flag.flag-om:before {
    background-position: -616px -300px
}

.flag.flag-pk:before {
    background-position: 0 -330px
}

.flag.flag-pw:before {
    background-position: -44px -330px
}

.flag.flag-ps:before {
    background-position: -88px -330px
}

.flag.flag-pa:before {
    background-position: -132px -330px
}

.flag.flag-pg:before {
    background-position: -176px -330px
}

.flag.flag-py:before {
    background-position: -220px -330px
}

.flag.flag-pe:before {
    background-position: -264px -330px
}

.flag.flag-ph:before {
    background-position: -308px -330px
}

.flag.flag-pn:before {
    background-position: -352px -330px
}

.flag.flag-pl:before {
    background-position: -396px -330px
}

.flag.flag-pt:before {
    background-position: -440px -330px
}

.flag.flag-pr:before {
    background-position: -484px -330px
}

.flag.flag-qa:before {
    background-position: -528px -330px
}

.flag.flag-re:before {
    background-position: -572px -330px
}

.flag.flag-ro:before {
    background-position: -616px -330px
}

.flag.flag-ru:before {
    background-position: 0 -360px
}

.flag.flag-rw:before {
    background-position: -44px -360px
}

.flag.flag-bl:before {
    background-position: -88px -360px
}

.flag.flag-mf:before {
    background-position: -132px -360px
}

.flag.flag-ws:before {
    background-position: -176px -360px
}

.flag.flag-sm:before {
    background-position: -220px -360px
}

.flag.flag-st:before {
    background-position: -264px -360px
}

.flag.flag-sa:before {
    background-position: -308px -360px
}

.flag.flag-sn:before {
    background-position: -352px -360px
}

.flag.flag-rs:before {
    background-position: -396px -360px
}

.flag.flag-rs:before {
    background-position: -440px -360px
}

.flag.flag-sc:before {
    background-position: -484px -360px
}

.flag.flag-sl:before {
    background-position: -528px -360px
}

.flag.flag-sg:before {
    background-position: -572px -360px
}

.flag.flag-sx:before {
    background-position: -616px -360px
}

.flag.flag-sk:before {
    background-position: 0 -390px
}

.flag.flag-si:before {
    background-position: -44px -390px
}

.flag.flag-sb:before {
    background-position: -88px -390px
}

.flag.flag-so:before {
    background-position: -132px -390px
}

.flag.flag-za:before {
    background-position: -176px -390px
}

.flag.flag-gs:before {
    background-position: -220px -390px
}

.flag.flag-kr:before {
    background-position: -264px -390px
}

.flag.flag-ss:before {
    background-position: -308px -390px
}

.flag.flag-es:before {
    background-position: -352px -390px
}

.flag.flag-lk:before {
    background-position: -396px -390px
}

.flag.flag-sh:before {
    background-position: -440px -390px
}

.flag.flag-kn:before {
    background-position: -484px -390px
}

.flag.flag-lc:before {
    background-position: -528px -390px
}

.flag.flag-pm:before {
    background-position: -572px -390px
}

.flag.flag-vc:before {
    background-position: -616px -390px
}

.flag.flag-sd:before {
    background-position: 0 -420px
}

.flag.flag-sr:before {
    background-position: -44px -420px
}

.flag.flag-sj:before {
    background-position: -88px -420px
}

.flag.flag-sz:before {
    background-position: -132px -420px
}

.flag.flag-se:before {
    background-position: -176px -420px
}

.flag.flag-ch:before {
    background-position: -220px -420px
}

.flag.flag-sy:before {
    background-position: -264px -420px
}

.flag.flag-tw:before {
    background-position: -308px -420px
}

.flag.flag-tj:before {
    background-position: -352px -420px
}

.flag.flag-tz:before {
    background-position: -396px -420px
}

.flag.flag-th:before {
    background-position: -440px -420px
}

.flag.flag-tg:before {
    background-position: -484px -420px
}

.flag.flag-tk:before {
    background-position: -528px -420px
}

.flag.flag-to:before {
    background-position: -572px -420px
}

.flag.flag-tt:before {
    background-position: -616px -420px
}

.flag.flag-tn:before {
    background-position: 0 -450px
}

.flag.flag-tr:before {
    background-position: -44px -450px
}

.flag.flag-tm:before {
    background-position: -88px -450px
}

.flag.flag-tc:before {
    background-position: -132px -450px
}

.flag.flag-tv:before {
    background-position: -176px -450px
}

.flag.flag-ug:before {
    background-position: -220px -450px
}

.flag.flag-ua:before {
    background-position: -264px -450px
}

.flag.flag-ae:before {
    background-position: -308px -450px
}

.flag.flag-gb:before {
    background-position: -352px -450px
}

.flag.flag-us:before {
    background-position: -396px -450px
}

.flag.flag-um:before {
    background-position: -440px -450px
}

.flag.flag-uy:before {
    background-position: -484px -450px
}

.flag.flag-uz:before {
    background-position: -528px -450px
}

.flag.flag-vu:before {
    background-position: -572px -450px
}

.flag.flag-va:before {
    background-position: -616px -450px
}

.flag.flag-ve:before {
    background-position: 0 -480px
}

.flag.flag-vn:before {
    background-position: -44px -480px
}

.flag.flag-vg:before {
    background-position: -88px -480px
}

.flag.flag-vi:before {
    background-position: -132px -480px
}

.flag.flag-wf:before {
    background-position: -176px -480px
}

.flag.flag-eh:before {
    background-position: -220px -480px
}

.flag.flag-ye:before {
    background-position: -264px -480px
}

.flag.flag-zr:before {
    background-position: -308px -480px
}

.flag.flag-zm:before {
    background-position: -352px -480px
}

.flag.flag-zw:before {
    background-position: -396px -480px
}

.flag.flag-unknown:before,.flag.flag-undefined:before {
    background: url(https://www.micstatic.com/common/img/icon/flag-unknown_8c7634c7.png) no-repeat
}

.ft-dialog {
    max-width: 1000px !important
}

.freight-line {
    color: #888;
    margin: 0 5px
}

.freight-tips {
    position: relative
}

.freight-tips:hover .tips {
    display: block;
    position: absolute;
    left: -21px;
    top: 30px
}

.freight-tips .tips {
    display: none
}

.freight-icon-calendar {
    font-size: 12px;
    font-family: Roboto;
    color: #1470cc;
    cursor: pointer;
    white-space: nowrap
}

.freight-icon-calendar i {
    font-size: 12px !important
}

.freight-icon-calendar span {
    display: inline-block;
    margin-left: 5px
}

.freight-icon-calendar:hover {
    color: var(--background-1);
    text-decoration: none
}

.sr-txt-title {
    margin-bottom: 20px
}

.bsc-info .sr-layout-subblock {
    border-bottom: 0 none;
    padding-top: 0
}

.basic-info-list {
    display: flex;
    flex-direction: row;
    flex-flow: wrap
}

.basic-info-list .bsc-item {
    float: left;
    width: calc(50% - 10px);
    font-size: 14px;
    color: #555;
    margin-bottom: -1px;
    display: flex
}

.basic-info-list .bsc-item:nth-child(odd) {
    margin-right: 20px
}

.basic-info-list .bsc-item .bac-item-label {
    border: 1px solid #e9eef4;
    color: #222;
    width: 50%;
    word-break: break-word;
    border-right: none;
    background: #f8fafc;
    padding: 5px 20px;
    display: flex;
    align-items: center
}

.basic-info-list .bsc-item .bac-item-value {
    border: 1px solid #e9eef4;
    color: #666;
    width: 50%;
    word-break: break-word;
    padding: 5px 20px;
    display: flex;
    align-items: center
}

.basic-info-list .bsc-item.full {
    width: 100%
}

.basic-info-list .bsc-item.full:nth-child(odd) {
    margin-right: 0
}

.basic-info-list .bsc-item.full .bac-item-label {
    width: calc(25% - 5px)
}

.basic-info-list .bsc-item.full .bac-item-value {
    width: calc(75% + 5px)
}

.rich-text {
    font-size: 14px
}

.rich-text img {
    max-width: 100%
}

.detail-top-bar {
    *zoom:1}

.detail-top-bar:before,.detail-top-bar:after {
    content: "";
    display: table
}

.detail-top-bar:after {
    clear: both
}

.detail-top-bar .detail-print {
    font-size: 14px;
    color: #555;
    float: right
}

.detail-top-bar .detail-print a {
    color: #555
}

@media only screen and (min-width: 769px) {
    .detail-top-bar .detail-print a:hover {
        color:var(--background-1)
    }
}

.detail-top-bar .detail-print i {
    margin-right: 5px
}

.detail-tip {
    margin-bottom: 15px
}

.detail-tip .alert-con {
    width: 100%
}

.detail-tip img {
    vertical-align: middle
}

.preview-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0)
}

.th-label {
    word-break: break-word
}

.sr-proMainInfo-slide-pic {
    padding-top: 0
}

.sr-prMainInfo-slide-inner {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    overflow: hidden
}

.sr-proMainInfo-baseInfo-name {
    margin-bottom: 10px;
    word-break: break-word
}

.baseInfo-price-related .activity-countdown-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
    height: 50px;
    background: transparent center left no-repeat;
    background-size: cover
}

.baseInfo-price-related .activity-countdown-box .countdown-title {
    margin-bottom: 4;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.baseInfo-price-related .activity-countdown-box .countdown-list {
    display: flex
}

.baseInfo-price-related .activity-countdown-box .countdown-item {
    position: relative;
    margin-right: 16px;
    padding-right: 1px;
    width: 20px;
    border-radius: 3px;
    background: #222;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.baseInfo-price-related .activity-countdown-box .countdown-item::after {
    position: absolute;
    top: 0;
    right: -13px;
    width: 10px
}

.baseInfo-price-related .activity-countdown-box .countdown-item.countdown-day::after {
    content: "D"
}

.baseInfo-price-related .activity-countdown-box .countdown-item.countdown-hour::after {
    content: "H"
}

.baseInfo-price-related .activity-countdown-box .countdown-item.countdown-min::after {
    content: "M"
}

.baseInfo-price-related .inquiry-tools {
    padding: 10px;
    padding-top: 5px;
    background: #fff
}

.baseInfo-price-related .inquiry-tools .sr-proMainInfo-baseInfo-propertyGetPrice {
    margin-bottom: 0
}

.baseInfo-price-related .sr-proMainInfo-baseInfo-propertyPrice {
    margin-bottom: 0
}

.baseInfo-price-related .sr-proMainInfo-baseInfo-propertyPrice table {
    background: transparent
}

.baseInfo-price-related .sr-proMainInfo-baseInfo-propertyPrice td {
    padding: 0 10px
}

.baseInfo-price-related.activity {
    background: #f6f9ff
}

.baseInfo-price-related.activity .inquiry-tools {
    padding-top: 10px;
    padding-bottom: 5px;
    background: transparent
}

.deal-icon {
    margin-right: 5px;
    width: 20px;
    vertical-align: middle
}

.detail-extra .sr-side-proGroup-list li.selected {
    background: none
}

.detail-extra .sr-side-proGroup-list li.selected:hover {
    background: #e6ecf2
}

.play-video-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 12
}

.play-video-btn img {
    max-width: 100%;
    max-height: 100%
}

.video-cnt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11
}

.video-cnt .video-main {
    width: 100%;
    height: 100%
}

.com-block-tab {
    background: #f5f7fa;
    margin: 0;
    height: 41px
}

.com-block-tab .tab-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 41px;
    float: left;
    padding: 0 50px 0;
    color: #555;
    cursor: pointer;
    font-size: 16px;
    position: relative
}

.com-block-tab .tab-item h3 {
    font-weight: normal
}

@media only screen and (min-width: 769px) {
    .com-block-tab .tab-item:hover {
        text-decoration:none
    }
}

.com-block-tab .tab-item.current {
    color: #222;
    background: #fff;
    border-top: 3px solid var(--background-1);
    font-weight: bold
}

.com-block-tab .tab-item.current h3 {
    font-weight: bold
}

.com-block-tab .tab-item:first-child {
    border-left: 0
}

.com-block-tab .tab-item .tip.tip-qa {
    display: none;
    top: -30px;
    font-weight: normal;
    background: var(--background-1);
    color: #fff;
    border: none
}

.com-block-tab .tab-item .tip.tip-qa .arrow-out {
    left: 85px
}

.com-block-tab .tab-item .tip.tip-qa .arrow-in {
    border-top-color: var(--background-1)
}

@media only screen and (max-width: 1280px) {
    .question .question .qa-item {
        padding:0 20px
    }

    .question .question .qa-form {
        padding: 20px
    }

    .question .qa-empty {
        padding: 20px
    }

    .question .qa-info-title {
        margin-left: 20px
    }
}

.detail-tab {
    padding: 0;
    border-bottom: 0
}

.detail-tab-item {
    padding: 0;
    width: 100%;
    border-bottom: 0;
    overflow: hidden
}

.detail-desc {
    padding: 30px 29px
}

@media only screen and (max-width: 1280px) {
    .detail-desc {
        padding:20px
    }
}

.help-tips {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: middle;
    *display: inline;
    *zoom:1;cursor: pointer;
    vertical-align: middle;
    position: relative;
    font-weight: normal;
    color: #222
}

.help-tips .ob-icon {
    color: #2e8ae6
}

.help-tips .ft-icon {
    color: #2e8ae6
}

.help-tips .tips {
    position: absolute;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    background: #fff4bd;
    border: 1px solid #f3ca4f;
    display: none;
    top: -5px;
    left: 25px;
    min-width: 180px;
    *width: 180px;
    z-index: 110
}

.help-tips .tips .arrow-left {
    top: 5px
}

.help-tips .tips .arrow {
    position: absolute;
    zoom:1;width: 0px;
    height: 0px;
    line-height: 0;
    font-size: 0;
    border: 8px dashed transparent
}

.help-tips .tips-system {
    background: #dbe9ff;
    border: 1px solid #b4c9e7
}

.help-tips .tips-system .arrow-top {
    border-bottom: 8px solid #b4c9e7;
    left: 20px;
    top: -16px
}

.help-tips .tips-system .arrow-top .arrow-in {
    border-bottom: 8px solid #dbe9ff;
    margin: -7px 0 0 -8px
}

.help-tips .tips-system .arrow-right {
    border-left: 8px solid #b4c9e7;
    top: 20px;
    right: -16px;
    _right: -17px
}

.help-tips .tips-system .arrow-right .arrow-in {
    border-left: 8px solid #dbe9ff;
    margin: -8px 0 0 -9px
}

.help-tips .tips-system .arrow-bottom {
    border-top: 8px solid #b4c9e7;
    left: 20px;
    bottom: -16px
}

.help-tips .tips-system .arrow-bottom .arrow-in {
    border-top: 8px solid #dbe9ff;
    margin: -9px 0 0 -8px
}

.help-tips .tips-system .arrow-left {
    border-right: 8px solid #b4c9e7;
    top: 20px;
    left: -16px
}

.help-tips .tips-system .arrow-left .arrow-in {
    border-right: 8px solid #dbe9ff;
    margin: -8px 0 0 -7px
}

.help-tips .tips-con {
    cursor: default
}

.help-tips .tips-con p {
    margin: 5px 0
}

.est-price .help-tips {
    vertical-align: baseline
}

.est-price .help-tips .tips {
    left: -21px;
    top: 30px
}

.est-price .select {
    min-width: auto;
    margin-top: -2px;
    font-size: 14px;
    border: 0 none;
    white-space: nowrap
}

.est-price .select .select-selected {
    padding: 0;
    color: #1470cc
}

.est-price .select .select-list {
    left: -11px
}

.est-price .select .official-logistics .select-opt-text {
    position: relative;
    padding-right: 126px;
    cursor: pointer
}

.est-price .select .official-logistics .select-opt-text:after {
    content: "";
    display: block;
    width: 122px;
    height: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("https://www.micstatic.com/deals/img/vo/official-logistics-icon_8710906c.png") no-repeat scroll 0 0 transparent
}

.est-price .select .select-title .official-logistics .select-opt-text {
    padding-right: 0
}

.est-price .select .select-title .official-logistics .select-opt-text:after {
    display: none
}

.est-price .select .select-arrow {
    margin-top: -7px
}

.start-meeting {
    position: fixed;
    top: unset;
    bottom: 262px;
    z-index: 99;
    left: unset;
    right: 0;
    margin-left: 730px
}

@media screen and (max-width: 1600px) {
    a.start-meeting.pc-showroom-detail {
        left:auto;
        right: 0;
        display: block;
        width: 47px;
        height: 60px;
        background: rgba(0,0,0,.5);
        text-align: center;
        padding: 7px 0;
        box-sizing: border-box;
        color: #fff;
        border-radius: 3px;
        font-size: 12px;
        line-height: 12px
    }

    a.start-meeting.pc-showroom-detail .start-meeting-ico {
        display: block;
        width: 21px;
        height: 21px;
        border: 3px solid #e64445;
        border-radius: 3px;
        margin: 0 auto;
        margin-bottom: 3px
    }
}

.sr-side-contSupplier-startMeeting {
    margin-top: 5px
}

.sr-side-contSupplier-startMeeting .start-meeting {
    position: static;
    margin: 0
}

.sr-side-contSupplier-startMeeting .start-meeting.pc-search-list .start-meeting-ico {
    box-sizing: border-box;
    margin-right: 0;
    margin-top: -3px
}

.sr-QPWords-video {
    margin-top: 0
}

.catalogForm .hide {
    display: none
}

.catalogForm #faptcha_widget {
    position: relative;
    margin-right: 120px
}

.catalogForm #faptcha_widget:before,.catalogForm #faptcha_widget:after {
    content: "";
    display: table
}

.catalogForm #faptcha_widget:after {
    clear: both
}

.catalogForm #faptcha_widget #faptcha_input {
    width: 230px
}

.catalogForm #faptcha_widget #faptcha_response_field {
    margin-left: 0;
    padding: 0 80px 0 10px;
    width: 100%;
    height: 30px;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    background-color: #fff;
    font-size: 12px;
    line-height: 28px;
    vertical-align: middle;
    box-sizing: border-box
}

.catalogForm #faptcha_widget #faptcha_response_field:hover {
    border-color: #a1aab2;
    outline: 0
}

.catalogForm #faptcha_widget #faptcha_response_field:focus {
    border-color: #1470cc;
    outline: 0
}

.catalogForm #faptcha_widget #faptcha_response_field.error {
    border-color: var(--background-1)
}

.catalogForm #faptcha_widget #faptcha_main {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 70px;
    height: 30px;
    border: none;
    border-left: 1px solid #ced3d9;
    box-sizing: border-box
}

.catalogForm #faptcha_widget #faptcha_main #faptcha_image {
    float: left;
    margin-right: 0
}

.catalogForm #faptcha_widget #faptcha_main #faptcha_image_img {
    width: 100%;
    height: 28px;
    vertical-align: top
}

.catalogForm #faptcha_widget #faptcha_main #faptcha_reload_btn {
    position: absolute;
    top: -1px;
    right: -35px;
    display: block;
    width: 30px;
    height: 30px;
    background: none
}

.catalogForm #faptcha_widget #faptcha_main #faptcha_reload_btn:after {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    content: "\e046";
    font-family: "Mic-icon";
    line-height: 30px;
    text-align: center;
    color: #888;
    font-size: 20px
}

.catalogForm .prompt {
    color: #b3b3b3
}

.share-wrap .share-link {
    color: #555
}

.share-wrap .share-link:hover {
    color: #222
}

.mei-award {
    padding-left: 13px;
    font-size: 12px;
    font-family: Roboto,Roboto-Medium;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    margin-right: 23px
}

.award-5 {
    width: 232px;
    background: url("https://www.micstatic.com/landing/www/product/img/2017/home/award-5_a711e763.png") no-repeat !important;
    background-size: contain !important
}

.award-6 {
    width: 242px;
    background: url("https://www.micstatic.com/landing/www/product/img/2017/home/award-6_612fe547.png") no-repeat !important;
    background-size: contain !important
}

.award-9 {
    width: 274px;
    background: url("https://www.micstatic.com/landing/www/product/img/2017/home/award-9_a3144828.png") no-repeat !important;
    background-size: contain !important
}

@keyframes bulletIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    16% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    33% {
        opacity: 1;
        -webkit-transform: translate3d(0, -41px, 0);
        -ms-transform: translate3d(0, -41px, 0);
        transform: translate3d(0, -41px, 0)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, -41px, 0);
        -ms-transform: translate3d(0, -41px, 0);
        transform: translate3d(0, -41px, 0)
    }

    66% {
        opacity: 0;
        -webkit-transform: translate3d(0, -82px, 0);
        -ms-transform: translate3d(0, -82px, 0);
        transform: translate3d(0, -82px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -82px, 0);
        -ms-transform: translate3d(0, -82px, 0);
        transform: translate3d(0, -82px, 0)
    }
}

@keyframes bulletIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    30% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
}

.bullet-chat {
    box-sizing: border-box;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 99
}

.bullet-chat .chat-item {
    background: rgba(0,0,0,.5);
    border-radius: 19px;
    display: inline-flex;
    padding: 5px 15px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bullet-chat .chat-flag {
    margin-right: 5px;
    display: flex;
    align-items: center
}

.bullet-chat .chat-text {
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bullet-chat .icon {
    width: 21px;
    height: 14px;
    display: block;
    background: none
}

.bulletIn {
    animation-name: bulletIn;
    -webkit-animation-name: bulletIn
}

.company-profile-block {
    overflow: hidden;
    position: relative
}

.eu-responsible-block {
    padding: 20px;
    border: 1px solid #e6ecf2;
    border-top: none;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.eu-responsible-block .eu-responsible-item {
    display: flex;
    gap: 30px
}

.eu-responsible-block .eu-responsible-item .eu-responsible-label {
    flex-shrink: 0;
    width: 230px;
    font-size: 14px;
    color: #555
}

.eu-responsible-block .eu-responsible-item .eu-responsible-value {
    font-size: 14px;
    color: #222
}

.eu-responsible-block .eu-responsible-item .eu-responsible-value:last-child {
    direction: ltr
}

#freight-cost-calculator-content p {
    -webkit-margin-before: 0;
    margin-block-start:0;-webkit-margin-after: 0;
    margin-block-end:0}

#freight-cost-calculator-result p {
    -webkit-margin-before: 0;
    margin-block-start:0;-webkit-margin-after: 0;
    margin-block-end:0}

.freight-cost-calculator {
    margin: -20px;
    padding: 20px;
    height: calc(100% + 40px)
}

.freight-cost-calculator .tips {
    top: 30px !important;
    left: -20px !important
}

.dialog-show {
    overflow: hidden;
    padding-right: 16px
}

.ft-alert-info {
    z-index: 9999999 !important
}

.bg-td {
    background-color: #fff !important
}

.bg-td:hover {
    background: rgba(229,242,255,.5)
}

#data-loading {
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center
}

.font-normal-style,.freight-cost-calculator-result-content .top-container .right .right-center .des-label,.freight-cost-calculator-result-content .top-container .right .right-center .des,.freight-cost-calculator-result-content .top-container .left .top .img-des-container .factory-warehouse,.freight-cost-calculator-result-content .top-container .left .top .img-des-container .country,.freight-cost-calculator-result-content .top-container .left .top .img-des-container .city,.freight-cost-calculator .ft-form-field .select,.freight-cost-calculator .ft-form-field input,.freight-cost-calculator .bottom-container .select-opt-title,.freight-cost-calculator .bottom-container .select-opt-text,.freight-cost-calculator .top-container .calc-container span {
    font-size: 14px;
    font-family: Roboto,Roboto-Bold;
    text-align: left;
    color: #222;
    line-height: 21px
}

.ft-loading {
    padding: 20px;
    text-align: center;
    border: 1px solid #ced3d9;
    border-radius: 2px;
    background: #fff
}

.linear-loader {
    position: relative;
    height: 5px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #d8e5ef
}

.linear-loader.success:before {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), #27d974 13%, #27d974 86%, rgba(255, 255, 255, 0))
}

.linear-loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -500px;
    width: 100px;
    height: 5px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), var(--background-1) 13%, var(--background-1) 86%, rgba(255, 255, 255, 0));
    animation: loading-freightos 2s cubic-bezier(0.64, 0.84, 0.73, 0.37) infinite
}

@keyframes loading-freightos {
    0% {
        left: -200px;
        width: 10%
    }

    50% {
        width: 40%
    }

    70% {
        width: 70%
    }

    80% {
        left: 60%
    }

    95% {
        left: 100%
    }

    to {
        left: 100%
    }
}

.freight-cost-calculator .ft-input-text[disabled] {
    color: #b3b3b3
}

.freight-cost-calculator .top-container {
    display: flex;
    justify-content: space-between;
    width: 859px;
    opacity: 1;
    background: #f5f7fa;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 30px
}

.freight-cost-calculator .top-container .prod-container {
    display: flex
}

.freight-cost-calculator .top-container .thumbnail-container {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    position: relative;
    background-color: #fff
}

.freight-cost-calculator .top-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.freight-cost-calculator .top-container .center-text-container {
    margin-left: 20px
}

.freight-cost-calculator .top-container .center-text-container .descripe {
    width: 300px;
    max-height: 42px;
    opacity: 1;
    font-size: 14px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: left;
    color: #222;
    line-height: 21px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    word-break: break-all;
    padding-right: 20px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.freight-cost-calculator .top-container .center-text-container .green::after {
    bottom: 0;
    content: "...";
    padding: 0 10px 1px 30px;
    position: absolute;
    right: 0
}

.freight-cost-calculator .top-container .title-content-container {
    display: flex
}

.freight-cost-calculator .top-container .title-content-container .title {
    opacity: 1;
    font-size: 14px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: left;
    color: #888;
    line-height: 21px;
    white-space: nowrap
}

.freight-cost-calculator .top-container .title-content-container .content {
    font-size: 14px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: left;
    color: #222;
    line-height: 21px;
    margin-bottom: 5px;
    white-space: nowrap
}

.freight-cost-calculator .top-container .calc-container {
    padding-right: 40px
}

.freight-cost-calculator .top-container .calc-container .demo-wrap {
    display: flex;
    align-items: center
}

.freight-cost-calculator .top-container .calc-container .des {
    opacity: 1;
    font-size: 14px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: left;
    color: #222;
    line-height: 21px;
    margin-bottom: 10px !important
}

.freight-cost-calculator .top-container .calc-container span {
    font-size: 14px;
    font-weight: 400;
    color: #222
}

.freight-cost-calculator .top-container .calc-container .unit {
    opacity: 1;
    font-size: 14px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: right;
    color: #222;
    line-height: 21px;
    display: inline-block;
    margin-left: 10px;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap
}

.freight-cost-calculator .top-container .calc-container .ft-text-item-c {
    width: 120px
}

.freight-cost-calculator .bottom-container {
    display: flex;
    justify-content: space-between
}

.freight-cost-calculator .bottom-container .select-opt-text {
    font-size: 14px;
    text-align: left
}

.freight-cost-calculator .bottom-container .J-select-tab-cnt .select-opt-text {
    font-size: 12px
}

.freight-cost-calculator .bottom-container .select-opt-title {
    font-size: 12px;
    color: #888;
    line-height: 18px
}

.freight-cost-calculator .bottom-container .selected {
    background: #f5f7fa
}

.freight-cost-calculator .bottom-container .title {
    font-size: 18px;
    font-family: Roboto,Roboto-Bold;
    font-weight: 700;
    text-align: left;
    color: #222;
    line-height: 27px;
    margin-bottom: 20px
}

.freight-cost-calculator .bottom-container .ft-form-label {
    width: 130px;
    font-size: 14px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: right;
    color: #888;
    line-height: 31px !important;
    float: none !important;
    flex-shrink: 0
}

.freight-cost-calculator .bottom-container .ft-form-field {
    float: none !important
}

.freight-cost-calculator .bottom-container .ft-form-item {
    margin-top: 12px
}

.freight-cost-calculator .bottom-container .ft-input-wrap {
    display: block
}

.freight-cost-calculator .bottom-container .bottom-middle {
    display: inline-block;
    flex-shrink: 0;
    width: 40px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    background: url("https://www.micstatic.com/landing/www/product/img/2017/product-detail/middle-icon_4877166f.png") center center no-repeat
}

.freight-cost-calculator .bottom-container .form-select-item-container {
    display: flex
}

.freight-cost-calculator .bottom-container .form-select-item-container .demo-wrap {
    width: 240px
}

.freight-cost-calculator .bottom-container .form-select-item-container .tags-form-select {
    width: 184px
}

.freight-cost-calculator .ft-form-field {
    position: relative
}

.freight-cost-calculator .ft-form-field .select,.freight-cost-calculator .ft-form-field input {
    height: 31px;
    width: 230px;
    border-radius: 3px;
    text-align: left
}

.freight-cost-calculator .origin-tip {
    color: #b3b3b3;
    font-size: 12px;
    margin-top: 5px;
    width: 230px;
    word-break: break-all
}

.freight-cost-calculator * {
    box-sizing: border-box
}

.freight-cost-calculator .autocomplete {
    position: relative;
    display: inline-block
}

.freight-cost-calculator .autocomplete-items {
    position: absolute;
    border-top: none;
    z-index: 99;
    top: 32px;
    left: 0;
    right: 0;
    max-height: 150px;
    overflow-y: auto;
    width: -moz-max-content;
    width: max-content;
    box-shadow: 0px 3px 6px -3px rgba(0,0,0,.12),0px 6px 10px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03);
    border-radius: 4px;
    background-color: #fff
}

.freight-cost-calculator .autocomplete-items::-webkit-scrollbar {
    width: 4px
}

.freight-cost-calculator .test::-webkit-scrollbar-track {
    background-color: #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.freight-cost-calculator .autocomplete-items::-webkit-scrollbar-thumb {
    background-color: #888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.freight-cost-calculator .autocomplete-items div {
    cursor: pointer;
    background-color: #fff;
    min-width: 242px;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px
}

.freight-cost-calculator .autocomplete-items div:hover {
    background: #f5f7fa
}

.freight-cost-calculator .autocomplete-active {
    background-color: #1e90ff !important;
    color: #fff
}

#select-shipping-method-content {
    padding-top: 10px
}

#select-shipping-method-content .select-container {
    display: flex
}

#select-shipping-method-content .select-container .title {
    width: 101px;
    height: 21px;
    opacity: 1;
    font-size: 14px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: right;
    color: #888;
    line-height: 50px;
    margin-right: 10px
}

#select-shipping-method-content .select-container .tags-form-select {
    width: 300px;
    margin-top: 10px
}

#select-shipping-method-content .calc-container {
    margin-left: 15px;
    font-size: 12px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: left;
    color: #1470cc;
    line-height: 50px
}

.shipping-method-button {
    width: 125px !important;
    height: 24px !important;
    line-height: 21.5px !important;
    border: 1px solid var(--background-1) !important;
    border-radius: 5px !important;
    padding: 0 !important;
    cursor: auto;
    color: var(--background-1);
    border-color: var(--background-1);
    background-color: transparent
}

.shipping-method-button i {
    font-size: 14px;
    width: 22px;
    height: 21px;
    background: #ffe8e7;
    margin-left: -5.5px !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    line-height: 21px;
    margin-right: 5px;
    margin-right: 5px
}

.freight-cost-calculator-result-content .top-bottom-container {
    margin: 20px
}

.freight-cost-calculator-result-content .right-left-container,.freight-cost-calculator-result-content .top-container .right,.freight-cost-calculator-result-content .top-container .left {
    width: 420px;
    height: 119px;
    opacity: 1;
    background: #f5f7fa;
    border-radius: 4px;
    padding: 10px 10px 10px 17px
}

.freight-cost-calculator-result-content .top-container {
    display: flex;
    text-align: center
}

.freight-cost-calculator-result-content .top-container .edit {
    font-size: 12px;
    font-family: Roboto,Roboto-Regular;
    font-weight: 400;
    text-align: left;
    color: #2e8ae6;
    line-height: 18px;
    display: flex;
    cursor: pointer
}

.freight-cost-calculator-result-content .top-container .edit:hover {
    color: var(--background-1)
}

.freight-cost-calculator-result-content .top-container .edit i {
    font-size: 16px;
    margin-right: 5px
}

.freight-cost-calculator-result-content .top-container .edit .ft-btn {
    padding: 0 !important
}

.freight-cost-calculator-result-content .top-container .left .top {
    display: flex;
    justify-content: space-between
}

.freight-cost-calculator-result-content .top-container .left .top .img-des-container {
    display: flex
}

.freight-cost-calculator-result-content .top-container .left .top .img-des-container div {
    text-align: left
}

.freight-cost-calculator-result-content .top-container .left .top .img-des-container img {
    width: 21px;
    height: 21px;
    margin-right: 7px
}

.freight-cost-calculator-result-content .top-container .left .top .img-des-container .city {
    font-weight: 700
}

.freight-cost-calculator-result-content .top-container .left .top .img-des-container .country {
    font-weight: 400
}

.freight-cost-calculator-result-content .top-container .left .top .img-des-container .factory-warehouse {
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.freight-cost-calculator-result-content .top-container .left .line {
    width: 360px;
    height: 1px;
    opacity: 1;
    background: #ced3d9;
    margin: 8px 26px
}

.freight-cost-calculator-result-content .top-container .right {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.freight-cost-calculator-result-content .top-container .right .right-left {
    height: 100%;
    display: flex;
    align-items: center
}

.freight-cost-calculator-result-content .top-container .right .right-left .img-box {
    position: relative;
    width: 60px;
    height: 60px;
    background-color: #fff
}

.freight-cost-calculator-result-content .top-container .right .right-left .img-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.freight-cost-calculator-result-content .top-container .right .right-center {
    height: 60px;
    text-align: left;
    margin-left: 20px
}

.freight-cost-calculator-result-content .top-container .right .right-center .des {
    font-weight: 400;
    width: 253px;
    max-height: 42px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 21px;
    word-break: break-word
}

.freight-cost-calculator-result-content .top-container .right .right-center .des-label {
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.freight-cost-calculator-result-content .top-container .right .right-center .des-value {
    font-size: 12px;
    font-weight: 400
}

.freight-cost-calculator-result-content .bottom-container {
    margin-top: 21px
}

.freight-cost-calculator-result-content .bottom-container .td-width {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.freight-cost-calculator-result-content .bottom-container .table-body {
    max-height: 256px;
    overflow-y: auto;
    overflow-x: hidden
}

.freight-cost-calculator-result-content .bottom-container .table-body a {
    text-decoration: none !important
}

.freight-cost-calculator-result-content .bottom-container .table-body tbody {
    max-height: 300px
}

.freight-cost-calculator-result-content .bottom-container .table-body tbody tr {
    max-height: 50px
}

.freight-cost-calculator-result-content .bottom-container .tab-des {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
    display: none
}

.freight-cost-calculator-result-content .bottom-container .tab-des p {
    line-height: 18px
}

.freight-cost-calculator-result-content .bottom-container .tab-des .tab-title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #222
}

.freight-cost-calculator-result-content .bottom-container .tab-des .link {
    cursor: pointer
}

.freight-cost-calculator-result-content .bottom-container .table-body::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.freight-cost-calculator-result-content .bottom-container .table-body::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 2px
}

.freight-cost-calculator-result-content .bottom-container .table-body::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 10px
}

.freight-cost-calculator-result-content .bottom-container .table-body::-webkit-scrollbar-thumb:hover {
    background: #333
}

.freight-cost-calculator-result-content .bottom-container .table-body::-webkit-scrollbar-corner {
    background: #333
}

.freight-cost-calculator-result-content .bottom-container .have-data-init {
    height: 0;
    overflow: hidden
}

.freight-cost-calculator-result-content .bottom-container .have-data-end {
    height: auto;
    overflow: hidden
}

.freight-cost-calculator-result-content .bottom-container .none-data-container {
    display: none
}

.freight-cost-calculator-result-content .bottom-container .no-data-img-container {
    background: url("https://www.micstatic.com/landing/www/product/img/2017/product-detail/nodata_f7e0fbd1.png") no-repeat;
    width: 406px;
    height: 224px;
    margin-left: 26%
}

.freight-cost-calculator-result-content .bottom-container .no-data-p-container {
    width: 450px;
    font-size: 16px;
    color: #555;
    margin-left: 26%;
    margin-top: 20px;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center
}

.calculate-table .ft-table {
    border-collapse: collapse;
    border: 1px solid #dae0e6
}

.calculate-table .ft-table.is-normal td,.calculate-table .ft-table.is-normal th {
    border: none
}

.calculate-table .ft-table thead tr {
    border: 1px solid #dae0e6
}

.calculate-table .ft-table tbody tr {
    border-bottom: 1px solid #dae0e6
}

.calculate-table .ft-table .pro-type-name {
    font-weight: 700;
    color: #555
}

.calculate-table .ft-table .pro-type-desc {
    font-size: 12px;
    color: #888
}

.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform,opacity
}

@-webkit-keyframes r {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes r {
    0% {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes r {
    0% {
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes r {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.animated.slideDown {
    -webkit-animation-name: r;
    -moz-animation-name: r;
    -o-animation-name: r;
    animation-name: r
}

@-webkit-keyframes fixr {
    0% {
        -webkit-transform: translateY(0x);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(57px);
        transform: translateY(57px)
    }
}

@-moz-keyframes fixr {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -moz-transform: translateY(57px);
        transform: translateY(57px)
    }
}

@-o-keyframes fixr {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }
}

@keyframes fixr {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(57px);
        -moz-transform: translateY(57px);
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }
}

.animated.fix-slideDown {
    -webkit-animation-name: fixr;
    -moz-animation-name: fixr;
    -o-animation-name: fixr;
    animation-name: fixr
}

@-webkit-keyframes richr {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(57px);
        transform: translateY(57px)
    }
}

@-moz-keyframes richr {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -moz-transform: translateY(57px);
        transform: translateY(57px)
    }
}

@-o-keyframes richr {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }
}

@keyframes richr {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(57px);
        -moz-transform: translateY(57px);
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }
}

.animated.rich-slideDown {
    -webkit-animation-name: richr;
    -moz-animation-name: richr;
    -o-animation-name: richr;
    animation-name: richr
}

@-webkit-keyframes s {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes s {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes s {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes s {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translate3d(0, -100%, 0)
    }
}

.animated.slideUp {
    -webkit-animation-name: s;
    -moz-animation-name: s;
    -o-animation-name: s;
    animation-name: s
}

@-webkit-keyframes fixs {
    0% {
        -webkit-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fixs {
    0% {
        -moz-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fixs {
    0% {
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fixs {
    0% {
        -webkit-transform: translateY(57px);
        -moz-transform: translateY(57px);
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.fix-slideUp {
    -webkit-animation-name: fixs;
    -moz-animation-name: fixs;
    -o-animation-name: fixs;
    animation-name: fixs
}

@-webkit-keyframes richs {
    0% {
        -webkit-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes richs {
    0% {
        -moz-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes richs {
    0% {
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes richs {
    0% {
        -webkit-transform: translateY(57px);
        -moz-transform: translateY(57px);
        -o-transform: translateY(57px);
        transform: translateY(57px)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.rich-slideUp {
    -webkit-animation-name: richs;
    -moz-animation-name: richs;
    -o-animation-name: richs;
    animation-name: richs
}

@-webkit-keyframes zero {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes zero {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes zero {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes zero {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.zero {
    -webkit-animation-name: zero;
    -moz-animation-name: zero;
    -o-animation-name: zero;
    animation-name: zero
}

.company-profile-content .table-normal th,.company-profile-content .table-vertical th {
    border: 1px solid #e6ecf2;
    background: #f5f7fa
}

.company-profile-content .sr-comProfile-fields:before,.company-profile-content .sr-comProfile-fields:after {
    content: "";
    display: table
}

.company-profile-content .sr-comProfile-btns .btn-item {
    display: block;
    width: 100%;
    margin-left: 0
}

.company-profile-content .sr-comProfile-btns .btn-item:first-child {
    margin-bottom: 10px
}

.company-profile-content .sr-comProfile-infos .link-item.item-verify a {
    color: #222
}

.company-profile-content .sr-comProfile-infos .link-item.item-verify a:hover {
    color: var(--background-1)
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .no-yes-link .sgs-serail-wrap .info-label-td {
    padding-left: 0;
    width: 195px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .sgs-serail-wrap .info-label-td {
    padding-left: 26px;
    width: 221px
}

.company-profile-content .sr-comProfile-info-l.info-no-prod {
    max-width: 620px
}

.company-profile-content .sr-comProfile-fields:after {
    clear: both
}

.company-profile-content .sr-comProfile {
    border-width: 0
}

.company-profile-content .sr-comProfile .swiper-video i {
    font-size: 48px;
    color: #fff;
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    z-index: 2
}

.company-profile-content .sr-comProfile .swiper-video .play-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.2);
    cursor: pointer
}

.company-profile-content .sr-comProfile .swiper-video .icon-play {
    cursor: pointer
}

.company-profile-content .sr-layout-block {
    border: 0
}

.company-profile-content .sr-layout-block.contact-block {
    z-index: 1
}

.company-profile-content .sr-proSlide .sr-proSlide-btn-left {
    left: 0
}

.company-profile-content .sr-proSlide .sr-proSlide-btn-right {
    right: 0
}

.company-profile-content .sr-proSlide .swiper-button-disabled {
    background: rgba(0,0,0,.2);
    cursor: default
}

.company-profile-content .sr-proSlide .pic-horizontal .sr-proList-pic-cut {
    padding-top: 66.7%
}

.company-profile-content .sr-proSlide .pic-horizontal .sr-proSlide-btn-left,.company-profile-content .sr-proSlide .pic-horizontal .sr-proSlide-btn-right {
    margin-top: -60px
}

.company-profile-content .sr-proSlide .pic-vertical .sr-proList-pic-cut {
    padding-top: 133.3%
}

.company-profile-content .sr-proSlide .pic-vertical .sr-proSlide-btn-left,.company-profile-content .sr-proSlide .pic-vertical .sr-proSlide-btn-right {
    margin-top: -62px
}

.company-profile-content .about-top-bar .about-tip {
    float: right;
    color: #888
}

.company-profile-content .about-top-bar .about-tip .icon-info {
    color: #1470cc;
    margin-right: 5px
}

.company-profile-content .about-top-bar .about-tip .icon-yes2 {
    color: #00c88c
}

.company-profile-content .sr-side-proGroup-list h3 {
    font-weight: normal
}

.company-profile-content .com-block-tab {
    background: #fafcff;
    border: 1px solid #e9eef4;
    margin-bottom: -1px;
    height: 40px;
    display: none
}

.company-profile-content .com-block-tab .tab-item {
    display: block;
    height: 40px;
    float: left;
    padding: 10px 15px;
    color: #555;
    border: 1px solid #fafcff;
    border-bottom-color: #e9e9e9;
    border-top-color: #e9e9e9;
    margin-top: -1px;
    cursor: pointer
}

.company-profile-content .com-block-tab .tab-item.current {
    color: #222;
    background: #fff;
    border-bottom-color: #fff;
    border-right-color: #e9e9e9;
    border-left-color: #e9e9e9;
    border-top: 2px solid var(--background-1);
    padding-top: 9px
}

.company-profile-content .com-block-tab .tab-item:first-child {
    border-left: 0
}

.company-profile-content .no-yes .sr-comProfile-label {
    padding-left: 0;
    padding-right: 0
}

.company-profile-content .no-yes .sr-comProfile-fields {
    margin-left: 240px
}

.company-profile-content .sr-comProfile-item {
    margin-bottom: 20px
}

.company-profile-content .sr-comProfile-item:last-child {
    margin-bottom: 0
}

.company-profile-content .sr-comProfile-fields table {
    width: 75%
}

.company-profile-content .sr-comProfile-fields table th {
    font-weight: normal
}

.company-profile-content .sr-comProfile-fields table td,.company-profile-content .sr-comProfile-fields table th {
    border: 1px solid #dae0e5;
    padding: 7px 10px
}

.company-profile-content .sr-comProfile-fields img {
    max-width: 150px
}

.company-profile-content .sr-comProfile-label {
    color: #888;
    float: left;
    position: relative;
    padding-left: 19px;
    width: 240px
}

.company-profile-content .sr-comProfile-label .ob-icon {
    color: #00c88c;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 21px
}

.company-profile-content .sr-comProfile-fields {
    margin-left: 259px
}

.company-profile-content .about-sub-block {
    margin-bottom: 50px
}

.company-profile-content .about-sub-block .about-sub-title {
    margin-bottom: 15px
}

.company-profile-content .about-sub-block .about-sub-title .title-txt {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    word-break: break-word
}

.company-profile-content .about-sub-block .about-sub-title .txt-sm {
    color: #888;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: normal
}

.company-profile-content .about-sub-block .sr-proList-name {
    text-align: center
}

.company-profile-content .about-sub-block:last-child {
    margin-bottom: 0
}

.company-profile-content .about-sub-block:last-child .sr-proSlide {
    margin-bottom: 0
}

.company-profile-content .about-sub-block .sr-proList-pic-cut {
    border: 1px solid #e6ecf2
}

.company-profile-content .about-sub-block .sr-proList-pic-cut img {
    max-width: 100%;
    max-height: 100%
}

.company-profile-content .address-wrap {
    position: relative
}

.company-profile-content .address-wrap:hover .address-map {
    display: block
}

.company-profile-content .address-wrap .address-map {
    width: 260px;
    height: 200px;
    top: -8px;
    left: 30px;
    display: none
}

@media screen and (max-width: 1023px) {
    .company-profile-content .com-block-tab {
        display:block
    }
}

.company-profile-content .start-meeting {
    position: fixed;
    top: unset;
    bottom: 262px;
    z-index: 99;
    left: unset;
    right: 0;
    margin-left: 730px
}

@media screen and (max-width: 1600px) {
    .company-profile-content a.start-meeting.pc-showroom-detail {
        left:auto;
        right: 0;
        display: block;
        width: 47px;
        height: 60px;
        background: rgba(0,0,0,.5);
        text-align: center;
        padding: 7px 0;
        box-sizing: border-box;
        color: #fff;
        border-radius: 3px;
        font-size: 12px;
        line-height: 12px
    }

    .company-profile-content a.start-meeting.pc-showroom-detail .start-meeting-ico {
        display: block;
        width: 21px;
        height: 21px;
        border: 3px solid #e64445;
        border-radius: 3px;
        margin: 0 auto;
        margin-bottom: 3px
    }
}

.company-profile-content .sr-side-contSupplier-startMeeting {
    margin-top: 5px
}

.company-profile-content .sr-side-contSupplier-startMeeting .start-meeting {
    position: static;
    margin: 0
}

.company-profile-content .sr-side-contSupplier-startMeeting .start-meeting.pc-search-list .start-meeting-ico {
    box-sizing: border-box;
    margin-right: 0;
    margin-top: -3px
}

.company-profile-content .sr-comProfile-options {
    display: none;
    float: right
}

.company-profile-content .sr-comProfile-options span {
    display: inline-block;
    margin-left: 20px;
    line-height: 27px;
    vertical-align: middle
}

.company-profile-content .sr-comProfile-options span a {
    color: #555
}

.company-profile-content .sr-comProfile-3D {
    display: none;
    max-height: 230px;
    margin-bottom: 15px;
    position: relative
}

.company-profile-content .sr-comProfile-info-wrap {
    margin-bottom: 20px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-info-l {
    width: 38.3386%;
    min-width: 240px;
    margin-right: 30px;
    max-width: 360px;
    float: left
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-info-l.info-no-prod {
    width: 100%;
    float: none
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-info-l.info-no-prod .sr-comProfile-btns {
    text-align: left;
    margin-bottom: 20px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-info-l.info-no-prod .sr-comProfile-btns .btn-item {
    width: auto;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 0
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-info-l .sr-proList-pic-cut {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 66.7%;
    font-size: 0;
    overflow: hidden
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-info-l .sr-proList-pic-cut img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-slider {
    margin-bottom: 10px !important;
    border: 1px solid #e6ecf2
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-slider .swiper-slide img {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-slider.sr-proSlide .sr-proSlide-btn-right {
    right: 0
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-slider.sr-proSlide .sr-proSlide-btn-left {
    left: 0
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-btns {
    width: 100%;
    font-size: 0;
    text-align: center
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-btns .btn-item {
    display: inline-block;
    width: calc(50% - 5px);
    margin-left: 0
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-btns .btn-item:last-child {
    width: calc(100%)
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-btns .btn-item .ob-icon {
    margin-right: 5px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-btns .btn-item.J-pop360 {
    display: none;
    margin-left: 0
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos.infos-top {
    float: left;
    max-width: 668px;
    width: calc(61.6% - 30px)
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos table td {
    vertical-align: top;
    padding-bottom: 10px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos table .info-label-td {
    padding-right: 20px;
    color: #888;
    width: 195px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos table .info-label-td .info-label-txt {
    display: block
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .ar-from {
    padding-top: 10px;
    color: #888
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .ar-from .icon-info {
    color: #1470cc;
    margin-right: 10px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip {
    color: #888;
    padding-top: 10px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-txt {
    margin: 10px 0
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .num-item {
    margin-left: 26px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .link-item {
    white-space: nowrap
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .link-item .ob-icon {
    margin-right: 5px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .link-item.item-verify {
    margin-left: 20px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .link-item.item-verify a {
    color: #222
}

@media only screen and (min-width: 769px) {
    .company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .link-item.item-verify a:hover {
        color:var(--background-1)
    }
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .item-num {
    color: #222
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .infos-tip .tip-links .gap {
    color: #dae0e5;
    margin: 0 10px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .no-yes-link .infos-tip .tip-links .num-item {
    margin-left: 0
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .icon-yes2 {
    color: #00c88c;
    vertical-align: -2px;
    margin-right: 10px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new {
    border-top: 1px solid #e6ecf2;
    margin-top: 10px;
    padding-top: 15px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .rating-score,.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .res-time-score {
    margin-left: 26px;
    color: #555
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .res-time-score span,.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .res-rate-score span {
    font-weight: 700
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .rating-score {
    display: flex;
    align-items: flex-start
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .rating-score .rating-score-title {
    display: inline-block;
    padding-right: 20px;
    width: 195px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .rating-score a {
    cursor: pointer;
    font-size: 14px;
    vertical-align: middle;
    color: #222;
    font-weight: bold;
    text-decoration: underline
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .overview-scores-new .rating-score a:hover {
    color: var(--background-1)
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .average-response-time {
    display: none;
    margin-top: 10px;
    color: #555
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .average-response-time .response-time-title {
    display: inline-block;
    margin-left: 26px;
    padding-right: 20px;
    width: 195px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .average-response-time .response-time-data {
    color: #222
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .gmv {
    margin-top: 10px;
    color: #555
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .gmv .gmv-title {
    display: inline-block;
    margin-left: 26px;
    padding-right: 20px;
    width: 195px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .gmv .gmv-data {
    color: #222
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .no-yes-link .rating-score,.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .no-yes-link .res-time-score {
    margin-left: 0px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .no-yes-link .response-time-title {
    margin-left: 0px
}

.company-profile-content .sr-comProfile-info-wrap .sr-comProfile-infos .no-yes-link .gmv-title {
    margin-left: 0px
}

.company-profile-content .sr-comProfile-intro .intro-cnt {
    margin: 20px 0 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.company-profile-content .sr-comProfile-intro.more .intro-cnt {
    display: block
}

.video-dlg .video-cnt {
    width: 710px;
    height: 440px;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0)
}

.video-dlg .video-cnt .video-main {
    width: 710px;
    height: 440px
}

.video-dlg .video-cnt .replay-video {
    cursor: pointer;
    float: right;
    color: #fff;
    font-size: 24px;
    padding: 20px
}

.video-dlg .video-cnt .replay-video .ob-icon {
    padding-right: 10px
}

.video-dlg .video-cnt .replay-video.replay-video-none {
    padding: 170px 300px 0 0
}

.video-dlg .video-cnt .relatedViedo {
    display: none;
    width: 710px;
    height: 395px;
    position: absolute;
    background: #000 center center no-repeat;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 1;
    top: 0
}

.video-dlg .video-cnt .relatedViedo-wrap {
    overflow: auto;
    width: 660px;
    height: 170px;
    margin: 115px 25px 110px
}

.video-dlg .video-cnt .relatedViedo-wrap ul li {
    padding: 0 10px;
    float: left
}

.video-dlg .video-cnt .relatedImg {
    width: 200px;
    height: 113px
}

.video-dlg .video-cnt .relatedImg a {
    width: 200px;
    height: 113px;
    display: inline-block
}

.video-dlg .video-cnt .relatedImg img {
    max-width: 200px;
    max-height: 113px
}

.video-dlg .video-cnt .relatedInfo {
    height: 42px;
    width: 200px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.5
}

.sr-largeImage .sr-proSlide {
    width: 100%;
    height: 100%
}

.sr-largeImage .sr-proSlide .sr-proSlide-btn-left {
    display: block;
    left: -50px
}

.sr-largeImage .sr-proSlide .sr-proSlide-btn-right {
    display: block;
    right: -50px
}

.sr-largeImage .swiper-container {
    width: 100%;
    height: 100%
}

.sr-largeImage img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.sr-largeImage-bg {
    zoom:1;width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .65;
    z-index: 999
}

.sr-largeImage-main {
    position: fixed;
    width: 700px;
    height: 460px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #fff;
    z-index: 1000;
    padding: 30px 50px
}

.sr-largeImage-main .swiper-container {
    border: 1px solid #e6ecf2;
    position: static
}

.sr-largeImage-main .swiper-container .swiper-wrapper {
    align-items: normal
}

.sr-largeImage-close {
    cursor: pointer;
    background: #999;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -50px;
    top: 0
}

.sr-largeImage-close:hover {
    background: #4d4d4d
}

.sr-largeImage .icon-delete {
    font-size: 28px
}

.company-profile-content .sr-comProfile a:not(.btn) {
    color: #007dfa
}

.company-profile-content .sr-comProfile a:not(.btn):hover {
    color: var(--background-1)
}

.company-profile-content .sr-comProfile-infos .sgs-serail-wrap {
    font-weight: 700
}

.company-profile-content .sr-txt-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.company-profile-content .sr-txt-title .sr-as-status {
    font-size: 12px;
    color: #555
}

.company-profile-content .sr-txt-title .sr-as-status .icon-yes2 {
    color: #00c88c
}

.company-profile-content .sr-txt-title .sr-as-status.all-verified {
    color: #00c88c
}

.sr-proMainInfo-baseInfo-propertyAttr {
    background: #fff
}

.sr-proMainInfo-baseInfo-propertyAttr .select-list-wrap {
    padding: 0 !important
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info {
    justify-content: flex-start
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info .info-text {
    padding-right: 6px;
    margin-right: 0 !important
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info .gap {
    color: #e6ecf2;
    margin-right: 8px
}

.sr-proMainInfo-baseInfo-propertyAttr .sample-order-info a {
    margin-left: 2px
}

.sa-only-property-price {
    font-size: 12px
}

.sr-proMainInfo-baseInfo-propertyAttr-preview .attr-line {
    padding-top: 15px
}

.mini-font-size {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #222;
    line-height: 18px
}

.mini-font-size span {
    color: #222
}

.price-propIcon-html {
    width: 242px;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #555;
    line-height: 21px;
    word-break: break-word
}

.price-propIcon-html span {
    font-weight: 700
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .attr-line {
    border-bottom: 1px solid #e9eef4;
    margin: 0 0 15px 0
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .swiper-button-prev-baseInfo-propertyPrice-btnContainer {
    background: #9acd32;
    height: 80px;
    width: 20px;
    z-index: 99999;
    right: 0;
    top: -20px;
    position: absolute
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .first-container {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .first-container .title-div {
    height: 21px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #888;
    line-height: 21px;
    margin-right: 5px
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .first-container i {
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: left;
    color: #2e8ae6;
    cursor: pointer
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .first-container .sr-proMainInfo-baseInfo-propertyGetPrice {
    height: 21px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #2e8ae6;
    line-height: 21px
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .inquiry-tools {
    background: #f5f7fa;
    padding: 0;
    padding-top: 0 !important
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice {
    height: auto;
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 0
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice table {
    background: #fff
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div {
    margin: 0;
    width: 100%
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div {
    /* display: flex; */
    flex-wrap: wrap;
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-slide-div {
    width: auto !important;
    height: 100%
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-slide-div .swiper-money-container {
    text-align: left;
    color: #222
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-slide-div .swiper-money-container.swiper-money-sales-container {
    font-size: 16px!important;
    text-decoration: line-through;
    font-weight: normal!important;
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-slide-div:last-child {
    border-right: 0
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-button-prev-baseInfo-propertyPrice {
    background-image: none;
    width: 7px;
    height: 12px;
    left: auto;
    right: 10px;
    margin-top: 5px
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-button-next-baseInfo-propertyPrice {
    background-image: none;
    width: 7px;
    height: 12px
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-unit-container {
    text-align: left;
    color: #222
}

.swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .unit {
    color: #222
}

.btns {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom:1;text-align: center;
    color: #222;
    border: solid 1px #ced3d9;
    background-color: #f5f7fa;
    padding: 0 15px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box
}

.btns .ob-icon {
    margin-right: 5px;
    vertical-align: -10%;
    *vertical-align: middle
}

.sr-contact-button-place {
    padding: 15px 20px;
    width: inherit
}

.sr-contact-button-place .sr-side-contSupplier-chat {
    height: 37px;
    background: #f5f7fa;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    line-height: 37px
}

.sr-contact-button-place .sr-side-contSupplier-chat:hover {
    background: #e6ecf2
}

.sr-contact-button-place .sr-side-contSupplier-chat a:hover {
    color: #1470cc
}

.sr-contact-button-place .sr-proMainInfo-baseInfo-actActs .act-item {
    margin-right: 0;
    padding-bottom: 0
}

.sr-contact-button-place .sr-proMainInfo-baseInfo-actActs .act-item .add-to-basket a {
    color: #222
}

.sr-contact-button-place .sr-proMainInfo-baseInfo-actActs .act-item .add-to-basket a:hover {
    color: var(--background-1)
}

.sr-contact-button-place .order-text,.sr-contact-button-place .sr-side-product-info {
    display: none
}

.sr-contact-button-place.block-bottom .sr-side-product-info {
    display: block
}

.sr-contact-button-place.block-top .order-text {
    display: block
}

.sr-contact-button-place .order-text {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 21px
}

.sr-contact-button-place .order-text .flex-box {
    display: flex
}

.sr-contact-button-place .order-text .flex-icon {
    margin-right: 10px
}

.sr-contact-button-place .order-text .flex-text {
    flex: 1
}

.sr-contact-button-place .sr-side-product-info {
    display: none
}

.sr-contact-button-place .sr-side-product-info .sr-side-product-img {
    width: 60px;
    height: 60px
}

.sr-contact-button-place .button-block {
    margin-top: 15px;
    text-align: center
}

.sr-contact-button-place .contact-block .sr-txt-title {
    margin-bottom: 15px
}

.sr-contact-button-place .contact-block .button-block {
    margin-top: 15px
}

.sr-contact-button-place .contact-block .sr-side-contSupplier-pic {
    margin-right: 20px
}

.sr-contact-button-place .contact-block .sr-side-contSupplier-pic img {
    max-width: 50px;
    max-height: 50px
}

.sr-contact-button-place .button-link-order,.sr-contact-button-place .button-link-contact,.sr-contact-button-place .button-link-call {
    width: 100%
}

.sr-contact-button-place .button-link-contact,.sr-contact-button-place .button-link-call {
    background: #fff2f6;
    border: 1px solid var(--background-1);
    border-radius: 3px;
    color: var(--background-1);
    font-size: 14px
}

.sr-contact-button-place .button-link-contact:hover {
    background: #fadada
}

.sr-contact-button-place .contact-block .button-link-contact {
    color: #fff;
    background: var(--background-1)
}

.sr-contact-button-place .contact-block .button-link-contact:hover {
    border: solid 1px #d92121;
    background-color: #d92121
}

.sr-contact-button-place .add-to-basket a {
    color: #222
}

.sr-contact-button-place .contact-block {
    padding: 0;
    border-width: 0;
    margin-bottom: 0
}

.sr-contact-button-place .contact-block .sr-side-contSupplier-name {
    font-weight: 500
}

.sr-contact-button-place .sr-side-product-txt .sr-side-product-name {
    color: #222;
    font-weight: 500
}

.sr-contact-button-place .sr-side-product-txt .sr-side-product-price {
    margin-top: -2px;
    font-size: 12px
}

.sr-contact-button-place .sr-side-product-txt .sr-side-product-price .sr-side-product-unit {
    font-size: 12px
}

.sr-contact-button-place .tm-status-on {
    background: url("https://www.micstatic.com/landing/www/product/img/2017/product-detail/tm-mic-logo_e403fb6a.png") no-repeat 0 center;
    background-size: contain;
    padding-left: 25px
}

.sr-com-place {
    padding: 0
}

.sr-com-place .sr-com {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.sr-com-place .sr-com .sr-com-logo {
    margin-right: 15px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    background: #fff;
    font-size: 0;
    overflow: hidden;
    flex-shrink: 0
}

.sr-com-place .sr-com .sr-com-logo img {
    max-width: 48px;
    width: 100%;
    max-height: 48px;
    vertical-align: middle
}

.sr-com-place .sr-com .sr-com-info {
    max-width: 250px
}

@media only screen and (max-width: 1024px) {
    .sr-com-place .sr-com .sr-com-info {
        max-width:205px
    }
}

.sr-com-place .sr-com .sr-com-info .arrow-out {
    left: 14px !important;
    margin-left: -8px
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-title {
    display: block
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-title .title-txt a {
    height: 24px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-title .title-txt a .text-ellipsis {
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-title .title-txt a .icon-right {
    font-weight: 600;
    line-height: unset
}

@media only screen and (min-width: 769px) {
    .sr-com-place .sr-com .sr-com-info .sr-comInfo-title .title-txt a:hover .ob-icon {
        -webkit-transform:rotate(0);
        transform: rotate(0)
    }
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-title.has360 {
    padding-right: 38px
}

.sr-com-place .sr-com .sr-com-info .score-sign-wrap {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.sr-com-place .sr-com .sr-com-info .score-sign-wrap .review-scores {
    margin-right: 10px
}

.sr-com-place .sr-com .sr-com-info .score-sign-wrap .review-scores a {
    font-size: 16px;
    font-weight: 600;
    color: #222
}

.sr-com-place .sr-com .sr-com-info .score-sign-wrap .review-scores a:hover {
    color: var(--background-1)
}

.sr-com-place .sr-com .sr-com-info .score-sign-wrap .review-scores .star-icon {
    margin-left: 5px;
    font-size: 14px;
    color: var(--background-1);
    vertical-align: baseline
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign {
    display: flex;
    margin-top: unset
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item {
    position: relative
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold {
    display: none;
    font-weight: normal;
    top: -97px;
    left: -5px;
    width: 281px;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold.tip-audit {
    top: -54px;
    width: 134px
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold.tip-audit .tip-con {
    margin-bottom: 0
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold .tip-con {
    margin-bottom: 5px
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold .tip-para {
    text-align: left;
    margin: 0
}

@media only screen and (max-width: 1280px) {
    .sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold {
        width:255px;
        top: -94px
    }

    .sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold.tip-audit {
        width: 134px
    }

    .sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold.tip-audit .tip-para {
        font-size: 14px
    }

    .sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold .tip-para,.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold .tip-para .txt-year {
        font-size: 12px
    }
}

.sr-com-place .sr-com .sr-com-info .sr-comInfo-sign .sign-item:hover .tip-gold {
    display: block
}

.sr-com-place .sr-com .sr-com-info .txt-year {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #d5514c !important
}

.sr-com-place .pd15,.sr-com-place .com-place-four {
    padding: 15px
}

.sr-com-place .sr-linkTo-comInfo {
    cursor: pointer
}

.sr-com-place .com-place-one {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 13px 15px;
    background: linear-gradient(90deg, #E6ECF2 -16%, rgba(236, 241, 245, 0.09) 105%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer
}

.sr-com-place .com-place-one.com-place-one-new {
    flex-wrap: wrap
}

.sr-com-place .com-place-one.com-place-one-new .tip-gold {
    padding: 10px;
    top: -58px;
    right: -14px
}

.sr-com-place .com-place-one.com-place-one-new .detail-infos {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 14px
}

.sr-com-place .com-place-one.com-place-one-new .detail-infos .info-item {
    white-space: nowrap;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    color: #888;
    font-size: 12px
}

.sr-com-place .com-place-one.com-place-one-new .detail-infos .sign-item {
    flex-shrink: 0
}

.sr-com-place .com-place-one.com-place-one-new .detail-infos .sign-item .detail-pop360 {
    position: static;
    width: 22px;
    height: 22px;
    background-color: #f1f4f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sr-com-place .com-place-one .tip-gold {
    display: none;
    top: -20px;
    right: 10px;
    border-radius: 6px;
    padding: 3.5px 10px
}

.sr-com-place .com-place-one .tip-gold .tip-para {
    font-size: 14px
}

.sr-com-place .com-place-one .tip-gold .arrow-out {
    left: 92px;
    bottom: -16px
}

.sr-com-place .com-place-one .detail-pop360 {
    position: absolute;
    top: 20px;
    right: 16px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    color: #222;
    font-size: 18px;
    font-family: micon;
    text-align: center;
    color: #222;
    line-height: 21.5px
}

.sr-com-place .com-place-one .detail-pop360:hover~.tip-gold {
    display: block
}

.sr-com-place .com-place-two {
    cursor: pointer
}

.sr-com-place .com-place-two .item-icon {
    margin-right: 10px
}

.sr-com-place .com-place-two.com-place-two-new.no-tag {
    margin-top: -5px !important
}

.sr-com-place .com-place-two.com-place-two-new .sign-item .tip-gold {
    color: #222;
    width: auto
}

.sr-com-place .com-place-two.com-place-two-new .review-scores {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.sr-com-place .com-place-two.com-place-two-new .review-scores .score-item span {
    font-weight: normal
}

.sr-com-place .com-place-two.com-place-two-new .review-scores .company-location {
    position: relative;
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: flex;
    border-radius: 50%;
    background-color: #f1f4f8;
    justify-content: center;
    align-items: center
}

.sr-com-place .com-place-two.com-place-two-new .review-scores .company-location:hover .tip-gold {
    display: block
}

.sr-com-place .com-place-two.com-place-two-new .review-scores .company-location .tip-gold {
    display: none;
    top: -52px;
    right: -8px;
    color: #222;
    white-space: nowrap
}

.sr-com-place .com-place-two.com-place-two-new .review-scores .company-location .tip-gold.arrow-bottom .arrow-out {
    left: inherit;
    right: 10px
}

.sr-com-place .com-place-two.com-place-two-new .review-scores .company-location-detail {
    display: flex;
    align-content: center
}

.sr-com-place .com-place-two.com-place-two-new .review-scores .company-location-detail .icon-coordinate {
    margin-right: 6px
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item {
    float: none;
    margin-right: 0
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .icon-diamond {
    background: url("https://www.micstatic.com/common/img/icon-new/diamond_32_71cd0e5b.png") no-repeat;
    background-size: contain
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .icon-gold {
    background: url("https://www.micstatic.com/common/img/icon-new/gold_32_addb8f9b.png") no-repeat;
    background-size: contain
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .icon-as {
    background: url("https://www.micstatic.com/landing/www/product/img/2017/product-detail/logo-spirit_2ddbd877.png") no-repeat;
    background-size: cover;
    background-position: -35px 0
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .icon-deal {
    background: url("https://www.micstatic.com/common/img/icon-new/trade-icon_af34000b.png") no-repeat;
    background-size: contain
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item:hover .tip-gold {
    display: block
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .tip-gold {
    top: -40px;
    border-radius: 7px;
    padding: 3.5px 10px
}

@media screen and (max-width: 1280px) {
    .sr-com-place .com-place-two.sr-comInfo-sign .sign-item .tip-gold {
        width:240px
    }
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .tip-gold.tip-audit {
    top: -47px;
    width: 250px
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .tip-gold.tip-audit .tip-para {
    font-size: 12px
}

.sr-com-place .com-place-two.sr-comInfo-sign .sign-item .txt-year {
    margin-left: 7px
}

.sr-com-place .com-place-two .review-scores {
    margin-top: 5px;
    cursor: default
}

.sr-com-place .com-place-two .review-scores .score-item {
    margin-top: 5px
}

.sr-com-place .com-place-two .review-scores .score-item.score-item-rating span {
    cursor: pointer;
    vertical-align: middle
}

.sr-com-place .com-place-two .review-scores .score-item span {
    font-weight: 700
}

.sr-com-place .com-place-three {
    padding: 10px 20px 15px
}

.sr-com-place .com-place-three.com-place-three-new {
    padding: 10px 15px 15px
}

.sr-com-place .com-place-three.com-place-three-new .sign-item .item-icon {
    display: inline-block;
    height: 20px;
    margin-right: 3px;
    vertical-align: -2px;
    width: 20px
}

.sr-com-place .com-place-three.com-place-three-new .as-logo {
    cursor: pointer
}

.sr-com-place .com-place-three.com-place-three-new .verified-list .verified-item {
    margin-top: 5px;
    padding-left: 16px;
    position: relative;
    color: #888;
    display: block
}

.sr-com-place .com-place-three.com-place-three-new .verified-list .verified-item:hover .tip-gold {
    display: block
}

.sr-com-place .com-place-three.com-place-three-new .verified-list .verified-item .verified-tip {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #d1a751;
    left: 5px;
    top: 10px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.sr-com-place .com-place-three.com-place-three-new .verified-list .verified-item .tip-gold {
    position: absolute;
    top: 0;
    transform: translateY(calc(-100% - 10px));
    left: -13px;
    display: none
}

.sr-com-place .com-place-three.com-place-three-new .verified-list .verified-item .tip-gold::after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px
}

.sr-com-place .com-place-three.com-place-three-new .verified-list .verified-item .tip-gold a {
    color: #007dfa
}

.sr-com-place .com-place-three.com-place-three-new .verified-list .verified-item .tip-gold a:hover {
    color: var(--background-1)
}

.sr-com-place .com-place-three.com-place-three-new .see-all {
    margin-top: 5px;
    color: #555;
    display: flex;
    cursor: pointer;
    word-break: break-all
}

.sr-com-place .com-place-three.com-place-three-new .see-all:hover {
    color: var(--background-1);
    border-color: var(--background-1)
}

.sr-com-place .com-place-three.com-place-three-new .see-all:hover .icon-right {
    color: var(--background-1)
}

.sr-com-place .com-place-three.com-place-three-new .see-all.no-sign {
    color: #555;
    display: block;
    cursor: auto
}

.sr-com-place .com-place-three.com-place-three-new .see-all.no-sign:hover {
    color: #555
}

.sr-com-place .com-place-three.com-place-three-new .see-all.no-sign a {
    color: #222;
    text-decoration: underline
}

.sr-com-place .com-place-three.com-place-three-new .see-all.no-sign a:hover {
    color: var(--background-1)
}

.sr-com-place .com-place-three.com-place-three-new .see-all .icon-right {
    margin-left: 6px;
    font-size: 18px;
    line-height: 21px;
    position: relative;
    top: 1px
}

.sr-com-place .com-place-three .info-item {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 21px
}

.sr-com-place .com-place-three .info-item .icon-yes2 {
    margin: 2px;
    font-size: 16px;
    color: #13bf13
}

.sr-com-place .com-place-three .info-label,.sr-com-place .com-place-three .info-fields,.sr-com-place .com-place-three .info-item {
    max-height: 21px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: word-break
}

.sr-com-place .com-place-three .mod-1 .info-item {
    position: relative
}

.sr-com-place .com-place-three .mod-2 .info-item {
    max-height: 47px
}

.sr-com-place .com-place-three .mod-2 .info-item.info-businessType {
    -webkit-line-clamp: 2
}

.sr-com-place .com-place-three .mod-2 .hasicon .info-label,.sr-com-place .com-place-three .mod-2 .hasicon .info-fields {
    padding-left: 8px
}

.sr-com-place .com-place-three .mod-2 .info-label {
    color: #888;
    width: auto;
    position: relative;
    white-space: nowrap;
    overflow: visible;
    display: block
}

.sr-com-place .com-place-three .mod-2 .icon-yes2 {
    position: absolute;
    left: 0;
    top: 1px
}

.sr-com-place .com-place-four {
    background: #f0f3f8
}

.sr-com-place .com-place-four a {
    height: auto;
    background: #fff;
    border: 1px solid #e6ecf2;
    border-radius: 15px;
    text-align: center;
    color: #222;
    line-height: 28px;
    padding: 0 0 0 5px
}

.detail-extra .sr-com-place .sr-com .sr-com-info .sr-comInfo-title .title-txt a .text-ellipsis {
    width: 100%
}

.sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-title .tip-gold {
    display: none !important;
    bottom: auto;
    top: 30px;
    z-index: 10
}

.sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-title .tip-gold .arrow-out {
    border-bottom: 8px solid #ced3d9;
    top: -16px;
    border-top-color: transparent;
    bottom: auto
}

.sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-title .tip-gold .arrow-in {
    border-bottom: 8px solid #fff;
    margin: -7px 0 0 -8px;
    border-top-color: transparent
}

.sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-sign .sign-item .tip-gold {
    display: none !important
}

.sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-sign .sign-item:first-child .tip-gold {
    top: 3px;
    left: -313px
}

@media only screen and (max-width: 1280px) {
    .sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-sign .sign-item:first-child .tip-gold {
        left:-287px
    }
}

.sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-sign .sign-item:first-child .tip-gold .arrow-out {
    bottom: 68px;
    left: 287px !important
}

@media only screen and (max-width: 1280px) {
    .sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-sign .sign-item:first-child .tip-gold .arrow-out {
        left:262px !important
    }
}

.sr-layout-extra .sr-fixed .sr-com .sr-com-info .sr-comInfo-sign .sign-item:first-child .tip-gold .arrow-out .arrow-in {
    border-left: 15px solid #fff;
    border-top: 8px solid transparent
}

.sr-com-place-bottom .info-businessType {
    margin-bottom: 10px
}

.sr-com-place-top .info-businessType {
    margin-bottom: 0
}

.verify-dialog .dlg-main {
    max-width: initial
}

.fast-quick-com-wrap {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgba(214,219,232,.8)
}

.fast-quick-com-wrap .contact-supplier-wrap {
    padding: 15px 15px 20px;
    position: relative
}

.fast-quick-com-wrap .contact-supplier-wrap .title-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2
}

@media only screen and (max-width: 1024px) {
    .fast-quick-com-wrap .contact-supplier-wrap .title-icon {
        right:15px
    }
}

.fast-quick-com-wrap .contact-supplier-wrap .title-icon .icon-buyer-sourcing {
    font-size: 18px
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-info {
    position: relative;
    display: flex
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-info .sr-side-contSupplier-pic {
    float: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e6ecf2
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-info .sr-side-contSupplier-pic img {
    max-width: 64px;
    max-height: 64px
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-info .sr-side-contSupplier-txt {
    flex: 1;
    overflow: unset
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-info .sr-side-contSupplier-txt .sr-side-contSupplier-name {
    max-width: 200px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (max-width: 1024px) {
    .fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-info .sr-side-contSupplier-txt .sr-side-contSupplier-name {
        max-width:170px
    }
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-info .sr-side-contSupplier-txt .sr-side-contSupplier-position {
    margin-bottom: unset;
    font-size: 14px;
    color: #555;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block {
    position: relative;
    padding: 0 5px
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-order,.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-contact {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: 44px;
    line-height: unset;
    border-radius: 1000px;
    font-size: 16px;
    font-weight: 600
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-order {
    background: var(--background-1);
    color: #fff;
    border: unset
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-order:hover {
    background: var(--background-1)
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-contact {
    background: #fff;
    color: var(--background-1);
    border: 1.5px solid var(--background-1)
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-contact:hover {
    color: var(--background-1);
    border: 1.5px solid var(--background-1)
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-contact .ob-icon {
    margin-right: 5px;
    vertical-align: unset;
    font-size: 20px
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-contact .icon-mail {
    font-weight: 600
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .tm-status-on {
    position: relative;
    padding-left: 25px;
    line-height: 20px;
    color: #555;
    background: url("/zalo.webp") no-repeat 0 center;
    background-size: 20px
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .tm-status-on::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 12px;
    width: 8px;
    height: 8px;
    background: #00c88c;
    border-radius: 50%
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .tm-placeholder {
    position: relative;
    padding-left: 25px;
    line-height: 23px;
    color: #555;
    background: url("https://www.micstatic.com/landing/www/product/img/tm_loading_3fa56aba.gif") no-repeat 0 center
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min--moz-device-pixel-ratio: 1.5) {
    .fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .tm-status-on {
        background:url("/zalo.webp") no-repeat 0 center;
        background-size: 20px
    }

    .fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .tm-placeholder {
        background: url("https://www.micstatic.com/landing/www/product/img/tm_loading_3fa56aba.gif") no-repeat 0 center;
        background-size: 23px
    }
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .tm-status-off {
    padding-left: 25px;
    line-height: 20px;
    background-size: 20px;
    color: #555
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .link-contact-bubble-wrap {
    display: none
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .link-contact-bubble {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 305px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    width: 280px;
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    animation: slideIn 200ms ease-in,shake 5s 200ms ease-in-out,slideOut 200ms 5200ms forwards
}

@media only screen and (max-width: 1024px) {
    .fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .link-contact-bubble {
        right:265px
    }
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .link-contact-bubble::after {
    content: "";
    position: absolute;
    right: -12px;
    top: 50%;
    border: 6px solid transparent;
    border-left-color: rgba(0,0,0,.8);
    transform: translateY(-50%)
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .link-contact-bubble .link-contact-title {
    flex: 1
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .link-contact-bubble .link-contact-img {
    margin-left: 5px;
    width: 36px;
    height: 36px;
    background: url("https://www.micstatic.com/landing/www/product/img/link-bubble-icon_392cc025.png") no-repeat 0 center;
    background-size: 36px
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-chat {
    margin: 0 5px;
    padding: 10px 0;
    height: 44px;
    line-height: unset;
    border-radius: 1000px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    border: 1.5px solid #555;
    cursor: pointer
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-chat:hover {
    border: 1.5px solid #222
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-chat:hover a {
    color: #222
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-chat a {
    display: none
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .sr-side-contSupplier-chat b+a {
    display: inline-block
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .contact-supplier-btns>:nth-child(1) .btns {
    background: var(--background-1);
    color: #fff;
    border: unset
}

.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .contact-supplier-btns>:nth-child(1) .btns:hover {
    color: #fff!important;
    border: unset;
    background: var(--background-1);
    opacity: 0.8;
}

@keyframes slideIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes shake {
    0%,100% {
        transform: translateX(0) translateY(-50%)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-20px) translateY(-50%)
    }

    20%,40%,60%,80% {
        transform: translateX(-5px) translateY(-50%)
    }
}

@keyframes slideOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.sponsored-alt {
    background: #fff;
    width: 500px;
    height: 600px;
    z-index: 999
}

.sponsored-alt .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #000
}

.sponsored-alt .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.sponsored-alt .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.sponsored-alt .swiper-slide .img-thumb-inner img {
    max-width: 100%
}

.sponsored-alt .swiper-button-next,.sponsored-alt .swiper-button-prev {
    height: 90px;
    width: 40px;
    text-align: center;
    line-height: 90px;
    background: rgba(0,0,0,.3);
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    opacity: 0
}

.sponsored-alt .swiper-button-next:before,.sponsored-alt .swiper-button-prev:before {
    display: block;
    font-family: "Mic-icon";
    font-size: 32px
}

.sponsored-alt .swiper-button-next:hover,.sponsored-alt .swiper-button-prev:hover {
    opacity: 1;
    visibility: visible;
    background: rgba(0,0,0,.6)
}

.sponsored-alt .swiper-button-next {
    right: 0
}

.sponsored-alt .swiper-button-next:before {
    content: "\e008"
}

.sponsored-alt .swiper-button-prev {
    left: 0
}

.sponsored-alt .swiper-button-prev:before {
    content: "\e009"
}

.sponsored-alt .swiper-button-disabled {
    display: none
}

.sponsored-alt .swiper-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 99;
    font-size: 0;
    text-align: center
}

.sponsored-alt .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,.5);
    border-radius: 100%;
    margin: 0 5px;
    cursor: pointer;
    border: 2px solid #ddd
}

.sponsored-alt .swiper-active-switch {
    background: #fff;
    border: 2px solid #8a8a8a
}

.sponsored-alt .prod-pics {
    width: 500px;
    height: 500px
}

.sponsored-alt .prod-pics iframe {
    width: 500px;
    height: 500px !important
}

.sponsored-alt .prod-pics.showArrows:hover .swiper-button-next,.sponsored-alt .prod-pics.showArrows:hover .swiper-button-prev {
    opacity: 1
}

.sponsored-alt .prod-info {
    padding: 20px
}

.sponsored-alt .prod-name {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 54px
}

.sponsored-alt .prod-name a {
    color: #222;
    text-decoration: none
}

.sponsored-alt .prod-name a:hover {
    color: var(--background-1)
}

.sponsored-alt .prod-fob {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sponsored-alt .prod-fob .label {
    color: #888
}

.sponsored-alt .prod-fob .price {
    color: var(--background-1);
    font-weight: bold
}

.sponsored-alt .prod-fob .unit {
    color: #222
}

.sponsored-alt .prod-order {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sponsored-alt .prod-order .label {
    color: #888
}

.sponsored-alt .prod-order .info {
    color: #222;
    font-weight: bold
}

.sponsored-alt .prod-comp {
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sponsored-alt .prod-comp a {
    color: #888;
    text-decoration: none
}

.sponsored-alt .prod-comp a:hover {
    color: var(--background-1)
}

.sponsored-alt .prod-inquiry {
    margin-top: 10px
}

.sponsored-alt .prod-inquiry .btn {
    margin-right: 10px
}

.sponsored-alt .prod-inquiry .contact-now {
    font-weight: normal;
    line-height: 33px;
    height: 33px
}

.sponsored-alt .prod-inquiry .view-more {
    color: #1470cc;
    text-decoration: none
}

.sponsored-alt .prod-inquiry .view-more:hover {
    color: var(--background-1)
}

.sponsored-alt .img-thumb-inner {
    display: table-cell;
    *display: inline;
    *height: 100%;
    *-ms-writing-mode: tb-rl;
    *writing-mode: tb-rl;
    vertical-align: middle;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.sponsored-alt .img-thumb-auto img {
    max-height: 100%
}

.sponsored-alt-wrap .dlg-dialog {
    border-radius: 0
}

.sponsored-alt-wrap .dlg-close,.sponsored-alt-wrap .aui_close {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    left: 100%;
    top: 0;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,.25);
    border-radius: 0
}

.sponsored-alt-wrap .dlg-close:hover,.sponsored-alt-wrap .aui_close:hover {
    background: rgba(0,0,0,.6)
}

.sponsored-alt-wrap .dlg-close:before,.sponsored-alt-wrap .aui_close:before {
    color: #fff;
    display: block;
    font-family: "Mic-icon";
    font-size: 32px;
    content: "\e00c"
}

.magnifier_detail_wrapper {
    direction: ltr;
    text-align: left
}

.sr-layout-detail {
    background-color: #fff;
    margin-top: 10px
}

.sr-layout-detail .sr-layout-block {
    margin-bottom: 0
}

.sr-layout-detail .sr-proMainInfo-slide-picItem .play-mark {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,.5)
}

.sr-layout-detail .sr-proMainInfo-slide-picItem .play-mark .icon-play {
    font-size: 42px
}

.sr-layout-detail .sr-detail-content {
    max-width: 1480px;
    min-width: 768px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

@media only screen and (min-width: 1024px) {
    .sr-layout-detail .sr-detail-content {
        padding:0 16px
    }
}

@media only screen and (min-width: 1280px) {
    .sr-layout-detail .sr-detail-content {
        padding:0 20px
    }
}

.sr-layout-detail .sr-detail-content.clears::after {
    content: "";
    display: block;
    clear: both
}

.sr-layout-detail .sr-layout-left {
    width: 100%;
    border-width: 0;
    padding: 0
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide {
    z-index: 4;
    position: relative
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide.sr-proMainInfo-slide-preview {
    position: static
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .fav-share-wrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .fav-share-wrap .act-item {
    cursor: pointer
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .fav-share-wrap .act-item:hover .icon-heart-f {
    color: var(--background-1) !important
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .sr-proMainInfo-baseInfo-actDload {
    padding: 10px 0 0 15px;
    margin-top: 0;
    border-width: 0
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .sr-proMainInfo-baseInfo-actDload .link {
    color: #555
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .sr-proMainInfo-baseInfo-actDload .link:hover {
    color: var(--background-1)
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .sr-proMainInfo-baseInfo-actDload .tip.arrow-top .arrow-out {
    left: 193px
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .large-pic-slide-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .large-pic-slide-left .icon-left {
    color: #555;
    margin-right: 3px
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .large-pic-slide-left:hover .icon-left {
    color: #222
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .large-pic-slide-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .large-pic-slide-right .icon-right {
    color: #555;
    margin-left: 3px
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-slide .large-pic-slide-right:hover .icon-right {
    color: #222
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .swiper-container {
    z-index: 2
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem.J-play-gifs {
    cursor: pointer
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem.J-pop3D {
    cursor: pointer
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem .sr-prMainInfo-slide-inner .sr-proMainInfo-slide-picInside .enlargeHref img {
    cursor: url("/landing/www/product/img/icon/enlarge.png"),zoom-in
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page {
    overflow: hidden
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
    width: auto;
    padding-top: 0;
    opacity: 0
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
    width: auto;
    padding-top: 0;
    opacity: 0
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page:hover .sr-proMainInfo-slide-pageBtnL {
    opacity: 1
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page:hover .sr-proMainInfo-slide-pageBtnR {
    opacity: 1
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
    margin: 0 auto;
    height: 100%;
    display: flex;
    overflow: hidden
}
.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot
.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain.align-center {
    justify-content: center
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
    border-radius: 10px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    transition: ease .5s transform
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot:first-child {
    margin-left: 0
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot .sr-proMainInfo-slide-pageInside {
    border-radius: 10px;
    border: 0;
    box-sizing: border-box;
    padding-top: 100%;
    overflow: hidden
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot .sr-proMainInfo-slide-pageInside img {
    max-width: 100%;
    max-height: 100%
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot .sr-proMainInfo-slide-pageInside .img-video {
    border-radius: 10px
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot .sr-proMainInfo-slide-pageInside::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.03);
    border-radius: 10px
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot.selected {
    border: 2px solid #222
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .big-page {
    position: absolute;
    font-weight: 600;
    letter-spacing: 0px;
    color: #fff
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .big-page .active-page {
    font-weight: 600
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .share-wrap .share-cnt,.sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .share-wrap .sns-wrap {
    background: #fff;
    padding: 10px 8px 10px 10px
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .share-wrap:hover .ob-icon {
    color: #222
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .share-wrap:hover .share-cnt,.sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .share-wrap:hover .sns-wrap {
    display: flex
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs {
    text-align: center
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .add-to-basket a {
    color: #222;
    text-decoration: underline
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .add-to-basket a:hover {
    color: var(--background-1)
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .add-to-basket a:hover .ob-icon,.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .add-to-basket a:hover .micon {
    color: var(--background-1)
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .already-in-basket a {
    text-decoration: underline;
    color: #222
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .already-in-basket a:hover {
    color: var(--background-1)
}

.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .already-in-basket a:hover .ob-icon,.sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item .already-in-basket a:hover .micon {
    color: var(--background-1)
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .smallImg-wrap {
        order:1;
        width: 728px;
        margin: 0 auto 30px;
        padding-bottom: 0px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic {
        height: 473px;
        margin-bottom: 20px !important
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 48px;
        height: 48px;
        left: 25px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 32px;
        font-weight: 600
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 48px;
        height: 48px;
        right: 25px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 32px;
        font-weight: 600
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picLarge {
        bottom: 20px;
        right: 20px;
        width: 38px;
        height: 38px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 33px;
        left: 62px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 40px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 33px;
        right: 62px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 40px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 459px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        margin-left: 15px;
        width: 64px;
        height: 64px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .sr-proMainInfo-slide-pageInside .icon-play {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap {
        top: 20px;
        right: 25px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .act-item {
        width: 42px;
        height: 42px;
        border-radius: 21px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .act-item:last-child {
        border-right: 0 none;
        margin-top: 30px;
        position: relative
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs {
        margin-top: 21px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item {
        font-size: 16px;
        line-height: 24px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs .act-item i {
        font-size: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .sr-layout-detail .sr-layout-left .smallImg-wrap {
        width:560px;
        margin: 0;
        padding-bottom: 25px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic {
        height: 364px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 36px;
        height: 36px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 24px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 36px;
        height: 36px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 24px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picLarge {
        display: none
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 35px;
        left: 4px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 35px;
        right: 4px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .sr-proMainInfo-slide-pageInside .icon-play {
        font-size: 32px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .act-item {
        width: 36px;
        height: 36px;
        border-radius: 18px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .act-item:last-child {
        margin-top: 15px
    }
}

@media only screen and (min-width: 1280px) {
    .sr-layout-detail .sr-layout-left .smallImg-wrap {
        width:690px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic {
        height: 448px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 42px;
        height: 42px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 32px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 42px;
        height: 42px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 32px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 36px;
        left: 36px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 44px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 36px;
        right: 36px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 44px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .act-item {
        width: 42px;
        height: 42px;
        border-radius: 21px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .act-item:last-child {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1366px) {
    .sr-layout-detail .sr-layout-left .smallImg-wrap {
        width:740px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic {
        height: 475px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 40px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 48px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 40px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 48px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 507px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        width: 72px;
        height: 72px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs {
        margin-top: 25px
    }
}

@media only screen and (min-width: 1480px) {
    .sr-layout-detail .sr-layout-left .smallImg-wrap {
        width:800px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic {
        height: 520px;
        margin-bottom: 25px !important
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 48px;
        height: 48px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 48px;
        height: 48px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 42px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 42px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 580px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        margin-left: 20px;
        width: 80px;
        height: 80px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap {
        top: 25px
    }

    .sr-layout-detail .sr-layout-left .smallImg-wrap .sr-proMainInfo-baseInfo-actActs {
        margin-top: 26px
    }
}

.sr-layout-detail .sr-layout-left .bigImg-wrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background: #000
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .swiper-container {
    z-index: 2
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide {
    height: auto;
    max-width: 1320px;
    max-height: 858px;
    position: relative
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic {
    margin-bottom: 0;
    border: 0
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem.J-play-gifs {
    cursor: pointer
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem.J-pop3D {
    cursor: pointer
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem .sr-prMainInfo-slide-inner {
    cursor: default
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem .sr-prMainInfo-slide-inner .sr-proMainInfo-slide-picInside .enlargeHref {
    cursor: default
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .sr-proMainInfo-slide-picItem .sr-prMainInfo-slide-inner .sr-proMainInfo-slide-picInside .enlargeHref img {
    cursor: default
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page {
    position: absolute;
    left: 50%;
    z-index: 9;
    background: rgba(0,0,0,.5);
    box-sizing: border-box;
    box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
    width: auto;
    padding-top: 0
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
    color: #fff;
    margin-top: 2px
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i:hover {
    color: #fff
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
    width: auto;
    padding-top: 0
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
    color: #fff;
    margin-top: 2px
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i:hover {
    color: #fff
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain.align-center {
    justify-content: center
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot:first-child {
    margin-left: 0
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot .sr-proMainInfo-slide-pageInside {
    border-radius: 50%;
    border: 0;
    box-sizing: border-box;
    padding-top: 100%;
    overflow: hidden
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot .sr-proMainInfo-slide-pageInside img {
    max-width: 100%;
    max-height: 100%
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot .sr-proMainInfo-slide-pageInside .img-video {
    border-radius: 50%
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot.selected {
    border: 2px solid var(--background-1)
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page {
    position: absolute;
    letter-spacing: 0px;
    color: #888
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page .active-page {
    font-weight: 600;
    color: #fff
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .big-img-close {
    position: absolute;
    top: 50px;
    right: 50px
}

.sr-layout-detail .sr-layout-left .bigImg-wrap .big-img-close .icon-error {
    font-size: 48px;
    color: rgba(255,255,255,.5);
    cursor: pointer
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide {
        width:704px;
        border-radius: 10.67px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic {
        max-height: 457px;
        height: 70vh
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 28px;
        height: 28px;
        left: 5px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 19.25px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 28px;
        height: 28px;
        right: 5px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 19.25px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page {
        width: 512px;
        transform: translateX(-256px);
        bottom: -54.8px;
        height: 50.8px;
        border-radius: 40px;
        padding: 0 12px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 18.4px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 19.2px;
        margin-top: 2px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 18.4px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 19.2px;
        margin-top: 2px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 263.2px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        margin-left: 8px;
        width: 38.4px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .sr-proMainInfo-slide-pageInside .icon-play {
        font-size: 32px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page {
        right: 40.2px;
        top: 18px;
        font-size: 14.4px;
        line-height: 9.6px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page .active-page {
        font-size: 20.4px;
        line-height: 16.8px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .big-img-close {
        top: 40px;
        right: 40px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .big-img-close .icon-error {
        font-size: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width:32px;
        height: 32px;
        left: 10px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 20px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 32px;
        height: 32px;
        right: 10px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 20px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page {
        width: 674px;
        transform: translateX(-337px);
        bottom: -60px;
        height: 50px;
        border-radius: 53.33px;
        padding: 0 15px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 25px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 25.6px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 25px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 25.6px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 390px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        margin-left: 10px;
        width: 40px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .sr-proMainInfo-slide-pageInside .icon-play {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page {
        right: 74px;
        top: 11px;
        font-size: 12px;
        line-height: 12.8px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page .active-page {
        font-size: 22px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide {
        width:880px;
        border-radius: 13.33px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic {
        max-height: 572px;
        height: 70vh
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 42px;
        height: 42px;
        left: 12px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 42px;
        height: 42px;
        right: 12px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page {
        width: 850px;
        transform: translateX(-425px);
        bottom: -70px;
        height: 60px;
        border-radius: 66.67px;
        padding: 0 16.67px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 30px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 32px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 30px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 32px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 505px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        margin-left: 15px;
        width: 50px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .sr-proMainInfo-slide-pageInside .icon-play {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page {
        right: 91px;
        top: 15px;
        font-size: 12px;
        line-height: 18px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page .active-page {
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1366px) {
    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide {
        width:939px;
        border-radius: 14.23px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic {
        max-height: 610px;
        height: 70vh
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 44px;
        height: 44px;
        left: 15px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 30px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 44px;
        height: 44px;
        right: 15px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 30px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page {
        width: 909px;
        transform: translateX(-454.5px);
        bottom: -76px;
        height: 66px;
        border-radius: 71.15px;
        padding: 0 20px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 33px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 34.15px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 33px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 34.15px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 542px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        margin-left: 15.7px;
        width: 54px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page {
        right: 102px;
        top: 18px;
        font-size: 14px;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .big-img-close {
        top: 45px;
        right: 45px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .big-img-close .icon-error {
        font-size: 40px
    }
}

@media only screen and (min-width: 1480px) {
    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide {
        width:1320px;
        border-radius: 20px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic {
        max-height: 858px;
        height: 70vh
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left {
        width: 52px;
        height: 52px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-left .ob-icon {
        font-size: 36px;
        margin-top: 1px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right {
        width: 52px;
        height: 52px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-pic .large-pic-slide-right .ob-icon {
        font-size: 36px;
        margin-top: 1px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page {
        width: 1280px;
        transform: translateX(-640px);
        bottom: -106px;
        height: 92px;
        border-radius: 100px;
        padding: 0 30px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL {
        margin-top: 46px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnL i {
        font-size: 48px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR {
        margin-top: 46px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageBtnR i {
        font-size: 48px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain {
        width: 755px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .J-pic-dot {
        margin-left: 21px;
        width: 76px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .sr-proMainInfo-slide-pageMain .sr-proMainInfo-slide-pageUl .sr-proMainInfo-slide-pageInside .icon-play {
        font-size: 36px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page {
        right: 140px;
        top: 25px;
        font-size: 16px;
        line-height: 24px
    }

    .sr-layout-detail .sr-layout-left .bigImg-wrap .sr-proMainInfo-slide-page .big-page .active-page {
        font-size: 36px;
        line-height: 42px
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo {
        width:100%;
        margin: 0 auto
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name {
        margin-bottom: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .sr-proMainInfo-baseInfoH1 {
        font-size: 22px;
        line-height: 30px;
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .tag-wrapper .rank-activity-flag {
        padding: 0px 15px 0px 2px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .tag-wrapper .rank-activity-flag .tag-item-common {
        font-size: 14px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .tag-wrapper .rank-activity-flag .tag-item-common .tag-ranking-name {
        margin-left: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .tag-wrapper .deal-activity-flag .deal-activity-flag-item .deal-activity-flag-title {
        font-size: 14px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .icon-list {
        height: 24px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .icon-list .icon-item {
        position: relative;
        width: 24px;
        height: 24px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .icon-list .icon-item .icon-logo {
        width: 24px;
        height: 24px;
        margin-right: 5px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .icon-list .icon-item::after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24PX;
        border-radius: 4px;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        display: block;
        background: rgba(0,0,0,.03);
        pointer-events: none
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .icon-list .icon-item .show-icon-text .icon-logo {
        width: 20px;
        height: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property {
        margin-top: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related {
        margin-bottom: 5px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .attr-line {
        border-bottom: 1px solid #e9eef4
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div {
        padding-top: 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div {
        margin-bottom: 15px;
        padding-right: 80px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div .swiper-money-container {
        font-size: 28px;
        font-weight: 600;
        line-height: 30px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div .swiper-unit-container {
        font-size: 14px;
        font-weight: normal;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .no-priceNum {
        padding: 20px 0 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .no-priceNum .no-price-tr-style .no-price-color {
        font-size: 28px;
        font-weight: 600;
        color: #222;
        line-height: 30px;
        padding: 0 10px 0 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .no-priceNum .no-price-tr-style .mini-font-size {
        font-size: 14px;
        font-weight: 400;
        color: #222;
        line-height: 21px;
        padding: 0 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .only-one-priceNum {
        padding: 20px 0 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .only-one-priceNum .only-one-priceNum-tr .only-one-priceNum-td-left {
        font-size: 28px;
        font-weight: 600;
        color: #222;
        line-height: 30px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .only-one-priceNum .only-one-priceNum-tr .only-one-priceNum-td-left .only-one-priceNum-td-splite {
        font-size: 14px;
        font-weight: 400;
        color: #888;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .only-one-priceNum .only-one-priceNum-tr .only-one-priceNum-price {
        font-size: 14px;
        font-weight: 400;
        color: #888;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box {
        margin-top: 5px;
        padding-bottom: 5px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-info .coupon-info-list-item {
        font-size: 14px;
        line-height: 21px;
        font-weight: normal;
        padding: 0 10px 0 8px;
        border-radius: 4px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-info .coupon-info-list-item::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        background: url("https://www.micstatic.com/landing/www/product/img/icon/coupon-icon_4a2f9d8f.png") no-repeat center;
        background-size: 100% 100%;
        vertical-align: middle
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-info .coupon-info-list-item:nth-of-type(n+2) {
        display: none
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-info .coupon-info-select {
        margin-left: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-info .coupon-info-select span {
        font-size: 14px;
        font-weight: 600;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-info .coupon-info-select .ob-icon {
        font-size: 16px;
        font-weight: normal;
        line-height: 26px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-list {
        left: 120px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related.activity {
        background: none
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-countdown-box {
        max-width: 700px;
        border-radius: 4px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .coupon-and-getlastprice {
        display: flex;
        justify-content: space-between;
        padding-right: 6px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .coupon-and-getlastprice .getlastprice-wrapper {
        display: flex;
        align-items: center
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .coupon-and-getlastprice .getlastprice-wrapper .getlastprice-a {
        color: #007dfa;
        font-size: 15px;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title {
        margin-bottom: 8px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title span {
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title span:nth-of-type(1) {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title span:nth-of-type(2) {
        font-size: 24px;
        font-weight: normal;
        line-height: 28px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title span:nth-of-type(2) .ob-icon {
        color: #555;
        font-size: 24px;
        font-weight: bold;
        line-height: 28px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title:hover:nth-of-type(2) .ob-icon {
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table {
        font-size: 14px;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr th {
        padding-bottom: 10px;
        padding-right: 20px;
        box-sizing: content-box
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr td {
        padding-bottom: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table.order-attr-table th {
        padding-bottom: 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table.order-attr-table td {
        padding-bottom: 15px;
        font-weight: normal
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table.order-attr-table .select {
        border: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table.order-attr-table .select .select-title .select-selected {
        padding: 0 0 0 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table.order-attr-table .select .select-title .select-selected .select-opt-text {
        text-decoration: underline;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        color: #555
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table.order-attr-table .select .select-title .select-arrow .micon {
        font-weight: 700
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block {
        margin-top: 10px;
        margin-bottom: 10px;
        flex-wrap: wrap;
        padding: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block {
        width: 32%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block+.button-block {
        margin-left: 2%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block .button-link-order {
        width: 100%;
        height: 44px;
        text-align: center;
        border: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 44px;
        border-radius: 22px;
        padding: 0 4px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block .button-link-contact {
        width: 100%;
        height: 44px;
        text-align: center;
        border: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 41px;
        border-radius: 22px;
        color: var(--background-1);
        box-sizing: border-box;
        border: 1.5px solid var(--background-1);
        background: #fff
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block .button-link-contact .icon-mail {
        margin-right: 5px;
        font-size: 20px;
        font-weight: 700;
        line-height: 41px;
        vertical-align: -8%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block .button-link-contact:hover {
        color: var(--background-1);
        border: 1.5px solid var(--background-1)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat {
        height: 44px;
        border-radius: 22px;
        box-sizing: border-box;
        border: 1.5px solid #555;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 15px;
        cursor: pointer
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a {
        font-size: 16px;
        font-weight: 600;
        color: #555;
        position: relative;
        padding-left: 24px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a.tm-status-on {
        position: relative;
        padding-left: 25px;
        color: #555;
        line-height: 20px;
        background: url("/zalo.webp") no-repeat 0 center;
        background-size: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a.tm-status-on::before {
        content: "";
        position: absolute;
        top: -4px;
        left: 12px;
        width: 8px;
        height: 8px;
        background: #00c88c;
        border-radius: 50%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a.tm-placeholder {
        position: relative;
        padding-left: 25px;
        line-height: 23px;
        color: #555;
        background: url("https://www.micstatic.com/landing/www/product/img/tm_loading_3fa56aba.gif") no-repeat 0 center
    }
}

@media only screen and (min-width: 100px)and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-width: 100px)and (min--moz-device-pixel-ratio: 1.5) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a.tm-status-on {
        background:url("/zalo.webp") no-repeat 0 center;
        background-size: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a.tm-placeholder {
        background: url("https://www.micstatic.com/landing/www/product/img/tm_loading_3fa56aba.gif") no-repeat 0 center;
        background-size: 23px
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a.tm-status-off {
        color:#555;
        line-height: 23px;
        padding-left: 25px;
        background-size: 20px
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat a {
        display:none
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat b+a {
        display:inline-block
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat:hover {
        border:1.5px solid #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat:hover a {
        color: #222
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block:first-of-type .btns {
        color:#fff;
        border: unset;
        background-color: var(--background-1);
        line-height: 44px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block:first-of-type .btns:hover {
        color: #fff!important;
        border: unset;
        background: var(--background-1);
        opacity: 0.8;
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .contact-btn:first-child {
        width:auto
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button {
        justify-content:space-between
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button .button-block {
        width: calc(50% - 10px) !important
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button .button-block.sr-side-contSupplier-chat {
        margin-left: 0
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top {
        border:0;
        padding-bottom: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box {
        display: flex;
        align-items: center;
        background: linear-gradient(270deg, #FEFEFF 39%, #F2F5F8 100%);
        border-radius: 0px 0px 5px 5px;
        padding: 0px 10px;
        justify-content: space-between
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .add_factory-icon {
        cursor: default;
        display: flex
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .add_factory-icon .factory {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        padding: 10px 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .add_factory-icon .factory .tip-gold {
        display: none;
        top: 40px;
        left: 0;
        width: -moz-max-content;
        width: max-content;
        z-index: 10
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .add_factory-icon .factory .factory-icon {
        height: 16px;
        margin-right: 5px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .add_factory-icon .factory:hover .tip-gold {
        display: block
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores {
        padding: 6px 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating {
        display: flex;
        white-space: nowrap
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate {
        position: relative
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .star-icon {
        margin-right: 3px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent1 {
        right: 14.5px;
        width: 1.5px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent2 {
        right: 13px;
        width: 3px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent3 {
        right: 11px;
        width: 5px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent4 {
        right: 9.5px;
        width: 6.5px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent5 {
        right: 8px;
        width: 8px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent6 {
        right: 6.5px;
        width: 9.5px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent7 {
        right: 5px;
        width: 11px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent8 {
        right: 3px;
        width: 13px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .percent9 {
        right: 1.5px;
        width: 14.5px;
        position: absolute;
        bottom: 1px;
        overflow: hidden
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate:hover+.review-score {
        color: var(--background-1)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-score {
        margin-left: 3px;
        margin-top: 3px;
        font-weight: 600;
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-score:hover {
        color: var(--background-1)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-score a {
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-score a:hover {
        color: var(--background-1)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-label {
        font-weight: bold;
        margin-right: 5px;
        margin-top: 2px;
        color: #222;
        cursor: default
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-btn {
        color: #222;
        font-size: 14px;
        cursor: pointer;
        margin-left: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-btn :active {
        color: var(--background-1)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one {
        height: 68px;
        box-sizing: border-box;
        padding: 10px 15px 10px 10px;
        background: url("https://www.micstatic.com/landing/www/product/img/icon/company-bg_735e780c.png") top right/auto 100% no-repeat,linear-gradient(90deg, #E6ECF2 -16%, rgba(236, 241, 245, 0.09) 105%);
        border-radius: 5px 5px 0px 0px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-logo {
        width: 48px;
        height: 48px;
        margin-right: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info {
        max-width: unset;
        flex: 1
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .sr-comInfo-title {
        display: inline-block;
        max-width: 100%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .sr-comInfo-title .title-txt {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .sr-comInfo-title .title-txt .icon-right {
        font-size: 20px;
        line-height: 26px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .sr-comInfo-title.has360 {
        margin-right: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .info-item-out {
        display: flex;
        font-size: 14px;
        font-weight: normal;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .info-item-out .info-businessType {
        margin-right: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: calc(100% - 130px)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .info-item-out .info-item {
        display: block
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper {
        display: flex;
        justify-content: space-between
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail {
        width: 38px;
        height: 38px;
        background: #fff;
        border-radius: 19px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item .ob-icon,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location .ob-icon,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail .ob-icon {
        font-size: 22px;
        color: #555
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item .tip-gold,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location .tip-gold,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail .tip-gold {
        white-space: nowrap;
        top: -50px;
        right: 0;
        border-radius: 4px;
        border: 0;
        padding: 5px 10px;
        box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item .tip-gold .arrow-out,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location .tip-gold .arrow-out,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail .tip-gold .arrow-out {
        left: unset;
        right: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item .tip-gold .tip-con,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location .tip-gold .tip-con,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail .tip-gold .tip-con {
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item:hover .ob-icon,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location:hover .ob-icon,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail:hover .ob-icon {
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item:hover .tip-gold,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location:hover .tip-gold,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail:hover .tip-gold {
        display: block
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location {
        margin-left: 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two {
        padding: 10px 10px 0 10px;
        border: 0;
        margin: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item {
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
        color: #222;
        display: flex;
        height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item .tip-gold {
        padding: 0;
        position: relative;
        height: -moz-fit-content;
        height: fit-content;
        flex: 1;
        left: unset;
        right: unset;
        top: -4px;
        bottom: unset;
        margin-left: 8px;
        box-shadow: none;
        z-index: 9
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item .tip-gold::before {
        content: "";
        position: absolute;
        border-color: transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        border-right-color: #fff;
        top: 7px;
        left: -6px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item .tip-gold .gold-content {
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 4px;
        padding: 5px 10px;
        box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item .tip-gold .gold-content .tip-con {
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item.as-logo-wrap {
        margin-top: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv {
        display: flex;
        margin-bottom: 10px;
        align-items: center
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper {
        background: #fff;
        box-sizing: border-box;
        border: 1px solid #e0e7f0;
        padding: 0 5px;
        border-radius: 4px;
        margin-left: 28px;
        width: -moz-fit-content;
        width: fit-content
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper .gmv-wrapper-a {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: #888
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper .gmv-wrapper-a span {
        font-weight: 600;
        color: #79bc28
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three {
        padding: 10px 10px 0 10px;
        font-size: 14px;
        font-weight: normal;
        line-height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item {
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
        color: #222;
        display: flex;
        height: 21px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item .item-icon {
        margin-right: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item .tip-gold {
        padding: 0;
        position: relative;
        height: -moz-fit-content;
        height: fit-content;
        flex: 1;
        left: unset;
        right: unset;
        top: -4px;
        bottom: unset;
        margin-left: 8px;
        box-shadow: none;
        border: 0;
        display: none;
        z-index: 9
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item .tip-gold::before {
        content: "";
        position: absolute;
        border-color: transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        border-right-color: #fff;
        top: 7px;
        left: -6px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item .tip-gold .gold-content {
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 4px;
        padding: 5px 10px;
        box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item .tip-gold .gold-content .tip-con {
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item:hover .tip-gold {
        display: block
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .verified-list .verified-item {
        line-height: 18px;
        display: flex;
        height: 18px;
        padding-left: 30px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .verified-list .verified-item .tip-gold {
        padding: 0;
        position: relative;
        height: -moz-fit-content;
        height: fit-content;
        flex: 1;
        left: unset;
        right: unset;
        top: -4px;
        bottom: unset;
        margin-left: 8px;
        box-shadow: none;
        transform: none;
        z-index: 9;
        border: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .verified-list .verified-item .tip-gold::before {
        content: "";
        position: absolute;
        border-color: transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        border-right-color: #fff;
        top: 7px;
        left: -6px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .verified-list .verified-item .tip-gold .gold-content {
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 4px;
        padding: 5px 10px;
        box-shadow: 0px 3px 3px -3px rgba(0,0,0,.12),0px 6px 10px 0px rgba(0,0,0,.06),0px 9px 16px 8px rgba(0,0,0,.03)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .verified-list .verified-item .tip-gold .gold-content .tip-con {
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
        color: #222
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .detail-col .info-item {
        display: flex;
        flex-direction: column
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .detail-col .info-item.hasicon {
        flex-direction: row
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .detail-col .info-item.hasicon .info-fields {
        padding-left: 8px;
        margin-top: 0px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .detail-col .info-item .info-label {
        padding-left: 30px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .detail-col .info-item .info-fields {
        padding-left: 30px;
        margin-top: 5px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .detail-col .info-item+.info-item {
        margin-top: 5px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three.no-margin {
        padding: 5px 10px 0 10px
    }
}

@media only screen and (min-width: 1024px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo {
        width:calc(100% - 580px)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .sr-proMainInfo-baseInfoH1 {
        font-size: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .tag-wrapper .rank-activity-flag .tag-item-common {
        font-size: 14px;
        font-weight: 500
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .tag-wrapper .deal-activity-flag .deal-activity-flag-item .deal-activity-flag-title {
        font-size: 12px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div {
        padding-right: 40px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div .swiper-money-container {
        font-size: 24px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .no-priceNum .no-price-tr-style .no-price-color {
        font-size: 24px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .only-one-priceNum .only-one-priceNum-tr .only-one-priceNum-td-left {
        font-size: 24px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-list {
        left: unset;
        right: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title {
        margin-bottom: 8px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title span:nth-of-type(1) {
        font-size: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block {
        width: 49%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block+.button-block {
        margin-left: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.order-button-block {
        width: 100%;
        margin-bottom: 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat {
        margin-left: 2%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .sr-side-contSupplier-chat:nth-child(2) {
        width: auto
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button {
        justify-content: flex-start
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button .button-block {
        width: auto !important
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button .button-block.sr-side-contSupplier-chat {
        margin-left: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info {
        max-width: unset;
        width: 238px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .info-item {
        display: flex;
        font-size: 14px;
        font-weight: normal;
        line-height: 25px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv {
        display: flex;
        margin-bottom: 10px;
        flex-direction: column;
        align-items: flex-start
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper {
        background: #fff;
        box-sizing: border-box;
        border: 1px solid #e0e7f0;
        padding: 0 5px;
        border-radius: 4px;
        margin-left: 28px;
        margin-top: 5px;
        width: -moz-fit-content;
        width: fit-content
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper .gmv-wrapper-a {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: #888
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper .gmv-wrapper-a span {
        font-weight: 600;
        color: #79bc28
    }
}

@media only screen and (min-width: 1280px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo {
        width:calc(100% - 720px)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .sr-proMainInfo-baseInfoH1 {
        font-size: 22px;
        line-height: 28px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div {
        padding-top: 16px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div {
        padding-right: 60px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .no-priceNum .no-price-tr-style .no-price-color {
        font-size: 26px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .only-one-priceNum .only-one-priceNum-tr .only-one-priceNum-td-left {
        font-size: 26px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title {
        margin-bottom: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title span:nth-of-type(1) {
        font-size: 22px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .sr-side-contSupplier-chat:nth-child(2) {
        width: 40%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button {
        justify-content: space-between
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button .button-block {
        width: calc(50% - 10px) !important
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block.two-button .button-block.sr-side-contSupplier-chat {
        margin-left: 0
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .rating-box .review-scores .score-item-rating .review-rate .star-icon:nth-of-type(n + 2) {
        display: inline-block
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info {
        max-width: unset
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .sr-comInfo-title .title-txt {
        font-size: 18px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail {
        width: 40px;
        height: 40px;
        border-radius: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .sign-item .ob-icon,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location .ob-icon,.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location-detail .ob-icon {
        font-size: 24px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .operate-wrapper .company-location {
        margin-left: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv {
        flex-direction: row
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper {
        margin-top: 0;
        margin-left: 5px
    }
}

@media only screen and (min-width: 1366px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo {
        width:calc(100% - 770px)
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div {
        padding-top: 20px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div {
        padding-right: 60px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div .swiper-money-container {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .no-priceNum .no-price-tr-style .no-price-color {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .only-one-priceNum .only-one-priceNum-tr .only-one-priceNum-td-left {
        font-size: 28px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr table {
        font-size: 15px;
        line-height: 22px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr th {
        padding-right: 40px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two {
        padding: 15px 10px 0 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item {
        font-size: 15px;
        line-height: 22px;
        height: 22px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .sign-item.as-logo-wrap {
        margin-top: 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv {
        margin-bottom: 14px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper {
        margin-left: 9px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two .trade-service-gmv .gmv-wrapper .gmv-wrapper-a {
        font-size: 15px;
        line-height: 22px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three {
        padding: 15px 10px 0 10px;
        font-size: 15px;
        line-height: 22px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .com-place-three .sign-item {
        font-size: 15px;
        line-height: 22px;
        height: 22px
    }
}

@media only screen and (min-width: 1480px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo {
        width:600px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property {
        margin-top: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div {
        padding-right: 80px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .activity-coupon-box .coupon-info .coupon-info-list-item {
        font-weight: bold
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title {
        margin-bottom: 10px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr th {
        padding-right: 54px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block {
        margin-bottom: 15px
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block {
        width: 32%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block+.button-block {
        /* margin-left: 2% */
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.order-button-block {
        width: 32%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block .button-link-order {
        width: 100%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block .button-link-contact {
        width: 100%
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info {
        width: 417px
    }
}

@media only screen and (min-width: 100px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo {
        display:flex;
        flex-direction: column
    }

    .sr-layout-detail .sr-layout-left .sr-proMainInfo .sr-proMainInfo-baseInfo {
        order: 2
    }
}

@media only screen and (min-width: 1024px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo {
        display:block
    }
}

.sr-layout-detail .sr-layout-right {
    display: none
}

.sr-layout-detail.clears::after {
    content: "";
    display: block;
    clear: both
}

.detail-tab-item .bsc-info,.detail-tab-item .sr-layout-subblock-topinfo {
    border-width: 0
}

.detail-tab-item .sr-layout-subblock-topinfo {
    padding: 30px
}

.detail-tab-item .bsc-info {
    padding: 20px 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.detail-tab-item .detail-desc {
    padding: 20px 0
}

.sr-side-proGroup .sr-side-proGroupR-moreSpace {
    position: relative
}

.sr-side-proGroup .sr-side-proGroupR-moreSpace .moreGroup {
    cursor: pointer
}

.sr-side-proGroup .sr-side-proGroupR-moreSpace .moreGroup:hover {
    text-decoration: underline
}

.sr-side-proGroup .sr-side-proGroupR-moreSpace i {
    cursor: pointer
}

.sr-side-proGroup .sr-side-proGroupR-moreSpace.more .group-pdf {
    position: absolute;
    top: 12px;
    right: 21px;
    text-align: left
}

.sr-side-proGroup .sr-side-proGroupR-moreSpace .group-pdf {
    cursor: pointer;
    color: #2e8ae6;
    padding: 0;
    text-align: right
}

.sr-side-proGroup .sr-side-proGroupR-moreSpace .group-pdf:hover {
    color: var(--background-1);
    background: transparent
}

.company-profile-content .richtext-nav {
    z-index: 3;
    display: block !important
}

.detail-tab-item .richtext-nav {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #e6ecf2;
    box-shadow: unset;
    z-index: 3
}

.detail-tab-item .richtext-nav .richtext-nav-item {
    height: 38px;
    line-height: 38px
}

.detail-tab-item .richtext-nav ul.richtext-nav-ul li.active {
    color: #222;
    font-weight: 600
}

.detail-tab-item .richtext-nav ul.richtext-nav-ul li.active::after {
    background: #222;
    bottom: 1px;
    height: 2px
}

.detail-tab-item .richtext-nav ul.richtext-nav-ul li:hover {
    color: #222
}

.detail-tab-item .richtext-nav ul.richtext-nav-ul li:hover::after {
    background: #222;
    bottom: 1px;
    height: 2px
}

.sr-layout-resp .sr-side-maylike-num {
    font-weight: 500
}

.sr-layout-resp .sr-layout-extra .sr-side-searchBar {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0
}

@media only screen and (max-width: 1024px) {
    .sr-layout-resp .sr-layout-extra {
        display:block
    }
}

@media only screen and (max-width: 1023px) {
    .sr-layout-resp .sr-layout-extra {
        display:none
    }
}

@media only screen and (max-width: 1024px) {
    .sr-layout-resp .sr-layout-main {
        width:calc(100% - 300px - 20px)
    }
}

@media only screen and (max-width: 1023px) {
    .sr-layout-resp .sr-layout-main {
        width:100%
    }
}

.sr-layout-resp .sr-layout-main .sr-layout-block {
    border: unset
}

.sr-layout-resp .sr-layout-main .detail-tab-new {
    position: relative;
    margin-bottom: 70px
}

.sr-layout-resp .sr-layout-main .product-description {
    margin-bottom: 70px;
    max-height: 3000px;
    position: relative
}

.sr-layout-resp .sr-layout-main .view-more-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more {
    position: relative;
    height: 198px;
    background: linear-gradient(0deg, #F5F7FA 0%, rgba(216, 216, 216, 0) 96%, rgba(216, 216, 216, 0) 96%);
    z-index: 2
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-btn {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    padding: 7px 10px 7px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #ced3d9;
    border-radius: 100px;
    color: #222;
    cursor: pointer
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-btn:hover {
    background: #f0f1f2
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-title {
    margin-right: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f1f2;
    border-radius: 50%
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-icon img {
    max-width: 100%;
    max-height: 100%
}

.sr-layout-resp .sr-layout-main .msg-block {
    padding-top: 30px;
    border-top: 1px solid #ced3d9
}

.sr-layout-resp .sr-layout-main .msg-block .sr-txt-title {
    margin-bottom: 15px
}

.sr-layout-resp .sr-layout-main .msg-block .sr-txt-title .sr-txt-h2 {
    font-size: 24px
}

.sr-layout-resp .sr-layout-main .msg-block .sr-sendMsg {
    padding: 25px 0;
    background: #f5f7fa;
    border-radius: 3px
}

@media only screen and (max-width: 1140px) {
    .sr-layout-resp .sr-layout-main .detail-tab .com-block-tab .tab-item {
        width:25%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        text-align: center
    }

    .sr-layout-resp .sr-layout-main .detail-tab .com-block-tab .tab-item:last-child {
        width: 30%
    }
}

@media only screen and (min-width: 1139px)and (max-width: 1360px) {
    .sr-layout-resp .sr-layout-main .detail-tab .com-block-tab .tab-item {
        padding:0 36px
    }
}

.sr-layout-resp .sr-layout-main .J-also-viewed,.sr-layout-resp .sr-layout-main .sr-related-videos {
    padding: 20px
}

.sr-layout-resp .sr-layout-main .content-video-item .sr-proList-pic .video-mark {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 26px;
    height: 20px;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2021/icon/video_09086d31.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 20px
}

.sr-layout-resp .sr-layout-main .sr-layout-col-5 .sr-proList-pic {
    border: 1px solid #dae0e6
}

.sr-layout-resp .sr-layout-main .cke-navigation-overview {
    padding: 0;
    height: 0;
    visibility: hidden;
    font-weight: normal;
    line-height: 24px;
    border-bottom: 1px solid #dfdfdf
}

@media only screen and (max-width: 1024px) {
    .sr-layout-resp .sr-layout-main {
        width:calc(100% - 300px - 20px)
    }
}

@media only screen and (max-width: 1023px) {
    .sr-layout-resp .sr-layout-main {
        width:100%
    }
}

.sr-layout-resp .sr-layout-main .sr-layout-block {
    border: unset
}

.sr-layout-resp .sr-layout-main .detail-tab-new {
    position: relative;
    margin-bottom: 70px
}

.sr-layout-resp .sr-layout-main .product-description {
    margin-bottom: 70px;
    max-height: 3000px;
    position: relative
}

.sr-layout-resp .sr-layout-main .view-more-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more {
    position: relative;
    height: 198px;
    background: linear-gradient(0deg, #F5F7FA 0%, rgba(216, 216, 216, 0) 96%, rgba(216, 216, 216, 0) 96%);
    z-index: 2
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-btn {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    padding: 7px 10px 7px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #ced3d9;
    border-radius: 100px;
    color: #222;
    cursor: pointer
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-btn:hover {
    background: #f0f1f2
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-title {
    margin-right: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f1f2;
    border-radius: 50%
}

.sr-layout-resp .sr-layout-main .view-more-wrapper .view-more .view-more-icon img {
    max-width: 100%;
    max-height: 100%
}

.sr-layout-resp .sr-layout-main .msg-block {
    padding-top: 30px;
    border-top: 1px solid #ced3d9
}

.sr-layout-resp .sr-layout-main .msg-block .sr-txt-title {
    margin-bottom: 15px
}

.sr-layout-resp .sr-layout-main .msg-block .sr-txt-title .sr-txt-h2 {
    font-size: 24px
}

.sr-layout-resp .sr-layout-main .msg-block .sr-sendMsg {
    padding: 25px 0;
    background: #f5f7fa;
    border-radius: 3px
}

@media only screen and (max-width: 1140px) {
    .sr-layout-resp .sr-layout-main .detail-tab .com-block-tab .tab-item {
        width:25%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        text-align: center
    }

    .sr-layout-resp .sr-layout-main .detail-tab .com-block-tab .tab-item:last-child {
        width: 30%
    }
}

@media only screen and (min-width: 1139px)and (max-width: 1360px) {
    .sr-layout-resp .sr-layout-main .detail-tab .com-block-tab .tab-item {
        padding:0 36px
    }
}

.sr-layout-resp .sr-layout-main .J-also-viewed,.sr-layout-resp .sr-layout-main .sr-related-videos {
    padding: 20px
}

.sr-layout-resp .sr-layout-main .content-video-item .sr-proList-pic .video-mark {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 26px;
    height: 20px;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2021/icon/video_09086d31.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 20px
}

.sr-layout-resp .sr-layout-main .sr-layout-col-5 .sr-proList-pic {
    border: 1px solid #dae0e6
}

.sr-layout-resp .sr-layout-main .cke-navigation-overview {
    padding: 0;
    height: 0;
    visibility: hidden;
    font-weight: normal;
    line-height: 24px;
    border-bottom: 1px solid #dfdfdf
}

.sr-side-proGroup .sr-side-proGroup-list {
    margin: 0
}

.sr-side-proGroup .sr-side-proGroup-list li a {
    padding: 10px 20px
}

.sr-side-proGroup .sr-side-proGroupR-list {
    margin: 0
}

.sr-side-proGroup .sr-side-proGroupR-list li a {
    padding: 10px 20px
}

.sr-side-proGroup .sr-side-proGroupR-list li.sr-side-proGroupR-rightSpace a {
    padding-right: 86px
}

@media only screen and (max-width: 1023px) {
    .m-header .layout-2-wings.m-cate-search-rfq.m-search-fixed .layout-body {
        margin:0 200px 0 0
    }

    .m-header .layout-2-wings.m-cate-search-rfq.m-search-fixed .layout-wing-right {
        top: 11px;
        right: 14px
    }

    .m-header .layout-2-wings.m-cate-search-rfq.m-search-fixed .layout-wing-right .m-rfq {
        border: 1px solid #dae0e5
    }

    .m-header .layout-2-wings.m-cate-search-rfq.m-search-fixed .m-search-bar .layout-body .m-search-camera {
        right: 20px
    }
}

body .com-block-tab {
    margin: 0
}

body .sr-proMainInfo-slide .tip-online {
    position: fixed
}

body .question .qa-form .sr-layout-block {
    padding: 20px
}

body .company-profile-content .sr-layout-block {
    padding: 20px 0
}

body .sr-QPWords-col-3 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start
}

body .sr-QPWords-col-3 .sr-QPWords-item {
    float: none
}

body .sr-QP-content {
    padding-top: 30px
}

.mini-live,.live-widget {
    right: 0;
    bottom: 342px
}

.float-action-box {
    bottom: 77px !important
}

.also-viewed-wrap {
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ced3d9
}

.also-viewed-wrap .sr-txt-title {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    color: #222
}

@media only screen and (max-width: 1024px) {
    .also-viewed-wrap .sr-txt-title {
        margin-bottom:10px
    }
}

.also-viewed-wrap .also-viewed-content {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

@media only screen and (max-width: 1024px) {
    .also-viewed-wrap .also-viewed-content {
        margin:0 -10px
    }
}

.also-viewed-wrap .also-viewed-content .also-viewed-item {
    position: relative;
    margin-bottom: 20px;
    padding: 15px;
    width: 20%;
    border-radius: 10px
}

.also-viewed-wrap .also-viewed-content .also-viewed-item:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.1)
}

@media only screen and (max-width: 1024px) {
    .also-viewed-wrap .also-viewed-content .also-viewed-item {
        padding:10px
    }
}

@media only screen and (max-width: 768px) {
    .also-viewed-wrap .also-viewed-content .also-viewed-item {
        width:25%
    }
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .also-viewed-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .sr-proList-pic {
    position: relative;
    padding-top: 100%;
    width: 100%;
    font-size: 0;
    height: 0;
    border-radius: 10px;
    overflow: hidden
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .sr-proList-pic::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background: rgba(0,0,0,.03);
    pointer-events: none
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .sr-proList-pic img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .sr-proList-name {
    margin-bottom: 15px
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .sr-proList-name a {
    color: #222
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .sr-proList-price .sr-proList-num {
    font-size: 18px;
    font-weight: 600;
    color: #222
}

.also-viewed-wrap .also-viewed-content .also-viewed-item .sr-proList-price .sr-proList-unit {
    font-size: 12px;
    font-weight: 400;
    color: #555
}

.related-videos-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ced3d9
}

@media screen and (max-width: 1024px) {
    .related-videos-wrap {
        padding-top:25px;
        padding-bottom: 25px
    }
}

.related-videos-wrap .sr-txt-title {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    color: #222
}

@media screen and (max-width: 1024px) {
    .related-videos-wrap .sr-txt-title {
        margin-bottom:10px
    }
}

.related-videos-wrap .related-videos-content {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .related-videos-wrap .related-videos-content {
        margin:0 -10px
    }
}

.related-videos-wrap .related-videos-content .content-video-item {
    position: relative;
    padding: 15px 15px 20px;
    width: 20%;
    border-radius: 10px
}

@media screen and (max-width: 1024px) {
    .related-videos-wrap .related-videos-content .content-video-item {
        padding:10px
    }
}

@media screen and (max-width: 768px) {
    .related-videos-wrap .related-videos-content .content-video-item {
        width:25%
    }
}

@media screen and (max-width: 768px) {
    .related-videos-wrap .related-videos-content .content-video-item:last-child {
        display:none
    }
}

.related-videos-wrap .related-videos-content .content-video-item:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.1)
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-pic {
    position: relative;
    padding-top: 100%;
    width: 100%;
    font-size: 0;
    height: 0;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-pic::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background: rgba(0,0,0,.03);
    pointer-events: none
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-pic img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-pic .video-mark {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 26px;
    height: 20px;
    background-image: url("https://www.micstatic.com/landing/www/product/img/2021/icon/video_09086d31.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 20px
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-pic .video-player {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    pointer-events: none
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-name {
    margin-top: 10px;
    -webkit-tap-highlight-color: transparent
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-name a {
    color: #222;
    font-weight: 600
}

.related-videos-wrap .related-videos-content .content-video-item .sr-proList-name:hover {
    text-decoration: underline
}

.detail-icon.modal {
    z-index: 1000 !important;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.4)
}

.detail-icon.modal .modal-content {
    border-radius: 5px;
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 900px;
    height: -moz-max-content;
    height: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.detail-icon.modal .modal-header {
    padding-left: 20px;
    padding-right: 20px;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #555
}

.detail-icon.modal .modal-header h2 {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.detail-icon.modal .modal-header h2 {
    margin: 0
}

.detail-icon.modal .close {
    color: #aaa;
    font-size: 18px;
    cursor: pointer
}

.detail-icon.modal .close:hover,.detail-icon.modal .close:focus {
    color: #000
}

.detail-icon.modal .modal-body {
    position: relative;
    text-align: center
}

.detail-icon.modal .modal-body .image-container {
    background-color: #f5f7fa;
    height: 447px;
    display: flex;
    justify-content: center;
    align-items: center
}

.detail-icon.modal .modal-body img {
    height: 407px;
    width: auto;
    max-width: 700px;
    -o-object-fit: contain;
    object-fit: contain
}

.detail-icon.modal .modal-body .nav-btn {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: #fff;
    box-shadow: 0px 4.5px 7.5px 0px rgba(0,0,0,.06),0px 6.75px 12px 6px rgba(0,0,0,.03);
    color: #555;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1001
}

.detail-icon.modal .modal-body .prev-btn {
    left: 20px
}

.detail-icon.modal .modal-body .prev-btn .icon-left {
    font-size: 24px
}

.detail-icon.modal .modal-body .next-btn {
    right: 20px
}

.detail-icon.modal .modal-body .next-btn .icon-right {
    font-size: 24px
}

.detail-icon.modal .modal-body .description {
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
    height: auto;
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    text-align: center
}

.detail-icon.modal .modal-body .description .title-des {
    color: #222;
    font-weight: bold
}

.detail-icon.modal .modal-body .description .time-des {
    font-size: 13px;
    color: #888
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name {
    position: relative
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list {
    cursor: pointer;
    display: flex;
    height: 20px;
    flex-wrap: nowrap;
    margin-bottom: 10px
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    position: relative;
    margin-right: 5px
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 100%
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item .icon-logo {
    position: absolute;
    width: 24px;
    height: 24px
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background: rgba(0,0,0,.03);
    pointer-events: none
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item.icon-text {
    flex-shrink: 0;
    position: relative;
    font-size: 14px;
    width: auto;
    text-wrap: nowrap
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item.icon-text .show-icon-text {
    vertical-align: middle
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item.icon-text .show-icon-text .icon-logo {
    width: 20px;
    height: 20px;
    margin: 2px 0;
    margin-left: 5px
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item.icon-text .show-icon-text .icon-txt {
    color: #555;
    font-size: 14px;
    padding-left: 28px;
    padding-right: 5px
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item.icon-text .show-icon-text::after {
    content: "";
    position: absolute;
    width: auto;
    height: 24px;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background: rgba(0,0,0,.03);
    pointer-events: none
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item.icon-text:hover .tip-gold {
    display: block
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .icon-item.icon-text::after {
    content: none
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .more-icon {
    cursor: pointer;
    font-size: 16px;
    width: auto;
    height: 22px;
    text-decoration: underline;
    position: absolute;
    right: 0;
    line-height: 22px
}

.sr-layout-detail .sr-layout-content .sr-proMainInfo-baseInfo .icon-list .more-icon .icon-right {
    padding-left: 5px
}

.recommend_similar_product_wrap {
    padding: 0 10px
}

.sr-similar-product-block {
    margin-bottom: 20px;
    background: #fff
}

.sr-similar-product-block .sr-txt-title {
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #222
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-cnt {
    position: relative
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container {
    padding: 10px 5px 10px;
    overflow: auto;
    scroll-behavior: smooth;
    white-space: nowrap
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item {
    position: relative;
    padding: 10px;
    display: inline-block;
    width: 16.667%;
    border-radius: 10px
}

@media screen and (max-width: 1366px) {
    .sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item {
        width:20%
    }
}

@media screen and (max-width: 768px) {
    .sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item {
        width:25%
    }
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item:last-child {
    margin-right: 0px
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.1)
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-pic {
    position: relative;
    padding-top: 100%;
    width: 100%;
    font-size: 0;
    height: 0;
    border-radius: 10px;
    overflow: hidden
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-pic::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background: rgba(0,0,0,.03);
    pointer-events: none
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-pic img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-txt .sr-similar-product-name {
    margin-top: 10px;
    min-height: 45px;
    color: #222;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-txt .sr-similar-product-name a {
    color: #222
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-txt .sr-similar-product-price {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-txt .sr-similar-product-price .sr-similar-product-num {
    font-size: 18px;
    font-weight: 600;
    color: #222
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-txt .sr-similar-product-price .sr-similar-product-unit {
    font-size: 12px;
    color: #888
}

.sr-similar-product-block .sr-similar-product-wrap .sr-similar-product-container .sr-similar-product-item .sr-similar-product-txt .sr-similar-product-moq {
    margin-top: 5px;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sr-similar-product-block .sr-similar-product-wrap .btn-prev,.sr-similar-product-block .sr-similar-product-wrap .btn-next {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.85);
    box-shadow: 0 6px 10px 5px rgba(0,0,0,.03),0 4px 6px 0px rgba(0,0,0,.06);
    z-index: 2;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 1024px) {
    .sr-similar-product-block .sr-similar-product-wrap .btn-prev,.sr-similar-product-block .sr-similar-product-wrap .btn-next {
        width:32px;
        height: 32px
    }
}

.sr-similar-product-block .sr-similar-product-wrap .btn-prev .ob-icon,.sr-similar-product-block .sr-similar-product-wrap .btn-next .ob-icon {
    font-size: 24px;
    color: #222
}

.sr-similar-product-block .sr-similar-product-wrap .btn-prev .icon-right,.sr-similar-product-block .sr-similar-product-wrap .btn-next .icon-right {
    margin-left: 2px
}

.sr-similar-product-block .sr-similar-product-wrap .btn-next {
    top: calc((100% - 154px) / 2);
    right: 8px
}

@media screen and (max-width: 1024px) {
    .sr-similar-product-block .sr-similar-product-wrap .btn-next {
        top:calc((100% - 150px) / 2)
    }
}

.sr-similar-product-block .sr-similar-product-wrap .btn-prev {
    top: calc((100% - 154px) / 2);
    left: 8px
}

@media screen and (max-width: 1024px) {
    .sr-similar-product-block .sr-similar-product-wrap .btn-prev {
        top:calc((100% - 150px) / 2)
    }
}

.sr-similar-product-block .sr-similar-product-wrap .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sr-similar-product-block .sr-similar-product-wrap .no-scrollbar::-webkit-scrollbar {
    display: none
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container {
    padding: 10px 0px 10px;
    display: flex;
    justify-content: space-between
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item {
    padding: 10px;
    width: 16.667%
}

@media screen and (max-width: 1366px) {
    .sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item {
        width:20%
    }
}

@media screen and (max-width: 768px) {
    .sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item {
        width:25%
    }
}

@media screen and (max-width: 1366px) {
    .sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item:last-child {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item:nth-last-child(2) {
        display:none
    }
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-pic {
    width: 100%;
    padding-top: 100%;
    border-radius: 10px;
    background-color: #eaeff4;
    animation: breathing 1.75s infinite
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-name,.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-next-name,.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-price,.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-moq {
    height: 21px;
    border-radius: 10px;
    background-color: #eaeff4;
    animation: breathing 1.75s infinite
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-name {
    margin-top: 10px;
    width: 100%
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-next-name {
    margin-top: 5px;
    width: 46px
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-price {
    margin-top: 8px;
    height: 28px;
    width: 110px
}

.sr-similar-product-block .sr-similar-product-wrap .sr-skeleton-container .sr-skeleton-item .sr-skeleton-moq {
    margin-top: 5px;
    width: 160px
}

@keyframes breathing {
    0% {
        background-color: #eaeff4
    }

    50% {
        background-color: #f5f7fa
    }

    100% {
        background-color: #eaeff4
    }
}

.has-tooltip {
    position: relative
}

.has-tooltip::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent;
    border-bottom-color: #fff;
    z-index: 10
}

.has-tooltip.left_7::before {
    left: 7px
}

.has-tooltip.shop-sign__as::before,.has-tooltip.left_2::before {
    left: 2px
}

.as-logo.as-logo-on {
    z-index: 11
}

.as-logo .baseline {
    vertical-align: baseline
}

.as-logo .middle {
    vertical-align: middle
}

.ico-audited {
    width: auto;
    height: 16px
}

.auth-factory {
    width: 72px
}

.logo-text {
    width: 88px
}

.ranking-logo {
    width: 123px;
    margin-left: 5px
}

.ranking-logo.middle {
    vertical-align: middle
}

.ranking-logo.ml_0 {
    margin-left: 0
}

.ft-tooltip.tooltip2 {
    color: #222;
    line-height: 24px
}

.ft-tooltip.tooltip2 .ft-tooltip-content {
    word-break: break-word
}

.ft-tooltip.tooltip2 .ft-tooltip-arrow {
    display: none
}

.tooltip-icon.ft-tooltip {
    border-radius: 5px
}

.tooltip-icon.ft-tooltip .ft-tooltip-content {
    font-size: 12px;
    line-height: 1.2;
    padding: 10px 15px
}

.main-wrap .tip.as-tip,.supplier-item .tip.as-tip {
    font-size: 14px;
    padding: 0;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: rgba(0,0,0,.03) 0px 9px 16px 8px,rgba(0,0,0,.06) 0px 6px 10px,rgba(0,0,0,.12) 0px 3px 6px -3px
}

.main-wrap .as-logo.pl-0,.supplier-item .as-logo.pl-0 {
    padding-left: 0
}

.main-wrap .prod-list .auth .as-content,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content,.main-wrap .as-content,.search-list .as-content {
    font-size: 14px;
    line-height: 24px;
    min-width: 236px;
    width: -moz-max-content !important;
    width: max-content !important;
    color: #222;
    margin-left: 0 !important;
    padding: 0;
    border: 1px solid #fff;
    background-color: #fff
}

.main-wrap .prod-list .auth .as-content .as-title,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content .as-title,.main-wrap .as-content .as-title,.search-list .as-content .as-title {
    font-weight: 600;
    line-height: 21px;
    padding: 5px 15px 4px;
    border-bottom: 1px solid #dae0e6;
    background-color: #fff
}

.main-wrap .prod-list .auth .as-content .icon-yes2,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content .icon-yes2,.main-wrap .as-content .icon-yes2,.search-list .as-content .icon-yes2 {
    color: var(--background-1);
    margin-right: 4px
}

.main-wrap .prod-list .auth .as-content .icon-yes,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content .icon-yes,.main-wrap .as-content .icon-yes,.search-list .as-content .icon-yes {
    margin-right: 5px;
    vertical-align: middle
}

.main-wrap .prod-list .auth .as-content .no-active,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content .no-active,.main-wrap .as-content .no-active,.search-list .as-content .no-active {
    color: #b3b3b3;
    padding-left: 20px
}

.main-wrap .prod-list .auth .as-content .sa-no-active,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content .sa-no-active,.main-wrap .as-content .sa-no-active,.search-list .as-content .sa-no-active {
    color: #b3b3b3;
    padding-right: 20px
}

.main-wrap .prod-list .auth .as-content .as-detail,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content .as-detail,.main-wrap .as-content .as-detail,.search-list .as-content .as-detail {
    padding: 6px 15px 9px;
    background-color: #fff
}

.main-wrap .prod-list .auth .as-content .as-detail li,.you-might-like .supplier-memb .as-logo.shop-sign__as .as-content .as-detail li,.main-wrap .as-content .as-detail li,.search-list .as-content .as-detail li {
    white-space: nowrap
}

.qc-page .page .layout-fly .main-wrap .main .search-list .list-node .company-logo-wrap .company-auth-wrap .compnay-auth .as-info .as-logo.pl-0,.qc-page .page .layout-fly .main-wrap .main .search-list .list-node.topranks .company-logo-wrap .compnay-auth .as-info .as-logo.pl-0 {
    padding-left: 0
}

.qc-page .page .layout-fly .main-wrap .main .search-list .list-node .company-logo-wrap .company-auth-wrap .compnay-auth .as-info .as-logo.as-logo-on,.qc-page .page .layout-fly .main-wrap .main .search-list .list-node.topranks .company-logo-wrap .compnay-auth .as-info .as-logo.as-logo-on {
    box-shadow: none
}

.you-might-like .supplier-memb .as-logo.shop-sign__as:hover .as-link .micon,.list-node-content .company-info .has-tooltip .icon,.list-node-content .company-info .as-logo:hover .icon {
    transform: rotate(-180deg)
}

.as-logo .tip.arrow-bottom .arrow-out {
    border-top: 8px solid #fff
}

.as-logo .tip.arrow-bottom .arrow-out-b {
    border-bottom: 8px solid #fff;
    top: -16px
}

.as-logo .tip.arrow-bottom .arrow-out-b.arrow-out,.as-logo .tip.arrow-bottom .arrow-out-b .arrow-in {
    border-top: 8px solid transparent
}

.reviews-block .review-list .vo-charts {
    height: 205px
}

.reviews-block .review-list .vo-charts .left .charts-wrap {
    padding: 20px 30px 5px
}

@media screen and (max-width: 1366px) {
    .reviews-block .review-list .vo-charts .left .charts-wrap {
        padding:20px 20px 5px
    }
}

@media screen and (max-width: 1280px) {
    .reviews-block .review-list .vo-charts .left .charts-wrap {
        padding:20px 10px 5px 20px
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .left .charts-wrap {
        padding:20px 10px 20px;
        justify-content: flex-start
    }
}

@media screen and (max-width: 1366px) {
    .reviews-block .review-list .vo-charts .right {
        padding:0 30px
    }
}

@media screen and (max-width: 1280px) {
    .reviews-block .review-list .vo-charts .right {
        padding:0 30px 0 20px
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .right {
        padding-bottom:20px;
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .left .progress-wrap {
        padding-left:60px
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .left .progress-wrap {
        width:calc(100% - 110px - 60px)
    }
}

.reviews-block .review-list .vo-title.mb-10 {
    margin-bottom: 0
}

.reviews-block .review-list .vo-charts .right .charts-wrap {
    padding: 0
}

.reviews-block .review-list .vo-charts .right .charts-wrap .gauge-item-wrap {
    margin-top: -10px
}

@media screen and (max-width: 1280px) {
    .reviews-block .review-list .vo-charts .right .charts-wrap .gauge-item-wrap {
        padding:0 5px
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .right .charts-wrap .gauge-item-wrap {
        margin-top:15px;
        padding: 0 20px
    }
}

@media screen and (max-width: 1400px) {
    .reviews-block .review-list .vo-charts .left .charts-wrap .progress {
        width:170px
    }
}

@media screen and (max-width: 1325px) {
    .reviews-block .review-list .vo-charts .left .charts-wrap .progress {
        width:170px
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .left .charts-wrap .progress {
        width:calc(100% - 100px)
    }
}

@media screen and (max-width: 768px) {
    .reviews-block .review-list .vo-charts .left .charts-wrap .progress {
        width:400px
    }
}

.reviews-block .review-list .vo-charts.border-bottom {
    margin-bottom: 20px
}

@media screen and (max-width: 1280px) {
    .reviews-block .review-list .vo-charts.border-bottom {
        margin-top:15px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts.border-bottom {
        flex-direction:column;
        height: unset
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .left {
        width:100%;
        margin-right: unset
    }
}

@media screen and (max-width: 1200px) {
    .reviews-block .review-list .vo-charts .charts-wrap.border-right:after {
        display:none
    }
}

body.fix-body {
    overflow-y: hidden !important
}

.flag-new {
    display: inline-block;
    border-radius: 18px;
    background: var(--background-1);
    color: #fff;
    padding: 0 5px;
    font-size: 12px;
    margin-left: 5px
}

.sr-nav-item .flag-new {
    background: #fff;
    color: var(--background-1)
}

.nowrap {
    white-space: nowrap;
    word-wrap: none;
    word-break: normal
}

.iframe-3d-wrap {
    width: 100%;
    padding-top: 20.83%;
    height: 0;
    cursor: pointer
}

.iframe-3d-wrap iframe {
    width: 10px;
    height: 10px;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.iframe-3d-wrap:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.separating-line {
    margin-bottom: 30px;
    width: 100%;
    border: 0;
    border-top: 1px solid #ced3d9
}

.dlg-dialog:has(#popupIframe) {
    background: unset;
    border-radius: 0;
    box-shadow: unset;
    width: 980px
}

@media screen and (max-width: 1024px) {
    .dlg-dialog:has(#popupIframe) {
        width:500px
    }
}


.sr-layout-wrap {
    max-width: 1480px;
    min-width: 768px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    zoom:1
}

.sr-layout-wrap:before,.sr-layout-wrap:after {
    content: "";
    display: table
}

.sr-layout-wrap:after {
    clear: both
}

.sr-layout-extra {
    float: right;
    margin-left: 20px;
    min-height: 1px;
    width: 340px
}

@media only screen and (max-width: 1024px) {
    .sr-layout-extra {
        width:300px
    }
}

@media only screen and (max-width: 1023px) {
    .sr-layout-extra {
        display:none
    }
}
.image-product-detail-big{
    width: auto;
    height: 100%;
}
.deal-sign{
    padding: 20px 0;
    border-top: .025rem solid #e6ecf2;
    border-bottom: .025rem solid #e6ecf2;
    display: none;
}
.deal-sign-top{
    display: flex;
    justify-content: space-between;

}
.deal-sign-top h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: #222;
}
.deal-sign-top .get-price i {
    color: #555;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}
.deal-sign-top .get-price .icon {
    color: #222;
    font-weight: 700;
}
.deal-sign-footer {
    margin-top: .5rem;
}
.deal-sign-footer, .price-list-content .list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
}
.deal-sign-footer .sign-icon {
    /* width: 1.8rem;
    height: 1.8rem;
    border-radius: 100px;
    background-color: #f2f3f580; */
}

.deal-sign-footer .sign-icon img {
    display: inline-block;
    width: 2.5rem;
    opacity: 1;
}

.deal-sign-footer .sign-info {
    margin-left: .5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.deal-sign-footer .sign-info .info-text {
    color: #222;
}
.rich-text table {
    width: 100%;
    border-collapse: collapse; /* Loại bỏ khoảng cách giữa các ô */
    border: 1px solid #e9eef4; /* Viền toàn bảng */
}

.rich-text table th,
.rich-text table td {
    padding: 8px 12px;
    border: 1px solid #e9eef4; /* Viền từng ô */
    text-align: left;
    color: #222;
}

.rich-text table thead {
    background-color: #f8fafc; /* Màu nền header */
    font-weight: bold;
}

.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two{
    padding: 0;
}
.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .product-details-title span:nth-of-type(1),
.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-name .sr-proMainInfo-baseInfoH1{
    font-weight: bold;
}
.sr-proMainInfo-baseInfo{
    position: relative;
    z-index: 2;
}
.J-smallImg-wrap {
    transition: transform 0.09s all;
    will-change: transform; 
}

@media only screen and (max-width: 1023px) {
    .sr-layout-detail .sr-detail-content{
        max-width: 100%;
        min-width: 100%;
    }
    .sr-layout-detail .sr-layout-left .smallImg-wrap {
        width: 100%;
    }
    .image-product-detail-big{
        width: auto;
        height: 100%!important;
        max-width: unset!important;
        max-height: unset!important;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .baseInfo-price-related .swiper-proMainInfo-baseInfo-propertyGetPrice-container .sr-proMainInfo-baseInfo-propertyPrice .swiper-container-div .swiper-wrapper-div .swiper-slide-div {
        padding-right: 40px
    }
    .sr-layout-wrap{
        max-width: 100%;
        min-width: 100%;
    }
    .sr-layout-resp .sr-layout-main .detail-tab .com-block-tab .tab-item:last-child{
        width: 100%;
        text-align: left;
        justify-content: start;
    }
}

@media only screen and (max-width: 767px) {
    .pic-slide-large{
        display: none!important;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one .sr-com-info .info-item-out .info-businessType {
        margin-right: 10px;
        overflow: unset;
        white-space: unset;
        text-overflow: unset;
        max-width: unset;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-one{
        height: unset;
    }
    .deal-sign{
        display: block;
    }
    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap .act-item:last-child{
        margin-top: 0;
        background: #747474;
    }
    .share-wrap .share-link{
        color: #fff;
    }
    .sr-layout-detail .sr-layout-left .smallImg-wrap .fav-share-wrap{
        right: -10px;
    }
    /* .fixed-contact */
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block{ 
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #e6e6e6;
        z-index: 999999999999999;
        padding: 10px;
        margin-bottom: 0;
    }
    .sr-layout-block.contact-block .sr-side-contSupplier-chat{
        order: 1;
        width: max-content!important;
        margin-left: 0!important;
        margin-right: 2%!important;
        border: unset!important;
        padding: 0!important;
    }
    .sr-layout-block.contact-block .order-button-block{
        order: 2;
        flex-grow: 1;
    }
    .sr-layout-block.contact-block .js-contact-btn{
        order: 3;
        flex-grow: 1;
        display: none;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top .sr-linkTo-comInfo .com-place-two{
        display: none;
    }
    .box-price-addcart > .box-retail{
        padding: 20px 0;
    }
}
@media only screen and (min-width: 1480px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.order-button-block{
        width: 100%;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .contact-btn {
        margin-left: 0%!important;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block+.button-block {
        width: 49%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block{
        width: max-content;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.js-contact-btn{
        margin-right: 2%;
        order: 2;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.sr-side-contSupplier-chat{
        order: 1;
        margin-left: unset;
    }
    .sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .contact-block .button-block.order-button-block{
        flex-grow: 1;
        order: 3;
    }
  }


.scroll-to-top{
    bottom: 75px;
    right: 5px;
}
.contact-btn-fixed, .contact-btn-product{
    right: 5px;
    bottom: 135px;
}
.tab-item.J-tab.current h6 {
    font-size: 16px;
}


body.product-page section:not(.breadcrumb-section){
    padding: 50px 0;
}

.box-price-addcart .text-quantity{
    font-size: 15px;
    width: 170px;
}

@media only screen and (max-width: 1360px) {
    .box-price-addcart .text-quantity{
        width: 150px;
    }
}


.sr-layout-detail .sr-layout-left .sr-proMainInfo-baseInfo .sr-proMainInfo-baseInfo-property .sr-proMainInfo-baseInfo-propertyAttr .sr-com-place-top,
.detail-tab-item .detail-desc{
    padding-bottom: 0;
}
.sr-proMainInfo-baseInfo-propertyAttr, .sr-layout-resp .sr-layout-main .sr-layout-block{
    margin-bottom: 0;
}


.sr-layout-wrap ~ section:nth-child(2n+1){
    background-color: #f8fafe!important;
}