@charset "utf-8";
#web_show_menu{ position: fixed; margin: 0 auto; max-width: 720px; top: 0; width: 100%; z-index: 9;transition:all .4s;}
.webheaderbg {
	color:#fff;
	position:relative;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)
}
/*.edit #web_show_menu{ position: absolute; z-index: 2;}*/
.edit #web_show_menu{ position: absolute!important;}
.design .navbar {
	position:absolute;
	height:100%;
	width:65%;
	z-index: 9;
	border-radius:0;
	margin: 0;
	border: 0;
	overflow-x:hidden;
	overflow-y:auto;
	left: -100%;
	visibility:hidden;
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:all 350ms;
	-ms-transition:all 350ms;
	-moz-transition:all 350ms;
	-o-transition:all 350ms;
	transition:all 350ms;
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	background-color: #404248;
}
.design .navbar .navitem a {
	overflow:hidden;
	font-size:1.4rem;
	text-decoration:none;
	text-align:center;
	display:block;
	position:relative;
	padding:0 1rem;
	word-break:keep-all;
	white-space:nowrap;
	width:auto;
	min-width:80px;
	max-width:none;
	border-left: 0.5rem solid transparent;
	font-family:"微软雅黑";
}

.design .navbar .navbarlist {
	padding-top:4rem;
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	padding-bottom:10rem
}

.design .navbar .navbarlist > ul > li {
	position:relative;
}
.design .navbar .navbarlist > ul > li > a {
	height:5rem;
	padding-left: .5rem;
	color:#fff;
	line-height:5rem;
	text-align:left;
	display:block;
	font-size:1.4rem;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px solid #555;
	overflow:hidden;
	width:100%;
	position:static
}
.design .navbar .navbarlist > ul > li > a::after {
	content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.design .navbar .navbarlist > ul > li > a span.navitemicon,
.design .navbar .navbarlist > ul > li > a span.iconfont,
.design .navbar .navbarlist > ul > li > a img{
	font-size: 3rem;
	margin: 0 5px;
	vertical-align: middle;
	display: inline-block;
}
.design .navbar .navbarlist > ul > li > a img{
	height: 2rem;
	width: 2rem;
	margin-left: 10px;
}
.design .navbar .navitem:after{ content:'\e672'; font-size: 1.4rem; color: #fff; right: 6px; top: 50%; margin-top: -7px; position: absolute; }
.design .navbar .navbarlist > ul > li > a[data-cname="index.html"] span.navitemicon:before {content: '\e686' }
.design .navbar .navbarlist > ul > li > a[data-cname="product.html"] span.navitemicon:before {content: '\e6a9' }
.design .navbar .navbarlist > ul > li > a[data-cname="news.html"] span.navitemicon:before {content: '\e607' }
.design .navbar .navbarlist > ul > li > a[data-cname="login.html"] span.navitemicon:before {content: '\e640' }
.design .navbar .navbarlist > ul > li > a[data-cname="register.html"] span.navitemicon:before {content: '\e660' }
.design .navbar .navbarlist > ul > li > a[data-cname="msg.html"] a span.navitemicon:before {content: '\e6b5' }
.design .navbar .navbarlist > ul > li > a span.navitemicon:before {content: '\e725' }

/*导航栏选中背景*/
.design .navbar .navbarlist > ul > li.itemselected > a {
	background:#2b2d34
}

.design .navitem .navitemname {
	margin:0 1rem;
	display: inline-block;
    vertical-align: middle;
}
.navbaseicon .navitemicon {
	width:2rem;
	display:inline-block;
	vertical-align:middle;
	margin-right:1rem;
	margin-left:2rem
}
.navbaseicon .navitem a {
	line-height:4.6rem;
	text-align:left
}
.navbutton {
	position:absolute;
	height:4rem;
	width:4rem;
	z-index:99;
	float:left;
	-webkit-transition:all 350ms;
	-ms-transition:all 350ms;
	-moz-transition:all 350ms;
	-o-transition:all 350ms;
	transition:all 350ms;
}
.navbutton .menunav .menunavtip {
	width:4rem;
	height:4rem;
	float:left;
	cursor: pointer;
}

.opennav .design .navbar {
	visibility:visible;
	left: 0;
	transition:all 350ms;
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	display:block
}
.navbutton .menunav .icon-menunavtip:before {
	content:"\e6b0";
	font-size:4.6rem;
	color:#fff;
}

.opennav .menunav .icon-menunavtip:before {
	content: '\e66f'
}

.opennav .navbutton {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg)
}

/*导航栏遮罩*/
#mob_nav_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: #333;
	opacity: 0.5;
	cursor: pointer;
	display: none;
}


/*全局默认效果*/
.webanimation {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:all 350ms;
	-ms-transition:all 350ms;
	-moz-transition:all 350ms;
	-o-transition:all 350ms;
	transition:all 350ms;
}
/*全局移动效果*/
.opennav .webanimation {
	-webkit-transform:translate(65%,0);
	-ms-transform:translate(65%,0);
	-moz-transform:translate(65%,0);
	-o-transform:translate(65%,0);
	transform:translate(65%,0);
}

/*组件栏目标题*/
.skin_title{  position: relative; height: 3.3rem; line-height: 3.3rem; padding-left:15px; border-bottom: 1px solid #f0f0f0;}
.skin_title > h4{ font-weight: normal; font-size: 1.4rem; position: absolute; left: 13px; top:0;}
.skin_title > .skin_t_icon{  width:0.3rem; height: 1.8rem; position: absolute; left: 0; top:0.7rem;}
.skin_title > a{text-decoration:none}
.skin_title > a.skin_t_more{ position: absolute; right: 0; top:0;font-size:1.2rem; font-family:'icomoon'; font-size: 2.5rem;}
.skin_title > a.skin_t_more:before{ content:"\e672"; visibility:visible; }
.skin_title > a > span.skin_t_b{ display:none; }