@charset "utf-8";
/* CSS Document */


body, html { font-family: "Helvetica Neue", Helvetica, Arial,"Microsoft YaHei","Source Han Sans CN", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0;}

body{ background-color:#FFF; margin:0 auto; width:750px;}

*,
::before,
::after{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;/*兼容移动端主流浏览器*/
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;/*清除移动端点击高亮效果*/
}

*:not(input,textarea) { -webkit-user-select: none; }

p{-webkit-text-size-adjust: none;} /*禁用Webkit内核浏览器的文字大小调整功能*/
.none{ display:none;}
input,textarea,button,a,select { outline:none;}
ol,ul{ list-style: none;}
img{ border:0;}
a{ text-decoration:none; color:#000;}
.clearfix { float: none; clear: both;}

.m_t_40{ margin-top:40px;}
.m_b_40{ margin-bottom:40px;}
.fl{ float:left;}
.fr{ float:right;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.orange{ color:#e5b03e;}
.blue{ color:#366fd8;}
.bg_pink{ background-color:#ffe0e0;}
.bg_blue{ background-color:#dae7ee;}
.bg_img{ background:url(../img/BG.png) no-repeat top center; background-color:#FFF; }


footer{ float:left; width:750px; height:90px; line-height:90px; z-index:999;}
.warpper{ float:left; width:750px; margin-bottom:30px;/* margin-bottom:80px;*/}
.main_wrapper,
.search_warpper{ width:690px; margin:0 auto;}


/*===================
		首页
  ===================*/
.banner_top img{ vertical-align:bottom; display:block;}
.banner_con img{ display:block;}
.banner_con ul { float:left; width:740px; margin-top:40px; margin-left:5px; margin-right:5px; font-size:30px; font-weight:bold; list-style:none; color:#FFF;}
.banner_con ul li{ margin-right:10px; margin-bottom:40px;  width:234px; height:87px; line-height:87px; text-align:center; background:url(../img/ind_btn01.png) no-repeat; display:inline-block; vertical-align:text-top; }
.banner_con ul > li:nth-child(3n) { margin-right:0px;}

.banner_con ul li.active{ background:url(../img/ind_btn02.png) no-repeat;}
#tab_Con > div{ display:none;}



/*===================
		底部菜单
  ===================*/
.menu{ width:750px; position:fixed; bottom:0px; height:90px; background:#00371e; border-top:#666 1px solid; display:inline-block; text-align:center;}
.subMenu{ float:left; width:25%; height:90px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: flex-start;
}
.subMenu img { margin:0 auto; width:50px; height:50px; margin-top:8px; display:block;}
.subMenu span { width:100%; height:30px; line-height:30px; font-size:24px; color:#FFF; text-align:center; display:block;}
.subMenu span.act { color:#FFF;}

/*===================
		昵称
  ===================*/
.head_sculpture{ float:left; width:750px; margin:80px 0px; vertical-align: middle; text-align: center; display: table-cell;}
.head_sculpture img{ width:132px; height:132px; border-radius:10px;}
.nickname{ float:left; width:750px; padding:10px; border-bottom:#999 1px solid; border-top:#999 1px solid;}
.nickname span{ float:left; width:120px; height:80px; line-height:80px; font-size:32px; font-weight:bold; text-align:center; color:#000;}
.nickname input{ float:left; margin-left:30px; padding:0px 20px; width:550px; height:80px; line-height:80px; font-size:32px; color:#333; border:0;}
.tip{ float:left; margin-top:20px; margin-left:40px; font-size:24px; line-height:36px; color:#999;}
.btn_confirm{ float:left; margin:80px 25px; width:700px; height:80px; line-height:80px; text-align:center; font-size:32px; text-align:center; letter-spacing:10px; color:#FFF; background-color:#228759; border-radius:40px;}