@import url('base.css?v3-31');
html {min-height:100%;}
body {padding-top:64px;background:#fff;position:relative;min-height:calc(100vh - 64px);}

/*单行文本省略号*/
.txt-ellipsis {overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;}

/*多行文本省略号*/
.txt-multi-ellipsis {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}

.auto-box {margin:0 auto;position:relative;padding:0 20px;max-width:1500px;}

.msgNoterSpan {height:16px;line-height:16px;font-size:12px;background:#ff0000;color:#ffff;border-radius:3px;padding:0 4px;}
div>.msgNoterSpan {position:absolute;display:block;right:0;top:0;}
a>.msgNoterSpan {display:inline-block;margin-left:5px;}

.main-header {position:fixed;left:0px;top:0px;z-index:999;width:100%;background:rgba(255,255,255,0.9);height:64px;border-bottom:1px solid #ccc;box-shadow:0 0px 3px 3px rgba(0,0,0,0.1);}
.main-header .main-box {position:relative;height:64px;}
.main-header .main-box>* {height:40px;position:absolute;top:12px;}
.main-header .logo {margin-left:0px;top:10px;}
.main-header .logo .bigLogo img {display:block;height:40px;}
.main-header .logo .smaLogo {display:none;}
.main-header .logo .smaLogo img {width:100%;}

.main-menu {margin-left:180px;width:50%;}
.navigation {overflow:hidden;}
.navigation>li {float:left;display:inline;padding:10px 2% 6px 2%;height:24px;}
.navigation>li>a {position:relative;display:block;overflow:hidden;font-size:16px;height:24px;color:#555;line-height:24px;text-transform:uppercase;}
.navigation>li>a>span {display:block;margin-top:0;word-break:keep-all;}
.navigation>li>a>span em {color:#3b3b3b;font-style:normal;}
.navigation>li>a:hover span {margin-top:-24px;}

.main-header .main-box>form {height:38px;width:260px;right:320px;z-index:1;}
.main-header form>div {position:relative;overflow:hidden;height:38px;padding:0 15px 0 20px;background:#f1f1f1;border-radius:38px;border:1px solid #cdcdcd;}
.main-header form>div>* {position:absolute;}
.main-header form input[type="text"] {outline:none;height:18px;line-height:18px;width:200px;background:none transparent;border:none transparent;margin-top:11px;font-size:14px;}
.main-header form input[type="submit"] {width:38px;height:38px;background:url('/images/head-search-but.png') no-repeat;background-position:center -33px;border:none;padding:0;cursor:pointer;right:0;}
.main-header form .imgSearchBut {margin:10px 12px 8px 8px;right:35px;border-right:2px solid #aaa;height:20px;padding-right:15px;}
.main-header form .imgSearchBut .but {background:url('/images/head-img-search-but.png') no-repeat;width:26px;height:20px;background-position:center -39px;cursor:pointer;}
/*.main-header form input[type="submit"]:hover {background-position:center 8px;}*/

.main-header .searchType {right:135px;margin:10px 12px 8px 8px;width:100px;}
.main-header .searchType label {position:relative;height:20px;display:block;margin-left:40px;}
.main-header .searchType input[type="checkbox"] {position:relative;position:absolute;z-index:-10;}
.main-header .searchType>label::before,.main-header form>div .searchType>label::after {position:absolute;width:50px;height:22px;line-height:22px;top:50%;left:0;margin-top:-11px;text-align:center;border-radius:11px;font-size:12px;}
.main-header .searchType>label::before {margin-left:-30px;content:'找成品';background:#666;color:#fff;padding:0 20px 0 10px;}
.main-header .searchType>label::after  {margin-left:30px;content:'找定制';background:#4AB2FF;color:#fff;padding:0 15px;z-index:1;}
.main-header .searchType>label.checked::before {background:#4AB2FF;color:#fff;width:50px;z-index:2;padding:0 15px;}
.main-header .searchType>label.checked::after {background:#666;color:#fff;padding:0 10px 0 20px;}


.main-header .right-buts {margin-right:30px;right:0;}
.main-header .right-buts>a {display:inline-block;width:70px;height:38px;line-height:40px;text-align:center;margin-left:10px;border-radius:3px;border:1px solid #1ebcf0;}
.main-header .right-buts>a.log {background:#1ebcf0;color:#fff;}
.main-header .right-buts>a.reg {background:#fff;color:#000;}

.main-header .right-buts>a.log:hover {background:#0086cb;}
.main-header .right-buts>a.reg:hover {background:#0086cb;color:#fff;}

.main-header .right-buts-mob {display:none;right:10px;}

.main-header .right-log-buts {margin-right:30px;right:0;}
.main-header .right-log-buts>a {display:inline-block;width:16px;padding:0 10px;height:36px;line-height:36px;margin-left:10px;border:1px solid #ccc;color:#666;border-radius:10px;position:relative;overflow:hidden;word-break:keep-all;transition:all 300ms;}
.main-header .right-log-buts>a span {width:110px;display:inline-block;}
.main-header .right-log-buts>a .aicf {font-size:16px;}
.main-header .right-log-buts>a em {display:inline;margin-left:15px;font-style:normal;font-size:14px;color:#fff;transition:all 300ms;}
.main-header .right-log-buts>a:hover {width:80px;border:1px solid #1ebcf0;background:#1ebcf0;color:#fff;border-radius:15px;}
.main-header .right-log-buts>a:hover em {margin-left:5px;}


.main-header .user-buts {right:15px;font-size:16px;color:#686868;}
.main-header .user-buts em {margin-left:3px;font-style:normal;}
.main-header .user-buts>* {float:left;padding:0 15px 0 12px;height:40px;line-height:42px;position:relative;border-radius:5px 5px 0 5px;}
.main-header .user-buts>* .absMenus {display:none;position:absolute;top:35px;left:0;min-width:150px;background:#eee;border:1px solid #eee;border-radius:5px 0 5px 5px;overflow:hidden;padding:5px 0;}
.main-header .user-buts>* .absMenus li {font-size:14px;padding:2px 5px;}
.main-header .user-buts>* .absMenus li a {display:block;padding:10px 20px;line-height:16px;transition:all .3s;}
.main-header .user-buts>* .absMenus li a:hover {background:#fff;}

.main-header .user-buts>*:hover {background:#eee;}
.main-header .user-buts>*:hover .absMenus {display:block;animation:fadeInUp 200ms;}

.main-header .searchIcon {display:none;color:#666;font-size:24px;line-height:28px;width:28px;height:28px;user-select:none;background-position:center -39px;cursor:pointer;z-index:9;top:18px;}
.main-header .searchIcon.noLog {right:100px;}
.main-header .searchIcon.logged {right:70px;}
/*
顶部右侧登录按钮
*/
.main-header .right {position:absolute;width:150px;right:20px;top:15px;text-align:right;}
.main-header .right a {height:22px;line-height:22px;width:56px;margin:4px 5px;border:1px solid #F67524;border-radius:4px;display:inline-block;text-align:center;}
.main-header .right a.reg {background:#F67524;color:#fff;}
.main-header .right a.log {background:#fff;color:#000;}


.main-header .user-menu {position:absolute;width:32px;height:32px;right:20px;top:16px;}
.main-header .user-menu>div {width:32px;height:32px;position:relative;}
.main-header .user-menu>div .title {font-size:18px;line-height:30px;text-align:center;background:#fff;border-radius:5px;transition:all .3s;z-index:2;position:relative;border:1px solid #ccc;}
.main-header .user-menu>div .title.hover:before {position:absolute;content:'';width:8px;height:8px;right:-4px;top:-4px;background:#ff0000;border-radius:100%;z-index:9;}
.main-header .user-menu>div .dropdown-menu {width:160px;right:0;top:30px;background:#fff;border-radius:3px 0 3px 3px;border:1px solid #ccc;z-index:1;}
.main-header .user-menu>div .dropdown-menu ul {padding:5px 10px;}
.main-header .user-menu>div .dropdown-menu li {padding:2px 0;}
.main-header .user-menu>div .dropdown-menu li.split {border-top:1px solid #ccc;margin:5px 8px;}
.main-header .user-menu>div .dropdown-menu li a {display:block;padding:5px 10px;line-height:16px;text-align:left;border-radius:3px;transition:all .3s;position:relative;}
.main-header .user-menu>div .dropdown-menu li a i {margin-right:8px;}
.main-header .user-menu>div .dropdown-menu li a:hover {text-indent:5px;background:#eee;}

.main-header .newMsgNote {position:absolute;top:50%;margin-top:-8px;margin-left:5px;display:inline-block;padding:0 2px;background:#f00;color:#fff;text-indent:0 !important;min-width:12px;text-align:center;font-size:12px;border-radius:3px;}


.main-header .user-menu>div:hover .title {border-radius:5px 5px 0 0;border-bottom-color:#fff;}
.main-header .user-menu>div:hover .dropdown-menu {display:block;animation:fadeInUp .3s;}
/*-----------------------------------------------------------*/



/*-----------------------------------------------------------*/


.staticTip {position:absolute;right:20px;top:0px;width:280px;overflow:hidden;}
.staticTip::before {content:'';margin-left:200px;clear:both;display:block;font-size:0;overflow:hidden;width:0px;height:0px;border-style:solid;border-width:8px 8px;border-color:transparent;border-bottom-color:rgba(0,0,0,0.5);}
.staticTip .box {background:rgba(0,0,0,0.5);padding:10px;border-radius:6px;font-weight:normal;}
.staticTip .box .txt {color:#fff;word-break:break-all;overflow:hidden;}
.staticTip .box .txt .flagTxt {color:#ffff00;font-weight:bold;}

.staticTipImgSearchBut {z-index:1000;top:20px;right:-45px;width:200px;overflow:visible;}
.staticTipImgSearchBut::before {margin-left:120px;position:relative;z-index:1;}
.staticTipImgSearchBut .closeBut {width:16px;height:16px;line-height:16px;text-align:center;float:right;border:1px solid #fff;border-radius:3px;color:#fff;font-size:12px;cursor:pointer;}
.staticTipImgSearchBut .box {background:#444;box-shadow:0px 0px 5px 2px #999;-o-box-shadow:0px 0px 5px 2px #999;-webkit-box-shadow:0px 0px 5px 2px #999;-moz-box-shadow:0px 0px 5px 2px #999;}


.errMessage {border:1px solid #ddd;background:#f0f0f0;padding:5%;width:40%;text-align:center;font-size:20px;color:#999;margin:0 auto;}
.disable {color:#999 !important;}
.disableBG {background-color:#999 !important;}

.pagePos {padding:25px 0;height:20px;font-size:14px;clear:both;}
.pagePos span {margin-left:10px;display:inline-block;}
.pagePos span::before {content:'-';margin-right:10px;}

.pagePos span.areaSelect {float:right;}
.pagePos span.areaSelect::before {content:'';margin-right:0;}
.pagePos span.areaSelect select {height:30px;line-height:14px;padding:8px 25px 8px 5px;border:1px solid #b7b8b9;border-radius:3px;}

footer {display:block;background:#333;color:#ccc;padding:30px 0;}
footer .links {text-align:center;padding:0 0 10px 0;}
footer .links a {color:#ccc;}
footer .links span {padding:0 14px 0 12px;position:relative;height:20px;line-height:20px;display:inline-block;}
footer .links span::after {content:'';font-size:10px;position:absolute;top:50%;right:0;margin-top:-6px;height:12px;width:1px;background:#ccc;}
footer .links span:last-child::after {display:none;}

footer .copyRight {line-height:1.8em;text-align:center;}
footer .copyRight span {display:inline-block;margin:0 10px;}

.rightBottomMenu {position:fixed;right:5px;bottom:10px;width:40px;padding:5px;z-index:100;}
.rightBottomMenu>div {width:40px;height:40px;border-radius:40px;font-size:20px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);margin-top:15px;overflow:hidden;}
.rightBottomMenu>div:hover {background:#1bb2ff;color:#fff;}
.rightBottomMenu>div:hover a {color:#fff;}
.rightBottomMenu>div i.aicf {text-align:center;width:40px;height:40px;line-height:40px;display:inline-block;overflow:hidden;}
.rightBottomMenu>div.menus div {text-align:left;}
.rightBottomMenu>div.menus i.aicf {float:left;}
.rightBottomMenu>div.menus a {float:left;font-size:16px;margin:0 0 0 20px;line-height:40px;height:40px;word-break:keep-all;}
.rightBottomMenu>div.menus:hover {width:240px;margin-left:-200px;}
.rightBottomMenu>div.menus:hover i.aicf {background:#fff;border-radius:100%;color:#000;}

.rightBottomMenu>div.menus.hover {width:240px;margin-left:-200px;}
.rightBottomMenu>div.menus.hover i.aicf {background:#fff;border-radius:100%;color:#000;}


.header {position:absolute;top:0;left:0;right:0;padding:15px;text-align:right;font-weight:bold;z-index:1;}
.header span {margin:0 10px;}
.header a {color:#fff;}
.footer {position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(255,255,255,0.1);text-align:center;color:#999;z-index:1;}

.article-content {font-size:14px;line-height:1.8em;overflow:hidden;}
.article-content p  {margin:0.5em 0;font-size:1.2em;line-height:1.8em;}
.article-content h6 {margin:0.5em 0;font-size:1.3em;line-height:1.8em;}
.article-content h5 {margin:0.5em 0;font-size:1.4em;line-height:1.8em;}
.article-content h4 {margin:0.5em 0;font-size:1.5em;line-height:1.8em;}
.article-content h3 {margin:0.5em 0;font-size:1.6em;line-height:1.8em;}
.article-content h2 {margin:0.5em 0;font-size:1.7em;line-height:1.8em;}
.article-content h1 {margin:0.5em 0;font-size:1.8em;line-height:1.8em;}

.article-content img {width:auto !important;height:auto !important;max-width:100% !important;}

/*大的标题*/
.bigTitle-cen {padding:40px 0 20px 0;text-align:center;clear:both;}
.bigTitle-cen .title {font-size:22px;font-weight:bold;text-align:center;line-height:30px;padding-bottom:10px;}
.bigTitle-cen .txt {font-size:14px;color:#999;line-height:22px;}

/*产品列表过滤*/
.product-filter-fixedBox {margin-top:-30px;}
.product-filter {padding:20px 0;top:0;background:#fff;}
.product-filter .auto-box {display:flex;}
.product-filter .item {flex:1;overflow:hidden;/*max-width:400px;*/}
.product-filter .item select {width:100%;line-height:26px;border:1px solid #e6e6e6;background-color:#fff;padding:6px 20px 6px 6px;float:left;}
.product-filter .item select option {line-height:28px;height:28px;}

.product-filter .item.typeDiv {flex-grow:2;}
.product-filter .item.typeDiv select {width:50%;}

.product-filter.fixed {position:fixed;top:64px;right:0;left:0;z-index:900;}

.product-filter-fixedBox .dzNoteTxt {text-align:center;color:#ff0000;font-size:14px;display:block;clear:both;line-height:18px;padding:5px;margin-bottom:-10px;}

/*产品以表格方式显示*/
.productTable {padding:30px 20px 80px 20px;width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);width:calc(100% - 42px);margin:0 auto;display:table;}
.productTable .tabTitle {background:#fff;}
.productTable .tabTitle.fixed {position:fixed;top:144px;right:0;left:0;z-index:900;padding:0 21px;}
.productTable table {width:100%;border:1px solid #ccc;margin-top:-1px;}
.productTable table tr {transition:all .3s;background:#fff;}
.productTable table tr:hover {background:#f7f8f9;}
.productTable table td {border:1px solid #ccc;padding:8px;word-break:break-all;}
.productTable table td.rowNum {width:50px;text-align:center;}
.productTable table td.modelNO {width:100px;text-align:center;}
.productTable table td.img {width:120px;position:relative;}
.productTable table td img {display:block;margin:0 auto;width:100%;}
.productTable table td.title {width:140px;width:unset !important;}
.productTable table td.title span {display:inline-block;padding:3px 5px;border-radius:3px;background:#FF7A4D;margin-right:2px;color:#fff;font-size:12px;line-height:16px;display:none;}
.productTable table td.title span.isStandardPrice {background:#4DA6FF;}
.productTable table td.priceImg {width:100px;}
.productTable table td.material {min-width:60px;}
.productTable table td.size {width:200px;}
.productTable table td.price {width:80px;text-align:center;color:#ff0055;font-weight:bold;}
.productTable table td.unit {width:50px;text-align:center;}
.productTable table td.num {width:50px;text-align:center;}
.productTable table td.package {width:120px;}
.productTable table td.remarks {width:120px;}
.productTable table td.buts {width:80px;position:relative;text-align:center;}
.productTable table td.buts>* {display:block;width:70px;text-align:center;line-height:20px;padding:5px 0;font-size:14px;border-radius:3px;margin:5px auto;background:#3d3d3d;color:#fff;transition:all .3s;}
.productTable table td.buts span {margin-top:10px;}
.productTable table td.buts a:hover {background:#1bb2ff;}
.productTable table td.buts span:hover {background:#ff0000;}

.productTable table td .zoomBut {position:absolute;display:none;bottom:10px;right:10px;width:16px;height:16px;font-size:14px;line-height:16px;padding:3px;text-align:center;background:#333;color:#fff;border-radius:3px;cursor:pointer;}
.productTable table td .zoomBut.hover {display:block;}

.productTable table td.bigImgHover {box-shadow:0 0 0px 3px #ccc;position:relative;z-index:1;}

.imgZoomBoxCover {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:100000000;}
.imgZoomBox {position:relative;top:50%;left:50%;}
.imgZoomBox img {display:block;width:100%;}
.imgZoomBox .closeBut {position:absolute;top:0;right:-40px;padding:10px;width:20px;height:20px;line-height:20px;text-align:center;font-size:20px;background:rgba(255,255,255,0.8);color:#000;transition:.3s;}
.imgZoomBox .closeBut:hover {background:rgba(255,0,0,.8);color:#fff;}

/*产品列表*/
.productList {position:relative;overflow:hidden;}
.productList>.items {display:flex;flex-wrap:wrap;width:100%;}
.productList>.items>.item {margin:24px 0 0 4px;width:-webkit-calc(25% - 3px);width:-moz-calc(25% - 3px);width:calc(25% - 3px);position:relative;overflow:hidden;display:block;}
.productList>.items>.item:nth-child(4n+1) {margin-left:0;}
.productList>.items>.item .but {position:absolute;top:-50px;right:0;z-index:1;padding:5px;transition:all 300ms;}
.productList>.items>.item .but>* {line-height:16px;padding:7px 7px;border-radius:3px;display:inline-block;}
.productList>.items>.item .but>* .aicf {margin-right:5px;}
.productList>.items>.item .img {display:block;position:relative;width:100%;overflow:hidden;}
.productList>.items>.item .img::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);z-index:1;transition:all .3s;}
.productList>.items>.item .img img {display:block;width:100%;/*background:#fff;filter:brightness(1);*/}
.productList>.items>.item .img>.txts {position:absolute;background:rgba(0,0,0,0.8);color:#ddd;bottom:-200px;left:10px;right:10px;transition:all .3s;padding:10px 0;z-index:2;}
.productList>.items>.item>.txts {background:#fff;text-align:center;}
.productList>.items>.item .txt {padding:5px 15px;}
.productList>.items>.item .model {color:#666;}
.productList>.items>.item .title {font-size:20px;color:#000;font-weight:bold;}
.productList>.items>.item .infos {font-size:14px;line-height:16px;/*height:32px;*/}
.productList>.items>.item .price {padding-bottom:5px;margin-top:5px;font-size:16px;}
.productList>.items>.item .price span {font-size:1.2em;font-weight:bold;}

.productList>.items>.item>.txts .price {color:#333;display:none;font-size:14px;}
.productList>.items>.item>.txts .price span {color:#ff0000;}
.productList>.items>.item .img>.txts .price span {color:#ffff00;}

.productList>.items>.item:hover .img::before {background:rgba(0,0,0,0.2);}
/*.productList>.items>.item:hover .img img {filter:brightness(0.6);}*/
.productList>.items>.item:hover .img>.txts {bottom:10px;transition:all .3s;}


.more-big {display:block;line-height:40px;padding:0 15px;width:100px;margin:0 auto;font-size:16px;background:#3d3d3d;color:#fff;border-radius:5px;transition:all .3s;}
.more-big:hover {background:#ff4d4d;}

/*产品列表*/
.productMobList {position:relative;}
.productMobList>.list>table {width:100%;}
.productMobList>.list>table tr td {border:5px solid #eee;border-width:5px 0;padding:5px 0;background:#fff;vertical-align:top;}
.productMobList>.list>table td.img {width:32%;position:relative;border-right:5px solid #eee;}
.productMobList>.list>table td.img>div {display:block;width:100%;position:relative;}
.productMobList>.list>table td.img>div>img {display:block;width:100%;}
.productMobList>.list>table td.txt {padding-left:10px;font-size:12px;}
.productMobList>.list>table td.txt h6 {font-size:18px;line-height:18px;display:block;vertical-align:central;}
.productMobList>.list>table td.txt p {padding:3px 0;line-height:16px;}
.productMobList>.list>table td.txt p span:first-child {font-weight:bold;}
.productMobList>.list>table td.txt p.priceP {color:#ff0000;font-size:14px;font-weight:bold;}

.productMobList>.list>table td.txt .title span {display:inline-block;padding:3px 5px;border-radius:3px;background:#FF7A4D;margin-right:2px;color:#fff;font-size:12px;line-height:16px;}
.productMobList>.list>table td.txt .title span.isStandardPrice {background:#4DA6FF;}


.productMobList>.list>table td.txt .priceItem {margin-top:8px;padding-top:8px;padding-right:8px;border-top:1px dashed #ccc;display:none;}
.productMobList>.list>table td.txt .priceItem:first-child {margin-top:0px;padding-top:0px;border-top:none;display:block;}
.productMobList>.list>table td.txt.hover .priceItem {display:block;}

.productMobList>.list>table td.txt .viewMore {margin-top:8px;padding-top:8px;border-top:1px dashed #ccc;}
.productMobList>.list>table td.txt .viewMore span {display:block;width:70px;text-align:center;line-height:16px;padding:5px 0;font-size:14px;border-radius:3px;background:#3d3d3d;color:#fff;transition:all .3s;}


.productMobList>.list>table .buts {margin-top:10px;}
.productMobList>.list>table .buts>* {display:inline-block;text-align:center;line-height:14px;padding:4px 8px;font-size:12px;border-radius:3px;background:#3d3d3d;color:#fff;transition:all .3s;}
.productMobList>.list>table .buts span {margin-left:10px;}

.productMobList>.list>table td .zoomBut {position:absolute;display:block;right:0px;bottom:0px;width:14px;height:14px;font-size:12px;line-height:14px;padding:3px 5px;text-align:center;background:#333;color:#fff;border-radius:3px 0 0 3px;cursor:pointer;}

/*产品详情页*/
.product-info {overflow:hidden;position:relative;background:#fff;}
.product-info .product-imgs {position:relative;width:47%;float:left;margin-left:2%;}
.product-info .product-imgs>div {position:relative;}
.product-info .product-imgs>div>a {display:block;height:16px;padding:8px 20px 8px 30px;font-weight:bold;font-size:14px;line-height:16px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;display:block;position:absolute;right:0;top:50px;border-radius:36px 0 0 36px;transition:all 300ms;}
.product-info .product-imgs>div>a:hover {background:rgba(0,0,0,1);}
.product-info .product-imgs>div>img {max-width:100%;display:block;margin:0 auto;}

.product-info .product-txts {position:relative;width:47%;float:right;right:2%;}
.product-info .product-txts>.title-h2 {padding:2vw 0;position:relative;border-bottom:1px solid #eee;}
.product-info .product-txts>.title-h2 .but {position:absolute;right:0;bottom:2.5vw;display:none;}
.product-info .product-txts>.title-h2>.proTitle {display:block;font-size:32px;line-height:40px;}
.product-info .product-txts>.title-h2>.modelNO {font-size:14px;color:#666;line-height:30px;}

.product-info .product-txts .simTxt {color:#666;line-height:24px;}
.product-info .product-txts .simTxt a {border-bottom:1px dashed #0066ff;margin:0 3px;}

.product-info .pro-buts {position:fixed;bottom:0px;right:0;width:47%;right:2%;display:flex;margin-top:20px;padding-bottom:20px;padding-top:20px;background:#fff;z-index:100;}
.product-info .pro-buts .but {margin:0 1% 0 0;justify-content:center;padding:12px 20px 12px 15px;line-height:16px;font-size:14px;text-align:center;background:#3d3d3d;color:#fff;transition:all 300ms;cursor:pointer;position:relative;user-select:none;}
.product-info .pro-buts .but .aicf {margin-right:8px;}

.product-info .pro-buts .but:hover {background:#ff4d4d;}

.product-info .pro-buts.absolute {position:absolute;}


.product-info .materialPart {padding:20px 0 25px 0;}
.product-info .materialPart>.title {font-weight:bold;font-size:16px;line-height:30px;}
.product-info .materialPart .materialImgList {overflow:hidden;}
.product-info .materialPart .materialImgList a {float:left;margin-top:0.3vw;width:48%;margin-left:4%;}
.product-info .materialPart .materialImgList a:nth-child(2n+1) {margin-left:0;}
.product-info .materialPart .materialImgList a>.img {position:relative;overflow:hidden;}
.product-info .materialPart .materialImgList a>.img>div {position:absolute;bottom:-90px;left:0;right:0;background:rgba(0,0,0,0.3);padding:5px;transition:all .3s;color:#fff;line-height:16px;}
.product-info .materialPart .materialImgList a>.img>div p {padding:2px 0;}
.product-info .materialPart .materialImgList a>.img>div p .price {font-size:14px;color:#ffff00;}
.product-info .materialPart .materialImgList a img {display:block;width:100%;}
.product-info .materialPart .materialImgList a>span {display:block;padding:4px 0;line-height:16px;}
.product-info .materialPart .materialImgList a>.txt {padding:5px 0;}
.product-info .materialPart .materialImgList a>.txt h5 {font-size:14px;}

.product-info .materialPart .materialImgList a:hover>.img>div {bottom:0;}

.pro-prep-next-box {position:absolute;left:0;right:0;}
.pro-prep-next-box>div {padding:0 20px;position:relative;z-index:10;}
.pro-prep-next-box>div.fixed {position:fixed;top:75px;left:0;right:0;}
.pro-prep-next {text-shadow:1px 1px 2px #fff;font-weight:bold;}
.pro-prep-next.l {float:left;}
.pro-prep-next.r {float:right;}
.pro-prep-next a {color:#222;}
.pro-next-next span {color:#999;}

.tsBigImg {position:fixed;left:0;top:0;bottom:0;width:49%;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10000000000;}

.similarPart {margin-top:3%;width:100%;/*display:table;padding-top:3%;padding-bottom:3%;*/}
.similarPart>.thisProList {overflow:hidden;}
.similarPart .title {font-size:22px;font-weight:bold;text-align:center;border-bottom:1px solid #d2d2d2;padding-bottom:15px;overflow:hidden;position:relative;}
.similarPart .title .fr {font-size:12px;position:absolute;right:0;top:10px;color:#999;}
.similarPart .list {margin-top:15px;overflow:hidden;display:flex;justify-content:center;flex-wrap:wrap;padding-bottom:7%;}
.similarPart .list .item {margin-right:2.5%;width:18%;position:relative;overflow:hidden;/*filter:brightness(0.9);*/}
.similarPart .list .item:last-child {margin-right:0;}
.similarPart .list .item .img {position:relative;}
.similarPart .list .item .img::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#000;filter:alpha(opacity=10);opacity:0.1;z-index:1;transition:all .3s;}
/*.dynamicProList .similarPart .list .item .img::after {content:'';position:absolute;top:0;left:0;width:60px;height:60px;z-index:2;background:url('/images/icons/icon-lifestyle-dz.png') 0 0 no-repeat;}*/
.similarPart .list .item img {display:block;width:100%;}
.similarPart .list .item>.txt {text-align:center;line-height:2em;font-weight:bold;height:2em;overflow:hidden;}
.similarPart .list .item .txts {position:absolute;bottom:0;transform:scaleY(0);transform-origin:bottom;background:rgba(0,0,0,0.5);color:#fff;text-align:left;padding:15px;left:0;right:0;transition:all .3s;}
.similarPart .list .item .txts>.txt {text-align:left;}
.similarPart .list .item>.txt.price span {color:#ffff00;}
.similarPart .list .item .txts>.txt.price span {color:#ffff00;}
/*.similarPart .list .item:hover {filter:brightness(0.95);}*/
.similarPart .list .item:hover .img::before {filter:alpha(opacity=5);opacity:0.05;}
.similarPart .list .item:hover .txts {transform:scaleY(1);}

/*.dynamicProList .similarPart .list .item.isStandardPrice .img::after {background-image:url('/images/icons/icon-lifestyle-cp.png');}*/


.prep-next {background:#f7f7f7;border-top:1px solid #eee;padding:25px 0;height:20px;line-height:20px;position:relative;}
.prep-next .auto-box {position:relative;}
.prep-next .cen {position:absolute;width:120px;text-align:center;left:50%;margin-left:-60px;}
.prep-next a {color:#222;}
.prep-next span {color:#999;}

.css-loader::before,.css-loader::after {content:'';width:50px;height:50px;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;border-radius:100%;}
.css-loader::before {border:5px solid rgba(255, 255, 255, 0.6);z-index:1;}
.css-loader::after {border:5px solid rgba(0,0,0,0);border-top-color:#fff;z-index:2;-webkit-animation:css-anim-rount 1.1s infinite linear;animation:css-anim-rount 1.1s infinite linear;}

/*蓝色按钮*/
.msgBut-blue {background:#1E9FFF !important;color:#fff !important;}
.msgBut-blue:hover {background:#4AB2FF !important;color:#fff !important;}

/*材质工艺结构主页*/
.mts {padding:2% 0;}
.mts .title {font-size:26px;line-height:30px;padding:3vh 0;border-bottom:1px solid #ccc;}
.mts .items {display:table;width:100%;margin-top:1vh;}
.mts .items .item {float:left;width:30%;margin:2vh 0 3vh 5%;background:#ccc;transition:all .3s;position:relative;overflow:hidden;}
.mts .items .item img {display:block;width:100%;}
.mts .items .item:nth-child(3n+1) {margin-left:0;}
.mts .items .item .txt {padding:10px;position:absolute;top:100%;margin-top:-60px;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;transition:all .3s;}
.mts .items .item h6 {height:40px;line-height:40px;font-size:20px;transition:all .3s;letter-spacing:0;}
.mts .items .item p {transform:scaleY(0);transform-origin:top;transition:all .3s;padding-bottom:5px;letter-spacing:1px;line-height:20px;}

.mts .items .item:hover {box-shadow:0 0 5px 3px rgba(0,0,0,0.2);transform:translateY(-3px);}
.mts .items .item:hover .txt {top:0%;margin-top:0px;}
.mts .items .item:hover h6 {font-size:24px;letter-spacing:3px;}
.mts .items .item:hover p {transform:scaleY(1);margin-top:15px;border-top:1px solid #fff;padding-top:15px;}

.full-width-line {height:5vw;background:#eee;}

.fullHeight {min-height:calc(100vh - 214px);}
.fullHeight .big-title {font-size:26px;line-height:50px;font-weight:bold;border-bottom:1px solid #ccc;margin-top:2vw;}
.fullHeight .article-content {padding:2% 0 5% 0;color:#555;}
.fullHeight .article-content img {max-width:100% !important;width:auto !important;height:auto !important;}

.materialPart {overflow:hidden;}
.materialInfo {width:58%;}

.magerialChildList {width:40%;padding:0 0 4% 0;}
.magerialChildList .items {overflow:hidden;}
.magerialChildList .items .item {float:left;width:49%;margin:3% 0 0 2%;background:#ccc;transition:all .3s;position:relative;overflow:hidden;}
.magerialChildList .items .item img {display:block;width:100%;}
.magerialChildList .items .item:nth-child(2n+1) {margin-left:0;}
.magerialChildList .items .item img {display:block;width:100%;}
.magerialChildList .items .item .txt {padding:10px;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;transition:all .3s;}



.infoImgs .items {display:table;width:100%;margin-top:1vh;}
.infoImgs .items .item {float:left;width:22.75%;margin:2vh 0 3vh 3%;background:#ccc;transition:all .3s;position:relative;overflow:hidden;}
.infoImgs .items .item .img {border:1px solid rgba(0,0,0,0.1);}
.infoImgs .items .item img {display:block;width:100%;}
.infoImgs .items .item:nth-child(3n+1) {margin-left:0;}
.infoImgs .items .item:hover {box-shadow:0 0 5px 3px rgba(0,0,0,0.2);}

.staticRightMenu {position:fixed;right:0;top:200px;z-index:300;overflow:hidden;display:none;}
.staticRightMenu div {float:right;clear:both;cursor:pointer;height:20px;background:#3d3d3d;color:#fff;line-height:20px;padding:5px 30px;padding-right:20px;border-radius:20px 0 0 20px;margin-top:10px;transition:all .3s;}
.staticRightMenu div:hover {background:#000;padding-right:40px;padding-left:50px;}

.proBigViewer {position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:100000;display:none;overflow:hidden;min-height:500px;}
.proBigViewer.show {display:block;}
/*.proBigViewer .bigbox {position:absolute;left:10%;right:10%;bottom:140px;top:30px;}*/
.proBigViewer .bigbox {position:absolute;left:0%;right:0%;bottom:0px;top:0px;}
.proBigViewer .bigbox .bigImgList {position:absolute;top:0;left:0;right:0;bottom:125px;overflow:hidden;}

.proBigViewer .swapBut {position:absolute;width:50px;height:50px;font-size:30px;text-align:center;line-height:50px;border-radius:5px;background:rgba(0,0,0,0.2);color:#fff;top:40%;margin-top:-25px;transition:all .3s;color:#fff;user-select:none;}
.proBigViewer .swapBut:hover {background:rgba(0,0,0,0.5);}
.proBigViewer .swapBut.leftBut {left:50px;}
.proBigViewer .swapBut.rightBut {right:50px;}

.proBigViewer .bigbox .bigImgList table,.proBigViewer .bigbox table td {height:100%;position:relative;}
.proBigViewer .bigbox .bigImgList table {width:auto;min-width:100%;left:0;}
.proBigViewer .bigbox table td {text-align:center;}

.proBigViewer .bigbox .smaImgList {position:absolute;left:0;right:0;bottom:0;height:120px;}
.proBigViewer .bigbox .smaImgList table {width:auto;height:110px;margin:0 auto;position:relative;}
.proBigViewer .bigbox .smaImgList td {width:100px;padding:5px;}
.proBigViewer .bigbox .smaImgList td.hover {background:#3d3d3d;}

.proBigViewer .bigbox img {cursor:default;width:auto;max-width:100%;max-height:100%;display:block;margin:auto;user-select:none;background:#fff;}
.proBigViewer .bigbox .buts {position:absolute;bottom:10px;right:30px;width:140px;}
.proBigViewer .bigbox .buts .saveImg {height:36px;padding:0 12px;line-height:36px;color:#fff;background:#c74d00;opacity:0.7;border-radius:5px;font-size:14px;cursor:pointer;}
.proBigViewer .bigbox .buts .imgSearch {display:block;width:20px;height:20px;padding:6px;border-radius:100%;color:#000;cursor:pointer;background:rgba(0,0,0,0.7);}
.proBigViewer .bigbox .buts .imgSearch svg {fill:#fff;stroke-width:0;vertical-align:middle;}
.proBigViewer .favButItem {width:200px;position:absolute;z-index:2;top:28px;right:90px;}
.proBigViewer .favButItem .productFavBut {top:0;left:0;right:0;bottom:0;border-radius:5px;background:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,0.2);}


.proBigViewer .close {position:absolute;z-index:2;top:30px;right:30px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #999;color:#999;border-radius:50%;background:#fff;}
.proBigViewer .close .aicf {font-size:22px;}


.proBigViewer.single .bigbox {bottom:30px;}
.proBigViewer.single .smaImg {display:none;}



/*登录窗口*/
.login-box {background:url('/images/loginBg.jpg') center no-repeat;background-size:cover;min-height:calc(100vh - 174px);position:relative;}
.login-box form {position:absolute;left:50%;top:50%;margin-left:-180px;width:300px;margin-top:-240px;padding:30px;padding-bottom:50px;background:#fff;border-radius:5px;box-shadow:0 0 10px 5px rgba(0,0,0,0.3);}
.login-box form a {text-decoration:underline;color:#1bb2ff;}
.login-box form.reg {margin-top:-290px;}
.login-box form.reg .regNote {color:#ff0000;}
.login-box form.reg .regNote a {color:#12A4D5;font-weight:bold;}
.login-box form.findPwd {margin-top:-250px;}
.login-box form>.title {padding:25px 0;line-height:24px;text-align:center;font-size:26px;font-weight:bold;position:relative;}
.login-box form.reg>.title {text-align:left;padding-bottom:15px;}
.login-box form.reg>.title span {display:inline-block;font-size:14px;margin-left:20px;color:#444;}
.login-box form.reg>.title span a {color:#12A4D5;text-decoration:underline;}

.login-box form>.title.line:before,.login-box form .title.line:after {content:' ';position:absolute;display:block;height:1px;background:#ccc;width:30%;top:50%;}
.login-box form>.title.line:before {left:0;}
.login-box form>.title.line:after {right:0;}

.login-box form .item {margin-top:15px;overflow:hidden;position:relative;}
.login-box form .item>label {width:40px;text-align:center;display:block;font-size:18px;line-height:20px;color:#555;position:absolute;top:9px;}
.login-box form .item.full {padding-left:0;color:#ff0000;}
.login-box form .item input.input {position:relative;z-index:1;display:inline-block;width:-webkit-calc(100% - 52px);width:-moz-calc(100% - 52px);width:calc(100% - 52px);height:28px;padding:5px 10px 5px 40px;line-height:22px;border:1px solid #eee;background:none transparent !important;transition:border-color .5s ease,box-shadow .5s ease,background-color 50000000s ease-in-out 0s !important;font-size:14px;}
.login-box form .item input.input:focus {border-color:#2196f3;box-shadow:1px 1px 3px #dedede inset;}
.login-box form .item span[data-valmsg-for] {margin-left:2px;clear:both;height:18px;line-height:18px;color:#999;position:absolute;top:50%;right:8px;margin-top:-9px;display:block;}
.login-box form .item span[data-valmsg-for].ValidWrong {color:#ff0000;}
.login-box form .item span[data-valmsg-for].ValidRight {color:#09d900;}
.login-box form .item.buts input[type="submit"] {margin-left:1px;border:none transparent;width:300px;height:46px;font-size:20px;color:#ffffff;font-weight:bold;text-align:center;background:#2196f3;cursor:pointer;border-radius:5px;}
.login-box form .item.buts input[type="submit"]:hover {background:#1687ac;}
.login-box form .item label.txt {margin-left:5px;}
.login-box form .formnoter {color:#ff0000;margin-top:5px;}
.login-box form .otherLink {text-indent:3px;}

.login-box form .item .getSMSCode {position:absolute;width:140px;height:18px;padding:10px 0px;line-height:18px;right:1px;top:1px;background:#ddd;text-align:center;z-index:2;}
.login-box form .item .getSMSCode:hover {background:#999;color:#fff;}
.login-box form .item .getSMSCode.wait {background:#999 !important;color:#fff !important;}

.login-box .site-icons {margin-top:20px;padding-top:15px;border-top:1px solid #ccc;}
.login-box .site-icons .title {color:#999;}
.login-box .site-icons .items {overflow:hidden;margin-top:5px;}
.login-box .site-icons .items a {float:left;padding:3px;border-radius:100%;overflow:hidden;margin-right:5px;}
.login-box .site-icons .items a img {display:block;width:20px;}

.header {position:absolute;top:0;left:0;right:0;padding:15px;text-align:right;font-weight:bold;z-index:1;}
.header span {margin:0 10px;}
.header a {color:#fff;}
.footer {position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(255,255,255,0.1);text-align:center;color:#999;z-index:1;}

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

    .login-box {position:unset;padding:80px 0 0 0;min-height:calc(100vh - 312px);}
	.login-box form {position:unset;padding-left:10px;padding-right:10px;padding-bottom:20px;margin:0px auto !important;}
	.login-box form .form {position:relative;}
	.login-box form .item {height:40px;overflow:unset;padding-left:0;}
	.login-box form .item#err {height:unset;}
	.login-box form .item span[data-valmsg-for] {right:2px;font-size:11px;}
	.login-box form .item.buts input[type="submit"] {width:100%;}
}