@charset "utf-8"; /* eyoucms.com 易优CMS -- 好用,免费,安全 */ /*默认页面主体样式定义*/ body{ color:#474747; } a{ color:#474747;} .w-header .row,.topLogBox .topLogBox-in,.w-main .row,.w-footer-in{ max-width:1200px; margin:0 auto;} .body{overflow:hidden;font-size:14px;} .col-right{ display:none;} /*---------------------header-----------------------*/ .w-header-common{position:fixed; left:0; right:0; top:0;} .topLogBoxPc{position:relative; z-index:3; background:#333;} .headerbg{position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; background:#000;opacity:0.57; *filter:alpha(opacity=57); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=57);} .noBanner .headerbg{opacity:0.85 !important; *filter:alpha(opacity=85) !important; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85) !important;} .row_top{ display:table; table-layout: fixed; width:100%;} .row_top .column3{ width:25%; *float:left;*width:24.99%; display:table-cell; vertical-align:middle; position:relative;} .row_top .column9{ width:75%; *float:right;*width:74.99%; display:table-cell;vertical-align:bottom;} .col-logo{ position:relative; z-index:1; padding-top:10px; padding-bottom:10px;} .w-admin-header .col-logo{float:left; position:relative;} .w-logo h1{ font-size:32px; padding:0 10px; } .w-logo h1,.w-logo a{color:#fff;} .w-nav{ text-align:right;font-size:0;} .w-nav .nav_inner{ display:inline-block; *zoom:1; *display:inlne; } .w-nav .nav_inner > li{ float:left; text-align:center; } .w-nav li a{ text-decoration:none;color:#fff;padding:0 10px;font-size:15px;} .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:98px; display:block;padding:0 14px; color:#fff; position:relative; z-index:1; font-size:15px;} .w-nav .nav_inner > li > .submenu{ top:98px; left:0; } .w-nav .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{ display:none;} .w-nav .submenu a{ font-size:14px; text-align:left; } .topLogBox,.topLogBox a{ font-size:12px;color:#fff;} .topLogBox a{ margin:0 6px; text-decoration:none; } .topLogBox a:hover{ text-decoration:underline;} .w-loginRegister,.w-languege,.w-shopCart{ margin-top:7px; margin-bottom:5px;float:right; } .w-shopCart i{ background:url(../img/shopcart.png) no-repeat center; width:19px; height:19px; vertical-align:middle; display:inline-block; *zoom:1; margin-right:2px;} .topLogBox .w-search{ position:relative;margin-top:5px; margin-bottom:5px; overflow:hidden; float:right; } .topLogBox .w-search .input-search-w{ background:none;width:200px; *width:155px; height:27px; line-height:27px; padding: 0 40px 0 5px; border:1px solid #777; } .topLogBox .w-search .search-btn-w{ position:absolute;width:40px; right:0; top:0; bottom:0; background:url(../img/header_search.png) no-repeat center #bbb; cursor:pointer;} .topLogBox .w-search .search-btn-w span{ display:none;} .nav_right_mask{display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:5; background:#000;opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);} .banner_edit{top:150px;} /*-----------------------banner------------------*/ .bx-controls-direction{display:none;} .bx-wrapper:hover .bx-controls-direction{} .banner .bx-wrapper .bx-prev{background-image:url("../img/banner_pre.png") !important; left:0 !important; background-position:left center !important;} .banner .bx-wrapper .bx-next{background-image:url("../img/banner_next.png") !important; right:0 !important; background-position:right center !important;} .banner .bx-wrapper .bx-pager.bx-default-pager a{ background:#FFE0D1 !important;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border:2px solid #FFE0D1;} .banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:none !important;} /*---------------footer------------------*/ .w-footer{ font-size:90%; background:#353130; color:#fff; } .w-footer a{color:#fff;} /*----------------------------组件-----------------------*/ .w-text{line-height:1.7;} .w-text a:hover{ text-decoration:none;} .btn-default-w{ color:#fff; padding:0.6em 3.5em; line-height:1.3; text-align:center; } .gallery-border{ border:1px solid #CCDADD;} .w-social .social-item{ background:#e6e6e6; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; padding:2px; line-height:1; margin:3px 15px 3px 0;} .icon-social{background-image:url('../img/icon-social-w.png');} .w-social .social-item:hover .icon-social{background-image:url('../img/icon-social-w-white.png');} .search-defaut-w{ max-width:100%;} .search-defaut-w .input-search-w{background:#fff; border:1px solid #d0d0d0; line-height:2.8em; height:2.8em; padding-right:55px; color:#41494f;} .search-defaut-w .search-btn-w{ background:url(../img/input-search-white.png) no-repeat center; width:50px; height:100%; border:none;} .search-defaut-w .search-btn-w:hover{ background:url(../img/input-search-white.png) no-repeat center; } .w-lantern-h .w-lantern-in{ padding:0 30px;} .w-lantern-marquee .w-lantern-in{padding:0;} .w-lantern-h .lantern_pre, .w-lantern-h .lantern_next{ background-color:#353535; width:30px; height:48px; margin-top:-24px;} .w-lantern-h .lantern_pre{ background-image:url(../img/lantern_pre.png);} .w-lantern-h .lantern_next{ background-image:url(../img/lantern_next.png);} /*title*/ .w-title{ margin-top:0;} .w-title .title-h-in > span{font-family:Arial, Helvetica, sans-serif;} .w-title16 h2,.w-title16 .title-h-in > span{ font-size:18px; color:#555;} /*--------------------系统------------------------*/ .systitle{color:#fff; font-size:18px; text-align:center; padding:13px 12px; } .crumbs{ background:none; border-bottom:1px solid #d0d0d0; margin-bottom:0.8em; line-height:1.8; padding-bottom:0; } .w-pages a{border-color:#D5D5D5; color:#5A5A5A; margin-left:0.1em; margin-right:0.1em;} .w-pages{text-align:center;} .w-pages a:hover,.w-pages a.cur{color:#DD0000; } .w-pages a.disabled,.w-pages a.disabled:hover{color:#999; background:none; border-color:#d5d5d5;} /*-----------------------------产品----------------------*/ .w-product .w-prd-infobox h2{ font-weight:bold;} .w-prd-list1 .w-prd-list-cell .w-prd-infobox,.w-product1 .w-prd-list-cell .w-prd-infobox{ padding-bottom:0; padding-top:1em;} .w-prd-list .w-prd-list-cell .w-prd-imgbox{ border:1px solid #D5D5D5;} .w-prd-list1 .w-prd-list-cell .w-prd-infobox{ padding-left:4px; padding-right:4px;} .w-prd-list-cell .w-prd-price-groups{margin-bottom:0;} .w-prd-list-cell .w-prd-price-groups .product-price-prefix{font-weight:normal; color:#666;} .w-prd-list-cell .w-prd-sum{ font-size:95%; line-height:1.2;} .w-prd-list-cell .w-prd-btns a{line-height:1.2;} .w-prd-list-cell .w-prd-btns a.btn-buy{ background:#628A82; border-color:#628A82; color:#fff;} .w-prd-list1 .w-prd-list-cell .w-prd-infobox h2,.w-product1 .w-prd-list-cell .w-prd-infobox h2{ margin-bottom:1em;} .w-prd-list-cell .w-prd-infobox h2 a:hover{ text-decoration:none;} .w-prd-list-cell .w-prd-price-groups > div{ font-size:100%;} .w-prd-list-cell .w-prd-price-groups .w-prd-price-sale .product-price-prefix{ color:#ACACAC; } .w-prd-list-cell .w-prd-price-groups .w-prd-price-sale .product-price-amount{ color:#CC0000;font-weight:bold; } .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit .product-price-amount{color:#000;} .w-prd-list-cell .w-prd-btns a.btn-addCart:hover{ border-color:#787878; color:#333;} .product-detail-info .product-grayBox .product-prices{line-height:1.2;} .product-detail-info .product-grayBox{background:none; border-top:1px solid #eee; border-bottom:1px solid #eee;} .info_tab ul{ padding:0;} .info_tab_in{border-color:#ebebeb;} .info_tab li{border:0; background:none; margin-bottom:0;} .info_tab li a{color:#212121; background:url(../img/tabli.png) no-repeat right center;padding-top:0.5em; padding-bottom:0.5em; display:block;} .info_tab li:last-child a{ background:none; } .info_tab li.cur_tab a{color:#8A8A8A;} /*----------------------------新闻-------------------------*/ .w-News-list1 li,.w-News-list2 li .news-item,.w-News-list3 li,.w-News-list4 li,.w-adNews5 li,.w-News-list6 li,.w-News-list7 li,.w-adNews4 li,.w-adNews6 .adNewsTL li,.w-adNews8 li,.w-adNews9 li,.w-adNews11 li .news-sum{ border-color:#dbdbdb; } .w-News-list .news-com .news-h{ font-weight:normal;} .w-News-list .news-sum{ color:#666;} .w-News-list1 .news-com .date,.w-News-list1 .news-com .news-sum{margin-top:0;} .w-News-list8 .news-item .news-com .news-h a:hover{color:#fff;} .w-adNews{line-height:1.8;} .w-adNews .news-h a:hover{ text-decoration:none;} .w-adNews .date{ font-size:95%; color:#aaa;} .w-adNews li .news-sum{ color:#808080;} .w-adNews1 li .news-item .news-com .news-h a{color:#373737;} .w-adNews1 li .news-item .news-com .news-sum{color:#666; font-size:100%;} .w-adNews2 li .news-item{border:none;} .w-adNews2 li .viewDetail{ display:none;} .w-adNews2 li .news-item .news-com{ padding-left:2px; padding-right:2px; padding-bottom:0;} .w-adNews2 li .news-item .news-com .news-com-top{margin-bottom:0;} .w-adNews2 li .news-item .news-com .news-h{ font-weight:normal;} .w-adNews2 li .news-item .news-com .news-sum{margin-top:5px; line-height:1.5; height:4.5em;} .w-adNews2 li .news-item .news-com .news-com-top .date{ font-size:13px;} .w-adNews3 .w-adNews-texts li .w-adNews-textH h3{ font-size:115%;} .w-adNews4 li .date{ color:#505050;} .w-adNews5 li{border-bottom:0; padding:0.7em 0;} .w-adNews5 li .news-com{margin-left:27%;} .w-adNews5 li .date{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-adNews6 .adNewsF .news-h{font-size:115%;} .w-adNews6 .adNewsF .news-sum{ font-size:95%;} .w-adNews7 .adNewsL li .news-com .news-h a:hover{ text-decoration:underline;} .w-adNews7 .adNewsL li .news-com .news-sum{ font-size:100%;} .w-adNews7 .adNewsL li:hover .news-com .news-sum{ color:#fff;} .w-adNews8 li{ padding:0.5em 0; } .w-adNews8 li .news-together{ line-height:1.7;} .w-adNews8 li .news-h{ float:none; width:100%; font-weight:normal;} .w-adNews8 li .date{float:none; width:100%; text-align:left;} .w-adNews8 .news-sum{line-height:1.2; max-height:3.6em;} .w-adNews li .news-btn{padding:0.4em 1.2em;} .newsDetail .newsTitle{color:#000;} .newsDetail .newsST{color:#777;} /*-----------------------------分页 start--------------------------------*/ .next1{width: 100%;height: auto;overflow: hidden;text-align: center;} .next1 ul{display: inline-block;} .next1 ul li{display: inline-block;} .next1 a{display: inline-block;border: 1px solid #ebebeb;color: #999;width: 30px;height: 30px;line-height: 30px;margin: 0 4px;overflow: hidden;} .next1 a.on1,.next1 a:hover{background: #aa2423;color: #fff;border: 1px solid #aa2423;} /*--------------------分页 end----------------------*/ /*----------------------菜单----------------------------*/ .w-com-menu li > .div-parent > .fa-plus::before{content: "\f107";} .w-com-menu li.open > .div-parent > .fa-plus::before{ content: "\f106";} /*-----------------------会员中心和购物车--------------------*/ /*---------------------登录注册--------------------------*/ .body-login{background:#fff;} .signbox-A .login-h2A,.login-input-A,.register-A a, .password-forget-A a,.login-button-A,.signfoot,.login-checkA span{color:#666;} input[class*='login-input-A']::-webkit-input-placeholder{ color:#666;} input[class*='login-input-A']:-moz-placeholder{ color:#666;} input[class*='login-input-A']::-moz-placeholder{ color:#666;} input[class*='login-input-A']:-ms-input-placeholder{ color:#666;} .sign-content-A{ background-image:url("../img/signboxbg.png");} .login-button-A{background-image:url("../img/signbtnbg.png");} .login-checkA input.checked[type="checkbox"] + label{background-image:url("../img/login-checked.png");} .login-input-A,.login-button-A,.login-checkA label{border-color:#999;} @media (min-width:478px){ } @media (min-width:768px){ /*---------------------------菜单-------------------------*/ .side_bar{width:256px;} .side_left{ margin-left:290px;} .w-com-menu-V .fa{ font-size:100%; font-weight:normal; right:0; top:10px; bottom:auto; color:#373737;} .w-com-menu-V{text-align:center; border:1px solid #e9e9e9;} .w-com-menu-V > .w-com-menu-in > .ul-parent{} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent{ border-bottom:1px solid #e9e9e9;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:last-child{border-bottom:0;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{background:none; border:0; } .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{font-size:18px;color:#373737; line-height:28px; padding:10px; } .w-com-menu-V li a{padding:0 10px; font-size:16px; line-height:1.8; text-align:center;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent{ box-sizing:content-box;} .w-com-menu-V .ul-submenu{ background:#f6f6f6;padding:10px 0; } .w-com-menu-V .ul-submenu .div-parent{ } .w-com-menu-V .ul-submenu a{color:#373737; padding:5px 10px; *position:relative; } .w-com-menu-V .ul-submenu .li-parent .div-parent{border-bottom:0; } .w-com-menu-V .ul-submenu .li-parent .div-parent .fa{line-height:1.8; top:5px;} .w-com-menu-V .ul-submenu .ul-submenu{ background:#fff;} .w-com-menu-V .ul-submenu .ul-submenu a{} .w-com-menu-H{ margin-bottom:40px; text-align:center; } .w-com-menu-H >.w-com-menu-in{ margin:0 auto; max-width:1200px; text-align:center;} .w-com-menu-H >.w-com-menu-in> ul:after{ content:""; display:block; clear:both; height:0; visibility:hidden;} .w-com-menu-H >.w-com-menu-in > ul{ padding-right:10px;} .w-com-menu-H >.w-com-menu-in > ul > li{ position:relative; } .w-com-menu-H li{margin:0; text-align:center;} .w-com-menu-H li a{ color:#505050;} .w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent a{ padding:0 15px; line-height:34px; display:block; } .w-com-menu-H .ul-submenu{ top:34px;} .w-com-menu-H .ul-submenu .ul-submenu{ top:28px; background:#fff;} .w-com-menu-H .ul-submenu li .div-parent{margin:0 5px;} .w-com-menu-H .ul-submenu li a{ line-height:2; color:#5a5a5a;} .w-com-menu-H .ul-submenu .ul-submenu-up{display:none;} .order-progress .order-progress-line .order-progress-line-sec .line{width:111px;} } @media (min-width:961px){ .body-login .w-admin-header .w-admin-nav{ float:right;} .w-logo{ min-height:54px; min-width:40px;} .w-logo h1{ line-height:54px;} .w-logo-img img{ max-height:54px;} .w-nav .li-parentOne-div .fa{ display:none;} .w-nav .submenu{ background:#000; } .w-nav .submenu li{width:171px; } .w-nav .submenu li:last-child{border-bottom:0;} .w-nav .submenu li .submenu{left:171px;} .w-admin-shopCart{ position:absolute; right:10px; margin-right:0; padding-top:12px; z-index:2; top:7px;} .w-admin-shopCart a{background:#F5F5F5; padding:7px 15px;} .w-admin-shopCart a span, .w-admin-shopCart a .fa-angle-right{ display:inline-block; *display:inline; *zoom:1;} .w-admin-shopCart a .num{left:111px;} .w-nav .li-parent-div .fa-plus:before{content: "\f105";} /*---------------------------topLogBox--------------------------*/ .w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent a{ padding:0 15px;} } @media (min-width:1201px){ .bx-controls-direction{width:1170px; position:absolute; height:1.66rem; top:50%; margin-top:-0.83rem; left:50%; margin-left:-585px;} .w-nav .nav_inner > li{ min-width:110px;} .w-com-menu-H{ width:2000px; margin-left:-400px;} .w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent{ min-width:105px;} } @media (min-width:1360px){ .w-logo{ min-height:78px; min-width:40px;} .w-logo h1{ line-height:78px;} .w-logo-img img{ max-height:78px;} .w-admin-shopCart{ top:19px;} } @media (max-width:1360px){ .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{ line-height:74px;} .w-nav .nav_inner > li > .submenu{ top:74px;} } @media (max-width:1200px){ .col-table{margin:0;} .w-com-menu-H{margin-left:0;} } @media (min-width:768px) and (max-width:1300px) { /*---------------------头部--------------------------------*/ .w-admin-shopCart{ margin-right:10px;} .w-admin-shopCart a{padding:7px 5px;} .w-admin-shopCart a span,.w-admin-shopCart a .fa-angle-right{display:none;} .w-admin-shopCart a .num{left:20px;} } @media (max-width:960px) { html{width:100%; height:100%; overflow-x:hidden;} body{ height:100%;min-width:100%;} .body{ padding-top:1.4rem;} /*--------------------header---------------------*/ .w-admin-header,.body-login .w-admin-header,.w-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.4rem; z-index:999; color:#fff; background:#212121;} .body-login,.body-admin{ padding-top:1.4rem;} .topLogBoxPc{ display:none !important;} .headerbg{ display:none;} .row_top{ display:block;} .row_top .column{ float:none; width:100%; display:block;} .row_top .column9 .w-nav{ display:none;} .col-logo,.w-admin-header .col-logo{float:none; text-align:center; padding-top:0; padding-bottom:0;} .w-logo{ padding:0 1.2rem; height:auto; min-height:0; min-width:0;} .w-logo h1{ font-size:0.7rem; margin-top:0.25rem; margin-bottom:0;} .w-logo-img{ display:block; padding:0.17rem 0.25rem;line-height:1.06rem;} .w-logo-img img{max-height:1.06rem;} .w-admin-header .w-logo{ padding:0 13.5em 0 1.2rem;} .col-right{position:fixed;left:-70%; width:70%; background:#212121;top:0; bottom:0;padding:0;margin-top:0px; z-index:10; display:block;} .w-nav{ background:none; overflow-y:auto; height:100%;} .w-admin-header .w-admin-nav{margin-left:0; margin-top:0;} .w-nav ul{list-style:none; padding-left:0;} .w-nav .nav_inner{ display:block;} .w-nav .nav_inner > li{ display:block; float:none; text-align:left; margin:0;} .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:2.5; padding:0 10px; color:#fff; font-size:14px;} .w-nav li{border-bottom:0; border-top:0; float:none;} .w-nav li a, .w-nav .submenu li a,.w-admin-header .w-admin-nav a{ display:block; color:#fff; text-align:left; font-size:14px;} .w-nav .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{display:none;} .w-nav .nav_inner > li > .submenu{top:0;} .w-nav .submenu{ position:relative; font-size:14px; box-shadow:0; -moz-box-shadow:0; -webkit-box-shadow:0;} .w-nav .submenu li{ width:auto;} .w-nav .submenu li .submenu{ left:0; top:0;} .w-nav .submenu ul,.w-nav .submenu .submenu ul{background:none;} .w-nav .li-parent-div .fa{ position:absolute; top:50%; margin-top:-1em; right:0; width:2em; height:2em; line-height:2em; text-align:center; font-size:150%; } .w-nav .li-parent-div .fa-plus::before{content: "\f107";} .w-nav .li-parent-div.open .fa-plus::before{content: "\f106";} .w-nav .submenu li a{padding:0.5em 0.5em 0.5em 1.5em; text-align:left;} .w-nav .nav_inner > li .nav_simpline_cur{ display:none;} .w-nav .submenu .submenu li a{ padding-left:2.5em;} .mobile-nav-toggle{display:block;} /*---------------------------topLogBox--------------------------*/ .topLogBoxTel{position:absolute; bottom:0; left:0; right:0; top:auto; margin-top:0;} .topLogBox, .topLogBox a{color:#fff; font-size:13px;} .topLogBox a{border-color:#fff;} .topLogBox .w-loginRegister, .topLogBox .w-languege, .topLogBox .w-search, .topLogBox .w-shopCart{ float:none;} .w-languege,.w-loginRegister, .w-shopCart{float:none; margin:0;padding: 0.5em;} .w-header .w-search{ float:none; margin: 0.5em 0.7em;} .w-header .w-search .input-search-w{ width:100%; box-sizing:border-box; height:2.5em; line-height:2.5em; border-color:#bbb;} .topLogBox .w-search .search-btn-w{ border-color:#bbb;} .w-header .w-search:hover .input-search-w{width:100%; } /*-----------------------会员中心和购物车--------------------*/ .w-admin-shopCart, .w-admin-top{display:none;} .mobile-nav-toggle{top:0.35rem;} .signTel, .shopCartTel, .signQuitTel{display:block; top:0.35rem;} .w-admin-header .w-admin-nav{position:fixed;left:-70%; width:70%; background:#212121;top:0; bottom:0;padding:0; margin-top:0px; z-index:10; display:block;} .w-admin-nav .w-nav-in{height:100%;} .order-progress{display:none;} } @media (max-width:767px) { /*----------------------系统页-------------------*/ .systitle{ font-size:125%; margin-bottom:0; padding:0.5em 1em;} .product-detail-info .product-grayBox{ border:0;} /*----------------------新闻---------------------------*/ .w-adNews5 li .news-h{ font-size:105%;} } @media only screen and (max-width:479px){ .body{font-size:0.35rem;} .w-admin-header .w-logo{ padding:0 8.5em 0 1.2rem;} .w-adNews9 li .date{ margin-left:0.5em; margin-right:1em;} .w-adNews9 li .news-com .news-h{ font-size:105%; margin-bottom:0.3em;} .btn-default-w{ padding:0.6em 2em;} .w-lantern-h .w-lantern-in{ padding:0 2em;} .w-lantern-marquee .w-lantern-in{padding:0;} .w-lantern-h .lantern_pre, .w-lantern-h .lantern_next{ width:2em; height:3.2em; margin-top:-1.6em; background-size:1em auto;} .w-title16 h2,.w-title16 .title-h-in > span{ font-size:110%;} }