﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */

@charset "utf-8";

/*

描述:cavan响应式主题样式表第19套

作者:wangxb

*/

/*默认页面主体样式定义*/

body{ color:#5c5c5c;}

a{ color:#3d3c3c;}

.w-main .row,.col-logo,.topLogBox .topLogBox-in,.w-footer-in{ max-width:1200px; margin:0 auto;}

.body{overflow:hidden;}

/*---------------------header-----------------------*/

.w-header{ position:relative;  }

.col-logo{ position:relative; z-index:1;}

.w-logo{ }

.w-logo h1{ font-size:42px; }

.w-logo h1,.w-logo a{color:#333;}

.w-nav{background:#628a82; }

.w-nav .w-nav-in{max-width:1200px; margin:0 auto;}

.w-nav .nav_inner{display:block; }

.w-nav .nav_inner > li{}

.w-nav li a{ text-decoration:none;color:#fff;padding:0 10px;font-size:14px;}

.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:51px; display:block; color:#fff;}

.w-nav .nav_inner > li > .submenu{ top:51px; left:50%; margin-left:-75px;}

.w-nav .submenu a{ }

.topLogBox,.topLogBox a{ font-size:12px;color:#818181;}

.topLogBox a{ margin:0 6px; text-decoration:none;   }

.w-loginRegister,.w-languege,.w-shopCart{padding-top:2px;}

.w-shopCart{margin-left:30px;}

.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-left:5px;}

.topLogBox .w-search .input-search-w{ background:none; width:235px; height:32px;*width:200px; *height:30px; line-height:30px;  padding: 0 30px 0 5px; border:1px solid #999; }

.topLogBox .w-search .search-btn-w{ position:absolute;width:30px; right:0; top:0; bottom:0; background:url(../img/header_search.png) no-repeat center #FE6A00; cursor:pointer; }

.topLogBox .w-search .search-btn-w span{ display:none;}

.w-custom{ padding:0; max-width:50%; float:right;}

.w-custom .search-defaut-w{ min-width:250px;}

/*-----------------------banner------------------*/

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

.bx-wrapper .bx-pager.bx-default-pager a{ opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff !important;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

/*---------------footer------------------*/

.w-footer{ color:#fff; line-height:2;background:#000; }

.w-footer a{color:#fff;}

.w-footer .icon-social{background-image:url(../img/icon-social-foot-w.png);}

/*----------------------------组件-----------------------*/

.btn-default-w{border:none; color:#000; padding:0.4em 2em; background:none; border:2px solid #000; }

.btn-default-w:hover,.btn-default-w:focus, .btn-global-w:hover,.btn-global-w:focus{color:#000;text-decoration:none;}

.btn-default-w:hover{background-color:#000; color:#fff;transition: all 0.2s;-moz-transition: all 0.2s; -webkit-transition: all 0.2s;-o-transition: all 0.2s;}

.w-footer .btn-default-w{border-color:#eee; color:#eee;}

.w-footer .btn-default-w:hover,.w-footer .btn-default-w:focus, .w-footer .btn-global-w:hover,.btn-global-w:focus{color:#eee;text-decoration:none;}

.w-footer .btn-default-w:hover{background-color:#eee; color:#000;}

.gallery-mar{margin:10px;}

.gallery-border{ border:1px solid #CCDADD;}

.icon-social{background-image:url(../img/icon-social-w.png);}

.icon-social:hover{opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}

.search-defaut-w .input-search-w{padding-right:45px;}

.search-defaut-w .search-btn-w{ background:url(../img/input-search.png) no-repeat center #7e7e7e;  width:40px;}

.w-footer .search-defaut-w .search-btn-w:hover{background-color:#7e7e7e;}

/*--------------------系统------------------------*/

.systitle{background:#628A82; color:#fff;}

.w-pages{text-align:center;}

/*-----------------------------产品----------------------*/

.w-prd-list-cell .w-prd-btns a{border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

.w-prd-list-cell .w-prd-btns a.btn-buy{ background:#628A82; border-color:#628A82; color:#fff;}

.w-prd-list-cell .w-prd-infobox,.w-prd-list-cell .w-prd-infobox h2 a{ color:#474b54;}

.w-prd-list .w-prd-imgbox{border:1px solid #e6e6e6;}

.w-product .w-prd-infobox{ text-align:center;}

.w-prd-list-cell .w-prd-price-groups > div{font-size:90%;}

.product-price-amount{color:#be0000;}

.product-detail-info .product-grayBox .product-prices{line-height:1.2;}

/*----------------------------新闻-------------------------*/

.w-News-list,.w-News-list a,.w-News-list .news-com .date{color:#3d3c3c;}

.w-News-list .news-com .news-sum{color:#3d3c3c;}

.newsDetail .newsTitle{color:#333;}

.w-adNews{ color:#3d3c3c;}

.w-adNews a.news-kind{color:#628a82;}

.w-adNews3 .w-adNews-texts li .w-adNews-textH h3{ font-size:105%;}

.w-adNews3 .w-adNews-texts li .numberQ{ color:#000;}

.w-adNews3 .w-adNews-imgs .news-img .news-buoy-content .mask{background:#000;}

.w-News-list5 li .news-item .data-day,.w-adNews1 li .news-item .data-day{ background:#628A82;}

.w-adNews5 li{border-bottom:0;}

/*----------------------菜单----------------------------*/

.w-com-menu li > .div-parent > .fa-plus::before{content: "\f107";}

.w-com-menu li.open > .div-parent > .fa-plus::before{ content: "\f106";}

/*-----------------------会员中心和购物车--------------------*/

.w-admin-header .w-admin-row{width:100%;}

/*---------------------登录注册--------------------------*/

.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:768px){

	.body{ font-size:14px;}

	/*---------------------------菜单-------------------------*/

    .w-com-menu-H{ margin-bottom:80px; margin-top:-40px; background:#000000;}

    .w-com-menu-H li{margin:0;}

    .w-com-menu-H li a{ font-size:14px; color:#fff;}

    .w-com-menu-H >.w-com-menu-in{display:inline-block; *display:inline; *zoom:1;}

    .w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent a{ padding:15px 20px;  min-width:120px; display:inline-block;*display:inline; *zoom:1;}

    .w-com-menu-H .ul-submenu{ padding-top:26px; top:55px;}

	.w-com-menu-H .ul-submenu .ul-submenu{ top:28px;}

    .w-com-menu-H .ul-submenu li .div-parent{margin:0 5px;}

    .w-com-menu-H .ul-submenu li a{ line-height:2;}

    .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:960px){

	.w-admin-header .w-admin-nav{ float:none; margin-left:0; padding-top:0;}

	.w-header .row{ padding-top:10px;}

	.w-logo h1{ line-height:80px;}

	.w-nav .nav_inner > li{  float:left; min-width:16.5%; *min-width:12.499%;}

	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{border-right:1px solid #9a9a9a;}

	.w-nav .nav_inner > li:first-child > a, .w-nav .nav_inner > li:first-child > .li-parent-div > a{border-left:0;}

	.w-nav .nav_inner > li:last-child > a, .w-nav .nav_inner > li:last-child > .li-parent-div > a{border-right:0;}

	.w-nav .li-parentOne-div .fa{ display:none;}

	.w-nav .submenu{ box-shadow:0 0 2px rgba(255,255,255,0.2); -moz-box-shadow:0 0 2px rgba(255,255,255,0.2); -webkit-box-shadow:0 0 2px rgba(255,255,255,0.2);}

	.w-nav .submenu li{width:150px;}

	.w-nav .submenu li .submenu{left:150px;}

	.w-nav .submenu a{font-size:12px;}

	.w-nav .submenu li a{ padding:8px 20px;}

	.w-admin-row{position:relative;}

	.w-admin-shopCart{ position:absolute; right:10px; top:5px; margin-right:0; z-index:2;}

	.w-admin-shopCart a{background:#fff; 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:98px;}

	.w-nav .li-parent-div .fa-plus:before{content: "\f105";}

	/*---------------------------topLogBox--------------------------*/

    .topLogBox{ position:absolute; left:0; right:0; top:0; }

    .topLogBox .topLogBox-in{overflow:hidden; padding:5px 0;}

    .topLogBox .w-languege,.topLogBox .w-loginRegister,.topLogBox .w-shopCart,.w-header .w-search{float:right; position:relative; z-index:9; }

	.topLogBox .col-com{ margin-top:10px;}

	

}

@media (min-width:1200px){

	.w-admin-shopCart{right:50%; margin-right:-590px;}

	.w-com-menu-H{ width:2000px; margin-left:-400px;}

}

@media (max-width:1200px){

	.w-main .row,.w-header .row,.w-footer-in, .topLogBox .topLogBox-in{ width:100%;}

	.col-table{margin:0;}

	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{ min-width:auto; padding:0 10px;}

	.w-com-menu-H{margin-left:0;}

}

@media (max-width:960px) {

	html{width:100%; height:100%; overflow-x:hidden;}

	body{ height:100%;min-width:100%;}

	.body{ padding-top:1.56rem;}

	

	/*--------------------header---------------------*/

	.w-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem;  background:#fff; z-index:999; color:#000;}

	.col-logo{float:none; text-align:center;}

	.w-logo{ padding:0 1.2rem; height:auto; min-height:0; min-width:0;}

	.w-logo h1{ font-size:0.7rem; margin-top:0.35rem; margin-bottom:0;}

	.w-logo-img{ display:block; padding:0.25rem;line-height:1.06rem;}

	.w-logo-img img{max-height:1.06rem;}

	.col-right{position:fixed;left:0; width:100%; background:#3d3d3d; top:1.56rem; bottom:0; margin-top:0px; display:none; overflow-y:auto; padding:0;}

	.col-com{ border-bottom:1px solid #2A2A2A; border-top:1px solid #484848; float:none;}

	.w-languege{ float:left; margin:1em;}

	.w-loginRegister,.w-shopCart{ float:right; margin:1em;}

	.w-header .w-search{ float:none; margin:1em;}

	.w-header .w-search .input-search-w{ width:100%; box-sizing:border-box; height:3em; line-height:3em;}

	.w-nav{ background:none;}

    .w-nav ul{list-style:none; padding-left:0;}

	.w-nav .nav_inner > li{ display:block;}

	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:3; color:#fff;}

    .w-nav li a{ display:block; padding:1em 5px; text-align:center; color:#999;}

	.w-nav .nav_inner > li > .submenu{top:0; left:0; margin-left:0;}	

	.topLogBox, .topLogBox a{color:#fff;}

	/*-----------------------会员中心和购物车--------------------*/

	.w-admin-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem; z-index:999; color:#000; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);}

	.body-login .w-admin-header{background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);}

}

@media only screen and (min-width:768px) and (max-width:960px) {

	.w-loginRegister, .w-shopCart, .w-header .w-search{margin-right:15px;}

	.w-shopCart{margin-left:15px;}

}

@media (max-width:767px) {

	/*----------------------系统页-------------------*/

	

	/*----------------------新闻---------------------------*/

	.w-adNews5 li .news-h{ font-size:105%;}

	

}	





