/*
  文件：微商城分类样式
  时间：2018年3月16日15:14
  作者:郑海霞
  备注：  
*/


/*全局开始*/
.positiona{ position:absolute;}
.positionr{ position:relative;}
.position {
	position: fixed;
	top: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], input {
	-webkit-appearance: none;
}
* {
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-ms-touch-callout: none;
	touch-callout: none;
}
input {
	-webkit-appearance: none; /*去除input默认样式*/
	-moz-appearance: none; /*去除input默认样式*/
	-ms-appearance: none; /*去除input默认样式*/
	-o-appearance: none; /*去除input默认样式*/
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
	-ms-outline: none;
	-o-outline: none;
}
a:hover{ color:none !important;}
body{
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	}
html, body, a, a:hover, div, ul, li, img, span, h1, h2, dl, dt, dd {
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-ms-touch-callout: none;
	touch-callout: none;
	
}
html, body, div, p, ul, li, a, img, span, h1, h2, dl, dt, dt {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	text-decoration: none;
	font-family: "helvetica";
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	/*overflow-x:hidden;*/
	
   
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
/*全局结束*/
@media screen and (min-width:319px) and (max-width:370px) {

.feninput a{ width:50px !important;}}
 @media screen and (min-width:371px) and (max-width:413px) {
.top {
    
    height: 44px;
  
}
}
@media screen and (min-width:414px) and (max-width:500px) {
		.row i {
    right: 31.3% !important;
   
}
	}
@media screen and (min-width:501px) and (max-width:768px) {
	.row i {
right: 34.3% !important;

}
}
@media screen and (min-width:769px) {
	.row i {
right: 36.3% !important;

}
	
	}
/*主体框架开始*/
.main {
	width: 100%;
	height: 100%;
}
.top {
	width: 100%;
	height: 44px;
	overflow: hidden;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
	z-index:999999;	
	position:fixed;
	top:0;
	
}
.content {
	width: 100%;
	height: calc(100% - 49px - 46px); /*  减去底部 减去顶部  */ 
	padding-top:46px;
}
.left {
	height: 100%;
	width: 24%;
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	border-right: 1px solid #e1e1e1;
}
.right {
	height: 100%;
	width: 69%;
	float: right;
	overflow-y: scroll;
	overflow-x: hidden;
}
.foot {
	position:fixed; bottom:0;
	width: 100%;
	height: 49px;
	background-color: #fff;
	/*border-top: 1px solid #e1e1e1;*/
	z-index:999999;	
	
}
.foot:before{content: "";
    display: block;
    position: relative;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    transform: scaleY(0.5);
    transform-origin: left bottom 0px;
    background: #f0f0f0;}
/*框架结束*/

.main {
	width: 100%;
	height: 100%;
	    position: relative;
    top: 0;
}
.top_Left {
    width: 24%;
    float:left;
}

    .top_Left h1 {
        text-align: center;
		/*padding-left: 18px;*/
        width: 100%;
        display: block;
        overflow: hidden;
        font-size: 1.2rem;
        font-weight: bold;
        font-family: helvetica;
        line-height: 48px;
      
    }
.top_Right {
    width: 76%;
    float:left;
    text-align:left;
    line-height:46px;
}


    
.mag6{ margin-top:6px;}
    .top_Right input::-webkit-input-placeholder
    {
        font-family: "iconfont" !important;
        text-align: center;
        font: 0.88rem/1.1rem "helvetica";
    }

/*头部开始*/

.fent_body {
	width: calc(100% - 22px);
	margin: 0 auto;
	padding: 0.25rem 0;
	overflow: hidden;
}
.fent_body h1 {
	text-align: left;
	width: 22%;
	display: block;
	overflow: hidden;
	font-size: 1.1rem;
	font-weight: bold;
	font-family: helvetica;
	    line-height: 36px;
}
.intext {
	width: 78%;
	display: block;
	background: #f4f4f4;
	border: 0;
	text-align: center;
	color: #bababa;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.intext a {
	color: #bababa;
}
.intext a p {
	width: 20%;
	display: block;
	margin: 0 auto;
	padding: 0.407rem 0;
	max-width: 30%;
	overflow: hidden;
}
.intext a p span {
	font: 0.88rem/1.1rem "helvetica";
	display: block;
}
.intext a p img, .intext a p span {
	float: left;
}

.icon-sousuo {
	font-size: 15px !important;
	padding-right: 4px;
}
/*头部结束*/
/*左侧菜单*/

.left_Menu {
	word-spacing: normal;
}
.left_Menu li {
	display: block;
	width: 100%;
	text-align: center;
	/* padding: 24px 0; */
	padding: 1.032rem 0;
	overflow: hidden;
}
.left_Menu li a {
	font: 0.88rem/1.1rem "helvetica";
            color: #000;
            width: 100%;
            border-left: 4px solid #fff;
            float: left;
            padding-left: 0 !important;    text-indent: -0.5em;}
.left_Menu li a:hover, .borleft {
	border-left: 4px solid #f54040 !important;
	float: left;
	color:#f54040 !important;
	padding-left: 0 !important;
}
.borleft1 {
	color:#f54040 !important;
	
}
/*左侧菜单 end*/
/*右侧开始*/

.right_Title {
	width: 122px;
	display: block;
	margin: 0 auto;
	font: 0.8rem/2rem "helvetica";
	color: #000;
	/*margin-top: 10px;*/
}
.right_Title i{ width:22px; height:1px; background:#000;display: block;    margin-top: 16px;}
.right_Title i,.right_Title p{ float:left;}
.right_Pro {
	width: 88%;
}
.right_Pro li {
	width: 50%;
	display: block;
	text-align: center;
}
.right_Pro li a {
	color: #000;
	font: 0.8rem/1.1rem "helvetica";
}

.right_Pro li a img {
	display: block;
	margin: 0 auto;
	width: 60%;
	margin-top: 20px;
	margin-bottom: 4px;
}
.right ul{ overflow:hidden; margin-top:-10px;}
/*右侧end*/
/*底部开始*/
.columns .row {
	width: 33.33%;
	padding: 1px 0;
	text-align: center;
	float: left;    margin-top: 4px;
}
.foot ul li a {
	color: #bababa;
	display: block;    /*padding: 5px 0;*/
}
.row i{ position: absolute;
    max-width: 48px;
    min-width: 16px;
    height: 16px;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius:50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;border:1px solid #fff;
    background: #f54040;
    color: #fff;
    font: 12px/16px "helvetica";
    right: 30.3%;
    padding: 1px;
    display: block;
    top: -0px;}
 .fotred {
	color: #f54040 !important;
}
.columns .row .icon {
	font-size: 30px;
	display: block;
	    padding: 4px 0 4px 1px;
}
.columns .row span {
	font: 10px/16px "helvetica";
}
.right_Title span{ float:left;}
.bor1px{ width:30px; height:1px; background:#000; display:block; margin-top:16px;}
/*底部结束*/
.indbanner{ width:100%; overflow:hidden;padding-top: 49px;max-height: 200px;}
.indbanner_body{ width:100%; overflow:hidden;min-height:200px; display:block;}
.indbanner_body ul li a{ display:block; max-height:400px;}
.indbanner_body ul li a img{ width:100%; overflow:hidden; min-height:200px; display:block;}
/*---------2018-2-8--------------------------------------------------------------------------*/
.feninput{width: calc(100% - 20px );height: 30px; overflow:hidden; margin-top:8px;    background: #f4f4f4;}
.feninput div{       /* width: 60px;
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
    background: #f4f4f4;
    outline: none;
    border: 0px;
    border-radius: 3px;
    -webkit-appearance: none;
    display: block;
    vertical-align: middle;
    height: 16px;
        margin-top: 8px;*/
		height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100px;
	margin:0 auto;}
.feninput div img{/*width: 14px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    z-index: 3;  
    float: left;*/
	 height: 14px;
    line-height: 14px;
    margin-top: 8px;
	width:14px;

	    
    }

.feninput div input{     /* width: 30px; float: left;
   display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    background: #f4f4f4;
    border: 0;
    text-align: left;
    line-height: 14px;*/
	width:30px;
	 border: 0;
    line-height: 30px;
    height: 20px;
    margin-top: -4px;
    vertical-align: middle;
    background: none;
}
/*logoin*/
.logoin{ width:100%; height:100%; position:fixed; top:50%; left:50%; }
.logoin div{width:45px; height:45px; display:block; margin-top:-22.5px;margin-left:-22.5px;}
.logoin img{width:45px; height:45px; display:block;}