﻿/*------------------------头部---------------*/
/*
 颜色：#00568e;
 宽度：1310px;
*/
/*通用*/
.font_bold{font-weight: bold;}
.user_stat{color:#fff;}
/*顶部*/
.header_top{ background:#00568e; height:70px; line-height:70px;}
.header_topIn{ width:1310px; margin:0 auto; font-size:14px}
.header_topIn a{color: #fff;}
/*顶部左侧样式*/
.header_r_list{background: url(/Content/Areas/Common/images/common/login_line.png) no-repeat center right}
.header_r_list li{float: left; padding: 0px 20px;background: url(/Content/Areas/Common/images/common/login_line.png) no-repeat center left}
/*顶部右侧样式*/
.header_l_list li{float: left;}

/*顶部右侧二维码部分*/
.for_wechat{
 padding: 0px 20px;
 position: relative;
}
.header_actions{
 display: flex;
 justify-content: space-between;
 padding: 10px 0;
}
.wehcat_list.app_list{
  left: -48px;
  width: auto;
}
li.for_app{
  position: relative;
}
.header_link{
 clear: both;
 /* width: 100%; */
 height: 33px;
 border-bottom: 1px solid #e9e8e8;
 background: #f8f7f7;
 line-height: 33px;
}
.header_link .header_link_lists{
 float: right;
}
.header_link_lists li{
 float: left;
 margin-left: 15px;
}
.header_link_lists span{
 color: #999;
}
.wehcat_list{
 display: none;
 position: absolute;
 top: 70px;
 width: 450px;
 left: -150px;
 z-index: 15;
 padding: 0 10px 10px 10px;
}
.for_wechat:hover .wehcat_list{
 display: block;
 transition: all 0.5s linear;
 background: #fff;
 border-radius: 0 0 2px 2px;
 border: 1px solid #e4e4e4;
}
.wehcat_list.app_list li{
  width: 100%;
  float: none;
  padding: 0;
}
.wehcat_list li{
 float: left;
 width: 33.3%;
}
.wehcat_list li img{
 width: 140px;
 display: block;
 margin: 10px auto;
}
.wehcat_list p{
 line-height: 20px;
 text-align: center;
}
.wehcat_list .li_download p{
 line-height: 15px;
}
.li_download p a{
 color:#00568e;
}
/*登录注册样式*/
.line{padding: 0 10px;}
/*PC搜索样式*/
.for_search form{position: relative;}
.header_search{
 width: 235px;
 -moz-appearance: textfield;
 -webkit-appearance: textfield;
 border: none;
 border-radius: 5em;
 box-shadow: inset 1px 2px 3px rgba(0,0,0,0.3);
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 color: #333;
 font-family: inherit;
 font-size: inherit;
 height: 30px;
 line-height: 30px;
 margin: 8px 0;
 padding: 2px 10px 2px 15px;
 vertical-align: baseline;
}
.header_searchbtn{
 position: absolute;
 width: 30px;
 height: 30px;
 top: 20px;
 right: 10px;
 border: none;
 cursor: pointer;
 background: url(/Content/Areas/Common/images/header_searchbtn.png) no-repeat center center;
}
/*手机搜索样式*/
.search_box{ margin-top:35px;}
.searchType_simulate{ float:left; position:relative}
.searchType .searchChoose{ height:34px; line-height:34px; text-align:center; width:60px; float:left; cursor:pointer; border:1px solid #6b7176; border-right:none;}
.searchType .searchDownList{ background: #fff;font-size: 12px;left: 0;position: absolute;text-align: center;top: 36px;width:62px; z-index: 10000;}
.searchType .searchDownList li{ cursor:pointer; line-height:32px;}
.searchtxt{ border: 1px solid #6b7176;float: left;height: 34px;padding: 0 10px;width: 253px; color:#bcc7cf; line-height:34px;}
.searchbtn { background:#6b7176 url(/Content/Areas/Common/images/common/search.png) no-repeat center; width:45px; height:36px; float:left; border:none; border-radius:0 4px 4px 0;cursor:pointer;}
.searchbtn:hover{ opacity:0.8}
@media only screen and (max-width: 1440px){

 .header_topIn{width: 1200px;}
 .header_r_list li{padding: 0 15px;}
 .for_wechat{padding: 0 15px;}
 .header_search{width: 200px;}
}

@media only screen and (max-width: 768px){
.header_topIn,.header_bottomIn,.header{ width:100%; padding:0 10px; box-sizing:border-box;display: none;}
.header_top{ display:none}
.header_bottomIn{ width:100%}
.search_box{ display:none;} 
}  