﻿/*----------HBuilder.css----------*/
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

/*H5的placeholder标签的样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size: 12px;font-family: "微软雅黑";}
input:-moz-placeholder,textarea:-moz-placeholder{font-size: 12px;font-family: "微软雅黑";}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-size: 12px;font-family: "微软雅黑";}

/*子元素浮动，给父元素加上清除浮动的样式*/
.clearfix{*zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}

/*默认导航样式*/
.nav{width: 1100px;margin: 0 auto;border: 0px solid;}
.nav-40{width: 1060px;}
.nav-30{width: 1070px;}
.nav-20{width: 1080px;}

/*缩小版*/
.nav-md{width: 970px;margin: 0 auto;}

/*重置input的样式，在各大浏览器基本保持一致*/
input.input-reset {
	border:1px solid #A1A1A1;
	font-family:Arial,sans-serif,Tahoma; /*规定同一字体*/
	font-size:12px; /*规定同一字体大小*/
	height:25px; /*解决Safari和Chrome下的高度问题*/
	line-height:25px; /*协调height，让文字居中*/
	overflow:visible; /*只有设置这个属性IE下padding才能生效*/
	padding:0 0.5em; /*chrome、ff默认值；调整其值，让IE和其他浏览器的一样*/
}

body {min-width: 1200px;font-family: "微软雅黑";color: #666;background-color: /*#efefef*/;}
.cent{width: 1200px;margin: 0 auto;}

/*-------------------- 全局链接样式 --------------------*/
a{color:#666;}
a:hover{color: #E62129;}

/*-------------------- 全局颜色样式 --------------------*/
.font-red{color: red;}
.font-blue{color: #fc9e63;}

/*-------------------- 网页头部 --------------------*/
.head{width: 100%;height: 130px;z-index: 5;}
.head .top{background-color: /*#fc9e63*/#535353;height: 40px;line-height: 40px;color: #fff;font-size: 12px;}
.head, .head .top, .cent{position: relative;}
.head .top p{display: inline-block;float: left;}
.head .top p b{font-size: 14px;font-weight: 400;color: #fff;}
.head .top .weixin{float: left;margin-left: 10px;position: relative;display: block;}
.head .top .weixin i{background: url(/html/images/ico_set.png) no-repeat;width: 28px;height: 28px;margin-left: 14px;cursor: pointer;display: inline-block;vertical-align: middle;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;}
.head .top .weixin:hover i{background-position: 0 -28px;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;}
.head .top .weixin_box{background: url(/html/images/ico_set.png) 0 -74px;width: 132px;height: 0;overflow: hidden;text-align: center;position: absolute;z-index: 9;left: 9px;top: 40px;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;o-transition: .2s;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;background:#fff}
.head .top .weixin:hover .weixin_box{display: inline-block;opacity: 1;height: 100px; width: 100px; top: 27px; left: -30px}
.head .top .weixin_box img{height: 100px; width: 100px; margin-top: 0;}
.head .top .weixin_box em{font-style: normal;color: #393e44;position: absolute;top: 120px;width: 100%;display: inline-block;left: 0;}
.head .top .weixin_box em b{color: #4ab232;font-weight: 400;}
.head .top .l{float: left;}
.head .top .r{float: right;}
.head .top .level{float: left;text-align: center;margin-top: 12.5px;line-height: 15px;}
.head .top .level li{float: left;padding: 0 14px;font-size: 12px;border-right: 1px solid #686868;height: 15px;}
.head .top .level li a{color: #fff;}
.head .top .level .app_ico{border: none;padding-right: 0;position: relative;} 
.head .top .level .app_ico i{background: url(/html/images/ico_set.png) -29px 0;height: 28px;margin-top: -6.5px;margin-right: 10px;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;}
.head .top .level .app_ico:hover i{background-position: -28px -28px;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;}
.head .top .level .app_ico .weixin_box{background: url(/html/images/ico_set.png) 0 -74px;width: 132px;height: 0;overflow: hidden;text-align: center;position: absolute;z-index: 9;left: -36px;top: 27px;opacity: 0;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;}
.head .top .level .app_ico:hover .weixin_box{background-position: 0px -74px;display: inline-block;opacity: 1;height: 156px;}
.head .top .level .app_ico i, .head .top .weixin i {width: 28px;display: inline-block;vertical-align: middle;}
.head .top .level .app_ico .weixin_box img{margin-top: 10px;width: 120px;height: 120px;}
.head .top .level .app_ico .weixin_box em{font-style: normal;color: #393e44;position: absolute;top: 133px;width: 100%;display: inline-block;left: 0;}
.head .top .level .app_ico .weixin_box em b {color: #4ab232;font-weight: 400;}
.head .top .level li .username, .head .top .level li a:hover{color: #E62129;text-decoration: none;}
.head .bottom{border-bottom: none;height: 90px;}
.head .bottom .cent{height: 90px;position: relative;}
.head .bottom .logo{/*position: relative;float: left;top: 15px;*/position: absolute;left: 0px;top: 15px;}
.head .bottom .logo>img{width: 254px;height: 60px;}
.head .bottom .logoright{/*position: relative;float: right;top: 15px;right: 100px;*/position: absolute;right: 100px;top: 15px;}

/*-------------------- 网页底部 --------------------*/
.foot {height:90px}
.foot .foot-bottom{position: fixed;bottom: 0px;width: 100%;}
.foot .foot-bottom{}
/*上*/
.foot-top{background-color: #535353;}
.foot-top .cent{padding: 20px 0px;}
.foot-top,.foot-top a{color: #fff;}
.foot-top .list{float: left;width: 140px;}
.foot-top .list-tit{height: 30px;line-height: 30px;font-size: 16px;font-weight: bolder;color:#fff}
.foot-top .list-con{font-size: 14px;font-weight: 400;}
.foot-top .list-con li{height: 25px;line-height: 25px;}
.foot-top .list-con li a{color:#b1b1b1}
.foot-top .list-con li a:hover{color: #E62129;}
.foot-top .erweima{float: right;}
.foot-top .erweima .android,.foot-top .erweima .iphone{float: left;width: 200px;}
.foot-top .erweima .android .top,.foot-top .erweima .iphone .top{text-align: center;}
.foot-top .erweima .android .top img,.foot-top .erweima .iphone .top img{}
.foot-top .erweima .android .bot,.foot-top .erweima .iphone .bot{text-align: center;padding: 10px 0;font-size: 18px;}
/*下*/
.foot-bottom{background-color: #fc9e63;}
.foot-bottom .cent{padding: 10px 0px;}
.foot-bottom,.foot-bottom a{color: #fff;}
.foot-bottom a:hover{text-decoration: underline;}
.foot-bottom .cent p{height: 20px;line-height: 20px;}
.V_lev{position:relative}