.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 }

table { border-collapse: collapse; border-spacing: 0 }
th { text-align: inherit }
fieldset, img { border: 0 }
iframe { display: block }
blockquote { margin: 1em 4em 1em 2em; padding: .6em 1em; background: #f1f1f1 }
blockquote blockquote { padding: 0 0 0 1em; margin-left: 2em; border-left: .4em solid #ddd }
acronym, abbr { border-bottom: 1px dotted; font-variant: normal }
abbr { cursor: help }
del { text-decoration: line-through }
address, caption, cite, code, den, th, var { font-style: normal; font-weight: 500 }
ul, ol { list-style: none }
caption, th { text-align: left }
q:before, q:after { content: "" }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }

small { font-size: 11px; color: #888 }
:focus { outline: none }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.grid { width: 990px; margin: 0 auto }
.fl { float: left }
.fr { float: right }
.c { text-align: center }
.l { text-align: left }
.r { text-align: right }
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold }
.h1 { font-size: 24px }
.h2 { font-size: 18px }
.h3 { font-size: 14px }
.h4, .h5, .h6 { font-size: 12px }
.lh15 { line-height: 1.5 }
.lh17 { line-height: 1.7 }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mv5 { margin-top: 5px; margin-bottom: 5px }
.mv10 { margin-top: 10px; margin-bottom: 10px }
.mv15 { margin-top: 15px; margin-bottom: 15px }
.mv20 { margin-top: 20px; margin-bottom: 20px }
.gray { color: #555 }
.gray-light { color: #888 }
.bfc { overflow: hidden; zoom: 1 }
.ellipsis { max-width: 100%; display: inline-block; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.full-width { width: 100% }
.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" }
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 #e64545; background-color: #e64545 }
.btn-main:hover { color: #fff; border: solid 1px #d92121; background-color: #d92121 }
.btn-main-light { color: #e64545; background: rgba(230,69,69,.1); border: 1px solid #e64545 }
.btn-main-light:hover { color: #e64545; border: solid 1px #e64545; 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 }
.dlg-state-notitle .dlg-titlebar, .cf, .grid { *zoom:1
}
.dlg-state-notitle .dlg-titlebar:before, .cf:before, .grid:before, .dlg-state-notitle .dlg-titlebar:after, .cf:after, .grid:after { content: ""; display: table }
.dlg-state-notitle .dlg-titlebar:after, .cf:after, .grid:after { clear: both }
.dlg-dialog { background: #fff; border-radius: 3px; box-shadow: 0 2px 30px rgba(0,0,0,.3) }
.dlg-dialog ::-webkit-scrollbar {
width:10px;
background:#fff
}
.dlg-dialog ::-webkit-scrollbar-thumb {
background:#dae0e6;
border-radius:5px
}
.dlg-outer { text-align: left }
.dlg-header { *zoom:1
}
.dlg-titlebar { position: relative; height: 100%; width: 100%; *zoom:1
}
.dlg-title { overflow: hidden; text-overflow: ellipsis; height: 40px; *min-width:760px;
line-height: 40px; font-size: 14px; padding: 0 15px; font-weight: bold; color: #222; background-color: #fff; border-radius: 3px 3px 0 0; border-bottom: 1px solid #e6ecf2; *zoom:1
}
.dlg-close { display: block; position: absolute; text-decoration: none; outline: none; _cursor: pointer; padding: 0; top: 0px; right: 0px; width: 40px; height: 40px; z-index: 1; border-radius: 0 3px 3px 0; background: url(https://www.micstatic.com/common/img/icon/dlg-close_65af4e94.png) no-repeat; background-position: 0 0px; font-size: 0; line-height: 0; cursor: pointer }
.dlg-close:hover { background-position: 0 -40px }
.dlg-icon { vertical-align: middle }
.dlg-icon div { width: 48px; height: 48px; margin: 10px 0 10px 10px; background-position: center center; background-repeat: no-repeat }
.dlg-main { min-width: 300px; max-width: 800px; min-height: 90px; position: relative }
.dlg-content {
*zoom:1; border: none 0; padding: 20px; position: relative }
.dlg-content:before, .dlg-content:after { content: ""; display: table }
.dlg-content:after { clear: both }
.dlg-content.dlg-state-full { display: block; width: 100%; margin: 0; padding: 0 !important; height: 100% }
.dlg-loadding { min-width: 300px; min-height: 200px; text-align: center; text-indent: -999em; overflow: hidden; background: url(https://www.micstatic.com/common/img/loading_e7ad1158.gif) no-repeat center center }
.dlg-footer { height: 50px; padding: 10px 15px; box-sizing: border-box; background: #f5f7fa; border-top: 1px solid #e6ecf2; border-radius: 0 0 3px 3px }
.dlg-buttons { text-align: right; white-space: nowrap; border-radius: 0 0 3px 3px }
.dlg-buttons button { margin-left: 10px; height: 30px; line-height: 30px; padding: 0 15px }
.dlg-inner { background: #fff }
.dlg-se { display: none; position: absolute; right: 0; width: 6px; height: 6px; background: #3d4b66; border-radius: 0 0 3px 0 }
.dlg-state-notitle .dlg-title { display: none }
.dlg-state-notitle .dlg-se { width: 3px; height: 3px; background: none !important }
.dlg-state-notitle .dlg-inner { background: none }
.dlg-state-notitle .dlg-outer { border: none 0 }
.dlg-state-notitle .dlg-titlebar { bottom: 0; _bottom: 0; _margin-top: 0; z-index: 5 }
.dlg-state-notitle .dlg-close { position: static; float: right; width: 30px; height: 30px; margin-bottom: -30px; background-position: -5px -5px }
.dlg-state-notitle .dlg-close:hover { background-position: -5px -45px }
.dlg-state-notitle .dlg-result { padding-top: 20px; padding-bottom: 10px }
.dlg-state-notitle .dlg-result .msg p { margin-bottom: 10px }
.dlg-state-lock .dlg-se { background: #333; background: #333 \9 !important }
.dialog-loading { background: url(https://www.micstatic.com/common/img/icon/loading_7f7462d1.gif) no-repeat center center; width: 100%; height: 100%; min-width: 500px; min-height: 350px; position: relative }
.dialog-loading .dialog-loading-text { position: absolute; width: 100%; text-align: center; font-size: 14px; top: 50%; margin-top: -60px }
.dialog-refresh { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.7) }
.dialog-refresh .content { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -15px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; cursor: pointer }
.dialog-refresh .btn { box-shadow: 0 1px 2px rgba(0,0,0,.2) }
.dialog-confirm { text-align: center; *zoom:1;
width: 360px; margin: 10px auto 10px }
.dialog-confirm:before, .dialog-confirm:after { content: ""; display: table }
.dialog-confirm:after { clear: both }
.dialog-confirm .ico { display: inline-block; vertical-align: middle; *vertical-align:middle;
*display:inline;
*zoom:1;
width: 44px; height: 44px; font-size: 0px; line-height: 0; background: url(https://www.micstatic.com/common/img/dialog/2.0/bg-ico_1aaa98fe.png) no-repeat; background-position: 0 -44px }
.dialog-confirm .cnt { overflow: hidden; padding-top: 12px; font-size: 14px }
.dialog-confirm .cnt p { margin-top: 0 }
.dialog-confirm.confirm-system .ico { background-position: 0 -44px }
.dialog-confirm.confirm-succ .ico { background-position: 0 0px }
.dialog-confirm.confirm-wrong .ico { background-position: 0 -88px }
.dialog-confirm.confirm-alert .ico { background: url(https://www.micstatic.com/common/img/dialog/2.0/icon-warn-48_7e2325f7.png) no-repeat; background-position: 0 0; width: 48px; height: 48px }
.dlg-result { padding-top: 0; padding-bottom: 0 }
.dlg-result .state { text-align: center; height: 48px; margin-bottom: 10px }
.dlg-result .state .micon { font-size: 48px; margin-right: 0px }
.dlg-result .state .micon.succ { color: #0c0 }
.dlg-result .state .micon.error { color: #e62e2e }
.dlg-result .state .micon.warning { color: #f89406 }
.dlg-result .state .micon.info { color: #1793e6 }
.dlg-result .msg { margin-top: 0px; font-size: 14px; color: #222; text-align: center }
.dlg-result .msg p { margin-top: 0; margin-bottom: 0px }
.dlg-text { margin-top: 0px; margin-bottom: 0px }
.dlg-text p { font-size: 14px; margin-top: 0px; margin-bottom: 10px }
.dlg-text p:last-of-type { margin-bottom: 0 }
.m-footer { border-top: 1px solid #dae0e6; background: #e3e4e6; font-family: "Roboto", arial, "Microsoft Yahei" }
.m-footer a { color: #666; white-space: nowrap }
.m-footer a:hover { color: #e64545 }
.m-footer .m-footer-links { font-size: 14px; border-bottom: 1px solid #dae0e6; padding-top: 30px }
.m-footer .m-footer-links .m-footer-links-col-group { margin-right: 240px; margin-left: -10px }
.m-footer .m-footer-links .m-footer-links-col-group .m-footer-links-col { float: left; width: 33.33%; *width:33%
}
.m-footer .m-footer-links .m-footer-links-col-group .m-footer-link { margin-bottom: 5px }
.m-footer .m-footer-links .m-footer-links-col-group .m-link-li { margin-bottom: 5px; padding: 0 10px }
.m-footer .m-footer-links .m-footer-links-col-group .m-link-li a { color: #777 }
.m-footer .m-footer-links .m-footer-links-col-group .m-link-li a:hover { color: #fff; text-decoration: none }
.m-footer .m-footer-links .m-footer-links-col-single { float: right; width: 230px }
.m-footer .m-footer-links .m-footer-links-item { margin-bottom: 20px }
.m-footer .m-footer-links .m-footer-links-item .m-footer-links-title { margin-bottom: 10px; padding: 0 10px }
.m-footer .m-footer-links .m-footer-alert a { display: block; height: 50px; border-radius: 3px; background: url(https://www.micstatic.com/common/img/header-footer/product-alert_baac4a2a.png) 0 0 no-repeat #333; border-radius: 3px }
.m-footer .m-footer-links .m-footer-alert a:hover { background-color: #4a4a4a }
.m-footer .m-footer-links .m-footer-co-brands .m-footer-links-title { text-align: left; color: #888 }
.m-footer .m-footer-links .m-footer-co-brands a { display: block; height: 50px; width: 110px; border-radius: 3px; background: url(https://www.micstatic.com/common/img/header-footer/co-brands-latest_a46d29bd.png) 0 0 no-repeat #333; border-radius: 3px; margin-bottom: 10px }
.m-footer .m-footer-links .m-footer-co-brands a:hover { background-color: #4a4a4a }
.m-footer .m-footer-links .m-footer-co-brands .m-brand-mei { float: left; background-position: 0 0 }
.m-footer .m-footer-links .m-footer-co-brands .m-brand-inq { float: right; background-position: 0 -50px }
.m-footer .m-footer-links .m-footer-co-brands .m-brand-crov { float: left; background-position: 0 -100px }
.m-footer .m-footer-links .m-footer-co-brands .m-brand-doba { float: right; background-position: 0 -150px }
.m-footer .m-footer-soft-social { color: #555; padding: 15px 0; font-size: 14px; border-bottom: 1px solid #dae0e6; height: 30px; line-height: 30px; margin-bottom: -10px }
.m-footer .m-footer-soft-social .m-footer-soft-social-title { margin-right: 5px; color: #222 }
.m-footer .m-footer-soft-social .m-footer-app { float: left }
.m-footer .m-footer-soft-social .m-footer-app a { display: inline-block; margin-right: 10px; padding: 0 10px; color: #fff; border-radius: 3px }
.m-footer .m-footer-soft-social .m-footer-app a:hover { text-decoration: none }
.m-footer .m-footer-soft-social .m-footer-app .ob-icon, .m-footer .m-footer-soft-social .m-footer-app .micon { margin-right: 5px; vertical-align: -2px; cursor: pointer }
.m-footer .m-footer-soft-social .m-footer-app .m-app-store { background: #4d4d4d }
.m-footer .m-footer-soft-social .m-footer-app .m-google-play { background: #690 }
.m-footer .m-footer-soft-social .m-footer-tm, .m-footer .m-footer-soft-social .m-footer-contact-us { float: right; margin-right: 40px }
.m-footer .m-footer-soft-social .m-footer-tm a, .m-footer .m-footer-soft-social .m-footer-contact-us a { color: #1470cc }
.m-footer .m-footer-soft-social .m-footer-tm .ob-icon, .m-footer .m-footer-soft-social .m-footer-tm .micon, .m-footer .m-footer-soft-social .m-footer-contact-us .ob-icon, .m-footer .m-footer-soft-social .m-footer-contact-us .micon { font-size: 20px; cursor: pointer }
.m-footer .m-footer-soft-social .m-footer-contact-us a { color: #4eb860 }
.m-footer .m-footer-soft-social .m-footer-social { float: right; margin-right: -5px }
.m-footer .m-footer-soft-social .m-footer-social .ob-icon, .m-footer .m-footer-soft-social .m-footer-social .micon { font-size: 21px; background: none; cursor: pointer }
.m-footer .m-footer-soft-social .m-footer-social a { margin-right: 5px; color: #555 }
.m-footer .m-footer-soft-social .m-footer-social a:hover .icon-facebook { color: #3255a6 }
.m-footer .m-footer-soft-social .m-footer-social a:hover .icon-twitter { color: #000 }
.m-footer .m-footer-soft-social .m-footer-social a:hover .icon-google-plus { color: #e75d67 }
.m-footer .m-footer-soft-social .m-footer-social a:hover .icon-linkedin { color: #1470cc }
.m-footer .m-footer-soft-social .m-footer-social a:hover .icon-instagram { color: #e5398f }
.m-footer .m-footer-soft-social .m-footer-social a:hover .icon-youtube { color: #e63917 }
.m-footer .m-footer-soft-social .m-footer-social a:hover .icon-pinterest { color: #cc2121 }
.m-footer .m-footer-simple-links { padding: 30px 0 40px; text-align: center; color: #666; font-size: 0 }
.m-footer .m-footer-simple-links .m-gap-line { border-left: 1px solid #ccc; margin: 3px 10px 0 10px; display: inline-block; height: 12px; vertical-align: top }
.m-footer .m-footer-simple-links a, .m-footer .m-footer-simple-links .m-footer-business-title, .m-footer .m-footer-simple-links .m-footer-simple-links-title, .m-footer .m-footer-simple-links .m-footer-copyright, .m-footer .m-footer-simple-links .m-footer-govIcon { font-size: 12px }
.m-footer .m-footer-simple-links .m-footer-simple-links-group { margin-bottom: 20px }
.m-footer .m-footer-simple-links .m-footer-simple-links-row { margin-bottom: 5px }
.m-footer .m-footer-simple-links .m-footer-simple-links-title { margin-right: 10px }
.m-footer .m-footer-simple-links .m-footer-simple-links-certi { margin-bottom: 10px }
.m-footer .m-footer-simple-links .business-code { margin-right: 10px }
.m-footer .m-footer-simple-links .m-footer-govIcon .m-footer-govIcon-text { display: inline-block; line-height: 1; text-align: left }
.m-footer .m-footer-simple-links .m-footer-govIcon a:hover { text-decoration: none }
.m-footer .m-ico-police { display: inline-block; width: 18px; height: 18px; vertical-align: top; margin-right: 5px; background: url(https://www.micstatic.com/common/img/logo/ghs_06dff1e8.png) 0 0 no-repeat }
.m-footer .m-ico-police-new { display: inline-block; width: 25px; height: 26px; vertical-align: top; margin-left: 20px; margin-right: 5px; background: url(https://www.micstatic.com/common/img/logo/ghs-2_ce3be3b4.png) 0 0 no-repeat }
.m-footer .m-ico-jsdsgs { display: inline-block; width: 26px; height: 26px; vertical-align: top; margin-right: 5px; background: url(https://www.micstatic.com/common/img/logo/jsgsj_69a2e50a.png) 0 0 no-repeat }
.m-footer .vm { vertical-align: middle }
.m-footer .inline-block { display: inline-block }
.m-footer .mg0 { margin: 0 }
.m-footer.m-sr-footer .m-footer-copyright, .m-footer.m-sr-footer .m-footer-simple-links-row { display: inline-block }
.m-footer.m-sr-footer.mlan-footer .m-footer-copyright, .m-footer.m-sr-footer.mlan-footer .m-footer-simple-links-row { display: block }
.sr-container { background: #f5f7fa; padding-top: 20px; padding-bottom: 20px }
.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 }
}
.sr-layout-nav { float: left; margin-right: 20px; min-height: 1px; width: 340px }

@media only screen and (max-width: 1024px) {
.sr-layout-nav { width: 300px }
}

@media only screen and (max-width: 1023px) {
.sr-layout-nav { display: none }
}
.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 0px; }
}
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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 }
}

#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: #e64545; text-decoration: none }
.m-header a.link-blue:hover { color: #e64545 !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: #e64545 }
.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: #e64545 !important; margin-right: 5px }
.already-fav-new .ob-icon.icon-heart-f, .already-fav-new .micon { color: #e64545 !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: #e64545 }
.richtext-nav>ul.richtext-nav-ul>li.active { color: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545; 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 #e64545; background-color: #e64545 }
.btn-main:hover { color: #fff; border: solid 1px #d92121; background-color: #d92121 }
.btn-main-light { color: #e64545; background: rgba(230,69,69,.1); border: 1px solid #e64545 }
.btn-main-light:hover { color: #e64545; border: solid 1px #e64545; 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 #e64545; 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: #e64545 }
.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: #e64545; 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: #e64545; 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: #e64545; border-color: #e64545; 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: #e64545; 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: #e64545; border: 1px solid #e64545; 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: #e64545; 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: #e64545; 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: #e64545; 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: #e64545; 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: #e64545; text-decoration: none }
}
.sr-side-maylike-price { height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sr-side-maylike-num { color: #e64545; 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: #e64545; text-decoration: none }
.sr-side-proGroup-cat a:hover i, .sr-side-proGroup-cat a:hover span { color: #e64545 }
.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: #e64545; text-decoration: none }
}
.sr-side-product-price { height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sr-side-product-num { color: #e64545; 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 (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 li { display: inline-block }
.sr-proMainInfo-slide-pageUl li.selected .sr-proMainInfo-slide-pageInside { border: 1px solid #e64545 }
.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: #e64545 }
}
.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; padding: 2px 0 2px 16px; font-size: 14px; font-weight: 400; width: 160px }
.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.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.individual-award-tip, .sr-proMainInfo-baseInfo-name .mei-tips.gold-2018-award-tip, .sr-proMainInfo-baseInfo-name .mei-tips.silver-2018-award-tip, .sr-proMainInfo-baseInfo-name .mei-tips.individual-2018-award-tip, .sr-proMainInfo-baseInfo-name .mei-tips.nomination-2018-award-tip, .sr-proMainInfo-baseInfo-name .mei-tips.selected-2018-award-tip { background: url("https://www.micstatic.com/landing/www/product/img/2017/home/award-9_a3144828.png") no-repeat center; background-size: contain }
.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: #e64545; 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: #e64545 }
.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: #e64545 }
.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: #e64545 }
}
.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: #e64545; 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: #e64545; 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: #e64545 }
.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: #e64545 }
.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: #e64545; 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 #e64545; border-bottom: 1px solid #e64545; font-size: 12px; font-weight: bold; color: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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 #e64545; color: #e64545; 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: #e64545 }
.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: #e64545; 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: #e64545; 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 5px; 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 5px; 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: #e64545 }
}
.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 #e64545; 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: #e64545; 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: #e64545 }

@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 0px }

@media only screen and (max-width: 1280px) {
.detail-desc { padding: 20px 0px; }
}
.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: #e64545 }
.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), #e64545 13%, #e64545 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 #e64545 !important; border-radius: 5px !important; padding: 0 !important; cursor: auto; color: #e64545; border-color: #e64545; 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: #e64545 }
.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: #e64545 }
.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 #e64545; 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: #e64545 }
}
.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: #e64545 }
.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: #e64545 }
.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: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: #e64545 }
.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 #e64545; border-radius: 3px; color: #e64545; 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: #e64545 }
.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: 20px }
.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: #e64545 }
.sr-com-place .sr-com .sr-com-info .score-sign-wrap .review-scores .star-icon { margin-left: 5px; font-size: 14px; color: #e64545; 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: #e64545 }
.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: #e64545; border-color: #e64545 }
.sr-com-place .com-place-three.com-place-three-new .see-all:hover .icon-right { color: #e64545 }
.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: #e64545 }
.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: #e64545; color: #fff; border: unset }
.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-order:hover { background: #cf3e3e }
.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-contact { background: #fff; color: #e64545; border: 1.5px solid #e64545 }
.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .button-block .button-link-contact:hover { color: #cf3e3e; border: 1.5px solid #cf3e3e }
.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("https://www.micstatic.com/landing/www/product/img/tm_on_32_11dfca39.png") 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("https://www.micstatic.com/landing/www/product/img/tm_on_32_11dfca39.png") 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: #e64545; color: #fff; border: unset }
.fast-quick-com-wrap .contact-supplier-wrap .contact-supplier .contact-supplier-btns>:nth-child(1) .btns:hover { color: #fff; border: unset; background: #cf3e3e }
@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: #e64545 }
.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: #e64545; 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: #e64545 }
.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: #e64545 }
.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: #cf3e3e !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: #e64545 }
.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.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 li { 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 li: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 li .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 li .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 li .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 li .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 li.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }

@media only screen and (min-width: 375px) {
.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 li { 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 li { 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 li { 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 li { 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 li: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 li .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 li .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 li .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 li.selected { border: 2px solid #e64545 }
.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: 375px) {
.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 li { 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 li { 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 li { 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 li { 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 li { 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: 375px) {
.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: #e64545; box-sizing: border-box; border: 1.5px solid #e64545; 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: #cf3e3e; border: 1.5px solid #cf3e3e }
.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("https://www.micstatic.com/landing/www/product/img/tm_on_32_11dfca39.png") 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: 375px)and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 375px)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("https://www.micstatic.com/landing/www/product/img/tm_on_32_11dfca39.png") 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: 375px) {
.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: 375px) {
.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: 375px) {
.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: 375px) {
.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: 375px) {
.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: #e64545; 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; border: unset; background: #cf3e3e }
}

@media only screen and (min-width: 375px) {
.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: 375px) {
.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: 375px) {
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: #e64545 }
.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: 48% }
.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: 4% }
.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: 375px) {
.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: #e64545; 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 }
.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: #e64545; 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: #e64545; color: #fff; padding: 0 5px; font-size: 12px; margin-left: 5px }
.sr-nav-item .flag-new { background: #fff; color: #e64545 }
.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
}
.dlg-dialog:has(#popupIframe) .dlg-main {
max-width:980px !important
}
.dlg-dialog:has(#popupIframe) .dlg-main .dlg-content {
display:flex;
justify-content:center;
align-items:center
}

@media screen and (max-width: 1024px) {
.dlg-dialog:has(#popupIframe) {
width:500px
}
}
/*# sourceMappingURL=../../../../../__sources__/landing/www/product/detail_v2/css/product-detail_bbe23c9f.css.map */