@charset "utf-8";
/* reset */
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0; padding:0;}
ol,ul{list-style:none;}:focus{outline:0;}
img{vertical-align:middle;border:none;}
table{empty-cells:show;}
ul,li,ol{list-style:none;padding:0;margin:0;}
/* common style */
.g-flex{display:-webkit-box;display:-ms-flexbox;display: flex;}
.cls:after {content:"."; clear:both; display:block; height:0; visibility:hidden; opacity: 0; font-size:0;}
.hide {display: none; opacity: 0;}
.active{display: block;opacity: 1;}
.text-center{text-align:center;}
.cls {zoom:1;}
body{font-family:"microsoft yahei", Arial, Helvetica, sans-serif;font-size:14px; line-height: 24px;color: #333;}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:none; color:#e4b23c;}
.ititle{padding-top:60px; font-size: 40px; font-weight:normal;line-height: 1;}
hr.title-line {width: 40px; margin: 20px auto;border-width: 1px;border-style: solid;}
.main{position: relative;width: 1200px;min-width:1200px; ;margin:0 auto;zoom: 1;}

/* ---------section style----------  */
/* header */
.header{
  height: 80px;
}
.header-content{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  min-width: 1200px;
  height: inherit;
}
/* header logo */
.header-content .logo{
  display: inline-block;
  float: left;
  width: 144px;
  height: 40px;
  line-height: 80px;
}
/* header nav */
.header-content .nav{
  float: left;
  width: 900px;
  height: 80px;
  text-align: center;
  overflow: hidden;
  font-size: 18px;
}
.header-content .nav li{
  display: inline-block;
  padding: 0 35px;
  height: 80px;
  line-height: 80px;
  font-weight: 300;
}
.header-content .nav li a{
  display: inline-block;
  width: 100%;
  height: 100%;
  color: inherit;
}
.header-content .nav li a:hover{
	color:#42a4ff;
}
.header-content .nav li.active a{
  color: #42a4ff;
}


/* header enter */
.header-content .enter-wrapper{
  position: absolute;
  /* float: left; */
  top: 0;
  right: 0;
  width: 200px;
}
.header-content .enter-wrapper .enter{
  display: none;
  padding-top: 26px;
  width: inherit;
  height: inherit;
  text-align: right;
  font-size: 0;
}
.header-content .enter-wrapper .enter.active{
  display: inline-block;
}
.header-content .enter-wrapper .enter .btn{
  display: inline-block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #42a4ff;
  border-radius: 1px;
  font-size: 14px;
  color: #42a4ff;
}
.header-content .enter-wrapper .enter .btn:hover{
	background:#42a4ff;
	color:white;
}
.header-content .enter-wrapper .enter .btn-reg{
  margin-left: 20px;
}
.header-content .enter-wrapper .info{
  display: none;
  position: relative;
  padding-right: 25px;
  width: inherit;
  height: inherit;
  text-align: right;
  line-height: 80px;
  font-size: 0;
  cursor: pointer;
}
.header-content .enter-wrapper .info.active{
  display: inline-block;
}
.header-content .enter-wrapper .info:after{
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  right: 25px;
  width: 0;
  height: 0;
  -webkit-transform: translate(150%, -50%);
          transform: translate(150%, -50%);
  border-color: transparent transparent #666 transparent;
  border-style: dashed dashed solid dashed;
  border-width: 6px;
}
.header-content .enter-wrapper .info:hover:after{
  -webkit-transform: rotate(180deg) translate(-150%, 0);
          transform: rotate(180deg) translate(-150%, 0);;       
}
.header-content .enter-wrapper .info .avatar{
  display: inline-block;
  margin-right: 10px;
  width: 25px;
}
.header-content .enter-wrapper .info .avatar img{
  width: 100%;
  vertical-align: middle;
}
.header-content .enter-wrapper .info .user{
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.header-content .enter-wrapper .info:hover .user{
  color: #42a4ff;
}
.header-content .enter-wrapper .info .menu-bar{
  display: none;
  position: absolute;
  top: 64px;
  right: 2px;
  width: 108px;
  padding: 8px 0;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px -1px 4px #e8e8e8;
          box-shadow: 0px -1px 4px #e8e8e8;
  font-size: 14px;
  z-index: 100;
}
.header-content .enter-wrapper .menu-bar:before{
  display: inline-block;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  border-color: transparent transparent #fff transparent;
  border-style: dashed dashed solid dashed;
  border-width: 8px;
  z-index: 2;
}
.header-content .enter-wrapper .menu-bar:after{
  display: inline-block;
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  border-color: transparent transparent #e8e8e8 transparent;
  border-style: dashed dashed solid dashed;
  border-width: 8px;
  z-index: 1;
}
.header-content .enter-wrapper .info:hover .menu-bar{
  display: block;
}
.header-content .enter-wrapper .info .menu-bar li{
  height: 36px;
  line-height: 36px;
}
.header-content .enter-wrapper .menu-bar li:hover a{
  color: #42a4ff;
}

/* footer */
.footer{
  min-width: 1200px;
  height: 188px;
  font-size: 12px;
  color: #666;
  background-color: #222;
  overflow: hidden;
}
.footer .support-link{
  padding-top: 55px;
}
.footer .support-link dd{
  display: inline-block;
  font-size: 0;
}
.footer .support-link dd a{
  position: relative;
  padding: 0 25px;
  font-size: 12px;
}
.footer .support-link dd a:hover{
  color:#999;
}
.footer .support-link dd a:before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-left: 1px solid #333;
  height:12px;
}
.footer .support-link dd:last-of-type a::before{
  display: none;
}