@import url('/linked/archive/ec/icon_store/iconfont.css');

.mainArea {
  width: 1200px;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
}

.mainArea img {
  border: 0;
}

.mainArea * {
  margin: 0;
  padding: 0;
}

.mainArea ul li a {
  display: inline-block;
}

.mainArea ul,
li {
  list-style: none;
}

.bannerbg {
  background: url(../images/pic_03.jpg) no-repeat;
  height: 169px;
}

.bannertext {
  font-size: 50px;
  text-align: center;
  line-height: 1.2;
  color: #000;
  padding-top: 56px;
  font-weight: bold;
  box-sizing: border-box;
}

.part1 {
  background: url(../images/pic_05.jpg) no-repeat;
  height: 190px;
  font-size: 37px;
  line-height: 1.2;
  color: #000;
  font-weight: bold;
  letter-spacing: 6px;
  padding-top: 132px;
  text-align: center;
  box-sizing: border-box;
}

.protitle1,
.protitle2,
.protitle3 {
  background: url(../images/pic_09.jpg) no-repeat;
  height: 218px;
  font-size: 37px;
  line-height: 1.2;
  color: #000;
  font-weight: bold;
  letter-spacing: 4px;
  padding-top: 115px;
  text-align: center;
  box-sizing: border-box;
  margin-top: 40px;
}

.protitle2 {
  background: url(../images/pic_11.jpg) no-repeat;
  height: 265px;
  padding-top: 164px;
}

.protitle3 {
  background: url(../images/pic_13.jpg) no-repeat;
  height: 247px;
  padding-top: 150px;
}

.moreprobg {
  background: #fff;
  height: 106px;
  position: relative;
}

.morepro {
  position: absolute;
  width: 220px;
  height: 48px;
  top: 50px;
  left: 50%;
  transform: translate(-50%, 0);
  padding-bottom: 50px;
}

.morepro1 {
  position: absolute;
  width: 174px;
  height: 48px;
  background: #ffcc00;
  bottom: -60px;
}

.morepro2 {
  right: 199px;
}

.morepro span,
.morepro1 span {
  position: absolute;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  text-align: center;
  top: 10px;
  line-height: 1.4;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}

.morepro2 span {
  top: 17px;
}

.morepro1 span {
  font-size: 20px;
  top: 10px;
  letter-spacing: normal;
}

.morepro a,
.morepro1 a {
  transition: 0.3s;
  display: block;
  background: #ffcc00;
  width: 100%;
  height: 100%;
}

.products1-bg {
  background: url(../images/pic_06.jpg) 0 0 no-repeat, url(../images/pic_07.jpg) 0 210px no-repeat;
  height: 420px;
  background-position: top, bottom;
  box-sizing: border-box;
}

.pro1 {
  float: left;
  position: relative;
}

.pro1 a {
  display: block;
  transition: 0.3s;
}

.pro1title {
  font-size: 37px;
  color: #000;
  font-weight: bold;
  line-height: 1.4;
}

.pro1title1 {
  font-size: 19px;
  color: #000;
  font-weight: bold;
  padding-top: 5px;
  line-height: 1.4;
}

.pro1-model {
  font-size: 16px;
  padding: 4px 0 4px 0;
  font-weight: bold;
  line-height: 1.4;
}

.pro1con {
  font-size: 14px;
  font-weight: bold;
  color: #dd0000;
  line-height: 1.4;
  padding-top: 5px;
  display: inline-block;
}

.pro1sym {
  font-size: 24px;
  font-weight: bold;
  font-family: arial;
  color: #dd0000;
  line-height: 1;
}

.numall,
.pro1-model span {
  font-family: arial;
}

.num2 {
  font-size: 37px;
  font-weight: bold;
  font-family: arial;
  color: #dd0000;
  line-height: 1;
}

.num3 {
  font-size: 24px;
  color: #dd0000;
  font-weight: bold;
  font-family: arial;
}

.pro1-pic {
  float: left;
  width: 198px;
  margin-left: 15px;
}

.pro2pic {
  float: left;
  width: 198px;
  margin: 15px 0 0 216px;
}

.pro1name {
  position: absolute;
  font-size: 27px;
  color: #fff;
  top: 76px;
  left: 20px;
  font-weight: bold;
}

.pro2name {
  position: absolute;
  font-size: 27px;
  color: #fff;
  top: 83px;
  right: -20px;
  font-weight: bold;
}

.pro1-con {
  float: left;
  padding: 76px 200px 0 235px;
  position: relative;
  line-height: 1.3;
  color: #000;
}

.pro2con {
  text-align: right;
}

.products2-bg {
  background: url(../images/pic_08.jpg) no-repeat;
  height: 439px;
  box-sizing: border-box;
}

.products3-bg {
  background: #fff;
  height: auto;
  padding-top: 0;
  box-sizing: border-box;
}

.l-content .product {
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.3s;
  opacity: 1;
  position: relative;
  color: #000;
}

.l-content .product a {
  text-decoration: none;
  display: block;
}

.l-content .products {
  display: flex;
  flex-wrap: wrap;
}

.l-content .products:after,
.l-content .products:before {
  content: '';
  display: table;
}

.l-content .products:after {
  clear: both;
}

.l-content .product {
  background: #ffffff;
}

.l-content .product.col4 {
  width: 274px;
  float: left;
  margin: 0 34px 0 0;
  position: relative;
  background: #f2f2f2;
}

.l-content .product.col4:nth-child(4n) {
  margin-right: 0;
}

.l-content .product.col4 .pic {
  width: 268px;
  position: relative;
  overflow: hidden;
  margin: 0px auto;
  padding-top: 10px;
}

.content1 {
  margin: 0px 12px 0 40px;
  padding-bottom: 10px;
}

.l-content .product.col4 .title {
  font-size: 20px;
  line-height: 1.3;
  color: #4a4a4a;
  font-weight: bold;
  padding: 5px 0 6px 0;
}

.l-content .product.col4 .model {
  font-size: 16px;
  line-height: 1.4;
  color: #4a4a4a;
  padding: 3px 0;
}

.l-content .product.col4 .model span {
  font-family: arial;
  font-size: 18px;
}

.l-content .product.col4 .sale-price {
  color: #000;
  line-height: 1.4;
  padding: 5px 0;
}

.l-content .product.col4 .sale-price span.red {
  font-size: 15px;
  font-weight: bold;
  color: #dd0000;
  display: inline-block;
  padding-right: 3px;
}

.l-content .product.col4 .sale-price span.num {
  font-size: 37px;
  color: #dd0000;
  font-weight: bold;
  font-family: arial;
  line-height: 1.1;
}

.l-content .product.col4 .sale-price span.num1 {
  font-size: 24px;
  font-weight: bold;
  font-family: arial;
  color: #dd0000;
  padding-right: 4px;
}

.l-content .product.col4 .sale-price span.amount {
  color: #4a4a4a;
  font-size: 16px;
}

body,
div,
pre,
form,
input,
textarea,
p,
th,
td {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}

input,
select,
textarea,
button {
  font-family: inherit;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Microsoft YaHei", Helvetica, Simsun, Simhei, Arial, sans-serif;
  font-size: 12px;
  color: #333;
  line-height: 1.6;
}

input[type="text"],
input[type="password"] {
  display: inline-block;
  border: 1px solid #bfbfbf;
}

input[type="password"] {
  font-family: sans-serif;
}

.m-btn--strong,
.m-btnLink--strong,
.m-btnWin--strong,
.m-btnLinkWin--strong,
.m-btn--login,
.m-btn--feedbackSubmit,
.m-btn--search,
.m-btn--checkPrice,
.m-btn--checkPriceDetailSimple,
.m-btn--checkPriceDetailSimple--icon,
.m-btn--wos,
.m-btn--wosModal,
.m-btn--cadDL,
.m-btn--cadDL2D3DPreview,
.m-btn--dataImport,
.m-btn--dataGenerate,
.m-btn--ok,
.m-btn--writeReview,
.m-btn--cartinSub,
.m-btn--cartinDetailSimpleSub,
.m-btn--cartinModalSub {
  display: block;
  box-sizing: border-box;
  padding: 9px 2px 7px;
  border-radius: 2px;
  background-color: #0169c6 !important;
  box-shadow: inset 0 1px 0 0 #67a5dd, 0 2px 0 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none !important;
  color: #fff !important;
}

button.m-btn--strong,
button.m-btnLink--strong,
button.m-btnWin--strong,
button.m-btnLinkWin--strong,
button.m-btn--login,
button.m-btn--feedbackSubmit,
button.m-btn--search,
button.m-btn--checkPrice,
button.m-btn--checkPriceDetailSimple,
button.m-btn--checkPriceDetailSimple--icon,
button.m-btn--wos,
button.m-btn--wosModal,
button.m-btn--cadDL,
button.m-btn--cadDL2D3DPreview,
button.m-btn--dataImport,
button.m-btn--dataGenerate,
button.m-btn--ok,
button.m-btn--writeReview,
button.m-btn--cartinSub,
button.m-btn--cartinDetailSimpleSub,
button.m-btn--cartinModalSub,
input.m-btn--strong,
input.m-btnLink--strong,
input.m-btnWin--strong,
input.m-btnLinkWin--strong,
input.m-btn--login,
input.m-btn--feedbackSubmit,
input.m-btn--search,
input.m-btn--checkPrice,
input.m-btn--checkPriceDetailSimple,
input.m-btn--checkPriceDetailSimple--icon,
input.m-btn--wos,
input.m-btn--wosModal,
input.m-btn--cadDL,
input.m-btn--cadDL2D3DPreview,
input.m-btn--dataImport,
input.m-btn--dataGenerate,
input.m-btn--ok,
input.m-btn--writeReview,
input.m-btn--cartinSub,
input.m-btn--cartinDetailSimpleSub,
input.m-btn--cartinModalSub {
  width: 100%;
  height: 35px;
  border: none;
  cursor: pointer;
}

.clearfix:before,
.m-loginRegistUnit:before,
.m-media:before,
.m-media--combo:before,
.m-media--cnavi:before,
.m-media--result:before,
.m-chML>li:before,
.m-chML--1of2>li:before,
.m-chML--1of3>li:before,
.m-chMLI>li:before,
.m-dataList--horizontal:before,
.m-faqList>dt:before,
.m-faqList>dd:before,
.l-contentWrap:before,
.l-product:before,
.l-cart:before,
.new-l-header__keywordBox--typeCode>dd>a:before,
.new-l-header__media:before,
.l-header__keywordBox--typeCode>dd>a:before,
.l-header__media:before,
.unitArea_box ul:before,
.category .sBnr .toggleContent>dl:before,
.spec .sBnr .toggleContent>dl:before,
.clearfix:after,
.m-loginRegistUnit:after,
.m-media:after,
.m-media--combo:after,
.m-media--cnavi:after,
.m-media--result:after,
.m-chML>li:after,
.m-chML--1of2>li:after,
.m-chML--1of3>li:after,
.m-chMLI>li:after,
.m-dataList--horizontal:after,
.m-faqList>dt:after,
.m-faqList>dd:after,
.l-contentWrap:after,
.l-product:after,
.l-cart:after,
.new-l-header__keywordBox--typeCode>dd>a:after,
.new-l-header__media:after,
.l-header__keywordBox--typeCode>dd>a:after,
.l-header__media:after,
.unitArea_box ul:after,
.category .sBnr .toggleContent>dl:after,
.spec .sBnr .toggleContent>dl:after {
  content: " ";
  display: table;
}

.clearfix:after,
.m-loginRegistUnit:after,
.m-media:after,
.m-media--combo:after,
.m-media--cnavi:after,
.m-media--result:after,
.m-chML>li:after,
.m-chML--1of2>li:after,
.m-chML--1of3>li:after,
.m-chMLI>li:after,
.m-dataList--horizontal:after,
.m-faqList>dt:after,
.m-faqList>dd:after,
.l-contentWrap:after,
.l-product:after,
.l-cart:after,
.new-l-header__keywordBox--typeCode>dd>a:after,
.new-l-header__media:after,
.l-header__keywordBox--typeCode>dd>a:after,
.l-header__media:after,
.unitArea_box ul:after,
.category .sBnr .toggleContent>dl:after,
.spec .sBnr .toggleContent>dl:after {
  clear: both;
}

.VN_pageTop a,
a.m-carousel__control__prev,
a.m-carousel__control__next,
.m-modal--loading .mc-text,
.m-alertBox__ttl>span,
.m-alertSubBox__ttl>span,
.m-cautionBox__ttl>span,
.m-maintenanceBox__ttl>span,
.m-cartBox__loadingImg,
.m-btn--getReader,
.m-btn--reload,
.m-icn--cvalue,
.m-link--help span,
.m-helpList>li span,
.m-helpListInline>li span,
.m-numList--strong>li [class^="mc-num"],
.m-faqList>dt .m-faqList__icn,
.m-faqList>dd .m-faqList__icn,
.m-loading,
.m-progress,
.m-progress--modal,
.l-footer__h2 .lc-logo,
.new-l-header--popup .new-lc-logo>a,
.new-l-header--sys .new-lc-logo>a,
.new-l-headerLead__lead .new-lc-lead,
.new-l-header__logo>span,
.new-l-header__logo>a,
.new-l-header__loading>p,
.new-l-header__loading--s>p,
.l-header--popup .lc-logo>a,
.l-header--sys .lc-logo>a,
.l-headerLead__lead .lc-lead,
.l-header__logo>span,
.l-header__logo>a,
.l-header__loading>p,
.l-header__loading--s>p,
.new-l-meganav__case .new-lc-bnr--incadlibrary>.new-lc-balloonTri>a,
.l-meganav__case .lc-bnr--incadlibrary>.lc-balloonTri>a,
.l-nosupport__ttl>span,
.underArea .iconPickup>li>a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.new-l-headerLead__menuList>li .lc-pulldown,
.new-l-headerLead__menuList>li .lc-pulldown.on,
.new-l-header__function>li>a,
.l-headerLead__menuList>li .lc-pulldown {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAYAAAExNMXWAAAAAXNSR0IArs4c6QAAAENJREFUCB1j+H+GYQMDjPjPAAJAHpjBCGOwMDAyFIJkGP9fZJBh+MNwHaiAByj4hYGFQRMkwfD/PwPz/7MMM0E0iA8A9bEaIJE2nsUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
}

.m-contact__link>a>.mc-icon,
.new-l-header__function>li:hover>a,
.l-header__function>li:hover>a,
.new-l-meganav .new-lc-h2,
.on.new-l-meganav .new-l-meganav__search>.new-lc-h3,
.page1.topPage .on.new-l-meganav .new-l-meganav__search>.new-lc-h3,
.l-meganav .lc-h2,
.on.l-meganav .l-meganav__search>.lc-h3,
.page1.topPage .on.l-meganav .l-meganav__search>.lc-h3 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFBAMAAABlfdtYAAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAAC3RSTlMABho5OmWbxuXm+f3cmbYAAAAmSURBVAjXY8jevXt3AoP47t3bBRiYundPYmBgsNrlACRZtzIwAACqggkZMSonjwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}

.l-footer__linkList>li>a,
.new-l-headerLead__baloon--logout>a,
.l-headerLead__baloon .l-headerLead__baloon--list>li>a,
.l-headerLead__baloon--logout>a,
.new-l-meganav__balloonBoxInner>ul>li>a,
.new-l-meganav__level2ListSet>li>a,
.new-l-meganav__level2List>li>a,
.new-l-meganav__level3List>li>a,
.l-meganav__balloonBoxInner>ul>li>a,
.l-meganav__level2ListSet>li>a,
.l-meganav__level2List>li>a,
.l-meganav__level3List>li>a {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAKklEQVR42mJgcJjxHwgYYBhCIAkiZKCCjGAOFDA6zvyPoQLTDHRbAAIMADyvRa0SiKcfAAAAAElFTkSuQmCC") 0 0.3em no-repeat;
}

.new-l-header__searchForm .new-lc-btn,
.l-header__searchForm .lc-btn {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAflJREFUOBGFUj1LQlEYvterYloNQUE11BA4tKZTRV+TX5DgjwhailrTEqeif1BbQ4vQFZ36pE2DWhoMg1yKoM0EFb235zl59GJRB855v57znud936MocgWDwYrUuzIQCJhKJBIZSCQSNroBe9GKxWLD4/HceL3eD9M017p4qYl73/CU8EWj0VEZpFSBMFwu13itVntFrhGV3nA4vNRqtS6oc6mqWs5ms5PCwNMPoVAoLAzLId8ivzPQ2bbEFMmbPvEEFWTahdjELmmaNo/dV6/X3xn7c4kMbAGemZBI3F7OZDKXtG0MQp7kcjmV2+/3a6yIPSRAkWyF0T5YFS7e0xRdtgapO53OO4gp6gJgLYtOsD+FOKRuJ6F8Pt9C2ghvMgjCs+jmEOJxG9na7fZBOJMIPsF5BbIiM/jpnUYxHZmjgi2q2IIDZAlbx0sHuq7/+DgiQXuY5wDiZfUWe79diNJoNGY4Kuw5xE0kWpE9hK2oHBGCO7zo8/kWULDBQO9iIwqFwjUTAbuH3xInhgkqcPbjj42l0+m33otWm5+T/xAJPpFADIrNeCaIVK3g33QLhn0Ry4aaSKlsGIYONqnemRFFH2PEwKw5HI5VcRtHZwpsJADHKKfz6SSIko9gnBvNZjMJzDTsR7fbvdhJYAX/p8diseFqtXoE9utfjErgwTc35KgAAAAASUVORK5CYII=") 10px center no-repeat;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20020;
}

.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 20030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 20010;
  background: url("/vcommon/common/img/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.VN_none {
  display: none !important;
}

.VN_block {
  display: block !important;
}

.VNtooltipBox,
.VNpageTooltipBox,
.VNtooltipBox--important {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 5px;
  background: url("data:image/gif;base64,R0lGODlhCQAFAIABADMzM////yH5BAEAAAEALAAAAAAJAAUAQAILhH+hAbvYFDQuqQIAOw==") no-repeat center bottom;
  line-height: 1.1;
}

.VN_pageTopWrapper {
  margin: -43px 10px 0 auto;
  z-index: 5000;
}

.m-loginRegistUnit {
  margin-top: 20px;
  width: 560px;
}

.m-loginRegistUnit__login,
.m-loginRegistUnit__regist {
  width: 268px;
  min-height: 250px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
}

.m-loginRegistUnit__inner {
  padding: 0 10px 0;
}

.m-loginRegistUnit__inner p {
  margin-top: 5px;
}

.m-loginRegistUnit__login {
  float: left;
}

.m-modal,
.m-modal--similar,
.m-modal--cadDL,
.m-modal--login,
.m-modal--suggest,
.m-modal--chat,
.m-modal--payment,
.m-modal--loading {
  display: none;
  font-size: 12px;
}

.m-modal--login,
.m-modal--suggest,
.m-modal--chat,
.m-modal--payment {
  width: 560px;
}

.m-loading {
  height: 200px;
  background: url("/vcommon/common/img/loading_100_type2.gif") center center no-repeat;
  font-size: 0;
}

strong {
  font-weight: bold;
}

.l-main,
.new-l-main {
  position: relative;
  z-index: 4000;
  padding-bottom: 20px;
  width: 1200px;
  margin: 0 auto;
}

.l-breadcrumb {
  margin: 15px 0 10px 0;
  font-size: 12px;
}

.l-breadcrumb>li {
  display: inline-block;
}

.l-breadcrumb>li>a {
  margin-right: 0.5em;
  text-decoration: none;
  color: #9b9b9b;
}

.l-breadcrumb>li>a:hover {
  text-decoration: underline;
  color: #039;
}

.l-breadcrumb>li>strong {
  color: #4a4a4a;
  font-weight: normal;
}

.new-l-footerWrap {
  bottom: 0;
  color: #fff;
  min-width: 1200px;
  width: 100%;
  margin: 0 auto;
  z-index: 4001;
  min-height: 75px;
  font-size: 14px;
  background: url("/vcommon/common/img/bottom_layout.jpg");
}

.l-footer {
  width: 1200px;
  margin: 0 auto;
}

.new-l-header--popup .new-lc-logo>a,
.new-l-header--sys .new-lc-logo>a,
.new-l-header__logo>span,
.l-header__logo>span,
.new-l-header__logo>a,
.l-header__logo>a,
.is-fixed .new-l-header__logo>span,
.is-fixed .new-l-header__logo>a {
  background: url(/vcommon/common/img/logo.png) 0 0 no-repeat;
}

.new-l-header__function .new-lc-cart>a:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAU9JREFUOBFjYEAGXl5e/+F8RhiPESQE48Cl8TIYvb293/3//18QporJ1NRUBMYB0lOR2FAm0IZf+GwBO8PHx6fo379/vZjaGRjACkAS2ExhZmbmRtEEUwSktwFdW40iiYvDDFT5R01N7eft27ePYlPE2NDQwHTq1Km/WCUZGffgDUwWFhYNJqjOj9hM2LRp002YglYsCn5gEcMjBAzNRUAf9YGUwMIDxAZF/WMQAwSAIRe0efPm0xAecSQsrvSBcXUBqOU8IyPjfOK0glX9hMcl0HkbgQnJjwTNIKVFsFBiYGJiaiRFM9Cl97Zt29YPNwDo93NAwa0kGJIHUgs3AMwh0hVAi3ZuBQIMA0AxAHQWI9A7SUBFz4B0EIgPwkDFRUCxp8CYcgbq9QBpBgEWCIVKsrKybvr9+/cvfn7+vTAZDg6OFT9+/HgB5J+AiYFoAGj1a2pyqDvgAAAAAElFTkSuQmCC") 0 0 no-repeat;
}

.new-l-headerWrap {
  position: relative;
  background: url("/vcommon/common/img/top_background.jpg") 0 0 no-repeat;
  background-size: 100% 148px;
  min-width: 1200px;
  border-bottom: 1px solid #a7a7a7;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  z-index: 8000;
  font-size: 12px;
}

.new-l-headerWrap {
  border-bottom: none;
}

.new-navi-bar {
  min-width: 1200px;
  width: 1200px;
  margin: 0 auto 0;
}

.new-l-headerLeadWrap {
  position: relative;
  min-width: 1200px;
  padding: 0 0 7px 0;
  font-size: 12px;
  color: #000;
}

.new-l-headerLead {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.new-l-headerLead__menuList {
  display: inline-block;
}

.new-l-headerLead__menuList>li {
  display: inline-block;
}

.new-l-headerLead__menuList>li>a {
  text-decoration: none;
}

.new-l-headerLead__menuList>li>a:hover {
  text-decoration: underline;
}

.new-l-headerLead__menuList>li:first-child {
  background: none;
}

.new-l-headerLead__menuList>li .new-lc-link {
  color: #039;
}

.new-l-headerLead__menuList>li .lc-pulldown {
  display: block;
  padding: 7px 10px;
  color: #fff;
  background-position: right center;
  text-decoration: none;
}

.new-l-headerLead__menuList>li.upr_improve .lc-pulldown {
  background-position: calc(100% - 5px);
  padding-right: 15px;
}

.new-l-headerLead__menuList>li .lc-pulldown .header_appicon,
.new-l-headerLead__menuList>li .customservice .header_appicon {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: -3px;
  width: 15px;
  height: 15px;
  background-image: url(/vcommon/common/img/common.png);
  backgound-repeat: no-repeat;
}

.new-l-headerLead__baloon {
  display: none;
  width: 110px;
  position: absolute;
  top: 30px;
  margin-left: 10px;
  background: #fff;
  z-index: 1;
  text-align: left;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.new-l-headerLead__baloon:after {
  content: '';
  position: absolute;
  top: -10px;
  right: 0;
  width: 100%;
  height: 10px;
  background-color: transparent;
}

.new-l-headerLead__baloon .new-lc-qr {
  text-align: center;
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list>li {
  padding: 6px 0px 5px 10px;
  display: block;
  text-align: left;
  line-height: 1.5;
  color: #9b9b9b;
  cursor: pointer;
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list>li>a {
  color: #9b9b9b;
  text-decoration: none;
  display: block;
  line-height: 1.5
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list>li>a:hover {
  color: #4a4a4a;
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list>li:hover {
  background: #ffcd00;
}

.new-l-headerLead__baloon--telTitle {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #4a4a4a;
}

.new-l-header {
  display: table;
  position: relative;
  width: 1200px;
  height: 72px;
  margin: 0 auto;
}

.new-l-header:after {
  content: '';
  display: block;
  clear: both;
}

.new-l-header__main {
  vertical-align: top;
  display: inline-block;
  max-width: 972px;
}

.multiupload {
  display: inline-block;
  width: 120px;
  line-height: 40px;
  background: #003399;
  color: #ffffff !important;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}

.multiupload:hover {
  color: #ffffff;
  text-decoration: none;
}

.new-l-header__aside {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.is-fixed .new-l-header__aside {
  position: fixed;
  top: 8px;
  z-index: 8000;
  margin-left: 130px;
}

.isLogout .is-fixed .new-l-header__aside {
  margin-left: 30px;
}

.new-l-header__logoWrap {
  display: inline-block;
  width: 323px;
  margin-top: 5px;
}

.new-l-header__maganavWrap {
  display: table;
  width: 100%;
  background: #4a4a4a;
  margin: 0 auto 0;
}

.new-l-header__maganav {
  width: 100px;
  height: 30px;
  top: auto;
  display: inline-block;
  vertical-align: top;
}

.new-l-header__menu {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}

.new-l-header__menu>ul {
  display: inline-block;
}

.new-l-header__menu>ul>li {
  display: inline-block;
  padding-left: 15px;
  position: relative;
}

.topPage .new-l-header__menu>ul>li:first-child {
  padding-left: 0;
}

.new-l-header__menu>ul>li>a {
  text-decoration: none;
}

.new-l-header__search {
  display: inline-block;
  margin-left: 15px;
  width: 500px;
  float: right;
  vertical-align: top;
  margin-right: 10px;
  /*CN_EC_REQ-2166*/
}

.is-fixed .new-l-header__search {
  position: fixed;
  top: 8px;
  margin-left: 334px;
  width: 510px;
  z-index: 8000;
}

.new-l-header__searchForm {
  position: relative;
  display: flex;
  /*CN_EC_REQ-2166*/
}

.nlh_selected {
  width: calc(100% - 22px);
  padding: 0 12px 0 10px;
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  cursor: pointer;
  color: #333333;
}

.nlh_selected::after {
  content: '';
  background: url(/vcommon/theme/detail/img/select-icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 10px;
  width: 16px;
  height: 16px;
}

.new-l-header_select {
  width: 106px;
  height: 40px;
  background-color: #fff;
  position: relative;
  border: 1px solid #fc0;
  box-sizing: border-box;
}

.nlh_selectbox {
  width: 106px;
  display: none;
  position: absolute;
  top: 41px;
  left: -1px;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  line-height: 28px;
  color: #9b9b9b;
  cursor: pointer;
  z-index: 1;
}

.nlh_selectbox-item {
  padding-left: 10px;
}

.nlh_selectbox div:hover {
  background-color: #FFCC00;
  color: #4a4a4a;
}

.new-l-header__searchForm .new-lc-input {
  display: block;
  width: 354px;
  /*CN_EC_REQ-2166*/
  height: 40px;
  padding-right: 5px;
  padding-left: 10px;
  border: 1px solid #FFCC00;
  box-shadow: none;
  font-size: 14px;
  line-height: 31px;
  border-left: none;
  border-right: none;
  outline: none;
  box-sizing: border-box;
  color: #333333;
}

.new-l-header__searchForm .new-lc-input::placeholder {
  font-size: 14px;
}

.new-l-header__searchForm .new-lc-input::-webkit-input-placeholder {
  color: #868686;
}

.new-l-header__searchForm .new-lc-input:focus::-webkit-input-placeholder {
  color: transparent;
}

.new-l-header__searchForm .new-lc-btnSubmitWrap {
  position: absolute;
  right: 0;
  /*CN_EC_REQ-2166*/
  top: 0;
  width: 40px;
  overflow: hidden;
}

.new-l-header__searchForm .new-lc-btn {
  width: 40px;
  height: 40px;
  /*CN_EC_REQ-2166*/
  padding-left: 18px;
  border: none;
  background-color: #fc0;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}

.new-l-header__keywordBox {
  position: absolute;
  left: 0;
  top: 40px;
  min-width: 400px;
  max-width: 879px;
  background: #fff;
  word-wrap: break-word;
  z-index: 1;
}

.new-l-header__keywordBox__main {
  position: relative;
  display: inline-block;
  width: 500px;
  border: 1px solid #a7a7a7;
  border-top: none;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  vertical-align: top;
  word-wrap: break-word;
  font-size: 14px;
  overflow-y: scroll;
  max-height: 561px;
}

.new-l-header__keywordBox__main .stopsale {
  color: red;
  display: inline;
  font-size: 12px;
  pointer-events: none;
}

.new-l-header__keywordBox__main .subspartno {
  color: #003399;
  font-weight: normal;
  text-decoration: underline;
  display: inline;
}

.new-l-header__keywordBox__main::-webkit-scrollbar {
  width: 4px;
}

.new-l-header__keywordBox__main::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  height: 540px;
  border-radius: 2px;
}

.l-header__balloon--product {
  position: absolute;
  top: 0;
  left: 500px;
  width: 370px;
  min-height: 188px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background-color: #fff;
  word-wrap: break-word;
}

.l-header__balloon--product.is-focus {
  border: 2px solid #b9cee7;
}

.new-m-btn--cartin {
  display: block;
  width: 84px;
  padding: 5px 0;
  background: #fc0 !important;
  text-align: center;
  font-size: 12px;
  color: #4a4a4a !important;
  text-decoration: none !important;
}

.l-header__cartbox {
  float: right;
  margin: 5px 10px 10px auto;
}

.l-header__cartbox>p {
  display: table-cell;
  padding-left: 7px;
  color: #4a4a4a;
  vertical-align: middle;
}

.new-m-link--pdf {
  float: left;
  margin: 5px 0 0 10px;
}

.new-m-link--pdf>a {
  background: url("/vcommon/common/img/pdflink.png") no-repeat;
  background-size: 16px 16px;
  color: #4a4a4a;
  padding-left: 25px;
}

.new-l-header__keywordBox--history ul>li .is-focus,
.new-l-header__keywordBox--productCode ul>li .is-focus,
.new-l-header__keywordBox--history ul>li .is-active {
  background-color: #fc0;
  color: #4a4a4a;
}

.navi_group li a {
  text-decoration: none;
}

.l-header_previewContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid #cdcdcd;
}

.l-header_previewContainer-tips {
  display: flex;
  justify-content: space-between;
  background: #FFF8DC;
  margin: 5px 10px 6px 10px;
  padding: 5px 10px;
  line-height: 16px;
  font-size: 12px;
}

.l-header__media--preview {
  display: flex;
  width: 100%;
}

.l-header__media--preview__img {
  padding-right: 20px;
  padding-left: 10px;
  width: 100px;
  display: table-cell;
  vertical-align: top;
}

.m-icn-nomsm {
  width: 46px;
  border-radius: 0;
}

.m-icn-nomsm img {
  width: 46px;
}

.l-header__media--preview__desc {
  margin: 5px 10px 0 10px;
}

.l-header__media--preview .lc-code,
.l-header__media--preview .lc-name {
  font-size: 12px;
  /* margin: 5px 10px 5px 0; */
}

.l-header__media--preview .lc-code>a,
.l-header__media--preview .lc-name>a {
  text-decoration: none;
  color: #4a4a4a;
}

.l-header__media--preview .lc-maker,
.l-header__media--preview .lc-price,
.l-header__media--preview .lc-day {
  margin: 5px 0;
  color: #4a4a4a;
  font-size: 12px;
}

.l-header__media--preview .lc-num {
  color: #e52f2c;
  font-size: 24px;
}

.l-header__media--preview .lc-img {
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
}

.l-header__media--preview .lc-img img {
  max-width: 100px;
  max-height: 100px;
}

.new-l-header__keywordBox--keyword,
.new-l-header__keywordBox--productCode {
  border-top: solid 1px #e8e8e8;
}

.new-l-header__keywordBox--keyword>dt,
.new-l-header__keywordBox--productCode>dt {
  margin: 10px 0 0 0;
  font-weight: bold;
  border-left: 4px solid #003399;
  padding-left: 10px;
  line-height: 16px;
  display: flex;
}

.keyword_tip {
  font-size: 12px;
  color: #003399;
}

/*.new-l-header__keywordBox--keyword ul,
.new-l-header__keywordBox--productCode ul {
  padding: 3px 0 5px 0;
}*/
.new-l-header__keywordBox--keyword ul>li>a,
.new-l-header__keywordBox--productCode ul>li>a {
  display: block;
  padding: 6px 10px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #F3F3F3;
}

.new-l-header__keywordBox--keyword ul>li>a:hover,
.new-l-header__keywordBox--productCode ul>li>a:hover {
  background-color: #fc0;
  text-decoration: none;
}

.new-l-header__keywordBox--keyword ul>li .is-focus,
.new-l-header__keywordBox--productCode ul>li .is-focus {
  background: #fc0;
}

.new-l-header__keywordBox__main dd li span {
  float: right;
  font-size: 12px;
  color: #9b9b9b;
}

.new-l-header__function {
  margin-left: auto;
  font-size: 0;
  text-align: right;
}

.new-l-header__function>li {
  display: inline-block;
  width: 148px;
  margin-left: 10px;
  vertical-align: top;
  font-size: 14px;
}

.new-l-header__function>li:first-child {
  margin-left: 0;
}

.new-l-header__function>li.new-lc-regist,
.new-l-header__function>li.new-lc-login {
  display: none;
}

.new-l-header__function>li>a {
  display: block;
  box-sizing: border-box;
  height: 40px;
  margin-right: -1px;
  padding: 6px 22px 6px 10px;
  border: 1px solid transparent;
  background-position: 128px center;
  text-decoration: none;
  font-size: 14px;
  color: #333333 !important;
}

.new-l-header__function>li:hover>a {
  background-color: #025fae;
  color: #fff;
}

.new-l-header__function .new-lc-cart {
  position: relative;
  display: inline-block;
  background-color: #fc0;
}

.new-l-header__function .new-lc-cart>a {
  padding: 8px 30px 5px 31px;
  background-image: none;
  position: relative;
}

.new-l-header__function .new-lc-cart>a:hover {
  background-color: #fbf9d2;
  color: #4a4a4a !important;
  text-decoration: none;
}

.new-l-header__function .new-lc-cart>a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -9px;
  width: 21px;
  height: 17px;
}

.new-l-header__function .new-lc-count {
  width: 22px;
  height: 16px;
  border-radius: 11px;
  position: absolute;
  top: 10px;
  right: 8px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding-bottom: 2px;
}

.new-l-meganav__category {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.l-header_hotkeyword {
  margin-left: 10px;
  margin-top: 5px;
}

.l-header_hotkeyword>li {
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
}

.l-header_hotkeyword>li>a {
  text-decoration: none;
  color: #fff;
}

.new-shoes-cnt-minus,
.new-shoes-cnt-area,
.new-shoes-cnt-plus {
  float: left;
  width: 28px;
  height: 27px;
  font-size: 18px;
  text-align: center;
  line-height: 26px;
  background: #fff;
  color: #4a4a4a;
  border: 1px solid #cdcdcd;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.new-shoes-cnt-input {
  width: 100%;
  height: 100%;
  border: none !important;
  outline: none;
  text-align: center;
  border-bottom: solid 1px #cdcdcd;
}

.l-headerLead__menuList {
  display: inline-block;
}

.l-header__logo {
  display: block;
  padding: 0;
}

.l-header__logo>span,
.l-header__logo>a {
  display: block;
  width: 310px;
  height: 37px;
}

.l-header__function {
  margin-left: auto;
  font-size: 0;
  text-align: right;
}

.l-header__balloonBoxWrap {
  position: relative;
  margin-top: 10px;
}

.l-header__balloonBoxWrap:first-child {
  margin-top: 0;
}

.l-headerFixedBg {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 74px;
  border-bottom: 1px solid #a7a7a7;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  background-color: #fff;
  z-index: 2;
}

.l-headerFixedBg {
  border-bottom: none;
}

.new-l-meganav {
  position: relative;
}

.new-l-meganav .new-lc-h2 {
  box-sizing: border-box;
  padding: 2px 6px 2px 10px;
  height: 30px;
  background-color: #fc0;
  background-position: 244px center;
  font-size: 14px;
  font-weight: bold;
  color: #4a4a4a;
  cursor: pointer;
}

.on.new-l-meganav .new-lc-h2 {
  display: none;
}

.on.new-l-meganav .new-l-meganav__search,
.page1.topPage .on.new-l-meganav .new-l-meganav__search {
  display: block;
}

.new-l-meganav__search {
  position: relative;
}

.new-l-meganav__category {
  padding: 0;
}

/*.new-l-meganav__category > ul > li:not(:last-child):hover {
  background:#ffcc00;
}*/
.new-l-meganav__category>ul>li:not(:last-child):hover {
  background: #dfeeff;
}

.new-l-meganav__category>ul>li>a {
  display: block;
  padding: 0 25px 0 15px;
  height: 28px;
  line-height: 26px;
  text-decoration: none;
  font-size: 12px;
  color: #333333;
}

.new-l-meganav__category>ul>li.on .l-meganav__balloonBox {
  display: block;
}

.new-l-meganav__category>ul>li>a>dt,
.new-l-meganav__category>ul>li>a>span {
  position: absolute;
  right: 10px;
  font-size: 21px;
}

.new-l-meganav__category>ul>li>a>dt,
.new-l-meganav__category>ul>li>a:hover>span {
  display: inline-block;
}

.new-l-meganav__category>ul>li>a>span,
.new-l-meganav__category>ul>li>a:hover>dt {
  display: none;
}

.new-l-meganav__category .l-meganav__balloonBox {
  display: none;
  position: absolute;
  left: 210px;
  top: 0;
  box-sizing: border-box;
  width: 760px;
  height: 432px;
  z-index: 2;
  background-color: #fff;
  border: none;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.topPage .new-l-meganav__category .l-meganav__balloonBox {
  height: 466px;
}

.new-l-meganav__category .l-meganav__balloonBox .lc-image {
  background-repeat: no-repeat;
  position: relative;
  bottom: 5px;
  width: 100%;
  left: 0;
  height: 454px;
  background-size: 100% 454px;
}

.new-l-meganav__category .l-meganav__level3 {
  background: white;
  width: 120px;
  padding: 5px 0 0 0;
  right: 0;
  position: absolute;
}

.new-l-meganav__category .l-meganav__level2ListSet .l-meganav__level2List>li>a {
  background: none;
  line-height: 28px;
  padding-left: 20px;
  padding-right: 0;
  margin-left: 0;
}

.new-l-meganav__category .l-meganav__level2ListSet>li>a {
  background: none;
  line-height: 28px;
  /*width:50%;*/
  padding-left: 20px;
  padding-right: 0;
  margin-left: 0;
}

.new-l-meganav__category .l-meganav__level2ListSet>li>a:hover {
  background: #dfeeff;
  color: #003399;
  text-decoration: none;
}

.new-l-meganav__category .l-meganav__level2 {
  padding: 4px 0 8px 0;
  width: 195px;
  box-sizing: unset;
}

.new-l-meganav__category .l-meganav__level2ListSet>li {
  margin-left: 0;
  padding-left: 0;
}

.new-l-meganav__category .l-meganav__level2List {
  margin-left: 0;
}

.new-l-meganav__category .l-meganav__level2List>li {
  margin-left: -1px;
  padding-left: 0;
  width: 50%;
}

.new-l-meganav__category .l-meganav__level2ListSet>li:hover {
  background: none;
}

.new-l-meganav__category .l-meganav__level2List>li>a:hover {
  background-color: #fc0;
}

.new-l-meganav__search {
  display: none;
}

.new-l-meganav__body {
  position: absolute;
  width: 210px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

/*.l-meganav__balloonBox {
  display: none;
  position: absolute;
  z-index: 8500;
  left: 261px;
  top: -2px;
  box-sizing: border-box;
  width: 724px;
  padding-bottom: 151px;
  border: 2px solid #0098d8;
  background-color: #fff;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
}
.l-meganav__balloonBox .lc-image {
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5px;
  left: 8px;
  width: 414px;
  height: 140px;
}
.l-meganav__balloonBoxInner {
  display: table;
  table-layout: fixed;
}*/
.l-meganav__level2,
.l-meganav__level3 {
  display: table-cell;
  vertical-align: top;
}

.l-meganav__level2 {
  box-sizing: border-box;
  width: 432px;
  padding: 15px 0 8px 20px;
}

.l-meganav__level3 {
  box-sizing: border-box;
  width: 288px;
  padding: 15px 15px 8px;
  background-color: #f5f5f7;
}

.l-meganav__level3__image {
  position: absolute;
}

.l-meganav__level3__image li {
  float: left;
}

.l-meganav__level2ListSet>li,
.l-meganav__level2List>li {
  box-sizing: border-box;
  font-size: 12px;
}

.l-meganav__level2ListSet>li>a,
.l-meganav__level2List>li>a {
  display: block;
  padding: 1px 5px 0 10px;
  background-position: 1px 0.5em;
  text-decoration: none;
  color: #000;
}

.l-meganav__level2ListSet>li>a:hover,
.l-meganav__level2List>li>a:hover {
  text-decoration: underline;
  color: #025fae;
}

.l-meganav__level2ListSet>li {
  margin-bottom: 4px;
  padding-left: 5px;
}

.l-meganav__level2List {
  margin-left: -40px;
  font-size: 0;
}

.l-meganav__level2List>li {
  display: inline-block;
  width: 49.5%;
  vertical-align: top;
}

.l-meganav__level2List>li>a {
  margin-left: 40px;
}

.side_bar_wrap,
.side_bar_wrap_a {
  position: fixed;
  z-index: 20000;
  height: 100%;
  right: -15px;
  top: 0;
}

.side_bar_icon {
  display: inline-block;
}

.side_bar_icon>ul {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: -44px;
  z-index: -1;
}

.side_bar_wrap_a .side_bar_icon>ul>li,
.side_bar_icon>ul>li {
  width: 48px;
  height: 48px;
  font-size: 12px;
  left: 0;
  position: relative;
  margin-bottom: 2px;
}

.side_bar_icon>ul>li {
  color: #4a4a4a;
  background: white;
}

.side_bar_icon>ul>li>span {
  display: block;
  text-align: center;
  line-height: 12px;
}

.side_bar_icon>ul>li>span.text-only {
  margin: 12px;
  position: absolute;
}

.side_bar_icon>ul>li:hover {
  cursor: pointer;
  background: #fc0;
  color: #4a4a4a;
}

.side_bar_icon>ul>li>div,
.side_bar_icon>ul>li>div.withicon,
.side_bar_icon>ul>li>i {
  margin: 5px 0 0 14px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.side_bar_icon>ul>li>div.withicon,
.side_bar_icon>ul>li>i {
  background-image: url(/vcommon/common/img/common.png);
  background-repeat: no-repeat;
}

.side_bar_wrap div.withicon {
  opacity: 0;
}

.side_bar_icon>ul>li>i {
  position: absolute;
  top: 0;
  opacity: 1;
}

div.withicon.loginicon {
  background-position: -29px -126px;
}

i.loginicon {
  background-position: -2px -126px;
}

div.withicon.custicon {
  background-position: -29px -25px;
}

i.custicon {
  background-position: -2px -25px;
}

.new-VN_pageTop {
  width: 48px;
  height: 48px;
  margin-left: auto;
}

.new-VN_pageTop a {
  display: block;
  height: 48px;
  width: 48px;
  background-color: white;
  background-size: 38px 38px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/vcommon/common/img/uparrow_b.png)
}

.new-VN_pageTop {
  border: none;
}

.sidebar_panel_group {
  display: none;
}

.sidebar_panel {
  width: 16px;
  height: 100%;
  border-left: 6px solid #4a4a4a;
  display: inline-block;
  background: #f3f3f3;
  transition: width 0.3s ease-out;
}

.sidepanel_title {
  height: 28px;
  width: 260px;
  padding: 9px 10px 9px 5px;
  background: #DFEEFF;
}

.sidepanel_title>div {
  float: left;
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url(/vcommon/common/img/common.png) no-repeat;
}

.history_item {
  height: 60px;
  margin-bottom: 10px;
  background: #fff;
  position: relative;
  padding: 10px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
  display: flex;
  align-items: center;
}

.real_history_item {
  margin-bottom: 10px;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
  flex-direction: column;
}

.real_history_item:hover {
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #003399
}

.sidehistorybtn {
  width: 240px;
  line-height: 36px;
  background-color: #FFCC00;
  color: #333333;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.sidehistorybtn:hover {
  background-color: #FFEA98;
}

.shwrapper {
  width: 280px;
  background: #DFEEFF;
  padding: 15px 20px;
  position: fixed;
  bottom: 0;
}

.side_txt_box {
  width: 146px;
  margin-left: 5px;
}

.side_txt_box .num {
  color: #4a4a4a;
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: 17px;
}

.hidetip {
  float: right;
  color: #333333;
  width: 64px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
  background: white;
  border: 1px solid #CDCDCD;
  cursor: pointer;
}

.hidetip:hover {
  color: #003399;
  border: 1px solid #003399;
}

.cart_cover {
  position: absolute;
  width: 280px;
  height: 15px;
  z-index: 1;
  padding: 54px 10px 10px 0;
  left: 0;
  top: 0;
  display: none;
}

.history_item.no_detail:hover .cart_cover {
  cursor: default;
}

.cart_cover img {
  cursor: pointer;
}

.history_item:hover .cart_cover {
  width: 246px;
  border: 1px solid #003399;
  cursor: pointer;
  display: block;
}

.overflow_txt {
  font-size: 12px;
  line-height: 17px;
  max-height: 24px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: underline;
  margin-bottom: 5px;
}

.l-userArea_upgrade .l-upgrade-btn,
.new-l-headerLead__baloon .l-upgrade-btn {
  display: inline-block;
  height: 28px;
  background-color: #003399;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
}

.new-l-headerLead__baloon .l-upgrade-btn {
  width: 122px;
}

.l-upgrade-btn:hover {
  background: #335BAD;
}

.l-upgrade-btn.add_to {
  background: #ffcc00;
  color: #333333;
  margin-left: 8px;
}

.l-upgrade-btn.add_to:hover {
  background-color: #FFEA99;
}

.message-count {
  line-height: 16px;
  top: 0px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  display: inline-block;
}

.red_dot_0 {
  border-radius: 11px;
  width: 16px;
  background: #CDCDCD;
}

.red_dot_1 {
  width: 16px;
  background: url(/vcommon/common/img/dot1.png) no-repeat
}

.red_dot_2 {
  width: 23px;
  height: 16px;
  background: url(/vcommon/common/img/dot2.png) no-repeat
}

.red_dot_3 {
  width: 29px;
  height: 16px;
  background: url(/vcommon/common/img/dot3.png) no-repeat
}

.message_panel {
  background: #FFFFFF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.10);
  width: 320px;
  max-height: 244px;
  padding: 20px;
  position: relative;
}

.title_area {
  position: relative;
  height: 25px;
}

.mpanel_title {
  color: #4a4a4a;
  font-size: 14px;
  position: absolute;
  margin-bottom: 5px;
  bottom: 0;
}

.checkall_message {
  cursor: pointer;
  height: 36px;
  width: 360px;
  text-align: center;
  background: #F3F3F3;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  color: #4A4A4A;
  line-height: 36px;
}

.checkall_message:hover {
  background: #EEF4FC;
  color: #003399;
  text-decoration: underline;
}

.t-d-Mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 1000000;
}

.t-Product-model {
  width: 400px;
  height: 295px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #CDCDCD;
  box-sizing: border-box;
  z-index: 1000001;
}

.t-Favorites-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #4A4A4A;
  background: #EEF4FC;
  box-shadow: 0 0 4px 0 rgba(6, 65, 152, .1);
  padding-left: 10px;
  box-sizing: border-box;
  /* nt  CN_EC_REQ-1903 */
  text-align: left;
}

.t-Favorites-content {
  width: 100%;
  height: 255px;
  background: #fff;
  overflow: hidden;
}

.t-Favorites-content-img {
  display: block;
  margin: 50px auto 20px;
}

.t-Favorites-title img {
  float: right;
  margin-right: 10px;
  margin-top: 12px;
  cursor: pointer;
}

.t-Favorites-con-p {
  text-align: center;
  font-size: 14px;
  color: #4A4A4A;
  letter-spacing: 0.38px;
}

.t-my-Favorites {
  display: block;
  width: 110px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  background: #FFCC00;
  font-size: 14px;
  /* NT -CN_EC_REQ-1903 */
  color: #4A4A4A !important;
  margin: 57px auto 30px;
  text-decoration: none;
}

.gotoCart {
  padding: 10px 0 0 10px;
  height: 46px;
  width: 270px;
  font-size: 14px;
  color: #4A4A4A;
  position: relative;
  background: #DFEEFF;
  z-index: 10;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.10);
}

.gotoCart a {
  text-decoration: none;
  color: #4a4a4a;
  float: right;
  text-align: center;
  background: #FFCC00;
  line-height: 36px;
  width: 100px;
  margin-right: 20px;
}

.certification {
  padding-top: 10px;
  text-align: center;
}

.certification li {
  display: inline-block;
  padding: 0 28px;
  height: 16px;
  line-height: 16px;
  border-right: 1px solid #9b9b9b;
  position: relative;
  margin: 10px 0;
}

.certification li:last-child {
  border: none;
}

.certification a {
  color: #a1a1a1 !important;
  font-size: 12px;
  text-decoration: none;
}

.column_name,
.column_content,
.dl_link_list li,
.common_links li {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  line-height: 16px;
  display: inline-block;
}

.guide_btn {
  width: 94px;
  line-height: 28px;
  background: #FFCC00;
  color: #4A4A4A;
  font-size: 12px;
  text-align: center;
  margin: 10px auto auto;
  cursor: pointer;
}

.column_name {
  color: #9B9B9B;
  text-align: right;
}

.column_content {
  color: #FFFFFF !important;
}

a.column_content {
  text-decoration: underline !important;
}

.bottom_block {
  display: inline-block;
}

.bottom_line {
  width: 100%;
  margin-bottom: 5px;
}

.bottom_line li {
  display: inline-block;
  width: 32%;
}

.bottom_line li img {
  float: left;
  margin: auto 10px auto 0;
}

.bottom_line li p {
  float: left;
  line-height: 30px;
  font-size: 18px
}

.bottom_row {
  border-bottom: 1px solid #9b9b9b;
  width: 1200px;
  padding: 20px 0;
}

.dl_link_list li a {
  color: #ffffff;
  text-decoration: none;
  margin: 0 30px;
}

.common_links li a {
  color: #9B9B9B;
  text-decoration: none;
  margin: 0 30px;
}

.dl_link_list,
.common_links {
  text-align: center;
  margin-bottom: 20px;
}

.dl_link_list li,
.common_links li {
  border-right: 1px solid #9b9b9b;
}

.dl_link_list li:last-child,
.common_links li:last-child {
  border-right: none;
}

.customer_name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 210px;
  color: #333333;
  display: inline-block;
}

.lc-logout a {
  color: #003399;
  text-decoration: none;
}

.personal_type,
.company_type {
  position: absolute;
  right: 16px;
  width: 56px;
  height: 16px;
  font-size: 12px;
  color: #333333;
  line-height: 16px;
  text-align: center;
  border-radius: 2px;
  padding: 2px 4px;
}

.company_type {
  background: #FFF7D5;
}

.payment_type {
  background: #FFF7D6;
  line-height: 18px;
  width: 34px;
  border-radius: 9px;
  position: absolute;
  text-align: center;
  right: 10px;
  font-size: 10px;
  font-weight: 400;
  color: #333333;
  letter-spacing: 1px;
}

.mypage_link {
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #FFCC00;
  margin: 15px 20px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}

.mypage_link:hover {
  background-color: #fff9e2;
}

.personal_type {
  background: #DFEEFF;
}

.new_login_profile {
  background: url(/vcommon/common/img/logined_profile.png) no-repeat;
  margin-right: 5px;
  width: 18px;
  height: 18px;
}

.head_cust_info {
  position: absolute;
  max-width: 254px;
  background: white;
  padding: 10px;
  width: 210px;
  font-size: 12px;
}

.hello_user {
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 106px;
}

.upr_improve,
.upr_improve .new-l-headerLead__baloon {
  margin-left: 0;
}

.upr_improve:hover .lc-pulldown.on {
  background-color: white;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAFFJREFUGFdjZMACGKFizCYmJtPOnDmTxcDA8BcsaGxsnM/AwDCBgYGh4OzZsxMZzc3NZf78+XONgYGBl4GB4TMLC4sWo7Gx8XoGBoYAJKM3AAArsxIPJLbIHQAAAABJRU5ErkJggg==);
}

div[data-header-func="communicate"] .header_appicon {
  background-position: -5px -449px;
}

div[data-header-func="communicate"] .lc-pulldown.on .header_appicon {
  background-position: 0 0;
  background-image: url(/vcommon/common/img/schatb.png);
}

.upr_improve:hover .hello_user,
.upr_improve:hover a {
  color: #333333;
}

.login_UI .m-loginRegistUnit {
  margin-top: 10px;
  width: auto;
}

.login_UI .m-loginRegistUnit__login {
  float: none;
  width: 100%;
  border: 0;
  min-height: auto;
}

.login_UI .m-loginRegistUnit__inner {
  padding: 0;
  position: relative;
}

.login_UI .m-btn--login {
  height: 50px;
  background-color: #FFCC00 !important;
  color: #4a4a4a !important;
  font-size: 20px;
  box-shadow: none;
  margin-top: 30px;
  border-radius: 0;
  font-weight: normal;
}

.login_UI .m-btn--login:hover {
  background-color: #fbf9d2 !important;
  opacity: 1;
}

.login_UI .m-btn--login:focus {
  outline: 0;
}

.login_UI .m-link-list a {
  color: #9b9b9b;
  font-size: 14px;
  text-decoration: none;
}

.login_UI .m-loginRegistUnit__inner p {
  margin-top: 10px;
}

.login_UI .m-link-list .m-register-link {
  float: right;
}

.login_UI .m-alertBox,
.login_UI .VNmodalMsgBody__login--err {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAlklEQVQ4y2O4ycDAgANXAPErIDbGpQaXRkUg/g7E/4H4OBAzkqJ5HVQjDMcRq9kRTSMIPwFiHkKamYH4EkwTCCAZ0EJIcyayjWiav0PDAqtmASB+g0czCK/GpXkiul+xaP4PDRMUzRpA/JtIzRegYQPXvBOLInw4A6bZG5ciHDb/h6Y8AZDmqyTaCsOdIM0nyND4F4irAczKINalSQW1AAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
  text-align: right;
  padding: 0 0 0 20px;
  margin-top: -15px !important;
  position: absolute;
  right: 0;
  width: auto;
  max-width: 100%;
  color: #d00;
  font-size: 14px;
}

.m-modal--login.login_UI {
  width: 360px;
  padding: 15px;
}

.fancybox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANhJREFUOBGlkwsOgyAQRMVwpx4Im56pVQ7kpUrn0WDsCmjSTdTI7ptZfi7GGFJKtxDCwzmXhguheifuqfrVA+u5L8sy8j0TAVbtLJ+A14izvpEBEhSQqIWBI6zHUUEHMIgM/NtOLDxNU67xUGciLRg2C/REyO3mHIsz48RhvtbtW5YX7ABXBRg0IgxVYRIjr39iW4MiYtzZXqK5Oz8CFmbBoHtbvAnU4HIWlGuekyzQg+mgd064C/uz3Vztpojm96JFGTVhuiixN5TozF1YSV69zqUTXec37AfmePk5MxMMYQAAAABJRU5ErkJggg==") no-repeat center;

}

.m-loading-area {
  height: 250px;
  position: absolute;
  width: 374px;
  left: 8px;
  bottom: 6px;
}

.m-modal--login.login_UI .m-loading {
  height: 250px;
  background: url("/vcommon/common/img/loading_100_type2.gif") center center no-repeat;
  position: absolute;
  width: 375px;
  bottom: 0px;
}

.fancybox-outer,
.fancybox-inner {
  z-index: 20070
}

.fancybox-close {
  z-index: 20071;
}

input {
  font-family: inherit;
}

input[type="text"] {
  display: inline-block;
  border: 1px solid #bfbfbf;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.m-btn--ordernow,
.m-btn--cartin {
  display: block;
  box-sizing: border-box;
  padding: 9px 2px 7px;
  border-radius: 2px;
  background-color: #ff730a !important;
  box-shadow: inset 0 1px 0 0 #ffab6c, 0 2px 0 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
}

.m-btn--cartin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAYAAAAyhueAAAAAqElEQVQ4y2P4//8/A4W4Aoi//UeAJZQa6PEfFfwD4jmUGnoSalgdsjiIePGfMvAKiHnQDV1OoaEL0X0AItKQFJDidRhIwGaoCoUuVcRmKAg/ItPAh9h8AWMspFZ4IhsaT6ahSfgMlSPTUCV8hhKLtaCGXcWnDl2AkQiDr0IN1iJkqD8QvwTit0AcRcDQyVBDcaqFMV6SGaafgZiVrob6QwuWN0R4n6BaAIZAzwzPpoMeAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.m-btn--ordernow {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAuUlEQVQ4y2P4TxzgB+I4IGZAxwwkGPAViHUoMQAEbgAxH7kGvIPiheQYoA/ESkiYCZsBv4D4NwkuwjDgMxCLAnE6EM8G4o+kGgACCUD8D2qAMRC/J9WAXiBeihTSuAzBacAzIFb+jxrX2AzBaQAIPCbCELwGEGMIQQMIGRJKjAH4DHkJxIHEGEDQEBDnHRH4ERZDmoF4AUb+xoEz0QwxAuLXQKxJrAHIhlRDNQfAwoAUnAXEW/8jFSwAUDwzJRvaMs4AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 20050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 20050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  border-radius: 15px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 2px #222;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
  white-space: nowrap;
}

.m-dataTable {
  margin: 10px 0;
}

.m-dataTable>tbody>tr>th,
.m-dataTable>tbody>tr>td {
  padding-top: 0.25em;
  padding-right: 0.5em;
  vertical-align: top;
  word-wrap: break-word;
}

.m-dataTable>tbody>tr>th {
  font-weight: bold;
  white-space: nowrap;
}

.m-btnList--center {
  display: table;
}

.m-btnList--center>li {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}

.m-btnList--center>li:first-child {
  padding-left: 0;
}

.m-btnList--center {
  margin: 40px auto 0;
}

.m-btn--ordernow {
  width: 124px;
  padding-left: 10px;
}

.m-btn--cartin {
  width: 124px;
  padding-left: 16px;
}

.m-inputText--right {
  padding: 0.5em;
}

.m-inputText--right {
  text-align: right;
}

.fancybox-title-float-wrap {
  top: 0;
  left: 0;
  margin-bottom: 0;
  width: 100% !important;
}

.fancybox-title-float-wrap .child {
  margin-right: 0;
  padding: 8px 0;
  border-radius: 0;
  background: #EEF4FC;
  text-shadow: none;
  font-weight: normal;
  color: #4a4a4a;
  font-size: 18px;
  text-align: left;
  text-indent: 10px;
  display: block;
}

.UI_npp.m-modal--suggest {
  width: 400px;
  padding: 40px 0 30px 0;
}

.UI_npp.m-modal--suggest .m-dataTable {
  min-width: 400px;
}

.UI_npp .m-dataTable>tbody>tr>th,
.UI_npp .m-dataTable>tbody>tr>td {
  padding: 7px 0;
  vertical-align: middle;
}

.UI_npp.m-modal--suggest .m-dataTable>tbody>tr>th {
  text-align: right;
  padding-right: 10px;
  font-weight: normal;
  color: #9b9b9b;
}

.UI_npp.m-modal--suggest .m-btnList--center {
  margin: 25px auto 0;
}

.UI_npp.m-modal--suggest .m-numbtn-minus,
.UI_npp.m-modal--suggest .m-numbtn-plus {
  width: 26px;
  height: 26px;
  float: left;
  border: 1px #bfbfbf solid;
  line-height: 26px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.UI_npp.m-modal--suggest .btn_disable {
  background-color: #f3f3f3;
  color: #b1b1b1;
  cursor: not-allowed;
}

.UI_npp.m-modal--suggest .m-numbtn-input {
  float: left;
  width: 40px;
  text-align: center;
  border-left: 0;
  border-right: 0;
  line-height: 26px;
  font-size: 12px;
  height: 26px;
  padding: 0 5px;
  box-shadow: none;
}

.UI_npp.m-modal--suggest .m-btn--ordernow,
.UI_npp.m-modal--suggest .m-btn--cartin {
  width: 110px;
  background-image: none;
  padding: 0;
  color: #4a4a4a !important;
  box-shadow: none;
  font-size: 14px;
  font-weight: normal;
  height: 36px;
  line-height: 36px;
}

.UI_npp.m-modal--suggest .m-btnList--center>li:first-child {
  padding-right: 10px;
}

.UI_npp.m-modal--suggest .m-btn--ordernow {
  border: 1px solid #FFCC00;
  background: #fff !important;
}

.UI_npp.m-modal--suggest .m-btn--cartin {
  background: #FFCC00 !important;
  border: 1px solid #FFCC00;
}

.new-l-header__keywordBox--history>dt span {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAaVBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnsQffUAAAAInRSTlMAAAECAwYJDBYbHjA3SltjZGZ0gJSjpa22vcrW6ers8vn82ommdgAAAK1JREFUGNNtkcESgjAMRF8QraIWUFFEKbL//5EeihRHc3yTnd1sMDPD1W0v9W3tAMDMrAySxlFSKCe4bqSuKvK8qDqpWQNmjQafwfkMmR/UAFZqOABIAIdBJbggT4J4BUetLlvCrFNNq8qWkEotTxXfsFCPxtwANh+Yj5rhRY8EJ/lRr32SR6PtUyeSUYx01X1FihTD7267adEruHRmnHjmXAgsCvlf3d+Sf9/xBgZ9E0ceKQi0AAAAAElFTkSuQmCC") no-repeat;
}

.new-l-header__keywordBox--history ul {
  padding: 3px 0 5px 0;
}

.new-l-header__keywordBox--history ul>li>a {
  display: block;
  padding: 2px 10px;
  text-decoration: none;
  color: #4a4a4a;
}

.new-l-header__keywordBox--history>dt {
  margin: 0 10px;
  line-height: 40px;
  font-size: 14px;
  color: #4a4a4a;
}

.new-l-header__keywordBox--history>dt span {
  padding-left: 20px;
  color: #9b9b9b;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  line-height: 40px;
  float: right;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABcUlEQVQ4T+2TsUvDQBTG32sCJoOEurarm6D/g4tQcezgEjB3gQ4qVFCsQggUUcGgLoW71FIHh45iwcX/QcHFvZ1LcUiF0ycpKmks7eLotxz3Pt7vHnffIaTUaDTmlVLXADCXtBCxh4i24zgvI/U0QAixn8lkLE3TzpOeUmqTiCLXdasjACnlASJWiAgBgOIVEQkA3lNwLeHF/gcAHMdNQ4VhuEFES5zzrfRUyb2U8hIRHxljV3H97wGmaR4OBgOPMbYjhFiLT3Fd9zYMwzPDMPwoiqoTJ1BKBbqu33HOF6SUlRjAOT+SUj4rpVZ1XS//A6bcAQCcAkCbc74ohNj7eoUTKeUTABQAYHdqDmq1Wq5UKnXr9fpsDHAc57XZbOZs2+5OClKBiLY7nc6K7/txTH/J87xMPp+/R8QLxlh7JImtVkvr9/s3iLhMRINxAEQ0iOjBsqz1YrE4/Cs/Uf5uCILAzGazM+MAvV7vrVwuR0nvExtYIWvPZlBiAAAAAElFTkSuQmCC') no-repeat left center;
}

.new-l-header__keywordBox--history>dt span:hover {
  color: #003399;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABVElEQVQ4T+2TzStEURjGf+femZgp+dhay0bNcGysbRRZWtgo6t6hUBT5KKlJKMLG3FsoCwtLmbKxtpmDKRt/wKxHKUPjztFcyZ0ZHys7Z/PW89TvPL09r6D6xY/aMF+OQbRUWXmEN0Jm4j6oixqATC2A0YhR3KnwvNAkQhdQiWQloNtZQotF0GWYfp9CA14V3Ax4Zb+EMNY/E3S7o2jiKGuqJlVQkO4eglsy1mFZ/gNAKLrM69MKypql0x30P7+xzpDuFqHoKq9PyZ8TeN42pnGOsjvochZ9wLW9hnTu8EoDmObMP+C3HRTFJuFSGmXHkKl5f4kqsYF0shSNfsJ67vcexPZbyY7naD9o8AH3Y498aN8WSTr9IKZRuT5YLX3dxhUD2XoBehdlpyubyKmJfDgB3Qs8f1PnehCXqKZhGPJvpfYae7YjFJrrvgRE8i9czRSC3hvLcMtaPAU5HgAAAABJRU5ErkJggg==') no-repeat left center;
}

.company_register.company_modal {
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.company_register .close {
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB4ElEQVQ4T42TzW4TMRSFz5kpLPMAmbdgwxtkw4IfMVGjBgTEngDiTyAEKgJZKlBAiKq0Bc04gZTfdvh5gGzZ8CBx9rOG5CJHCYpCWuql7fP53HN92W63GyJytNFoNEkKDrCMMUG5XLYAftBa+xrARZJver2eNsYM92N4cRRFbwGcFZFNAvCQVx4iIp1+v9/YCzJ+uUPyDIAtrfVVD/DLQ7YAXAKw7Zy7MAuJ4zisVCodAHUAG1rrayPhlF1mWbZJ8jKAd8658xNInudhURTbAJYAvNRaX5/opgGjvSzLNkheAfCh2+2ei+MYRVG8B1ATkfUkSW5MZ/QPwB9aa9cBeIsfSYYisigia0mS3JwNeC5gBgKSL5RSt+Z1Zy7AGLMQRdEnAPEoKHKnVCrVq9Xq4L8OxuLPAE6TfAZgQUS89V3nXN0Y83vPDNI0PRQEwQ6AUySfKqXujst5DsCXkDvnlqYhf0sYi3cBnCS5qpRann7JWuvd3Abw1TlXm0BGAC8mmZM8AeCx1vrevMBardYTEblD8ttgMKg1m81fNMYcjqIoB3Cc5EOl1P39ZsFauwrAl/Z9OBwu+i/8xQcGYEVr/eAAw+j/ySMAy747TNP0WBAER7TWKwcRT+6kaWrCMPz5B2ycxwibwHvLAAAAAElFTkSuQmCC) no-repeat;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.company_register .bound_box {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.company_register .tips_icon {
  width: 50px;
  height: 50px;
  margin-bottom: 30px;
}

.company_register .tips_text {
  text-align: center;
  font-size: 16px;
  color: #4a4a4a;
}

.company_register .popup_btn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

.company_register .popup_btn div {
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
}

.width-120 {
  width: 120px;
}

.company_register .popup_btn_sure {
  background-color: #FFCC00;
}

.company_register .popup_btn_cancel {
  box-sizing: border-box;
  margin-left: 20px;
}

.company_register .popup_btn_cancel:hover {
  background-color: #FBF9D2 !important;
}

.register_companyHover:hover {
  opacity: .8;
}

.u-strike {
  text-decoration: line-through !important;
}

.l-header__h3--preview {
  display: table;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0;
  padding: 0 0 0 10px;
  border-left: 5px solid #039;
  text-indent: 0;
  font-size: 18px;
  font-weight: bold;
}

.l-header__keywordBox__aside {
  position: absolute;
  top: 0;
  left: 500px;
  min-width: 343px;
  min-height: 286px;
  border: 1px solid #a7a7a7;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  vertical-align: top;
  word-wrap: break-word;
  font-size: 0;
}

.l-header__keywordBox__aside.is-focus {
  border: 2px solid #b9cee7;
}

.has-related .l-header__keywordBox__aside {
  width: 220px;
}

.has-preview.has-related .l-header__keywordBox__aside {
  width: 370px;
}

.l-header__keywordBox__aside__left {
  display: none;
  width: 370px;
  font-size: 12px;
}

.has-preview .l-header__keywordBox__aside__left {
  display: inline-block;
}

.l-header__thumbnailList--product,
.l-header__thumbnailList--category {
  font-size: 0;
}

.l-header__thumbnailList--product>li,
.l-header__thumbnailList--category>li {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  vertical-align: top;
  font-size: 14px;
}

.l-header__thumbnailList--product>li>div>a,
.l-header__thumbnailList--category>li>div>a {
  display: table-cell;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
}

.l-header__thumbnailList--product>li>div>a:hover,
.l-header__thumbnailList--category>li>div>a:hover {
  padding: 0;
  border-width: 1px;
  border-color: #003399;
}

.l-header__thumbnailList--product>li>div>a:hover>img,
.l-header__thumbnailList--category>li>div>a:hover>img {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

.l-header__thumbnailList--product>li {
  margin-left: 11px;
  margin-right: 1px;
}

.l-header__thumbnailList--product>li>div>a {
  width: 48px;
  height: 48px;
}

.l-header__thumbnailList--product>li>div>a>img {
  max-width: 43px;
  max-height: 43px;
}

.l-header__thumbnailList--category>li {
  margin-left: 11px;
  margin-right: 1px;
}

.l-header__thumbnailList--category>li>div>a {
  width: 78px;
  height: 78px;
}

.l-header__thumbnailList--category>li>div>a>img {
  max-width: 54px;
  max-height: 54px;
}

.l-header__balloon--preview {
  display: none;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0;
  width: 166px;
  padding: 10px;
  border: 1px solid #cdcdcd;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  background-color: #fff;
  filter: alpha(opacity=90);
  text-indent: 0;
  word-wrap: break-word;
}

.l-header__balloon--preview>div>a {
  text-decoration: none;
}

.l-header__balloon--preview>div>a:hover {
  text-decoration: underline;
}

.l-header__balloon--preview .lc-img {
  display: table-cell;
  width: 150px;
  height: 150px;
  vertical-align: middle;
  text-align: center;
}

.l-header__balloon--preview .lc-img>img {
  max-width: 150px;
  max-height: 150px;
}

.l-header__balloon--preview .lc-name {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
}

.l-header__balloon--preview .lc-price,
.l-header__balloon--preview .lc-maker {
  color: #9b9b9b;
  font-size: 14px;
}

.l-header__balloon--preview .lc-price .lc-sale {
  margin-right: 3px;
  margin-left: 0.5em;
  font-size: 16px;
  font-weight: bold;
  color: #ea0000;
}

.l-header__balloon--preview .lc-price .lc-num {
  margin: 0 3px;
  font-size: 16px;
  font-weight: bold;
  color: #E52F2C;
}

.l-header__balloon--preview .lc-day {
  font-size: 14px;
  color: #9b9b9b;
}

.l-header__relatedProduct {
  margin-left: -1px;
  font-size: 0;
}

.l-header__relatedProduct>li {
  display: inline-block;
  width: 78px;
  margin-top: 11px;
  margin-left: 11px;
  margin-right: 1px;
  vertical-align: top;
  font-size: 12px;
}

.l-header__relatedProduct>li>a {
  display: block;
  text-decoration: none;
}

.l-header__relatedProduct>li>a .lc-img {
  display: table-cell;
  width: 78px;
  height: 78px;
  border: 1px solid #a7a7a7;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}

.l-header__relatedProduct>li>a .lc-img>img {
  max-width: 66px;
  max-height: 66px;
}

.l-header__relatedProduct>li>a .lc-text {
  display: block;
  padding: 3px;
}

.l-header__relatedProduct>li>a:hover {
  text-decoration: underline;
}

.l-header__relatedProduct>li>a:hover .lc-img {
  padding: 0;
  border: 3px solid #b9cee7;
}

.l-header__relatedProduct>li>a:hover .lc-img>img {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

@media screen and (max-width:1536px) {

  .l-header__keywordBox__aside,
  .l-header__balloon--product {
    left: 367px;
  }

  .topPage .l-header__keywordBox__aside,
  .topPage .l-header__balloon--product {
    left: 500px;
  }
}

@media screen and (max-width:1280px) {

  .l-header__keywordBox__aside,
  .l-header__balloon--product {
    left: 358px;
  }

  .topPage .l-header__keywordBox__aside,
  .topPage .l-header__balloon--product {
    left: 468px;
  }
}

[data-panel="cart"] {
  width: 100%;
}

.l-nosupport__ttl>span {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAlklEQVQ4y2O4ycDAgANXAPErIDbGpQaXRkUg/g7E/4H4OBAzkqJ5HVQjDMcRq9kRTSMIPwFiHkKamYH4EkwTCCAZ0EJIcyayjWiav0PDAqtmASB+g0czCK/GpXkiul+xaP4PDRMUzRpA/JtIzRegYQPXvBOLInw4A6bZG5ciHDb/h6Y8AZDmqyTaCsOdIM0nyND4F4irAczKINalSQW1AAAAAElFTkSuQmCC") left 0.2em no-repeat;
}

.l-nosupport {
  box-sizing: border-box;
  width: 1200px;
  padding: 10px;
  margin: 0 auto;
}

.l-nosupport__ttl {
  font-size: 14px;
  color: #d00;
}

.l-nosupport__ttl>span {
  display: inline-block;
  width: 15px;
  height: 13px;
  margin-right: 10px;
  padding-top: 0.2em;
  vertical-align: top;
  *text-indent: 0;
  *font-size: 0;
}

.sidebar_cs_panel span {
  line-height: 26px;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar_cs_panel .cust_tag {
  color: #9B9B9B;
}

.sidebar_cs_panel {
  display: none;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: -196px;
  width: 196px;
  background: white;
  bottom: 0;
  z-index: 4000;
}

.mailto_link {
  float: right;
  color: #003399;
  text-decoration: underline;
  cursor: pointer;
}

.new-l-headerLead__baloon .sidebar_cs_panel {
  display: block;
  left: 0;
  top: 0;
  bottom: auto;
}

.upr_improve:hover a {
  color: #333333;
}

.message_type {
  display: inline-block;
  margin: 10px 0 10px 5px;
  width: 34px;
  height: 20px;
  font-size: 12px;
  color: #4a4a4a;
  text-align: center;
  pointer-events: none;
  border-radius: 14px;
}

.message_content {
  display: inline-block;
  font-size: 12px;
  color: #4A4A4A;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.onerecord:hover .message_content {
  color: #003399;
  text-decoration: underline;
}

.onerecord {
  border: 1px solid #f3f3f3;
  border-top: 1px solid #bebebe;
  max-height: 59px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.onerecord:hover {
  border: 1px solid #003399;
}

.red_dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #e52f2c;
  border-radius: 14px;
  position: relative;
  top: -10px;
}

.wechat_bind_bg .wxbind {
  width: 400px;
  height: 321px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 99999;
}

.wechat_bind_bg .wxbind_bound,
.wxbind_error {
  width: 400px;
  height: 296px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 99999;
}

.wechat_bind_bg .wxtitle {
  background: #EEF4FC;
  line-height: 40px;
  font-size: 18px;
  color: #4a4a4a;
  padding-left: 10px;
  font-weight: 600;
}

.wechat_bind_bg .top_imgs {
  display: flex;
  margin: 50px 89px 20px 90px;
  align-items: center;
}

.wechat_bind_bg .wxbind_bound .top_imgs {
  margin: 38px 89px 32px 90px;
}

.wechat_bind_bg .misumi_icon,
.wechat_icon {
  /* CN_EC_REQ 96  开始*/
  width: 50px;
  height: 50px;
  /* CN_EC_REQ 96  结束*/
}

.wechat_bind_bg .link_icon {
  width: 20px;
  height: 20px;
}

.wechat_bind_bg .spot {
  width: 5px;
  height: 5px;
  background-color: #cdcdcd;
  border-radius: 50%;
}

.wechat_bind_bg .wechat_text p {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}

.wechat_bind_bg .wechat_text .p1 {
  color: #4a4a4a;
  margin-bottom: 5px;
}

.wechat_bind_bg .wxbind_error .wechat_text .p1 {
  margin-bottom: 40px;
}

.wechat_bind_bg .wechat_text .p2 {
  color: #003399;
  font-weight: 600;
  margin-bottom: 40px;
}

.wechat_bind_bg .wechat_btn {
  display: flex;
  justify-content: center;
}

.wechat_bind_bg .wechat_btn p {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  color: #4a4a4a;
}

.wechat_bind_bg .bind_box1 {
  background: #FFCC00;
  margin-right: 20px;
}

.wechat_bind_bg .bound_box .bind_box1 {
  margin-right: 0px;
}

.wechat_bind_bg .bind_box3,
.bind_box4 {
  background: #FFCC00;
}

.wechat_bind_bg .bind_box2 {
  background: #FFFFFF;
  border: 1px solid #FFCC00;
  box-sizing: border-box;
}

.wechat_bind_bg .backbox {
  background: rgba(0, 0, 0, .4);
  width: auto;
  height: auto;
}

.wechat_bind_bg .isee input {
  outline: none;
  border: 0;
  ;
  background: #FFCC00;
  width: 110px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}

.wechat_bind_bg .close {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  right: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANhJREFUOBGlkwsOgyAQRMVwpx4Im56pVQ7kpUrn0WDsCmjSTdTI7ptZfi7GGFJKtxDCwzmXhguheifuqfrVA+u5L8sy8j0TAVbtLJ+A14izvpEBEhSQqIWBI6zHUUEHMIgM/NtOLDxNU67xUGciLRg2C/REyO3mHIsz48RhvtbtW5YX7ABXBRg0IgxVYRIjr39iW4MiYtzZXqK5Oz8CFmbBoHtbvAnU4HIWlGuekyzQg+mgd064C/uz3Vztpojm96JFGTVhuiixN5TozF1YSV69zqUTXec37AfmePk5MxMMYQAAAABJRU5ErkJggg==) no-repeat center;
}

.wechat_bind_bg .hand {
  cursor: pointer;
}

.wechat_bind_bg .wxbind_popup {
  background: rgba(0, 0, 0, .4);
  z-index: 20001;
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
}

.l-header-float_hotkeyword {
  display: none;
  margin-left: 10px;
  margin-top: 5px;
}

[data-common="floatingHeader"].is-fixed .l-header-float_hotkeyword {
  display: block;
  line-height: 1.0;
}

[data-common="floatingHeader"].is-fixed .l-header-float_hotkeyword>li {
  line-height: 16px;
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
}

[data-common="floatingHeader"].is-fixed .l-header-float_hotkeyword a {
  color: #999999;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

[data-common="floatingHeader"].is-fixed .l-header-float_hotkeyword a:hover {
  color: #003399 !important;
  text-decoration: underline;
}

.is-fixed .new-lc-regist:hover a,
.is-fixed .new-lc-cart:hover a {
  background-color: #ffea98 !important;
}

.is-fixed .new-lc-login:hover a {
  background-color: #FFF7D6 !important;
}

.is-fixed .new-l-header__search {
  position: fixed;
  top: 8px !important;
  margin-left: 334px !important;
  width: 510px !important;
  z-index: 8000 !important;
}

.is-fixed .new-lc-input {
  width: 364px;
}

.days-to-ship-shanda {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  height: 17px;
  background: #FFCC00;
  color: #4A4A4A;
  font-size: 12px;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.micon_t {
  display: flex;
  align-items: center;
}

.micon_t>a {
  width: calc(100% - 118px);
}

.micon_t img {
  height: 22px;
  width: 68px;
}

.micon_t:hover,
.micon_t:hover a {
  background-color: #EEF4FC !important;
  color: #333333 !important;
}

.micon_m {
  background: url("/vcommon/common/img/meviy_icon.png") no-repeat;
  background-size: 48px 22px;
  background-position: calc(100% - 15px);
  height: 40px;
}

.bmega .micon_m {
  height: 32px;
}

.bmega>ul {
  height: 432px;
}

.micon_m:hover {
  background-color: #EEF4FC !important;
}

.micon_m:hover>a {
  color: #333333 !important;
}

/*depo header*/
.depo-main {
  z-index: 4001 !important;
}

#div_alert_message {
  width: 100%;
  background-color: #F4E0E1;
  margin-top: 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  font-family: "PingFang SC";
  padding: 10px 0;
}

#div_alert_message img {
  padding: 0 5px 0 10px;
}

.depo-main .new-l-header__search {
  display: inline-block;
  margin-left: 0;
  width: 885px;
  float: none;
  vertical-align: top;
}

.search_div {
  width: 100%;
  margin-top: 30px;
  padding-top: 1px;
}

.depo_btn_cart_div {
  position: relative;
  display: inline-block;
  background-color: #efcc00;
  vertical-align: top;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 20px;
}

.depo_btn_cart {
  float: right;
  padding: 8px 30px 5px 15px;
  border: 1px solid #ffcc00;
  background-image: none;
  text-align: center;
  position: relative;
  width: 150px;
}

.depo_btn_cart_div a {
  display: block;
  box-sizing: border-box;
  height: 40px;
  margin-right: -1px;
  text-decoration: none;
  color: #000 !important;
  padding: 8px 30px 5px 15px;
  border: 1px solid #ffcc00;
  text-align: center;
  position: relative;
  background: #ffcc00;
}

.depo_btn_cart_div>a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -9px;
  width: 21px;
  height: 17px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAU9JREFUOBFjYEAGXl5e/+F8RhiPESQE48Cl8TIYvb293/3//18QporJ1NRUBMYB0lOR2FAm0IZf+GwBO8PHx6fo379/vZjaGRjACkAS2ExhZmbmRtEEUwSktwFdW40iiYvDDFT5R01N7eft27ePYlPE2NDQwHTq1Km/WCUZGffgDUwWFhYNJqjOj9hM2LRp002YglYsCn5gEcMjBAzNRUAf9YGUwMIDxAZF/WMQAwSAIRe0efPm0xAecSQsrvSBcXUBqOU8IyPjfOK0glX9hMcl0HkbgQnJjwTNIKVFsFBiYGJiaiRFM9Cl97Zt29YPNwDo93NAwa0kGJIHUgs3AMwh0hVAi3ZuBQIMA0AxAHQWI9A7SUBFz4B0EIgPwkDFRUCxp8CYcgbq9QBpBgEWCIVKsrKybvr9+/cvfn7+vTAZDg6OFT9+/HgB5J+AiYFoAGj1a2pyqDvgAAAAAElFTkSuQmCC") 0 0 no-repeat;
}

.depo_btn_cart_div .new-lc-count {
  width: 22px;
  height: 16px;
  border-radius: 11px;
  position: absolute;
  top: 10px;
  right: 8px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding-bottom: 2px;
}

.depo_btn_chat_div {
  position: relative;
  display: inline-block;
  background-color: #efcc00;
  vertical-align: top;
  font-size: 14px;
}

.depo_btn_chat {
  float: right;
  border: 1px solid #ffcc00;
  background-image: none;
  text-align: center;
  position: relative;
  width: 120px;
}

.depo_btn_chat_div a {
  display: block;
  box-sizing: border-box;
  height: 40px;
  margin-right: -1px;
  text-decoration: none;
  color: #000 !important;
  padding: 8px 5px 5px 15px;
  border: 1px solid #ffcc00;
  text-align: center;
  position: relative;
  background: #ffcc00;
}

.depo_btn_chat_div>a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
  width: 21px;
  height: 17px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAAXNSR0IArs4c6QAAAiJJREFUKBV1k81rE1EUxTsfTjURm01Ei7owJlAXkf4D0i5cmA+LSFQUEbUEUYJ050K6UWxFKIW4UsF04UICCYQkOxEtVl2JoCBCgqsUjbqpZKL5GH935IU41AeHe+9559z78uZFG/GsRCIx5TjOVRDVNG2c+FHX9TXLshYLhcL6sFxTRSqVslqt1gq1mBcwvMbQ6HQ6B/v9/gzcWbi5crn8SHl0ldi2/RDBmGEYU0zci2Gp3W4/JV7D9Bb+CPliLBabUR53cjKZPMHGLUQ3idJkmxKoSMN3YIG9ez6fb18+n7fdyb1e7xKiZ8TcZkZpAH8IXCd9zylPC2dwQReIc2xsJ+4S0ruYuAKiaHYTfxLPRCKRDSMcDr+kGMUQ9JqkRtzg4o5zqj2UUbATWPAHdIw+isGCbIEXYBmcCwQCE8Vi8Tu6+wPR38Q0PcQnbnW6VCo1PPxIKBR6U6vVHHj1eXs63QtApn0DrzYzSqNsNvuLfZu0DL6SP3C7ZDKZ0Xq9fgzyDo8gxIZMcFc6nd7SbDZ38Jt/d7vdz36/P8xjelypVI6qI7jCeDwu3/g5gicIbkBOUG9QX+bznKfpOvUYb2G8Wq3eHbwwcdNtFsEPbncr+TyPYRbRRV6aCb+KSQdJmi2J/p/JQqjFMzxJPm2a5jJHniRPgQ/BYPB2Lpdri85728K5i0nyzzqMkeCs0uQKl/lF7Uv8rxnDKRrs5/hrw4bh/A8RmQpktLR/MAAAAABJRU5ErkJggg==") 0 0 no-repeat;
}

.new-lc-depo-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border: 1px solid #FFCC00 !important;
  box-shadow: none !important;
  font-size: 16px;
  line-height: 31px;
  padding-left: 10px;
}

.depo_btn_chat_div:hover a,
.depo_btn_cart_div:hover a {
  border-color: #025fae;
  background-color: #025fae;
  color: #fff !important;
}

.rightHead {
  float: right;
  padding: 1px 0;
}

.depo-header-txt {
  text-align: center;
  margin-top: -45px;
  font-size: 32px;
  color: #FFF;
  font-weight: 600;
}

.rb-star {
  width: 85px;
  display: flex;
  justify-content: space-between;
}

.rb-star li {
  width: 14px;
  height: 14px;
}

.star-gray {
  background: url(/vcommon/theme/review/imgs/graystar.png) no-repeat;
  background-size: 100% 100%;
}

.star-light {
  background: url(/vcommon/theme/review/imgs/lightstar.png) no-repeat;
  background-size: 100% 100%;
}

.star-point {
  background: url(/vcommon/theme/review/imgs/pointstar.png) no-repeat;
  background-size: 100% 100%;
}

.rb-number {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #003399;
  line-height: 14px;
}

.rb-starbox {
  display: flex;
  align-items: center;
}

/* confirm modal */
.md_account_confirm {
  min-width: 400px;
  max-width: 450px;
  min-height: 100px;
  background: #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 99999;
}

.md_account_confirm_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 25px;
  padding-left: 10px;
  box-sizing: border-box;
  background: #FFFFFF !important;
}

.md_account_confirm_title img {
  height: 16px;
  width: 16px;
  padding: 10px;
  cursor: pointer;
}

.md_account_confirm_content {
  padding: 0 30px 40px 30px;
}

.md_account_confirm_content .statusIcon {
  text-align: center;
  margin-top: 14px;
}

.md_account_confirm_content .statusIcon img {
  width: 50px;
  height: 50px;
}

.md_account_confirm_content .mdMessage {
  font-size: 16px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 26px;
  margin-top: 30px;
  text-align: center;
  word-break: break-all;
}

.md_account_confirm_content .mdMessage .spanKey {
  color: #003399;
}

.md_account_confirm_content .mdTip {
  font-size: 12px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 12px;
  margin-top: 12px;
  text-align: center;
}

.md_account_confirm_content .mdBtns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.md_account_confirm_content .mdBtns .mdBtnOk {
  min-width: 120px;
  height: 36px;
  background: #FFCC00;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  padding: 0 20px;
  box-sizing: border-box;
}

.md_account_confirm_content .mdBtns .mdBtnOk:hover {
  background: #FFEA98 !important;
  text-decoration: none;
}

.md_account_confirm_content .mdBtns .mdAlertBtn {
  min-width: 152px;
}

.md_account_confirm_content .mdBtns .mdBtnNo {
  min-width: 120px;
  height: 36px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  border: 1px solid #FFCC00;
  line-height: 20px;
  margin-left: 20px;
  padding: 0 20px;
  box-sizing: border-box;
}

.md_account_confirm_content .mdBtns .mdBtnNo:hover {
  background: #FBF9D2 !important;
  text-decoration: none;
  border: 1px solid #FBF9D2;
}

/* end confirm modal*/
/*purchase*/
.l-header__customerHeaderWrapper {
  background-color: #eee;
}

.l-header__customerHeader {
  width: 1200px;
  margin: 0 auto;
}

.page1 .l-header__customerHeader {
  width: 950px;
}

.l-header__customerLogo {
  display: table-cell;
  vertical-align: middle;
  width: 167px;
  padding: 15px 0;
  padding-right: 20px;
}

.l-header__customerContent {
  display: table-cell;
  vertical-align: bottom;
  width: 735px;
  padding: 15px 0;
  color: #333;
}

.page1 .l-header__customerContent {
  width: 485px;
}

.l-header__customerTel {
  font-weight: bold;
  font-size: 12px;
}

.l-header__customerTelNumber {
  display: block;
  font-weight: normal;
}

.l-header__customerInfo {
  padding: 9px 8px;
  background-color: #fff;
  font-size: 10px;
}

.l-header__customerLogout {
  display: table-cell;
  vertical-align: bottom;
  width: 278px;
  padding: 15px 0;
  text-align: right;
}

.l-header__customerLogout a {
  width: 150px;
  display: inline-block;
  padding: 5px 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}

.l-header__customerLogout a:link,
.l-header__customerLogout a:visited {
  border: 1px solid #a7a7a7;
  color: #000;
  background-color: #fff;
}

.l-header__customerLogout a:hover,
.l-header__customerLogout a:active {
  border-color: #004098;
  color: #fff;
  background-color: #004098;
  text-decoration: none;
}

/*purchase end*/
.good-review-box {
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #9B9B9B;
  line-height: 17px;
  margin-bottom: 4px;
}

.good-review-box span {
  height: 17px;
  font-size: 12px;
  font-weight: 500;
  color: #003399;
  line-height: 17px;
}

.nogood-review-box {
  font-size: 12px;
  font-weight: 400;
  color: #9B9B9B;
  line-height: 16px;
  margin-bottom: 4px;
}

.side_txt_box .maker {
  color: #999999;
}

.side_txt_box .overflow_txt {
  text-decoration: none;
}

.side_txt_box .overflow_txt:hover {
  text-decoration: underline;
  color: #003399;
}

.delegateUl li:first-of-type a {
  border-top: 1px solid #F3F3F3;
}