/*!
 * =====================================================
 * CY v1.0.0 (Email:g1079832313@163.com)
 * =====================================================
 */

/*! bass.css v1.0.0 | gjb */
@charset "utf-8"; 
/*1 重定义浏览器默认样式*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
input,select,textarea{color:#555;background-color:#fff; border:solid 1px #ddd;}
body{line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;}
a:hover{text-decoration:underline;}
a.ie6:hover{zoom:1}
a,
a:focus,
a:hover,
a:active{ outline:none; color: #929292; text-decoration:none;}
a.btn,
a.btn:hover,
a.btn:active{ color: #fff; }
sub,sup{vertical-align:baseline}
textarea { resize: none;}
.fl{ float: left; }
.fr{ float: right; }
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}

/*清楚浮动
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/* header */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 10; }
header .header{min-height: 2.5rem;line-height: 2.5rem;background-color:#fdfcfd ;border-bottom: solid 1px #cdcdcd;/* position: relative; z-index: 999; */width: 100%;}
header h1{color:#666; text-align: center; font-size:.9rem; font-weight: normal;}
header h1 i{font-size: 1.5rem; position: absolute; left: .2rem; top: 0px; color:#666;}

.return{position: absolute;height: 2.5rem; line-height: 2.5rem; left: 0;top: 0;cursor: pointer;padding: 0 .4rem;color: rgba#666;background: transparent;font-size: 1.2rem; }
.return:active{ color: #666; }

/*-- 默认Android -------------------------------------------*/
html{font-size: 20px;}

@media only screen and (max-width:320px){
	html{font-size: 17.5px !important;}
}

/*-- 兼容iphone4/4s -------------------------------------------*/
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
	html{font-size: 18px;}
	header .header{top: initial !important;}
}


/*-- 兼容iphone5 -----------------------------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
	html{font-size: 20px;}
	header .header{top: initial !important;}
}


/*-- 兼容iphone 6 --------------------------------------------*/
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){
	html{font-size: 20px;}
	header .header{top: initial !important;}
	.D-BuyNum input{top: 0 !important;}
	.cartContentList .D-BuyNum button{line-height: 1.15rem;}
}


/*-- 兼容iphone6 plus --------------------------------------------*/
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){
	html{font-size: 23px;}
	header .header{top: initial !important;}
}


/*-- 兼容 iPad 3 & 4 ------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	html{font-size: 30px;}
	header .header{top: initial !important;}
	.order-Address dl dt i{font-size: .8rem;}
	menu i.icon-cart span{right: 23%;}
}

/*-- 设置内容区域背景颜色 ------------------------------------------*/
.navbar, .toolbar{height:96px;}
/* .navbar-fixed .page-content, .navbar-through .page-content{background:#f1f1f1;} */

/*-- 导航菜单图标大小 ------------------------------------------*/
.iconfont{font-size: 1.1rem}
.icon.fz06{font-size: 0.6rem;}
.icon.fz07{font-size: 0.7rem;}
.icon.fz08{font-size: 0.8rem;}
.icon.fz09{font-size: 0.9rem;}
.icon.fz10{font-size: 1.0rem;}
.icon.fz11{font-size: 1.1rem;}
.icon.fz12{font-size: 1.2rem;}
.icon.fz13{font-size: 1.3rem;}
.icon.fz14{font-size: 1.4rem;}
.icon.fz15{font-size: 1.5rem;}
.icon.fz16{font-size: 1.6rem;}
.icon.fz17{font-size: 1.7rem;}
.icon.fz18{font-size: 1.8rem;}
.icon.fz19{font-size: 1.9rem;}
.icon.fz20{font-size: 2.0rem;}
/* 页面字体大小设置 */
.fz06{font-size: 0.6rem;}
.fz07{font-size: 0.7rem;}
.fz08{font-size: 0.8rem;}
.fz09{font-size: 0.9rem;}
.fz10{font-size: 1.0rem;}
.fz11{font-size: 1.1rem;}
.fz12{font-size: 1.2rem;}
.fz13{font-size: 1.4rem;}
.fz14{font-size: 1.8rem;}
.fz15{font-size: 1.5rem;}
.fz16{font-size: 1.6rem;}
.fz17{font-size: 1.7rem;}
.fz18{font-size: 1.8rem;}
.fz19{font-size: 1.9rem;}
.fz20{font-size: 2.0rem;}

.icon-preview {box-shadow: 0px -10px 20px rgba(0,0,0,0.3);background: #fff;position: fixed;bottom: 0;left: 50%;
      margin-left: -480px;z-index: 100;width: 960px;display: none;}
@media (max-width: 960px) {
.icon-preview {left: 0;width: 100%;margin-left: 0;}}
.icon-preview .icons {font-size: 0;padding-bottom: 10px;}
.icon-preview .icon-cell {float: none;display: inline-block;margin: 0;vertical-align: bottom;height: auto;}
.icon-preview .icon-preview-name {font-size: 18px;padding: 10px;border-bottom: 1px solid #eee;margin-bottom: 10px;}
/* 导航菜单文本居中 */
.toolbar a{text-align: center;}
/* 导航菜单提示信息绝对定位 */
.bg-red{position: absolute;}
.tabbar a{color: #929292;}
.tabbar a.active{color:#0099E5;}
.tabbar-labels span.tabbar-label{font-size: .7rem;}
/* .tabbar-labels{height:100px !important;} */
.tabbar i.icon{line-height: 30px;}
/* 导航菜单二级菜单显示隐藏 */
.popover-new{width:100px !important;}
.popover-new .list-block .item-link.list-button{color:#929292;font-size: 0.7rem;}
/* 页面字体大小设置 */
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.page-content{font-size: .6rem;}


.page{background:#ffffff;}

/* 设置input[type="date"]时，文本框中没有提示信息显示效果 */
 input[type="date"]:before{
    color:#828080;
    content:attr(placeholder);
}

input[type="date"].full:before {
    color:black;
    content:""!important;
}  

/* 通用左右浮动 */
.floatL{float:left;}
.floatR{float:right;}


/* 登录框 */
.inputmobile {
    height: 48px !important;
    padding-left: 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    outline: none !important;
    font-size: .7rem !important;
}
.login-button {
    height: 42px;
    border: none;
    background: -webkit-gradient(linear, left top, right bottom, from(#30AAFF), to(#2BCFFF));
    font-size: 16px;
    border-radius: 4px;
    margin-top: 30px;
    cursor: pointer;
    outline: none;
    line-height: 42px;
    text-align: center;
    color: #ffffff !important;
}
.content-BJ{
    background: #E6E7EE;
}

@media only screen and (device-height: 904px)
{
	#toppic
	{
		width: 100%;
		height: 0px;
	}
	#logo
	{
		
		content:url("/logo/hbm.png");
	}
	#indexlogo
	{

		/*margin-left:890px;
		margin-left:730px;
		margin-left:650px;
		*/
		/*
		content:url("/logo/w/hbm.png");
		position:relative;overflow:hidden;
		  display: flex;
  justify-content: center;  --水平居中 
  align-items: center; --垂直居中 
  margin-left: auto;
  margin-right: auto;
		
			*/
		 
		
	}
	
}
@media  only screen and (device-height: 1920px)
{
	#toppic
	{
		width: 100%;
		height: 400px;
	}
	#qrcode
	{
		margin: 0px 365px;
	}
}
@media  only screen and (device-height: 1506px)
{
	#toppic
	{
		width: 100%;
		height: 0px;
	}
	#qrcode
	{
		margin: 0px 290px;
	}
	
}
@media  only screen and (device-height: 1608px)
{
	#toppic
	{
		height: 0px;
		width:0px;
	}
	#qrcode
	{
		margin: 0px 290px;
	}
}
@media  only screen and (device-height: 1138px)
{
	#toppic
	{
		height: 0px;
		width:0px;
	}
}

@media  only screen and (device-height: 1080px)
{
	#toppic
	{
		height: 130px;
		width:100%;
	}
	#logo
	{
		
		content:url("/logo/hbm.png");
	}
	#indexlogo
	{
		/*
		content:url("/logo/hbm.png");
		 
		margin-left:800px;
		*/
	}
}

@media   only screen and (device-height: 1200px)
{
	#toppic
	{
		height: 230px;
		width:100%;
	}
	#logo
	{
		
		//content:url("/logo/qyq.png");
	}
	#indexlogo
	{
		
		content:url("/logo/qyq.png");
		    width: 200px;
        height: 200px;
		margin-left:870px;
		margin-top:60px;
	}
}
@media   only screen and (device-height: 800px)
{
	#toppic
	{
		height: 0px;
		width:100%;
	}
	#logo
	{
		
		//content:url("/logo/qyq.png");
	}
	#indexlogo
	{
		
		content:url("/logo/qyq.png");
		 width: 150px;
        height: 150px;
		margin-left:570px;
		margin-top:60px;
	}
}
/* 全局单选框通用放大样式 - 核心 */
input[type="radio"] {
    /* 单选按钮尺寸（按需调整，当前是20px，越大按钮越明显） */
    width: 30px !important;
    height:30px !important;
    /* 与文字垂直对齐，避免错位 */
    vertical-align: middle !important;
    /* 增加与文字的间距，更美观 */
    margin-right: 8px !important;
	 margin-left: 8px !important;
    /* 修复点击区域 */
    cursor: pointer !important;
}