@charset "utf-8";
/*该文件是汇总变量的less**/
/*主题色及按钮等颜色变量（绿色�?/
/*评分等按钮颜色变量及副色(粉色)*/
/*评分等按钮颜色hover变量(粉色)*/
/*禁用按钮常规样式颜色变量*/
/*禁用按钮hover样式颜色变量*/
/*绿色按钮hover*/
/*办事常用菜单背景及边�?/
/*登录页面切换按钮颜色（绿色）*/
/*======================Reset=======================*/
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
tbody,
th,
td,
th,
img,
textarea,
div,
a {
  border: 0 none;
  margin: 0;
  padding: 0;
  outline: 0;
  font-size: 100%;
  text-align: left;
  vertical-align: baseline;
 /*  background: transparent; */
}
div,
input {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
body {
  font-size: 12px;
  font-family: "微软雅黑", "宋体";
  font-weight: normal;
}
h1 {
  font-size: 25px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 19px;
}
h5 {
  font-size: 17px;
}
h6 {
  font-size: 15px;
}
select {
  font-size: 12px;
  font-family: simsun;
}
ul,
ol,
li {
  list-style-type: none;
}
a {
  text-decoration: none;
  outline: none;
}
:focus {
  outline: none;
}
.div-after {
  *zoom: 1;
}
.div-after:after {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hidden {
  display: none;
}
/*所有页面公用css*/
body {
  min-width: 1300px;
  position: relative;
}

.parts {
  width: 100%;
}
.parts .part {
  width: 1260px;
  margin: 0 auto;
  /*height: 100%;*/
}
.authentification {
  position: relative;
  overflow: hidden;
}

.parts img.bg {
  width: 100%;
}

.header .part {
  background: url(../images/logo.png) left 50% no-repeat;
}
.header .part ul {
  height: 60px;
  float: right;
  margin-top: 26px;
}
.header .part ul li {
  float: left;
  height: 58px;
  margin-left: 28px;
}
.header .part ul li.active {
  border-bottom: 2px solid #ffffff;
}
.header .part ul li a {
  height: 100%;
  line-height: 58px;
  font-size: 16px;
  color: #ffffff;
}
.footer {
  background-color:#488cc5;
}

.footer p {
  margin-top: 10px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #FFFFFF;
}
.footer p.copyRight {
  margin-top: 32px;
}
.footer p.relative {
  padding-top: 10px;
  margin: 0;
}
.footer .part {
  min-height: 100px;
  background: url(../images/myImg/office.png) 23% 12px no-repeat;
}
.channels2nd_pages {
  height: 30px;
  margin: 30px auto 40px;
  float: left;
  width: 426px;
  margin-left: 365px;
}
.channels2nd_pages .bt {
  display: block;
  height: 28px;
  border: 1px solid #e5e5e5;
  margin-left: 4px;
  float: left;
  line-height: 28px;
  font-size: 14px;
  color: #404040;
  font-family: Arial;
  text-align: center;
}
.channels2nd_pages .bt:hover {
  border: 1px solid #4bd693;
}
.channels2nd_pages .active {
  border: 1px solid #4bd693;
  background-color: #4bd693;
  color: #ffffff;
}
.channels2nd_pages .bt1 {
  width: 58px;
}
.channels2nd_pages .bt2 {
  width: 28px;
}
@media (min-width: 892px) {
  .fix-box {
    display: none;
  }
}
@media (min-width: 1310px) {
  .fix-box {
    display: block;
  }
}
.authentification img.yun {
  position: absolute;
  display: none;
}
img.yun1 {
  top: 16.6%;
  left: 84%;
  animation: yun1 350s;
  -moz-animation: yun1 350s;
  /* Firefox */
  -webkit-animation: yun1 350s;
  /* Safari and Chrome */
  -o-animation: yun1 350s;
  /* Opera */
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
img.yun2 {
  top: 33%;
  left: 87%;
  animation: yun2 250s;
  -moz-animation: yun2 250s;
  /* Firefox */
  -webkit-animation: yun2 250s;
  /* Safari and Chrome */
  -o-animation: yun2 250s;
  /* Opera */
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
img.yun3 {
  top: 12%;
  left: 93%;
  animation: yun3 450s;
  -moz-animation: yun3 450s;
  /* Firefox */
  -webkit-animation: yun3 450s;
  /* Safari and Chrome */
  -o-animation: yun3 450s;
  /* Opera */
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
img.yun4 {
  top: 33%;
  left: 13%;
  animation: yun4 150s;
  -moz-animation: yun4 150s;
  /* Firefox */
  -webkit-animation: yun4 150s;
  /* Safari and Chrome */
  -o-animation: yun4 150s;
  /* Opera */
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
img.yun5 {
  top: 15%;
  left: 21%;
  animation: yun5 300s;
  -moz-animation: yun5 300s;
  /* Firefox */
  -webkit-animation: yun5 300s;
  /* Safari and Chrome */
  -o-animation: yun5 300s;
  /* Opera */
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
img.yun6 {
  top: 17.6%;
  left: 43%;
  animation: yun6 250s;
  -moz-animation: yun6 250s;
  /* Firefox */
  -webkit-animation: yun6 250s;
  /* Safari and Chrome */
  -o-animation: yun6 250s;
  /* Opera */
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes yun1 {
  0% {
    left: 84%;
  }
  10% {
    left: 103%;
  }
  20% {
    left: 84%;
  }
  60% {
    left: -5%;
  }
  100% {
    left: 84%;
  }
}
@-moz-keyframes yun1 {
  0% {
    left: 84%;
  }
  10% {
    left: 103%;
  }
  20% {
    left: 84%;
  }
  60% {
    left: -5%;
  }
  100% {
    left: 84%;
  }
}
@-webkit-keyframes yun1 {
  0% {
    left: 84%;
  }
  10% {
    left: 103%;
  }
  20% {
    left: 84%;
  }
  60% {
    left: -5%;
  }
  100% {
    left: 84%;
  }
}
@-o-keyframes yun1 {
  0% {
    left: 84%;
  }
  10% {
    left: 103%;
  }
  20% {
    left: 84%;
  }
  60% {
    left: -5%;
  }
  100% {
    left: 84%;
  }
}
@keyframes yun2 {
  0% {
    left: 87%;
  }
  35% {
    left: -5%;
  }
  65% {
    left: 87%;
  }
  85% {
    left: 103%;
  }
  100% {
    left: 87%;
  }
}
@-moz-keyframes yun2 {
  0% {
    left: 87%;
  }
  35% {
    left: -5%;
  }
  65% {
    left: 87%;
  }
  85% {
    left: 103%;
  }
  100% {
    left: 87%;
  }
}
@-webkit-keyframes yun2 {
  0% {
    left: 87%;
  }
  35% {
    left: -5%;
  }
  65% {
    left: 87%;
  }
  85% {
    left: 103%;
  }
  100% {
    left: 87%;
  }
}
@-o-keyframes yun2 {
  0% {
    left: 87%;
  }
  35% {
    left: -5%;
  }
  65% {
    left: 87%;
  }
  85% {
    left: 103%;
  }
  100% {
    left: 87%;
  }
}
@keyframes yun3 {
  0% {
    left: 93%;
  }
  40% {
    left: -5%;
  }
  80% {
    left: 93%;
  }
  90% {
    left: 103%;
  }
  100% {
    left: 93%;
  }
}
@-moz-keyframes yun3 {
  0% {
    left: 93%;
  }
  40% {
    left: -5%;
  }
  80% {
    left: 93%;
  }
  90% {
    left: 103%;
  }
  100% {
    left: 93%;
  }
}
@-webkit-keyframes yun3 {
  0% {
    left: 93%;
  }
  40% {
    left: -5%;
  }
  80% {
    left: 93%;
  }
  90% {
    left: 103%;
  }
  100% {
    left: 93%;
  }
}
@-o-keyframes yun3 {
  0% {
    left: 93%;
  }
  40% {
    left: -5%;
  }
  80% {
    left: 93%;
  }
  90% {
    left: 103%;
  }
  100% {
    left: 93%;
  }
}
@keyframes yun4 {
  0% {
    left: 13%;
  }
  40% {
    left: 103%;
  }
  80% {
    left: 13%;
  }
  90% {
    left: -5%;
  }
  100% {
    left: 13%;
  }
}
@-moz-keyframes yun4 {
  0% {
    left: 13%;
  }
  40% {
    left: 103%;
  }
  80% {
    left: 13%;
  }
  90% {
    left: -5%;
  }
  100% {
    left: 13%;
  }
}
@-webkit-keyframes yun4 {
  0% {
    left: 13%;
  }
  40% {
    left: 103%;
  }
  80% {
    left: 13%;
  }
  90% {
    left: -5%;
  }
  100% {
    left: 13%;
  }
}
@-o-keyframes yun4 {
  0% {
    left: 13%;
  }
  40% {
    left: 103%;
  }
  80% {
    left: 13%;
  }
  90% {
    left: -5%;
  }
  100% {
    left: 13%;
  }
}
@keyframes yun5 {
  0% {
    left: 21%;
  }
  15% {
    left: -5%;
  }
  30% {
    left: 21%;
  }
  65% {
    left: 103%;
  }
  100% {
    left: 21%;
  }
}
@-moz-keyframes yun5 {
  0% {
    left: 21%;
  }
  15% {
    left: -5%;
  }
  30% {
    left: 21%;
  }
  65% {
    left: 103%;
  }
  100% {
    left: 21%;
  }
}
@-webkit-keyframes yun5 {
  0% {
    left: 21%;
  }
  15% {
    left: -5%;
  }
  30% {
    left: 21%;
  }
  65% {
    left: 103%;
  }
  100% {
    left: 21%;
  }
}
@-o-keyframes yun5 {
  0% {
    left: 21%;
  }
  15% {
    left: -5%;
  }
  30% {
    left: 21%;
  }
  65% {
    left: 103%;
  }
  100% {
    left: 21%;
  }
}
@keyframes yun6 {
  0% {
    left: 43%;
  }
  20% {
    left: -5%;
  }
  40% {
    left: 43%;
  }
  70% {
    left: 103%;
  }
  100% {
    left: 43%;
  }
}
@-moz-keyframes yun6 {
  0% {
    left: 43%;
  }
  20% {
    left: -5%;
  }
  40% {
    left: 43%;
  }
  70% {
    left: 103%;
  }
  100% {
    left: 43%;
  }
}
@-webkit-keyframes yun6 {
  0% {
    left: 43%;
  }
  20% {
    left: -5%;
  }
  40% {
    left: 43%;
  }
  70% {
    left: 103%;
  }
  100% {
    left: 43%;
  }
}
@-o-keyframes yun6 {
  0% {
    left: 43%;
  }
  20% {
    left: -5%;
  }
  40% {
    left: 43%;
  }
  70% {
    left: 103%;
  }
  100% {
    left: 43%;
  }
}
/* 系统消息提示框样�?*/
.msgFromSystem {
  width: 330px;
  height: 230px;
  box-shadow: -5px -5px 15px #e5e5e5;
  -moz-box-shadow: -5px -5px 15px #e5e5e5;
  font-family: "微软雅黑";
  position: fixed;
  z-index: 2000;
}
.msgFromSystem h3 {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
  font-size: 18px;
  position: relative;
  background: url(../images/msg_title_bg.png) no-repeat;
}
.msgFromSystem h3 .msg_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/msg_close.png) no-repeat;
}
.msgFromSystem h3 .msg_close:hover {
  background: url(../images/msg_close_hover.png) no-repeat;
}
.msgFromSystem .msg_content {
  width: 308px;
  height: 168px;
  padding: 10px;
  border: 1px solid #ffffff;
  border-top: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #ffffff;
}
.msg_content p {
  font-size: 14px;
  line-height: 28px;
  color: #666161;
  text-indent: 30px;
}


/*公用header*/
.header{
  background: #488cc5;
  height: 70px;
  width: 100%;
}
.common-width{
  /*width: 1260px;*/
  margin: 0 auto;
}
.common-width .logo{
  margin-top: 6px;
}
.common-width .title{
  vertical-align: super;
}
.login-regist{
  float: right;
  margin-top: 35px;
}
.login-regist a{
  cursor: pointer;
  color: #ffffff;
  font-size: 14px;
}
.login-regist .login-btn{
  border-right: 1px solid #ffffff;
  display: inline-block;
  padding:0 5px;
}

.header-nav{
  height: 40px;
  line-height: 40px;
  background: #86B2E5;
  width: 100%;
}
.header-nav ul li{
  float: left;
  margin: 0 2px;
  height: 40px;
}
.header-nav ul li a{
  color: #FFFFFF;
  display: inline-block;
  padding: 0 13px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.header-nav ul li a:hover{
	color: #FFFFFF;
}
.header-nav ul li:hover{
  background-color: #488cc5;
}
.header-nav ul li.active{
  background-color: #488cc5;
}
.header-nav ul li.active a{
  color: #FFFFFF;
}
.login-regist .userInfor {
  width: 100%;
  height: 36px;
}
.login-regist .userInfor a,
.login-regist .userInfor span {
  display: block;
  min-width: 30px;
  height: 36px;
  line-height: 36px;
  float: right;
  margin-left: 10px;
  color: #ffffff;
  font-size: 12px;
}
.userInfor span.userName {
  /*background: url(../images/businessPart/user.png) left center no-repeat;*/
  text-indent: 15px;
}

.home-account-content{
  position:absolute;
  right:50px;
  top:80px;
  cursor:pointer;
}
.back-myself{
  position: absolute;
  top: 0;
  right:-117px;
  color: #ffffff;
  font-size: 14px;
}
.change-area{
  color:#ffffff;
  display:inline-block;
  font-size:14px;
}
.choose-account-icon{
  background-image:url('../images/myImg/arrow_close1.png');
  background-repeat:no-repeat;
  background-position: center;
  height:10px;
  width:12px;
  display:inline-block;
}
#accountList{
  background-color:#ffffff;
  border-radius: 4px;
  width:60%;
  position: absolute;
  right: 0;
  top:25px;
  box-shadow: 0 0 3px #000;
  z-index: 999;
}
#accountList li{
  height: 26px;
  line-height: 26px;
  border-bottom: 1px solid #b2b2b2;
  padding-left: 10px;
  cursor: pointer;
}
#accountList li:hover{
  background-color: #C4D3AA;
  color: #ffffff;
}

.no_data{
  width:60%;
  margin:20px auto;
  text-align:center;
  color: #C4D3AA;
  font-size:16px;
  font-weight: bold;
  height: 80px;
  line-height: 80px;
}

#pageContent{
    height: 35px;
    width:80%;
    margin:20px auto;
    display:none;
  } 
.loginTime{
	width:183px!important;
  	overflow:hidden;
  	display:inline-block;
  white-space: nowrap;
}