@charset "utf-8";
/* CSS Document */

html{ min-height:100%; position:relative;}
body { background:#f4f4f4; font-size:14px;  font-family:"Microsoft YaHei,arial,sans-serif"; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-size:14px; font-family:"Microsoft YaHei,arial,sans-serif"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#f60; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}
.c-blue{ color:#09f;}


/**index**/
.ykHead{ background:url(../images/ykHead-bg.jpg) repeat-x; width:100%; position:relative; z-index:99;}
.ykHead-tools{ text-align:right; font-size:12px; line-height:19px; padding:10px 0 7px 0;}
.ykHead-tools a{ display:inline-block; vertical-align:top; margin-left:25px;}
.ykHead-tools a > img{ margin-right:3px;}

.ykHead-inner .logo{ width:209px;}
.ykHead-inner .search{ overflow:hidden; margin-top:11px; border:3px #0066cc solid; border-radius:3px;}
.ykHead-inner .search .s-inpt{ width:789px; height:46px; line-height:46px; color:#c5c5c5; padding-left:16px;}
.ykHead-inner .search .s-inpt::-webkit-input-placeholder{ color:#c5c5c5;}
.ykHead-inner .search .s-btn{ background:#0066cc; width:99px; height:46px; line-height:46px; font-size:16px; color:#fff; cursor:pointer;}

.ykHead-menu{ background:#0055a2; margin-top:31px;}
.ykHead-menu .category{ width:210px; position:relative;  border-left:1px #99bbda solid;}
.ykHead-menu .category:hover .category-sidebar{ display:block !important;}
.ykHead-menu .category-tit{ background:#00407a; line-height:54px; display:block; position:relative; color:#fff; padding-left:54px; cursor:pointer;}
.ykHead-menu .category-tit .arrow{ background:url(../images/category-arrow.png) no-repeat; width:12px; height:7px; position:absolute; right:25px; top:50%; transform:translateY(-50%);}

.category-sidebar{ background:#fff; width:210px; height:450px; position:absolute; left:0; top:100%;}
.category-sidebar li{ padding:9px 10px 9px 20px; border-left:2px #fff solid;}
.category-sidebar li .cate{ display:flex; line-height:21px;}
.category-sidebar li .cate a{ font-size:15px; display:block; margin-right:8px;}
.category-sidebar li .type { max-width:160px; margin-top:5px; overflow:hidden; }
.category-sidebar li .type a { font-size:12px; margin-right:8px; color:#b3b3b3; }
.category-sidebar li .type a:hover{ color:#f60;}
.category-sidebar li.active, .category-sidebar li:hover{ background:#e7f1ff; border-color:#0066cc;}
.category-sidebar li:hover .sidebar-inner{ display:block;}
.sidebar-inner{ background-color:#fff; width:990px; padding:20px; position:absolute; top:0; right:-990px; z-index:1000; overflow:hidden; border:1px solid #ced3d9; box-shadow:1px 3px 5px rgba(0,0,0,.1); display:none;} 
.sidebar-inner .in-item{ margin-bottom:20px;}
.sidebar-inner .in-item:last-child{ margin-bottom:0;}
.sidebar-inner .it-tit { padding-bottom:10px; border-bottom:1px solid #edf0f2; }
.sidebar-inner .it-tit a{ display:flex; font-size:14px; font-weight:700; color:#09f; }
.sidebar-inner .it-tit a:hover{ color:#f60;}
.sidebar-inner .it-type dl{ display:flex; padding:10px 0 0 0; line-height:1.5; border-bottom:1px solid #edf0f2; }
.sidebar-inner .it-type dl dt { width:100px; margin-right:10px; }
.sidebar-inner .it-type dl dt  a{ font-weight:700; font-size:12px; display:block; text-align:right;}	
.sidebar-inner .it-type dl dd { display:flex; flex:1; flex-wrap:wrap; }
.sidebar-inner .it-type dl dd a { margin-bottom:10px; color:#666; position:relative; padding:0 8px 0 9px; font-size:12px; display:block; }
.sidebar-inner .it-type dl dd a:hover{ color:#f60;}
.sidebar-inner .it-type dl dd a:after { content:""; background-color:#edf0f2; position:absolute; top:0; left:0; width:1px; height:100%; }

.ykHead-menu .navbar{ background:#0055a2; width:calc(100% - 210px); border-left:1px #99bbda solid; border-right:1px #99bbda solid;}
.ykHead-menu .navbar li{ position:relative; float:left;  border-right:1px #99bbda solid;}
.ykHead-menu .navbar li a.far{ color:#fff; line-height:54px; padding:0 30px; display:block; }
.ykHead-menu .navbar li:last-child{ border-right:0;}
.ykHead-menu .navbar li.active, .ykHead-menu .navbar li:hover a.far{ background:#00407a;}
.ykHead-menu .navbar li .subnav{ background:#dbe3ea; padding:0 10px; width:100%; position:absolute; left:0; top:100%; display:none;}
.ykHead-menu .navbar li .subnav a{  background: url(../images/ico-arrows_1.png) no-repeat 10px center; padding-left:25px; display:block; line-height:45px; text-align:left; cursor:pointer; border-top:1px solid #fff;}
.ykHead-menu .navbar li .subnav a:first-child{ border-top:0;}
.ykHead-menu .navbar li .subnav a:hover{ color:#0055a2;}
.ykHead-menu .navbar li:nth-child(3) .subnav{ min-width:250px;}


.ykBanner{ padding-top:1px;}
.ykBanner-view{ width:990px; overflow:hidden; position:relative;}
.ykBanner-view li{ position:relative;}
.ykBanner-view li .text{ background:rgba(140,207,244,0.6); width:340px; height:100%; color:#fff; font-size:34px; line-height:1.5; position:absolute; right:0; top:0; z-index:2; display:flex; justify-content:center; align-items:center; transition:all 0.4s; transform:translateX(100%); opacity:0;}
.ykBanner-view li .text .t-inner{ padding:0 40px; text-align:center;}
.ykBanner-view li.swiper-slide-active .text, .ykBanner-view li.swiper-slide-duplicate-active .text{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
.ykBanner-view .swiper-pagination{ bottom:0 !important;}
.ykBanner-view .swiper-pagination-bullet{ background:#a0a5a9; width:calc(20% - 4px); height:5px; margin:0 4px 0 0 !important;  opacity:1; border-radius:0;}
.ykBanner-view .swiper-pagination-bullet:last-child{ width:20%; margin:0 !important;}
.ykBanner-view .swiper-pagination-bullet-active{ background:#0099ff;}


.ykBrand{ margin-top:12px;}
.ykBrand a{ background:#fff; width:calc(16.66% - 1px); float:left; position:relative; margin-right:1px; margin-bottom:1px;}
.ykBrand a .pic{ display:flex; justify-content:center; align-items:center; height:100px;}
.ykBrand a .pic > img{ max-height:90px;}
.ykBrand a .show{ background:rgba(0,153,255,.8); width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; color:#fff; padding-top:20px; opacity:0; z-index:1; text-align:.19s ease-in;}
.ykBrand a .show > p{ font-size:16px; line-height:24px;}
.ykBrand a .show > span{ font-size:12px; display:inline-block; line-height:18px; padding:0 3px; margin-top:10px; border:1px #fff solid;}
.ykBrand a:hover .show{ opacity:1;}
.ykBrand a.more{ line-height:100px; text-align:center;}
.ykBrand a.more .icon{ font-family:"宋体"; font-style:normal; margin-left:8px; font-weight:700;}


.ykMarket{ background:#fff; margin-top:12px; padding:20px;}
.ykMarket-title .title-cn{ font-size:18px; font-weight:700; line-height:27px;}
.ykMarket-title .title-cn .dot{ color:#999; margin:0 10px; font-size:14px; font-weight:normal;}
.ykMarket-title .title-cn .tips{ color:#f60; font-size:14px; font-weight:normal;}
.ykMarket-title .title-en{ line-height:27px; font-size:12px; color:#999;}
.ykMarket-title .title-en a{ color:#999; display:inline-block; margin-left:15px;}
.ykMarket-title .title-en a:hover{ color:#f60;}
.ykMarket-title .title-en a:after{ content:""; background-color:#e6ecf2; position:relative; top:1px; display:inline-block; margin-left:15px; width:1px; height:10px; }
.ykMarket-title .title-en a.more .icon{ font-family:"宋体"; font-style:normal; margin-left:6px; font-weight:700; font-size:14px;}
.ykMarket-title .title-en a.more:after{ display:none;}

.ykMarket-list{ margin-left:-20px; position:relative;}
.ykMarket-list li{ width:calc(100%/6 - 20px); margin:20px 0 0 20px; float:left; display:inline-block;}
.ykMarket-list li .figure{ display:flex; justify-content:center; align-items:center; height:120px;}
.ykMarket-list li .figure > img{ max-height:100%;}
.ykMarket-list li .title{ height:42px; margin-top:10px; font-size:14px; line-height:21px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ykMarket-list li .price{ margin-top:5px; font-size:12px; color:#999; }
.ykMarket-list li .price span{ color:#f60;}
.ykMarket-list li .model{ height:42px; margin-top:5px; line-height:21px; color:#999; font-size:12px; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; display:none;}


.ykAdvertise{ margin-left:-12px; position:relative; margin-top:12px;}
.ykAdvertise li{ width:calc(33.33% - 12px); height:220px; overflow:hidden; float:left; margin-left:12px; display:inline-block; position:relative;}
.ykAdvertise li img{ width:100%;}
.ykAdvertise li .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block;}
.ykAdvertise li .cover{ width:100%; padding:10px 24px; position:absolute; left:0; bottom:0; z-index:2; color:#fff;}
.ykAdvertise li .cover .t{ font-size:16px;}
.ykAdvertise li .cover .c{ line-height:24px; display:none;}
.ykAdvertise li .name{ background:rgba(37,176,194,.8); width:100%; height:43px; line-height:43px; padding:0 24px; font-size:14px; color:#fff; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.3s; }
.ykAdvertise li:nth-child(1) .name{ background:rgba(32,90,167,0.6); }
.ykAdvertise li:nth-child(2) .name{ background:rgba(98,158,27,0.6); }
.ykAdvertise li:nth-child(3) .name{ background:rgba(0,168,236,0.6); }
.ykAdvertise li:nth-child(4) .name{ background:rgba(140,207,244,0.6); }

.ykAdvertise li:nth-child(1) .cover{ background:rgba(32,90,167,0.6); }
.ykAdvertise li:nth-child(2) .cover{ background:rgba(98,158,27,0.6); }
.ykAdvertise li:nth-child(3) .cover{ background:rgba(0,168,236,0.6); }
.ykAdvertise li:nth-child(4) .cover{ background:rgba(140,207,244,0.6); }
.ykAdvertise li:hover .cover .t{ display:none;}
.ykAdvertise li:hover .cover .c{ display:block; font-size:16px;}

/*.ykAdvertise li:hover .name{ background:rgba(255,102,0,0.6);}*/


.ykFloor-module{ background:#fff; width:calc(50% - 6px); margin-top:12px; padding:20px;}
.ykFloor-module:nth-child(2n+2){ float:right;}
.ykFloor-module .ykMarket-list li{ width:calc(100%/3 - 20px);}
.ykFloor-module .ykMarket-list li .figure{ height:140px;}


.ykNews-floor{ margin-top:12px;}
.ykNews{ background:#fff; width:calc(50% - 6px); padding:20px 0 45px 0;}
.ykNews .ykMarket-title{ padding:0 20px;}
.ykNews .news-pagination{ cursor:auto; display:inline-block; vertical-align:top;}
.ykNews .news-pagination:after { content:"";  background-color:#e6ecf2; position:relative; top:1px; display:inline-block; margin-left:15px; width:1px; height:10px; }
.ykNews:hover .swiper-button-prev{ left:0;}
.ykNews:hover .swiper-button-next{ right:0;}
.ykNews-list{ overflow:hidden; padding:20px 20px 0 20px; position:relative;}
.ykNews-list li .title{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px; font-size:16px; font-weight:700;}
.ykNews-list li .des{ margin-bottom:15px; color:#666; line-height:24px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; }
.ykNews-list li .info{ font-size:12px; color:#999;}
.ykNews-list li .info .d{ position:relative; margin-right:20px; white-space:nowrap;}
.ykNews-list li .info .d:before{ content:''; background-color:#e6ecf2; width:1px; height:10px; position:absolute; top:4px; right:-10px; }
.ykNews-list li .info .s{ background:url(../images/eys.jpg) no-repeat left center; padding-left:20px;}
.ykNews-list .swiper-button-next, .ykNews-list .swiper-button-prev{ background:url(../images/ykNews-arrow.png) no-repeat center; background-color:rgba(0,0,0,.3); width:30px; height:60px; z-index:999; margin-top:-30px; transition:.2s ease-in-out; cursor:pointer;}
.ykNews-list .swiper-button-prev{ transform:rotate(180deg); left:-30px;}
.ykNews-list .swiper-button-prev:hover{ background-color:rgba(0,0,0,.6);}
.ykNews-list .swiper-button-next{ right:-30px;}
.ykNews-list .swiper-button-next:hover{ background-color:rgba(0,0,0,.6);}


.ykGdif{ background:#fff; width:calc(50% - 6px); padding:20px;}
.ykGdif-filed dl{ margin-top:20px;}
.ykGdif-filed dl dt{ float:left; width:100px; margin-right:10px; line-height:35px; text-align:right;}
.ykGdif-filed dl dt > span{ color:red; margin-right:2px;}
.ykGdif-filed dl dd{ overflow:hidden;}
.ykGdif-filed dl dd .inpt{ background-color:#fff; width:425px; height:35px; font-size:14px; line-height:21px; color:#333; border:1px solid #ced3d9; padding:7px 10px; border-radius:3px;}
.ykGdif-filed dl dd .inpt:hover { border:1px solid #b6babf; }
.ykGdif-filed dl dd .inpt:focus{ border:1px solid #09f; }
.ykGdif-filed dl dd .want-li{ float:left; padding:5px 10px; line-height:23px; margin-right:10px; position:relative; overflow:hidden;border:1px solid #ced3d9; border-radius:3px; cursor:pointer;}
.ykGdif-filed dl dd .want-li:hover{ border-color:#b6babf;}
.ykGdif-filed dl dd .want-li.selected{ border:1px solid #f60; color:#f60; }
.ykGdif-filed dl dd .want-li.selected:after{ content:''; background:url(../images/want-li.png) no-repeat; width:13px; height:13px; position:absolute; right:0; bottom:0;}
.ykGdif-filed dl dd .vd-button{ background-color:#f60; border:1px solid #f60; padding:8px 20px; margin-right:10px; line-height:21px; color:#fff; display: inline-block; cursor:pointer; border-radius:3px; text-align:center;}
.ykGdif-filed dl dd .vd-button:hover{ background-color:#e55c00; border:1px solid #e55c00;}

.ykGdif-filed dl dd .vd-theme{ background-color:#f5f7fa; border:1px solid #ced3d9; padding:8px 20px; line-height:21px; color:#333; display: inline-block; cursor:pointer; border-radius:3px; text-align:center;}
.ykGdif-filed dl dd .vd-theme:hover{ background-color:#edf0f2; border:1px solid #b6babf;}



.ykFooter{ background:#fff; margin-top:30px; padding:35px 0 15px 0; color:#666; border-top:5px #0055a2 solid;}
.ykFooter-left .logo{ width:288px;}
.ykFooter-left .serve{ width:117px; float:left;}
.ykFooter-left .serve .st{ font-size:14px; color:#000; padding-bottom:5px;}
.ykFooter-left .serve .sc a{ color:#666; display:block; line-height:30px;}
.ykFooter-left .serve .sc a:hover{ color:#f60;}
.ykFooter-left .cert{ float:left; padding-left:10px;}
.ykFooter-left .cert .ct{ font-size:14px; color:#000; padding-bottom:8px;}
.ykFooter-left .cert .cc{ line-height:24px;}
.ykFooter-right .tel-t{ background:url(../images/footer-tel.png) no-repeat left center; padding-left:32px; font-size:14px; color:#000;}
.ykFooter-right .tel-c{ font-size:30px; color:#ff6600; line-height:1; font-weight:bold; margin-top:10px;}
.ykFooter-right .code{ margin-top:20px;}
.ykFooter-right .code li{ width:100px; float:left; margin-right:30px; color:#999; text-align:center;}
.ykFooter-right .code li .pic{ background:#fff; padding:5px; margin-bottom:6px; border:1px #efefef solid;}
.ykFooter-right .code li:last-child{ margin-right:0;}
.ykFooter-right .version{ color:rgba(255,255,255,.24); margin-top:20px;}
.ykFooter-right .version a{ color:rgba(255,255,255,.24);}
.ykFooter-copy{ background:#fff; text-align:center; color:#515151; padding:15px 0; border-top:1px #e8e8e8 solid;}


/**产品列表**/
.pproduct-crumbs{ padding:13px 0; min-height:25px; color:#999; line-height:25px;}
.pproduct-crumbs .bread li{ float:left;}
.pproduct-crumbs .bread li .arrow{ background:url(../images/pro-arrow.jpg) no-repeat center; margin:0 5px; display:inline-block; width:16px; height:25px; vertical-align:top;}
.pproduct-crumbs .bread li a{ color:#666;}
.pproduct-crumbs .bread li a:hover{ color:#f60;}
.pproduct-crumbs .cond li{ max-width:212px; float:left; line-height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 25px 0 10px; color:#f60; margin-left:12px; height:25px; position:relative; border:1px dashed #ced3d9; cursor:pointer;}
.pproduct-crumbs .cond li .title{ font-style:normal; display:inline-block; vertical-align:top;}
.pproduct-crumbs .cond li .delete{ background:url(../images/pro-close.jpg) no-repeat center; width:23px; height:23px; position:absolute; right:0; top:0;}
.pproduct-crumbs .cond li:hover{ border-color:#f60;}
.pproduct-crumbs .clear{ width:76px; height:25px; float:left; margin-left:13px; line-height:23px; text-align:center; position:relative; color:#000333; border:1px solid #ced3d9; border-radius:3px; cursor:pointer;}
.pproduct-crumbs .clear:hover{ border-color:#f60; color:#f60;}


.pproduct-panel{ background:#fff; margin-bottom:20px; padding:0 20px;}
.pproduct-panel-item{ min-height:45px; width:100%; padding-top:12px; overflow:hidden; position:relative; border-top:1px solid #edf0f2;}
.pproduct-panel-item:first-child{ border:0;}
.pproduct-panel-itemLeft{ position:absolute; top:12px; line-height:24px; width:112px; font-weight: 700;}
.pproduct-panel-itemMiddle{ margin-left:112px; margin-right:135px; padding-left:20px; overflow:hidden;}
.pproduct-panel-itemMiddle.multi-select li .checkBtn{ display:block;}
.pproduct-panel-itemMiddle li{ min-width:120px; float:left; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:31px; line-height:24px; margin-bottom:10px; }
.pproduct-panel-itemMiddle li .checkBtn{ margin-left:1px; margin-right:5px; margin-top:4px; float:left; width:16px; height:16px; border:1px solid #ced3d9; border-radius:3px; display:none;}
.pproduct-panel-itemMiddle li:last-child{ margin-right:0;}
.pproduct-panel-itemMiddle li:hover{ color:#09f;}
.pproduct-panel-itemMiddle li:hover .checkBtn{ border-color:#09f;}
.pproduct-panel-itemMiddle li.selected .checkBtn{ background:url(../images/checkbox-hover.jpg) no-repeat; border:0;}
.pproduct-panel-itemRight{ width:124px; position:absolute; top:12px; right:0;}
.pproduct-panel-itemRight > a{ background-color:#f5f7fa; width:57px; display:inline-block; position:relative; float:right; height:24px; line-height:22px; text-align:center; border-radius:3px; font-size:12px; border:1px solid #f5f7fa; cursor:pointer; }
.pproduct-panel-itemRight > a i{ font-style:normal; display:inline-block; vertical-align:top; font-size:14px; margin-left:2px; }
.pproduct-panel-itemRight > a.quedin{ background-color:#f5f7fa; float:left;  border-color:#f5f7fa; color:#999;}
.pproduct-panel-itemRight > a.quedin.ischeck{ background-color:#09f; border-color:#09f; color:#fff;}
.pproduct-panel-itemRight > a.duo:hover{ background-color:#fff; color:#09f!important; border-color:#09f!important;}
.pproduct-panel-itemRight > a.quxiao:hover{ background-color:#fff; color:#09f!important; border-color:#09f!important;}


.pproduct-sorte{ background:#fff; line-height:40px; padding-right:12px;}
.pproduct-sorte .scree-one li{ float:left; padding:0 20px; cursor:pointer; border-right:1px solid #edf0f2;}
.pproduct-sorte .scree-one li img{ position:relative; margin-left:5px; top:14px;}
.pproduct-sorte .scree-one li.active,.pproduct-sorte .scree-one li:hover{ background-color:#09f; border-color:#09f; color:#fff;}
.pproduct-sorte .scree-two{ margin-left:20px; cursor:pointer;}
.pproduct-sorte .scree-two .checkBtn{ margin-right:5px; margin-top:12px; float:left; width:16px; height:16px; border:1px solid #ced3d9; border-radius:3px;}
.pproduct-sorte .scree-two .checkBtn.ischeck{ background:url(../images/checkbox-hover.jpg) no-repeat; border:0;}
.pproduct-sorte .scree-two:hover{color:#09f;}
.pproduct-sorte .scree-gallery a{ background:url(../images/gallery-icon.png) no-repeat center; background-position:0 0; width:40px; height:40px; float:left;}
.pproduct-sorte .scree-gallery a.a-thumb{ background-position:0 0;}
.pproduct-sorte .scree-gallery a.a-thumb.active{ background-position:0 -40px;}
.pproduct-sorte .scree-gallery a.a-list{ background-position:-40px 0;}
.pproduct-sorte .scree-gallery a.a-list.active{ background-position:-40px -40px;}

.pproduct-list{ margin-left:-9px; position:relative;}
.pproduct-list li{ background:#fff; width:calc(25% - 9px); margin:10px 0 0 9px; float:left; transition:0.3s;}
.pproduct-list li:hover{ box-shadow:1px 3px 5px rgb(0,0,0,.1);}
.pproduct-list li .goods-img{ width:100%; padding:20px 40px 0; position:relative;}
.pproduct-list li .img-cont{ width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.pproduct-list li .img-cont img{ display:inline-block; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; -o-object-fit:cover; object-fit:cover; }
.pproduct-list li .img-hot{ position:absolute; bottom:0; left:20px; }
.pproduct-list li .goods-name{ font-size:14px; margin-top:10px; padding:0 20px; position:relative; line-height:21px; height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pproduct-list li .goods-info{ padding:0 20px; margin-top:10px; line-height:21px; color:#999; }
.pproduct-list li .goods-info .model{ height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pproduct-list li .goods-xunjia{ padding:10px 20px 20px 20px; text-align:center;}
.pproduct-list li .goods-xunjia .btn{ width:104px; float:left; line-height:33px; color:#666; border:1px solid #dadfe5; }
.pproduct-list li .goods-xunjia .im-icon{ background:url(../images/imIcon.png); background-size:100% 100%; width:20px; height:20px; display:inline-block; vertical-align:top; position:relative; top:6px; margin-right:5px; }
.pproduct-list li .goods-xunjia .btn:hover{ background-color:#f5f7fa;}
.pproduct-list li .goods-xunjia .btn.zx-link{ width:calc(100% - 104px); border-right:0; color:#09f; border-radius:3px 0 0 3px;}
.pproduct-list li .goods-xunjia .btn.bj-link{ border-radius:0 3px 3px 0;}


.pproduct-table { background:#fff; margin-top:10px; padding:10px; display:none;}
.pproduct-table table{ border:1px #c2d2db solid;}
.pproduct-table thead th { background:#e3f2fc; font-weight:normal; font-size:13px; line-height:35px; color:#536fa5; text-align:center; border-bottom:1px #c2d2db solid; border-right:1px #c2d2db solid; }
.pproduct-table thead th::last-child{ border-right:0;}
.pproduct-table tbody td { font-size:13px; line-height:18px; color:#666; padding:10px; text-align:center;  border-right:1px #c2d2db solid; border-bottom:1px #c2d2db solid;}
.pproduct-table tbody td .text{ text-align:left;}
.pproduct-table tbody td .price{ color:#f60;}
.pproduct-table tbody td:last-child{ border-right:0;}
.pproduct-table tbody tr:hover{ background:#e3f2fc;}


.pproduct-ppage{ padding-top:20px; font-size:0; text-align:center;}
.pproduct-ppage a{ background:#fff; line-height:39px; margin-right:3px; padding:0 15px; vertical-align:top; display:inline-block; font-size:14px; border:1px solid #ced3d9; border-radius:3px;}
.pproduct-ppage .nowpage{  background:#09f; line-height:39px; margin-right:3px; padding:0 15px; vertical-align:top; display:inline-block; font-size:14px; color:#fff; border:1px solid #09f; border-radius:3px;}
.pproduct-ppage a:hover{ border-color:#09f; color:#09f;}


.pproduct-server{ background-color:#fff; width:100%; padding:20px 20px 10px; transition:.3s; cursor:pointer; margin-top:30px;}
.pproduct-server:hover{ box-shadow:1px 3px 5px rgb(0,0,0,.1);}
.pproduct-server .s-title{ font-size:18px; font-weight:700; margin-bottom:20px; }
.pproduct-server .s-box li{ width:50%; float:left; margin-bottom:10px;}
.pproduct-server .s-box li img{ margin-right:5px; position:relative; top:2px; }
.pproduct-server .s-box li > span{ color:#999;}


.pproduct-look{ background:#fff; margin-top:20px; padding:20px;}
.pproduct-look .ykGdif-filed dl dd .long-inpt{ width:640px;}


.goods-detail-top{ background-color:#f5f7fa; display:flex; }
.goods-detail-top .gd-left-wrapper{ max-width:885px; flex:1; }
.gd-left-wrapper .gdt-main{ background-color:#fff; padding:20px; margin-bottom:10px; display:flex; }
.gd-left-wrapper .gdt-photo{ width:360px;}
.gd-left-wrapper .gdt-photo .collect{ color:#666; display:block;}
.gd-left-wrapper .gdt-photo .collect img{ position:relative; top:2px; margin-right:5px;}
.gd-left-wrapper .big-img { background-color:#fff; width:360px; height:360px; display:flex; justify-content:center; align-items:center; margin-bottom:10px; position:relative;}
.gd-left-wrapper .big-img img { max-height:100%; }
.gd-left-wrapper .small-img{ display:flex; justify-content:center; margin-bottom:10px; }
.gd-left-wrapper .small-img li { background-color:#fff; width:64px; height:64px; overflow:hidden; display:flex; justify-content:center; align-items:center; margin-right:10px; border:1px solid #edf0f2; }
.gd-left-wrapper .small-img li img { max-height:100%; }
.gd-left-wrapper .small-img li.active{ border:1px solid #09f;}

.gd-left-wrapper .gdt-photo .jqZoomPup{ background:#fff; z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:20px; height:20px; border:1px solid #aaa; opacity:0.5;}
.gd-left-wrapper .gdt-photo .zoomdiv{ z-index:100; position:absolute; top:0px; left:0px; width:350px; height:350px; background:#fff; border:1px solid #ccc; display:none; text-align:center; overflow:hidden;}
.gd-left-wrapper .gdt-photo .zoomdiv img{ max-width:inherit !important; max-height:inherit !important;}

.gd-left-wrapper .gdt-info { flex:1; position:relative; }
.gd-left-wrapper .gdi-sku-name{ padding:0 0 5px 20px; font-size:18px; font-weight:700; word-wrap:break-word; }
.gd-left-wrapper .gdi-market-price{ line-height:21px; padding:0 20px; margin-top:15px; margin-bottom:20px; }
.gd-left-wrapper .gdi-market-price .price-name{ width:90px; color:#999; margin-right:10px; float:left; }
.gd-left-wrapper .gdi-market-price .price-number{ font-size:18px; line-height:21px; font-weight:700; color:#f60; display:inline-block; vertical-align:top; }
.gd-left-wrapper .gdi-market-price .price-denlu{ margin-left:20px; font-size:14px; cursor:pointer; color:#09f; display:inline-block; }
.gd-left-wrapper .gdi-market-price .price-denlu > i{ font-style:normal; font-family:"宋体"; font-size:16px; font-weight:bold; margin-left:3px;}

.gd-left-wrapper .gdi-param{ display:flex; margin-bottom:20px; line-height:21px; padding-left:20px; }
.gd-left-wrapper .gdi-param-left{ width:90px; min-width:90px; color:#999; margin-right:10px; }
.gd-left-wrapper .gdi-param-right { flex:1; word-break:break-all; display:flex; align-items:center; flex-wrap:wrap; }
.gd-left-wrapper .gdi-param-right .yuji{ color:#999; }
.gd-left-wrapper .gdi-param-right.color-999{ color:#999; display:block;}
.gd-left-wrapper .gdi-param-right .donate-check{ color:#09f; cursor:pointer; display:inline-block; }
.gd-left-wrapper .ip-address{ max-width:370px; margin-right:10px; padding:5px 0 5px 10px;  display:flex; line-height:21px; border:1px solid #ced3d9; border-radius:3px; cursor:pointer; }
.gd-left-wrapper .ip-address .icon-down{ background:url(../images/icon-down.jpg) no-repeat center; width:16px; height:21px; display:inline-block; vertical-align:top; margin:0 8px; transition:.3s; }

.gd-left-wrapper .gdi-common{ display:flex; padding-left:20px; padding-bottom:5px;}
.gd-left-wrapper .gdi-common-left{ width:90px; min-width:90px; margin-right:10px; color:#999; padding-top:5px; }
.gd-left-wrapper .gdi-common-right { flex:1; display:flex; flex-wrap:wrap; }
.gd-left-wrapper .gdi-common-choice{ font-size:13px; line-height:20px; margin:0 10px 10px 0; display:flex; justify-content:center; align-items:center; padding:4px 9px; overflow:hidden; border:1px solid #ced3d9; border-radius:2px; cursor:pointer; }
.gd-left-wrapper .gdi-common-choice.disabled{ border:1px dashed #dae0e6; color:#c2c6cc; cursor:not-allowed; }
.gd-left-wrapper .gdi-common-choice.selected{ background:url(../images/choice.jpg) no-repeat right bottom; position:relative; color:#f60; border:1px solid #f60; pointer-events:none; }
.gd-left-wrapper .gdi-common-choice:hover{color:#f60; border:1px solid #f60;}

.gd-left-wrapper .gdi-button{ margin-top:20px; margin-bottom:20px; padding-left:120px; display:flex;}
.gd-left-wrapper .gdi-button .left-btn{ background:#09f; color:#fff; margin-right:10px; display:flex; align-items:center; font-size:16px; cursor:pointer; padding:10px 29px; border:1px solid #09f; border-radius:3px; }
.gd-left-wrapper .gdi-button .left-btn .im-icon{ background:url(../images/imIcon2-w.png) no-repeat 50%; background-size:100% 100%; display:inline-block; width:20px; height:20px; margin-right:5px; }
.gd-left-wrapper .gdi-button .left-btn:hover{ background-color:#008ae5; border-color:#008ae5;}
.gd-left-wrapper .gdi-button .right-btn { display:flex; align-items:center; color:#333; font-size:16px; cursor:pointer; padding:10px 29px; border:1px solid #dadfe5; border-radius:3px; }
.gd-left-wrapper .gdi-button .right-btn:hover{ background:#f5f7fa;}
.gd-left-wrapper .gdi-button .right-btn .vd-icon{ background:url(../images/hqbj-icon.png) no-repeat; width:20px; height:20px; margin-right:5px;}

.gd-left-wrapper .gdb-main{ margin-top:10px;}
.gd-left-wrapper .gpw-title { background:#fff; height:54px; display:flex; align-items:center; padding-left:20px; border-bottom:1px solid #edf0f2; }
.gd-left-wrapper .gpw-title li { height:54px; margin-right:42px; font-size:16px; display:flex; align-items:center; cursor:pointer; }
.gd-left-wrapper .gpw-title li.selected{ font-weight:700; color:#09f; position:relative; pointer-events:none; }
.gd-left-wrapper .gpw-title li.selected:after { content:"";  background-color:#09f; width:100%; height:2px; position:absolute; bottom:0; left:0; }
.gd-left-wrapper .gpw-body{ background:#fff; padding:0 70px;}
.gd-left-wrapper .common-param{ padding:20px 0 10px; border-bottom:1px solid #edf0f2; }
.gd-left-wrapper .common-param .cp-title{ margin-bottom:10px; font-size:14px; font-weight:700; }
.gd-left-wrapper .common-param .cp-ul li{ display:flex; margin-bottom:10px; }
.gd-left-wrapper .common-param .cp-ul li .li-left{ min-width:160px; width:160px; height:21px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.gd-left-wrapper .common-param .cp-ul li .li-right { flex:1; word-break:break-all; }
.gd-left-wrapper .common-pic{ padding:30px 0;}

.gd-left-wrapper .gdb-more-link { background-color:#fff; margin-top:10px; padding:15px 20px 20px; display:flex; line-height:21px; }
.gd-left-wrapper .gdb-more-link .title{ margin-top:5px; color:#999; min-width:70px; }
.gd-left-wrapper .gdb-more-link .content{ display:flex; flex-wrap:wrap; }
.gd-left-wrapper .gdb-more-link .content a{ margin-top:5px; color:#666; margin-right:10px; }
.gd-left-wrapper .gdb-more-link .content a:hover{ color:#f60;}


.gd-left-wrapper .gdb-support{ background-color:#fff; margin-top:10px; padding:20px 10px; }
.gd-left-wrapper .gdb-support .support-title{ font-size:18px; font-weight:700; margin-bottom:20px; padding-left:10px }
.gd-left-wrapper .gdb-support .support-ul{ display:flex }
.gd-left-wrapper .gdb-support .support-ul li{ width:20%; padding:0 10px }
.gd-left-wrapper .gdb-support .support-ul li .support-img{ margin:0 auto; width:100px; height:100px; display:flex; justify-content:center; align-items:center; overflow:hidden }
.gd-left-wrapper .gdb-support .support-ul li .support-img img{ max-width:100px; max-height:100% }
.gd-left-wrapper .gdb-support .support-ul li .support-name{ margin-top:10px; height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; cursor:pointer }
.gd-left-wrapper .gdb-support .support-ul li .support-price{ margin-top:5px; font-size:12px; display:flex; color:#999;}
.gd-left-wrapper .gdb-support .support-ul li .support-price .price-number{ color:#f60 }


.gd-right-wrapper{ width:295px; margin-left:20px;}
.gd-right-wrapper .gdt-part{ background-color:#fff; width:100%; margin-bottom:10px; }
.gd-right-wrapper .gdt-part .gdtp-title { padding-left:20px; height:44px; display:flex; align-items:center; font-size:16px; border-bottom:1px solid #edf0f2; }
.gd-right-wrapper .gdtp-body{ padding:20px;}
.gd-right-wrapper .gdtp-body li{ margin-bottom:15px; display:flex; }
.gd-right-wrapper .gdtp-body li:last-child{ margin-bottom:0;}
.gd-right-wrapper .gdtp-body li .li-img{ background-color:#fff; margin-right:10px; width:80px; height:80px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.gd-right-wrapper .gdtp-body li .li-img img { max-height:100%; }
.gd-right-wrapper .gdtp-body li .li-info{ flex:1; }
.gd-right-wrapper .gdtp-body li .li-info .name{ line-height:21px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.gd-right-wrapper .gdtp-body li .li-info .price{ margin-top:5px; font-size:12px; display:flex; color:#999; }
.gd-right-wrapper .gdtp-body li .li-info .price-number{ color:#f60;}

.gd-right-wrapper .brand-intro{ background-color:#fff; font-size:12px; margin-bottom:10px;}
.gd-right-wrapper .brand-intro .bi-pic{ background-color:#fff; height:120px; display:flex; justify-content:center; align-items:center; position:relative; }
.gd-right-wrapper .brand-intro .bi-pic img{ max-width:140px; max-height:90px; }
.gd-right-wrapper .brand-intro .bi-pic-face { background-image:linear-gradient(rgba(0,153,255,.1),hsla(0,0%,100%,0) 50%); width:100%; height:100%; position:absolute; top:0; left:0; }
.gd-right-wrapper .brand-intro .bi-body { padding:0 20px 20px; }
.gd-right-wrapper .brand-intro .bi-class { color:#999; display:flex; justify-content:center; align-items:center; }
.gd-right-wrapper .brand-intro .bi-class .bi-line { background-color:#edf0f2; width:30px; height:1px; }
.gd-right-wrapper .brand-intro .bi-class .bi-middle { margin:0 5px; }
.gd-right-wrapper .brand-intro .bi-class-ul{ display:block; justify-content:center; flex-wrap:wrap; }
.gd-right-wrapper .brand-intro .bi-class-ul > a{ background-color:#f5f7fa; border-radius:3px; padding:7px 15px; line-height:21px; margin:10px 10px 0 0; display:block; justify-content:center; align-items:center; cursor:pointer; }
.gd-right-wrapper .brand-intro .bi-class-ul > a:last-child{ margin-right:0;}
.gd-right-wrapper .brand-intro .bi-footer { height:44px; display:flex; justify-content:center; align-items:center; border-top:1px solid #edf0f2; }
.gd-right-wrapper .brand-intro .bi-footer a{ display:flex; justify-content:center; align-items:center; color:#09f; cursor:pointer; }
.gd-right-wrapper .brand-intro .bi-footer a > i{ font-style:normal; font-family:"宋体"; font-size:16px; font-weight:bold; margin-left:3px;}
.gd-right-wrapper .brand-intro .bi-footer a:hover{ color:#f60;}

.gd-right-wrapper .instruc-entry{ background:#fff; width:100%; margin-bottom:20px; }
.gd-right-wrapper .instruc-entry .ins-title { padding-left:20px; height:44px; display:flex; align-items:center; font-size:16px; border-bottom:1px solid #edf0f2; }
.gd-right-wrapper .instruc-entry .ins-desc { overflow:hidden; text-overflow:ellipsis; text-overflow:-o-ellipsis-lastline; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:12px; line-height:18px; color:#999; padding:10px 0 2px; }
.gd-right-wrapper .instruc-entry .ins-list{ padding:10px 20px;}
.gd-right-wrapper .instruc-entry .ins-list li{ line-height:30px; display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gd-right-wrapper .instruc-entry .ins-list li label{ color:#999;}


/**新闻动态**/
.pnews-main{ padding-top:20px;}
.pnews-left{ width:885px; }
.pnews-left .pproduct-ppage{ background:#fff; padding:20px 0;}
.pnews-right{ width:295px;}
.pnews-left-nav{ background:#fff; border-bottom:1px solid #e6ecf2;}
.pnews-left-nav a{ float:left; display:block; margin-left:40px; padding:14px 0; font-size:16px; border-bottom:2px #fff solid;}
.pnews-left-nav a.active{ color:#09f; font-weight:700; border-bottom:2px solid #09f;}
.pnews-left-nav a:hover{ color:#09f;}

.pnews-left-list li{ background:#fff; padding:20px; display:flex; border-bottom:1px #f4f4f4 solid; }
.pnews-left-list li .list-img { margin-right:30px; width:190px; height:140px; border-radius:3px; overflow:hidden }
.pnews-left-list li .list-img a { display:block; height:100% }
.pnews-left-list li .list-img a img { -o-object-fit:cover; object-fit:cover; width:100%; height:100%; transition:.19s ease-in }
.pnews-left-list li .list-img a img:hover { transform:scale(1.1); transition:.22s ease-out }
.pnews-left-list li .list-info { flex:1; overflow:hidden }
.pnews-left-list li .list-info .title { font-size:18px; font-weight:700; margin-bottom:15px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.pnews-left-list li .list-info .title .is-top { position:relative; font-weight:normal; top:-3px; margin-right:8px; padding:2px 5px; font-size:12px; color:#09f; border:1px solid #09f; border-radius:3px }
.pnews-left-list li .list-info .des { height:63px; line-height:21px; margin-bottom:15px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden;}
.pnews-left-list li .list-info .num { color:#999; font-size:12px; display:flex;}
.pnews-left-list li .list-info .num p { position:relative; margin-right:20px }
.pnews-left-list li .list-info .num p .line { background-color:#e6ecf2; position:absolute; top:4px; right:-10px; width:1px; height:10px; }
.pnews-left-list li .list-info .num p .eys { background:url(../images/eys.jpg) no-repeat left center; padding-left:20px }


.selection-news{ background:#fff; margin-bottom:10px;}
.selection-news-head{ position:relative; display:flex; justify-content:space-between; align-items:center; padding:0 20px; line-height:44px; border-bottom:1px #f4f4f4 solid; }
.selection-news-head .title{ font-size:16px;}
.selection-news-head .swiper-pagination{ font-size:12px; color:#999; right:20px; top:0;}
.selection-news-head .refresh{ background:url(../images/refresh.jpg) no-repeat; width:15px; height:15px;}

.selection-news-list{ overflow:hidden; margin:0 20px; padding:20px 0; position:relative;}
.selection-news-list:hover .swiper-button-prev{ left:0;}
.selection-news-list:hover .swiper-button-next{ right:0;}
.selection-news-list li .figure { width:255px; height:190px; border-radius:3px; overflow:hidden;}
.selection-news-list li .figure a { display:flex; justify-content:center; height:100%; }
.selection-news-list li .figure a img { height:100%; transition:.19s ease-in;}
.selection-news-list li .figure a img:hover { transform:scale(1.1); transition:.22s ease-out }
.selection-news-list li .name { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin:10px 0; font-size:14px; cursor:pointer;}
.selection-news-list li .flex{ color:#999; font-size:12px; display:flex;}
.selection-news-list li .flex p { position:relative; margin-right:20px }
.selection-news-list li .flex p .line { background-color:#e6ecf2; position:absolute; top:4px; right:-10px; width:1px; height:10px; }
.selection-news-list li .flex p .eys { background:url(../images/eys.jpg) no-repeat left center; padding-left:20px;}
.selection-news-list .swiper-button-next, .selection-news-list .swiper-button-prev{ background:url(../images/ykNews-arrow.png) no-repeat center; background-color:rgba(0,0,0,.3); width:30px; height:60px; z-index:999; top:85px; margin-top:0; transition:.2s ease-in-out; cursor:pointer;}
.selection-news-list .swiper-button-prev{ transform:rotate(180deg); left:-30px;}
.selection-news-list .swiper-button-prev:hover{ background-color:rgba(0,0,0,.6);}
.selection-news-list .swiper-button-next{ right:-30px;}
.selection-news-list .swiper-button-next:hover{ background-color:rgba(0,0,0,.6);}

.selection-product{ padding:20px;}
.selection-product li{ margin-bottom:15px; display:flex; }
.selection-product li:last-child{ margin-bottom:0;}
.selection-product li .li-img{ background-color:#fff; margin-right:10px; width:80px; height:80px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.selection-product li .li-img img { max-height:100%; }
.selection-product li .li-info{ flex:1; }
.selection-product li .li-info .name{ line-height:21px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.selection-product li .li-info .price{ margin-top:5px; font-size:12px; display:flex; color:#999; }
.selection-product li .li-info .price-number{ color:#f60;}


.pnews-details{ background:#fff; padding:40px;}
.pnews-details-head .title{ font-weight:700; font-size:32px; margin-bottom:10px; line-height:1.5;}
.pnews-details-head .flexdef { display:flex; color:#999; font-size:12px; }
.pnews-details-head .flexdef p{ position:relative; margin-right:20px; }
.pnews-details-head .flexdef p .line{ background-color:#e6ecf2; position:absolute; top:4px; right:-10px; width:1px; height:10px; }
.pnews-details-head .flexdef p .eys{ background:url(../images/eys.jpg) no-repeat left center; padding-left:20px;}
.pnews-details-show{ margin-top:40px; line-height:1.5; word-break:break-all;}


.pnews-other{ margin-top:20px; display:flex;}
.pnews-other li { background-color:#fff; flex:1; padding:20px; margin-right:1px;}
.pnews-other li:last-child { margin-right:0; }
.pnews-other li .title { margin-bottom:15px; height:24px; font-size:16px; font-weight:700; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.pnews-other li .des { line-height:1.5; margin-bottom:15px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.pnews-other li .album { display:flex; color:#999; font-size:12px;}
.pnews-other li .album p { position:relative; margin-right:20px; white-space:nowrap; }
.pnews-other li .album p .line { background-color:#e6ecf2; position:absolute; top:4px; right:-10px; width:1px; height:10px; }
.pnews-other li .album p .eys { background:url(../images/eys.jpg) no-repeat left center; padding-left: 20px }


.pnews-classic { background-color:#fff; display:flex; max-width:885px; margin-top:20px; }
.pnews-classic .classic-left { margin:20px 10px 0 20px; color:#999; white-space:nowrap;}
.pnews-classic .classic-right { width:100%;}
.pnews-classic .classic-right .info-num { display:flex; flex-wrap:wrap; margin:10px 0 20px;}
.pnews-classic .classic-right .info-num p { position:relative; margin-right:30px; margin-top:10px;}
.pnews-classic .classic-right .info-num p:last-child .line { display:none;}
.pnews-classic .classic-right .info-num p .line { background-color:#e6ecf2; position:absolute; top:5px; right:-15px; width:1px; height:10px;}


/**服务支持**/
.agreement-sider{ background:#fff; width:190px; padding:10px 0;}
.agreement-sider dl dt{ height:40px; line-height:40px; font-weight:700; padding-left:20px;}
.agreement-sider dl dd a{ display:block; line-height:40px; padding-left:30px;}
.agreement-sider dl dd a.selected{ background-color:#09f; color:#fff;}
.agreement-sider dl dd a:hover{ color:#09f;}

.agreement-aside{ background:#fff; width:990px; padding:40px;}
.agreement-aside .as-title{ line-height:1.5; text-align:center; margin-bottom:40px; font-size:32px; font-weight:700;}
.agreement-aside .as-word{ line-height:1.5; text-align:justify;}


/**品牌中心**/
.pbrand-top{ margin-top:20px; display:flex;}
.pbrand-top-banner{ background:#fff; width:50%; overflow:hidden; position:relative;}
.pbrand-top-banner li a { width:100%; height:0; padding-top:45.5%; position:relative; display:block; }
.pbrand-top-banner li img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%; }

.pbrand-top-banner li .text{ background:rgba(140,207,244,0.6); width:240px; height:100%; color:#fff; font-size:24px; line-height:1.5; position:absolute; right:0; top:0; z-index:2; display:flex; justify-content:center; align-items:center; transition:all 0.4s; transform:translateX(100%); opacity:0;}
.pbrand-top-banner li .text .t-inner{ padding:0 20px; text-align:center;}
.pbrand-top-banner li.swiper-slide-active .text, .pbrand-top-banner li.swiper-slide-duplicate-active .text{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
.pbrand-top-banner:hover .swiper-button-prev{ left:0;}
.pbrand-top-banner:hover .swiper-button-next{ right:0;}
.pbrand-top-banner .swiper-pagination{ bottom:0 !important;}
.pbrand-top-banner .swiper-pagination-bullet{ background:#a0a5a9; width:calc(20% - 4px); height:3px; margin:0 4px 0 0 !important;  opacity:1; border-radius:0;}
.pbrand-top-banner .swiper-pagination-bullet:last-child{ width:20%; margin:0 !important;}
.pbrand-top-banner .swiper-pagination-bullet-active{ background:#0099ff;}


.pbrand-top-banner .swiper-button-next, .pbrand-top-banner .swiper-button-prev{ background:url(../images/ykNews-arrow.png) no-repeat center; background-color:rgba(0,0,0,.3); width:30px; height:60px; z-index:999; margin-top:-30px; transition:.2s ease-in-out; cursor:pointer; display:none;}
.pbrand-top-banner .swiper-button-prev{ transform:rotate(180deg); left:-30px;}
.pbrand-top-banner .swiper-button-prev:hover{ background-color:rgba(0,0,0,.6);}
.pbrand-top-banner .swiper-button-next{ right:-30px;}
.pbrand-top-banner .swiper-button-next:hover{ background-color:rgba(0,0,0,.6);}

.pbrand-top-rec{ width:50%; }
.pbrand-top-rec .rec-inner{ padding-top:45.5%; position:relative; width:100%; }
.pbrand-top-rec .rec-cnt { position:absolute; top:0; display:flex; flex-wrap:wrap; width:100%; height:100%; }
.pbrand-top-rec .rec-cnt a { background:#fff; display:flex; justify-content:center; align-items:center; margin-right:5px; width:calc(33.33% - 5px); height:calc(50% - 2.5px); }

.pbrand-top-rec .rec-cnt a:first-child { margin-bottom:5px; }


.pbrand-block{ background:#fff; margin-top:20px; padding:20px;}
.pbrand-block-head{ margin-bottom:20px; position:relative;}
.pbrand-block-head .title{ font-size:18px; font-weight:700; }
.pbrand-block-head .options { display:flex; position:absolute; top:0; right:20px; }
.pbrand-block-head .options a { line-height:22px; padding:0 8px; border-radius:2px; cursor:pointer; color:#999; font-size:12px; }
.pbrand-block-head .options a.selected { background:#09f; color:#fff; }

.pbrand-block-list{ display:flex; flex-wrap:wrap; }
.pbrand-block-list a { line-height:35px; width:25%; padding-right:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.plan-details-left{ width:210px;}
.plan-details-logo{ background:#fff; width:100%; height:118px; display:flex; justify-content:center; align-items:center; }
.plan-details-click{ margin-top:10px;}
.plan-details-click > a{ background:#0080d6; display:block; font-size:16px; font-weight:bold; color:#fff; padding-left:13px; position:relative; line-height:40px;}
.plan-details-click > a .arrow{ font-family:"宋体"; font-style:normal; position:absolute; right:25px; top:0;}

.plan-details-menu{ background:#fff; margin-top:10px; padding-bottom:20px;}
.plan-details-menu .me-title{background:#0080d6; display:block; font-size:16px; font-weight:bold; color:#fff; padding-left:13px; position:relative; line-height:40px;}
.plan-details-menu .me-item dl{ margin-top:15px;}
.plan-details-menu .me-item dt a{ font-size:12px; color:#333; font-weight:bold; padding-left:5px; display:block;}
.plan-details-menu .me-item dt .c-plus{ background:url(../images/c-plus.jpg) no-repeat; width:15px; height:15px; display:inline-block; vertical-align:top; margin-right:5px; position:relative; top:1px;}
.plan-details-menu .me-item dt .c-minus{ background:url(../images/c-minus.jpg) no-repeat; width:15px; height:15px; display:inline-block; vertical-align:top; margin-right:5px; position:relative; top:1px; display:none;}
.plan-details-menu .me-item dd{ padding-left:20px; display:none;}
.plan-details-menu .me-item dd a{ margin-top:16px; display:block; line-height:20px; padding-left:7px; color:#666; position:relative; font-size:12px; }
.plan-details-menu .me-item dd a:before{ content:''; background:#666; width:2px; height:2px; position:absolute; left:0; top:50%; transform:translateY(-1px);}
.plan-details-menu .me-item dd a.selected,.plan-details-menu .me-item dd a:hover{ color:#ff6c00; }
.plan-details-menu .me-item dl.on dd{ display:block !important;}


.plan-details-right{ width:980px;}
.plan-details-right .white-block{ background:#fff; padding:20px; padding-right:0;}
.plan-details-title{ font-size:16px; font-weight:bold; padding-bottom:10px; position:relative;}
.plan-details-title .scree-gallery{ position:absolute; right:0; top:-10px;}
.plan-details-title .scree-gallery a{ background:url(../images/gallery-icon.png) no-repeat center; background-position:0 0; width:40px; height:40px; float:left;}
.plan-details-title .scree-gallery a.a-thumb{ background-position:0 0;}
.plan-details-title .scree-gallery a.a-thumb.active{ background-position:0 -40px;}
.plan-details-title .scree-gallery a.a-list{ background-position:-40px 0;}
.plan-details-title .scree-gallery a.a-list.active{ background-position:-40px -40px;}

.plan-details-list{ margin-left:-15px; position:relative;}
.plan-details-list li{ background:#fff; width:calc(25% - 15px); margin:15px 0 0 15px; display:inline-block; padding:10px 15px; float:left; transition:0.3s; border:1px #eee solid;}
.plan-details-list li:hover{ box-shadow:1px 2px 5px rgb(0,0,0,.1);}
.plan-details-list li .goods-img{ width:100%; height:175px; display:flex; justify-content:center; align-items:center; }
.plan-details-list li .goods-img img{ max-height:100%;}
.plan-details-list li .goods-name{ font-size:14px; margin-top:10px; color:#666; line-height:21px; height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.plan-details-list li:hover .goods-name{ color:#f60;}

.plan-details-news li{ width:50%; float:left; color:#666; margin-top:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.plan-details-news li > a{ color:#666;}
.plan-details-news li > a:hover{ color:#f60;}
.plan-details-news li label a{ color:#999; display:inline-block; margin-right:5px;}
.plan-details-news li label a:hover{color:#f60;}
.plan-details-about{ padding:15px 0; color:#666; line-height:1.5;}


/**关于我们**/
.pabout-menu{ background:#fff; width:210px;}
.pabout-menu a{ display:block; line-height:20px; padding:10px 20px; color:#00407a; border-left:2px #f1f8ff solid;}
.pabout-menu a.selected,.pabout-menu a:hover{ background:#d3e8fc; color:#ff6c00; border-color:#0069df;}



.pabout-right{ width:970px;}
.pabout-comcnt{ background:url(../images/pabout-banner.jpg) no-repeat top center; padding-top:240px;}
.pabout-comcnt .title-cn{ line-height:1.5; font-size:32px; font-weight:700; text-align:center; position:relative;  color:#fff; }
.pabout-comcnt .title-cn:before { content:""; background:#fff; display:block; height:4px; width:40px; position:absolute; bottom:-4px; left:calc(50% - 20px); }
.pabout-comcnt .title-en{ line-height:1.5; font-size:18px; color:#fff; text-align:center; margin-bottom:24px; }
.pabout-comcnt .cnt-txt{ background:#fff; max-width:800px; padding:40px; margin:0 auto; line-height:1.5; }


.pabout-contact{ background:#fff; margin-top:20px; padding:20px; padding-right:0;}
.pabout-contact-head{ text-align:center; line-height:1.5; padding-bottom:20px;}
.pabout-contact-head .title-cn{ font-size:32px; font-weight:700; text-align:center; position:relative;}
.pabout-contact-head .title-cn:before { content:""; background:#09f; display:block; height:4px; width:40px; position:absolute; bottom:-4px; left:calc(50% - 20px); }
.pabout-contact-head .title-en{ font-size:18px; color:#dce1e0; text-align:center; margin-bottom:24px; }
.pabout-contact .cnt-txt{ background:#fff; line-height:1.5; }

.pabout-contact-info{ padding:0 55px;}
.pabout-contact-info dl{ margin-top:40px;}
.pabout-contact-info dl dt{ font-weight:700; line-height:31px; width:200px; float:left; text-align:right; margin-right:20px; }
.pabout-contact-info dl dd{ overflow:hidden; line-height:31px;}


/**解决方案**/
.plan-elevator{ background:#fff;}
.plan-elevator .el-status a{ position:relative; margin-right:38px; padding:15px 0; white-space:nowrap; display:inline-block; float:left; font-size:16px; z-index:1; text-align:center; }
.plan-elevator .el-status a:last-child{ margin-right:0;}
.plan-elevator .el-status a.active, .plan-elevator .el-status a:hover{ color:#09f;}
.plan-elevator .el-status a.active:after { content:"";  background-color:#09f; width:100%; height:3px; position:absolute; left:0; bottom:0; }
.plan-elevator .el-more{ position:relative;}
.plan-elevator .el-more > a{ background:url(../images/icon-down.jpg) no-repeat right center; display:inline-block; padding:15px 20px 15px 0; font-size:16px;}


.plan-leftSider{ background:#f1f8ff; width:210px;}
.plan-leftSider .si-title{ background:#0055a2; font-size:14px; text-align:center; font-weight:bold; line-height:45px; color:#fff;}
.plan-leftSider .si-item dl{ margin-top:2px;}
.plan-leftSider .si-item dt a{ background:#d3e8fc; color:#00294e; font-weight:bold; padding-left:10px; line-height:40px; display:block;}
.plan-leftSider .si-item dd{ padding:5px 0;}
.plan-leftSider .si-item dd a{ display:block; line-height:20px; padding:10px 20px; color:#00407a; border-left:2px #f1f8ff solid;}
.plan-leftSider .si-item dd a.selected,.plan-leftSider .si-item dd a:hover{ background:#d3e8fc; color:#ff6c00; border-color:#0069df;}
.plan-leftSider .si-item dl.on dd{ display:block !important;}

.plan-right{width:970px; }
.plan-right-details{ background:#fff; padding:20px; padding-right:0;}
.plan-right-details .de-word{ margin-top:30px;}
.plan-right-related{ background:#fff; padding:20px;}

.plan-floor{ background:#fff; padding:20px; margin-bottom:20px; }
.plan-floor .ykAdvertise{ margin-top:5px;}
.plan-floor .ykAdvertise li{ margin-top:12px; height:auto;}
.plan-floor .ykAdvertise li .name{ background:rgba(37,176,194,.8); position:relative; left:auto; bottom:auto;}
.plan-floor .ykAdvertise li:hover .name{ background:#f60;}
.plan-floor-title{ font-size:24px; text-align:center; line-height:1.5; position:relative;}
.plan-floor-title .scree-gallery{ position:absolute; right:0; top:-2px;}
.plan-floor-title .scree-gallery a{ background:url(../images/gallery-icon.png) no-repeat center; background-position:0 0; width:40px; height:40px; float:left;}
.plan-floor-title .scree-gallery a.a-thumb{ background-position:0 0;}
.plan-floor-title .scree-gallery a.a-thumb.active{ background-position:0 -40px;}
.plan-floor-title .scree-gallery a.a-list{ background-position:-40px 0;}
.plan-floor-title .scree-gallery a.a-list.active{ background-position:-40px -40px;}

.plan-floor-list{ margin-top:20px;}
.plan-floor-list li{ background-color:#fff; width:25%; padding:15px; float:left; border:1px solid #e6ecf2; margin-right:-1px; margin-bottom:-1px; }
.plan-floor-list li .vd-img{ display:flex; justify-content:center; align-items:center; position:relative; padding:0 10px; }
.plan-floor-list li .img-cont{ width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.plan-floor-list li .img-cont img{ display:inline-block; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; -o-object-fit:cover; object-fit:cover; }
.plan-floor-list li .img-hot{ position:absolute; bottom:0; left:0; }
.plan-floor-list li .vd-name{ font-size:14px; margin-top:10px; position:relative; line-height:21px; height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.plan-floor-list li .vd-info{ margin-top:10px; line-height:21px; color:#999; }
.plan-floor-list li .vd-button{ background-color:#f5f7fa; width:100%; margin-top:10px; padding:8px 20px; display:inline-block; cursor:pointer; line-height:1.5; text-align:center; color:#333; border-radius:3px; border: 1px solid #ced3d9;}
.plan-floor-list li .vd-button:hover { background-color:#edf0f2; border:1px solid #b6babf; }


.plan-right-tab{ width:100%; text-align:center; padding:20px 0;}
.plan-right-tab a{ background:#fff; padding:6px 20px; font-size:15px; border-radius:18px; margin-right:20px; display:inline-block; border:1px solid #fff;}
.plan-right-tab a.active, .plan-right-tab a:hover{ background:#09f; border:1px solid #09f; color:#fff; }



/**产品全部分类**/
.pcate-tabs{ width:100%; text-align:center; padding:20px 0;}
.pcate-tabs a{ background:#fff; padding:6px 20px; border-radius:18px; margin-right:20px; display:inline-block; border:1px solid #fff;}
.pcate-tabs a.selected{ background:#09f; border:1px solid #09f; color:#fff; }
.pcate-tabs a:hover { border:1px solid #09f; color:#09f; }

.pcate-sider{ background:#f1f8ff; width:210px; }
.pcate-sider.topFix{ position:fixed; z-index:900; top:20px;}
.pcate-sider a{ display:block; line-height:20px; padding:10px 20px; color:#00407a; border-left:2px #f1f8ff solid;}
.pcate-sider a.selected,.pcate-sider a:hover{ background:#d3e8fc; color:#ff6c00; border-color:#0069df;}


.pcate-right{ width:970px;}
.pcate-block{ background:#fff; margin-bottom:10px; padding:20px; position:relative;}
.pcate-block .bl-title{ font-size:15px; color:#09f; font-weight:700; padding-bottom:10px; border-bottom:1px solid #edf0f2;}
.pcate-block .bl-more{ color:#999; line-height:27px; position:absolute; top:20px; right:20px; font-size:12px; display:none;}
.pcate-block .bl-more .icon{ font-family:"宋体"; font-style:normal; margin-left:6px; font-weight:700; font-size:14px;}

.pcate-block-list li{ display:flex; padding:10px 0 0 0; line-height: 1.5; border-bottom: 1px solid #edf0f2; }
.pcate-block-list li .item-pic{ width:100px; height:100px; position:relative; margin-bottom:10px; max-width:160px; display:inline-block; vertical-align:top; display:none; }
.pcate-block-list li .item-pic img{ max-width:100%; max-height:100%; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0; }
.pcate-block-list li .item-name { width:100px; margin-right:10px; font-weight:700; font-size:13px; display:block; text-align:right;}	
.pcate-block-list li .third-list { display:flex; flex:1; flex-wrap:wrap; }
.pcate-block-list li .third-list a { margin-bottom:10px; color:#666; position:relative; padding:0 8px 0 9px; font-size:13px; display:block; }
.pcate-block-list li .third-list a:hover{ color:#f60;}
.pcate-block-list li .third-list a:after { content:""; background-color:#edf0f2; position:absolute; top:0; left:0; width:1px; height:100%; }


/**登录**/
.login-head{ background:#fff; padding:20px 0; border-bottom:1px solid #E6ECF2;}
.login-head .w{ width:1024px;}
.login-head .l-logo{ width:190px;}
.login-head .l-des{ margin-left:40px; font-size:24px; line-height:56px;}
.login-head .l-tel{ background:url(../images/login-tel.jpg) no-repeat left center; padding-left:30px; line-height:56px; font-size:16px; color:#f60;}

.login-contact{ background:#009aff url(../images/login-bg.jpg) no-repeat center; height:600px;}
.login-contact .w{ width:1024px; position:relative;}

.login-input{  background-color:#fff; position:absolute; top:80px; right:0; width:400px; padding:30px 40px; }
.login-input-tab{ display:flex; margin-bottom:30px; font-size:18px; border-bottom:1px solid #CED3D9;}
.login-input-tab li { margin:0 39px; padding-bottom:10px; cursor:pointer; }
.login-input-tab li.active { position:relative; color:#09f; font-weight:bold; }
.login-input-tab li.active:before{ content:''; background-color:#09f; width:100%; height:2px; position:absolute; bottom:-1px; }
.login-input-filed li{ margin-top:20px; position:relative;}
.login-input-filed li .icon{ position:absolute; left:10px; top:15px; }
.login-input-filed li:first-child{ margin-top:0;}
.login-input-filed li .sinpt { width:100%; height:45px; font-size:14px; text-indent:36px; border:1px solid #CED3D9; border-radius:3px; }
.login-input-filed li .sinpt::-webkit-input-placeholder{ color:#C2C6CC; }
.login-input-filed li .sinpt:hover{ border-color:#B6BABF; }
.login-input-filed li .sinpt:focus{ border-color:#09f !important;}
.login-input-filed li .sbtn{ background-color:#09F; width:100%; height:48px; text-align:center; line-height:48px; font-size:16px; color:#fff; border-radius:3px; cursor:pointer; }
.login-input-filed li .sbtn:hover{ background-color:#008AE5; }
.login-input-filed li .get-verify { background-color:#F5F7FA; width:100px; height:43px; text-align:center; line-height:43px; position:absolute; top:1px; right:1px; border-left:1px solid #CED3D9; border-radius:0 3px 3px 0; cursor:pointer; }
.login-input-filed li .get-verify:hover{ background-color:#EDF0F2; border-color:#B6BABF; border-left-color:#CED3D9; }
.login-input-entry{ margin-top:15px; display:flex; justify-content:space-between; }
.login-input-entry a{ color:#09f; }
.login-input-entry a:hover{ color:#f60; }

.login-footer{ background-color:#EDF0F2; width:100%; position:absolute; left:0; bottom:0; font-size:12px; text-align:center; line-height:58px;}


/**注册**/
.regeister-main{padding-bottom:140px;}
.regeister-main .w{ width:1024px; }

.regeister-step{ display:flex; justify-content: center; padding:40px 0; text-align:center;}
.regeister-step li{ display:flex; font-size:16px; line-height:32px; }
.regeister-step li .number{ background-color:#DAE0E6; width:30px; height:30px; margin-right:10px; text-align:center; line-height:30px; color:#fff; border-radius:50%; }
.regeister-step li .txt{ color:#999; }
.regeister-step li .line{ background-color:#DAE0E6; width:100px; height:2px; margin:13px 20px 0; }
.regeister-step li.active .number{ background-color:#09f; }
.regeister-step li.active .txt{ color:#09f; }

.regeister-type{ background:#fff; padding:60px;}
.regeister-type li{ display:flex; margin-top:20px;}
.regeister-type li:first-child{ margin-top:0;}
.regeister-type li .must{ color:#f60; }
.regeister-type li .li-desc{ width: 33.4%; padding-right:10px; text-align:right; line-height:45px; }
.regeister-type li .li-con{ width:41.6%; position:relative; }
.regeister-type li .li-con .t-img{ margin-top:-3px; margin-right:10px; }
.regeister-type li .li-con .inpt { width:100%; height:45px; font-size:14px; text-indent:10px; padding-right:10px; border:1px solid #CED3D9; border-radius:3px; }
.regeister-type li .li-con .inpt::-webkit-input-placeholder{ color: #C2C6CC; }
.regeister-type li .li-con .inpt:hover{ border-color:#B6BABF; }
.regeister-type li .li-con .inpt:focus{ border-color:#09f !important;}   
.regeister-type li .li-con .get-verify { background-color:#F5F7FA; width:100px; height:43px; text-align:center; line-height:43px; position:absolute; top:1px; right:1px; border-left:1px solid #CED3D9; border-radius:0 3px 3px 0; cursor:pointer; }
.regeister-type li .li-con .get-verify:hover{ background-color:#EDF0F2; border-color:#B6BABF; border-left-color:#CED3D9; }
.regeister-type li .li-con .agreement{ font-size:12px; margin-bottom:20px;}
.regeister-type li .li-con .sbtn{  background-color:#09f; display:block; text-align:center; line-height:48px; width:100%; height:48px; font-size:16px; color:#fff; border-radius:3px; cursor:pointer; }
.regeister-type li .li-con .sbtn:hover{  background-color:#008AE5; }
.regeister-type li .li-con .to-login{ margin-top:20px;}

.regeister-success{ display:flex; justify-content:center; padding:56px 0; }
.regeister-success .vd-icon{ margin-right:20px; }
.regeister-success .vd-right{ max-width:386px;}
.regeister-success .vd-right .tit{ font-size:24px; color:#13BF13; margin-bottom:10px; }
.regeister-success .vd-right .des{ color:#999; line-height:1.5; }
.regeister-success .vd-right .other { display:flex; margin-top:20px; }
.regeister-success .vd-right .other > a { padding:0 20px; height:40px; line-height:40px; border-radius:3px; margin-right:10px; color:#333; }
.regeister-success .vd-right .other > a.to-confirm { background-color:#09f; color:#fff; }
.regeister-success .vd-right .other > a.to-home { background-color:#F5F7FA; border:1px solid #CED3D9; }
.regeister-success .vd-right .other > a.to-confirm:hover{ background-color:#008ae5; }
.regeister-success .vd-right .other > a.to-home:hover{ background-color:#EDF0F2; border-color:#B6BABF; }


/**获取报价**/
.gdi-cover { background-color:rgba(0,0,0,.6); position:fixed; z-index:10000; top:0; bottom:0; left:0; right:0; text-align:center; display:none; }
.gdi-cover:after { content:""; display:inline-block; height:100%; width:0; vertical-align:middle; }
.gdi-form { background-color:#fff; display:inline-block; vertical-align:middle; text-align:left; width:680px; max-height:680px; border-radius:5px; }
.gdi-form-title{ background-color:#f5f7fa; border-radius:5px 5px 0 0; padding-left:20px; height:44px; font-size:16px; display:flex; justify-content:space-between; align-items:center; }
.gdi-form-title .icon-delete{ background:url(../images/gdi-close.jpg) no-repeat center; width:44px; height:44px; display:flex; justify-content:center; align-items:center; cursor:pointer; }

.gdi-form-tips{ background-color:#e5f5ff; display:flex; align-items:center; width:100%; height:41px; padding-left:20px; color:#666; }
.gdi-form-tips .hc-icon{ background:url(../images/gdi-tips.jpg) no-repeat; width:16px; height:16px; margin-right:5px; }

.gdi-form-sku{ height:120px; display:flex; padding:20px 60px 0; margin:0 20px; border-bottom:1px solid #edf0f2; }
.gdi-form-sku .figure{ background-color:#fff; width:80px; min-width:80px; height:80px; display:flex; justify-content:center; align-items:center; margin-right:10px; border:1px solid #edf0f2; }
.gdi-form-sku .figure img{ max-width:100%; max-height:100%; }
.gdi-form-sku .word{ flex:1; }
.gdi-form-sku .word .wt{ max-width:440px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gdi-form-sku .word .wc{ line-height:21px; margin-top:5px; color:#999; }
.gdi-form-body{ padding:0 20px 20px 20px; }



/**资质荣誉**/
.pabout-honor{ margin-left:-20px; margin-top:-20px; position:relative;}
.pabout-honor li{ background:#fff; width:calc(25% - 20px); margin:20px 0 0 20px; float:left; display:inline-block; border:1px #eee solid;}
.pabout-honor li .pic{ height:290px; display:flex; justify-content:center; align-items:center;}
.pabout-honor li .pic img{ max-height:100%;}
.pabout-honor li .tit{ background:#6d6d6d; font-size:14px; color:#fff; line-height:35px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pabout-honor li:hover .tit{ background:#0055a2;}


/**个人中心**/
.personal-head{ background-color:#fff; width:100%; position:fixed; top:0; left:0; z-index:10; min-width:960px; border-bottom:1px solid #e6ecf2;}
.personal-head-topBar{ padding:0 20px; line-height:35px; font-size:12px; color:#666; border-bottom:1px solid #e6ecf2;}
.personal-head-topBar .wel{ margin-right:10px;}
.personal-head-topBar .mycard{ position:relative;}
.personal-head-topBar .mycard .m-phone{ color:#09f; cursor:pointer;}
.personal-head-topBar .mycard .m-phone i{ background:url(../images/icon-down.jpg) no-repeat center; width:11px; height:35px; display:inline-block; vertical-align:top; margin-left:3px; transition:all 0.4s;}
.personal-head-topBar .mycard .m-user{ background:linear-gradient(180deg,#e5f2ff,#fff 50%); width:300px; padding:15px 15px 20px; position:absolute;  top:35px; left:0; border-radius:3px; border:1px solid #ced3d9; box-shadow:1px 3px 5px rgb(0,0,0,.1); z-index:888; display:none;}
.personal-head-topBar .mycard .m-userTop{ position:relative;}
.personal-head-topBar .mycard .m-userTop .port{ width:48px; height:48px;}
.personal-head-topBar .mycard .m-userTop .phone{ margin-left:59px; line-height:1;}
.personal-head-topBar .mycard .m-userTop .phone .n{ font-weight:700; margin-bottom:5px; line-height:21px; font-size:14px; color:#333;}
.personal-head-topBar .mycard .m-userTop .phone .v{ font-size:12px; line-height:18px; display:inline-block;}
.personal-head-topBar .mycard .m-userTop .tuichu{ line-height:18px; color:#09f; position:absolute; right:0; top:0; z-index:2;}
.personal-head-topBar .mycard .m-userMsg{ margin-top:20px; color:#f60; line-height:20px;}
.personal-head-topBar .mycard:hover .m-phone i{ transform:rotate(180deg);}
.personal-head-topBar .mycard:hover .m-user{ display:block;}
.personal-head-topBar .barItem li{ float:left; margin-right:10px;}
.personal-head-topBar .barItem li a{ color:#666; display:block;}
.personal-head-topBar .barItem li a:hover{ color:#f60;}
.personal-head-topBar .customer{ background:url(../images/login-tel.jpg) no-repeat left center; background-size:16px auto; font-size:14px; color:#f60; padding-left:26px; position:relative; margin-left:10px;}
.personal-head-topBar .customer:before{ content:'';  background-color:#e6ecf2; width:1px; height:11px; position:absolute; left:-10px; top:50%; margin-top:-5.5px;}

.personal-head-info{ height:80px; padding:20px 20px 0;}
.personal-head-info .logo{ width:135px;}
.personal-head-info .message{ display:block; white-space:nowrap; margin-left:40px; font-size:24px; line-height:40px; }
.personal-head-info .shopping{ background:url(../images/center-gwc.jpg) no-repeat top center; padding-top:25px;}
.personal-head-info .search{ margin-right:40px;}
.personal-head-info .search .s-inpt{ width:400px; height:40px; padding:0 10px; float:left; border-radius:3px 0 0 3px; border:1px solid #09f;}
.personal-head-info .search .s-btn{ background-color:#09f; line-height:40px; color:#fff; text-align:center; width:88px; border-radius:0 3px 3px 0; cursor:pointer;}
.personal-head-info .search .s-btn:hover{ background-color:#008ae5;}


.personal-layout{ height:100%; min-width:1060px; margin:0 auto;}
.personal-main{ width:100%; min-width:960px; min-height:calc(100% - 140px); padding-top:117px;}
.personal-side{  background:#fff; height:100%; min-height:100%; position:fixed; left:0; top:117px; z-index:10; padding:20px 0; border-right:1px solid #e6ecf2; z-index:2;}
.personal-side a{ display:block; padding:15px 40px; width:220px; }
.personal-side a.selected,.personal-side a:hover { color:#09f; }

.personal-container{ left:0; height:100%; min-height:100%; margin-left:220px; padding:20px 20px 98px;}
.personal-container .wrapper { max-width:1024px; min-width:768px; margin:0 auto; }

.personal-bottom{  background:#edf0f2; width:calc(100% - 220px); margin-left:220px; position:absolute; bottom:0; z-index:1;}
.personal-bottom .btm-inner{ width:100%; text-align:center; line-height:58px; padding:0 20px; font-size:12px; color:#333;}
.personal-bottom .btm-inner .shu{ background-color:#dae0e6; position:relative; top:2px; display:inline-block; width:1px; height:11px; margin:0 10px; }


.peIndex-info{ background:#fff; display:flex; margin-bottom:20px;}
.peIndex-info .info-l { width:50%; padding:40px; display:flex; align-items:center; }
.peIndex-info .info-r{ width:50%;}
.peIndex-info .account-avator { width:80px; height:80px; margin-right:20px; }
.peIndex-info .account-info { flex:1; overflow:hidden; }
.peIndex-info .account-info .tel{ font-size:18px;}
.peIndex-info .account-info .name{ color:#999; margin-top:10px; white-space:nowrap; max-width:100%; text-overflow:ellipsis; overflow:hidden; }
.peIndex-info .quick-list{ display:flex; height:100%; align-items:center; }
.peIndex-info .quick-list a { width:25%; text-align:center; }
.peIndex-info .quick-list a .thumb{ position:relative; margin-bottom:10px; width:32px; display:inline-block; vertical-align:top; }
.peIndex-info .quick-list a .count{ background-color:#e64545; position:absolute; top:-10px; right:-15px; padding:0 7px; font-size:12px; color:#fff; font-style:normal; border-radius:10px; }

.peIndex-prod{ background:#fff; position:relative;}
.peIndex-prod .title{ font-size:18px; font-weight:700; line-height:1.5; padding:10px 20px; border-bottom:1px solid #edf0f2;}
.peIndex-prod .rec-words { position:absolute; top:10px; right:20px; }
.peIndex-prod .rec-words a{ display:inline-block; color:#999; cursor:pointer; font-size:14px; line-height:27px; padding:0 10px; position:relative; }
.peIndex-prod .rec-words a:hover{ color:#f60;}
.peIndex-prod .list{ display:flex; flex-wrap:wrap;}
.peIndex-prod .list li{ width:25%; padding:20px;}
.peIndex-prod .list li .figure{ width:62.963%; padding-top:62.963%; position:relative; display:block; margin:auto; vertical-align:top;}
.peIndex-prod .list li .figure > img{ position:absolute; top:0; max-width:100%; max-height:100%; left:0; right:0; bottom:0; margin:auto;}
.peIndex-prod .list li .name{ overflow:hidden; height:42px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:10px;}
.peIndex-prod .list li .price{ margin-top:10px; color:#999; }
.peIndex-prod .list li .price span{ color:#f60;}


/**我的收藏**/
.collect-title{ display:flex; justify-content:space-between;}
.collect-title .name{ font-size:20px; font-weight:700;}
.collect-title .obr-right { display:flex; align-items:center; }
.collect-title .obr-right .operate-btn{ padding:5px 21px; border-radius:3px; border:1px solid #ced3d9; cursor: pointer; }
.collect-title .obr-right .operate-btn:hover{ background-color:#edf0f2; border-color:#b6babf;}
.collect-title .obr-right .all-checked{ cursor:pointer;}
.collect-title .obr-right .all-checked:hover{ color:#09f;}
.collect-title .obr-right .all-checked > input{ width:16px; height:16px; margin-right:5px; position:relative; top:2px;}
.collect-title .obr-right .cancle-btn { margin:0 20px; cursor:pointer; }
.collect-title .obr-right .cancle-btn:hover{ color:#09f;}

.collect-none { background-color:#fff; margin-top:10px; height:391px; display:flex; justify-content:center; align-items:center; }
.collect-none .none-box{ text-align:center;}
.collect-none .none-img img { width:110px; height:95px; }
.collect-none .none-desc { margin-top:20px; }
.collect-none .none-btn { margin-top:20px; }
.collect-none .none-btn a { background-color:#09f; color:#fff; padding:7px 15px; border-radius:3px; cursor:pointer; }


.collect-cate{ background-color:#fff; padding:10px 20px; display:flex; height:46px; line-height:1.5; margin-top:10px;}
.collect-cate .cb-left { width:110px; padding-top:3px; }
.collect-cate .cb-middle { flex:1; overflow:hidden; }
.collect-cate .cb-list { display:flex; flex-wrap:wrap; margin-top:-22px; }
.collect-cate .cb-list a { margin-top:25px; width:141px; margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.collect-cate .cb-list a.active,.collect-cate .cb-list a:hover { color:#09f;}


.collect-list{ display:flex; flex-wrap:wrap; margin-right:-10px;}
.collect-list li{ background-color:#fff; width:calc(25% - 10px); padding:15px; margin:10px 10px 0 0; line-height:1.5; position:relative; color:#999; }
.collect-list li .delete{ background:url(../images/delete.jpg) no-repeat; width:40px; height:40px; position:absolute; z-index:10; top:10px; right:10px; border-radius:3px; cursor:pointer; display:none;}
.collect-list li .thumb { background-color:#fff; display:block; width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; }
.collect-list li .thumb img{ margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; cursor:pointer; }
.collect-list li .name{ margin-top:10px; height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.collect-list li .model { height:42px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.collect-list li .button{ margin-top:10px; height:35px; display:flex; color:#333; justify-content:center; align-items:center; cursor:pointer; border:1px solid #ced3d9; border-radius:3px; }
.collect-list li .button:hover { background-color:#edf0f2; border-color:#b6babf; }
.collect-list li:hover { box-shadow:1px 3px 5px rgb(0,0,0,.1);}
.collect-list li:hover .delete{ display:block;}



/**帐号管理**/
.account-jiben{ background:#fff; margin-top:20px;}
.account-jiben-top{ font-size:16px; line-height:44px; padding-left:20px;}
.account-jiben-footer{ width:100%; padding:40px 20px;}
.account-jiben-footer dl{ margin-top:20px; line-height:21px;}
.account-jiben-footer dl:first-child{ margin-top:0;}
.account-jiben-footer dl dt{ width:145px; float:left; color:#666; text-align:right; margin-right:10px; }
.account-jiben-footer dl dt.touxiang-text{ line-height:80px;}
.account-jiben-footer dl dd{ overflow:hidden;}
.account-jiben-footer dl dd .touxian{ width:80px; height:80px; display:block;}
.account-jiben-footer dl dd .mima{ float:left; margin-right:10px;}
.account-jiben-footer dl dd .mima li{ float:left;}
.account-jiben-footer dl dd .xiugai{ color:#09f; float:left;}
.account-jiben-footer dl dd .xiugai:hover{ color:#f60;}


/**地址管理**/
.address-new{ padding:20px 0;}
.address-new .vd-button{ background-color:#09f; display:inline-block; padding:6px 14px; cursor:pointer; border-radius:3px; text-align:center; color:#fff; border:1px solid #09f; }
.address-new .vd-button:hover { background-color:#008ae5; border:1px solid #008ae5; }
.address-new .tip { color:#999; margin-left:17px; display:inline-block; }

.address-no{ background:#fff; padding:100px; text-align:center;}
.address-no > img{ width:120px; margin-bottom:20px;}

.address-list li{ background:#fff; padding:20px; position:relative; line-height:1.5; border-bottom:1px solid #edf0f2; }
.address-list li:last-child{ border-bottom:0;}
.address-list li .name{ font-size:16px; margin-bottom:10px;}
.address-list li .detail{ margin-bottom:10px; }
.address-list li .tel { position:absolute; right:20px; top:20px; font-size:16px; }
.address-list li .tag{ display:flex; height:22px;}
.address-list li .tag .tag-default { background:#fff0e5; color:#f60; padding:0 10px; font-style:normal; display:inline-block; line-height:22px; margin-right:10px; border-radius:2px; font-size:12px; }
.address-list li .options{ display:flex; position:absolute; right:20px; bottom:20px; }
.address-list li .options a{ color:#09f; cursor:pointer; margin-left:20px; position:relative; }
.address-list li .options a:before { content:""; display:block; background:#e6ecf2; width:1px; height:10px; position:absolute; top:6px; left:-10px; }
.address-list li .options a:hover{ color:#f60;}
.address-list li .options a:first-child:before{ display:none;}


.address-cover{ background-color:rgba(0,0,0,.6); position:fixed; z-index:1100; top:0; bottom:0; left:0; right:0; text-align:center; display:none;}
.address-cover:after { content:""; display:inline-block; height:100%; width:0; vertical-align:middle; }
.address-form { background-color:#fff; width:680px; max-height:680px; display:inline-block; vertical-align:middle; text-align:left; border-radius:5px; }
.address-form-title { background-color:#f5f7fa; padding-left:20px; height:44px; font-size:16px; display:flex; justify-content:space-between; align-items:center; border-radius:5px 5px 0 0; }
.address-form-title .icon-delete{ background:url(../images/gdi-close.jpg) no-repeat center; display:flex; justify-content:center; align-items:center; width:44px; height:44px; cursor: pointer; }

.address-form-body{ padding:30px 20px 20px;}
.address-form-body li { margin-bottom:20px; display:flex; }
.address-form-body li .aaf-label{ width:140px; height:35px; display:flex; justify-content:flex-end; align-items:center; margin-right:10px; }
.address-form-body li .aaf-label .stars{ color:red; margin-right:2px; }
.address-form-body li .aaf-aside{ width:100%; max-width:415px; display:inline-block; vertical-align:middle;}
.address-form-body li .aaf-aside .vd-input { background-color:#fff; width:100%; height:35px; font-size:14px; line-height:21px; padding:7px 10px; color:#333; border:1px solid #ced3d9; border-radius:3px; }
.address-form-body li .aaf-aside .vd-input.error{ border:1px solid #e64545; }
.address-form-body li .aaf-aside .vd-input::-webkit-input-placeholder { color:#999; }
.address-form-body li .aaf-aside .vd-error{ background:url(../images/vd-error.jpg) no-repeat left center; margin-top:5px; height:16px; color:#e64545; padding-left:18px; }
.address-form-body li .aaf-aside .vd-textarea{ background-color:#fff; width:100%; height:75px; display:block; font-size:14px; line-height:21px; color:#333; padding:7px 10px; border:1px solid #ced3d9; border-radius:3px; resize:none; }
.address-form-body li .aaf-aside .tip{ line-height:1.5; color:#999; display:flex; margin-top:10px;}
.address-form-body li .aaf-aside .tip .tags{ display:flex; }
.address-form-body li .aaf-aside .tip .tags > span { color:#666; font-size:12px; line-height:22px; padding:0 10px; margin-left:10px; border:1px solid #ced3d9; cursor:pointer; }
.address-form-body li .aaf-aside .tip .tags > span:hover { border-color:#b6babf; color:#333; }
.address-form-body li .aaf-aside .vd-checkbox{ display:inline-block; align-items:center; cursor:pointer; margin-right:10px; }
.address-form-body li .aaf-aside .vd-checkbox > input{ width:16px; height:16px; margin-right:5px; position:relative; top:2px;}
.address-form-body li .aaf-aside .vd-button{ background-color:#f5f7fa; display:inline-block; cursor:pointer; text-align:center; color:#333; padding:6px 14px; margin-right:10px; border:1px solid #ced3d9; border-radius:3px; }
.address-form-body li .aaf-aside .vd-button.sure-btn { background-color:#09f; color:#fff; border:1px solid #09f; }


/**我的订单**/
.my-order-nav{ background-color:#fff; margin-top:20px; padding-left:20px; display:flex; border-bottom:1px solid #e6ecf2; }
.my-order-nav li a { display:block; margin-right:40px; padding:14px 0; font-size:16px; }
.my-order-nav li a.active{ color:#09f; font-weight:700; border-bottom:2px solid #09f; }
.my-order-nav li a:hover{ color:#09f;}

.my-order-list{ background:#fff; margin-top:10px; padding:10px;}
.my-order-list thead th{ background:#f5f5f5; color:#999; font-weight:normal; text-align:center; line-height:41px;}
.my-order-list tbody td{ border:1px solid #e5e5e5;}
.my-order-list tbody .tr-row{ height:20px;}
.my-order-list tbody .tr-row td{ border:0;}
.my-order-list tbody .tr-th{ background:#f5f5f5; height:36px; line-height:36px; color:#aaa; overflow:hidden;}
.my-order-list tbody .tr-th td{ padding-left:15px;}
.my-order-list tbody .tr-bd td{ padding:14px 0; text-align:center; color:#666; line-height:1.5;}
.my-order-list tbody td .p-img { width:60px; height:60px; float:left; margin:0 14px; position:relative; border:1px solid #efefef; }
.my-order-list tbody td .p-msg{ width:240px; float:left; text-align:left;}
.my-order-list tbody td .cz-btn{ display:block;}
.my-order-list tbody td .btn-delete{ color:#09f;}


/**我的消息**/
.my-message{ background:#fff; margin-top:20px;}
.my-message li{ padding:10px 24px; border-top: 1px solid #f7f7fc;}
.my-message li .title{ font-size:16px; line-height:24px;}
.my-message li .title span{ font-size:13px; color:#999aaa; float:right;}
.my-message li .text{ color:#999aaa; font-size:14px;}