/* top base */
#top_area{
  height:29px;
  overflow:hidden;
}
.site-logon a:link,
.site-logon a:visited{
  color:#05c;
}
.site-func a:link,
.site-func a:visited{
  color:#333;
}
.sitebar a:hover{
  color:#cc220b;
  text-decoration:none;
}
/* two code */
.top-phone{
  width:86px;
  height:28px;
  float:left;
  position:relative;
  margin-right:15px;
}
.phone{
  width: 100%;
  height:28px;
  _height:24px;
  _padding-top:5px;
  position:absolute;
  left:0;
  top:0;
  z-index:2;
}
.phone .icon-mobile{
  width:16px;
  height:16px;
  display:inline-block;
  vertical-align:middle;
  background:url("../images/icon-16.png") 1px -16px no-repeat;
  margin:-1px 3px 0 0;
}
.phone a{
  width:76px;
  padding-left:10px;
  display:block;
}
.tpbar-arrow{
  width: 0;
  height: 0;
  font-size: 0;
  border: 5px solid transparent;
  border-top-color: #666;
  overflow:hidden;
  position: absolute;
  top: 13px;
  right: 0px;
  -webkit-transition:all ease .5s;
       -moz-transition:all ease .5s;
            transition:all ease .5s;
}

.top-phone a:link,
.top-phone a:visited{color:#333}
.top-phone a:hover{color:#bf030c;}
.top-two-code{
  position: absolute;
  width:101px;
  border:1px solid #ccc;
  top:28px;
  left:-1px;
  background:#fff;
  text-align:center;
  z-index:1;
  display:none;
}
.top-two-code img{
  vertical-align:middle;
}
.hover .phone{
  background:#fff;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  height:29px;
  left:-1px;
}
.hover .tpbar-arrow{
  top:16px;
  border: 5px solid transparent;
  border-top-color: #666;
  -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transform-origin:50% 0;
       -moz-transform-origin:50% 0;
            transform-origin:50% 0;
}
.hover .top-two-code{
  display:block;
}
/* top login */
.sitebar{
  height:28px;
  border-bottom:1px solid #d9d9d9;
  background-color:#f7f7f7;
  position:relative;
  z-index:100;
  min-width:1190px;
}
.grid-flex{
  width: 1390px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px){
  .grid-flex{
    width:1190px;
    margin-left:auto;
    margin-right:auto;
  }
}
.wrap-flex{
  width:1190px;
  margin:0 auto;
}
.site-logon{
  float:left;
  height:28px;
  line-height:28px;
  width:370px;
}
.site-logon span{
	font-size: 10px;
  float:left;
  *display:inline;
}
.site-logon .logon-a{
  padding:0 10px;
  margin:8px 0;
  line-height:12px;
  position:relative;
  *margin:7px 0;
  *line-height:14px;
}
.site-logon .rightborder{border-right:1px solid #ccc;}
#user_info{*margin:7px 0;*line-height:14px;position:relative;}
#user_info a{display:block;}
#user_info a span{display:block;float:left}
#user_info a b{display:none;*zoom:1;float:left;margin:1px 0 0 2px;position:relative;top:-2px;height:13px;padding:0 4px;color:#fff;background-color:#de3237;font-weight:bold;font-size:11px;font-family:tahoma;}
.userinfo-tip{position:absolute;top:23px;z-index:49;left:-10px;width:117px;height:62px;border:1px solid #f1dec0;padding:5px;background-color:#fffceb;}
.userinfo-tip p{line-height:20px;}
.userinfo-tip i{display:block;position:absolute;top:-10px;left:45px;width:17px;height:10px;background:url(../images/userinfo-tip-arrow.png) no-repeat;}

.site-logon .reg-tip{
    position: absolute;
    top:21px;
    left:11px;
    width:120px;
    padding:0 10px;
    border-radius:2px;
    color:#fff;
    line-height: 23px;
    background: #de373e;
}
.site-logon .reg-tip b{
    width: 0;
    height: 0;
    font-size: 0;
    border: 5px solid #f7f7f7;
    border-bottom-color: #de373e;
    overflow: hidden;
    position: absolute;
    top: -10px;
    left: 10px;
}
.site-logon .reg-tip i{
    position: absolute;
    top:0;
    right:8px;
    font-size: 16px;
    cursor: pointer;
}
.site-logon .reg-tip a:link,
.site-logon .reg-tip a:visited{
  color:#fff;
}
.site-logon .reg-tip a:hover{
  color:#fff;
  text-decoration:underline;
}
#userName{
  display:inline-block;
  max-width:108px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:middle;
  margin-top:-3px;
}
/* top right */
.site-func{float:right;line-height:28px;}
.site-func-item{
font-size: 10px;
  float:left;
  padding:0 5px;
  background:url(../images/common_ico.gif) right -311px no-repeat;
}
.site-func .icon-cart{
  width:16px;
  height:16px;
  display:inline-block;
  margin-right:5px;
  vertical-align:middle;
  background:url(../images/icon_cart.png) no-repeat;
}
.site-func .my-offic,
.site-func .bxtsvr,
.site-func .intsvr,
.site-func .svrcenter,
.site-func .site-nav{
  padding:0;
  position:relative;
  height:29px;
}
.site-func .my-offic{
  width:90px;
}
.hovertit{
  position:absolute;
  top:0;
  left:0;
  z-index:120;
}
.hover .hovertit{
  background-color:#fff;
  border-left:#ccc 1px solid;
  border-right:#ccc 1px solid;
  left:-1px;
}
.hovertit a{
  display:block;
  height:29px;
  line-height:28px;
  padding:0 20px 0 10px;
}
.hovertip{
  position:absolute;
  top:28px;
  left:-1px;
  z-index:110;
  border:1px solid #ccc;
  background-color:#fff;
  display:none;
}
/* my office */
.my-offic-main a{
  /*width:64px;*/
  font-size: 10px;
}

.my-offic-bd{width:150px;height:76px;padding-top:5px}
.my-offic-bd dl{width:65px;float:left;display:inline;margin-left:10px}
.my-offic-bd dt{
  height:23px;
  font:bold 12px/22px Tahoma,Arial,SimSun,sans-serif;
  color:#666;
}
.my-offic-bd dd{
  height:24px;
  line-height:24px;
}


.intsvr{width:90px}
.intsvr-main a{ /*width:64px;*/ font-size: 10px; background-position:73px -13px}
.intsvr-main a:hover{background-position:73px -38px}
.intsvr-bd {width:79px;padding-left:10px;}
.intsvr-bd li a{display:inline-block;height:24px;line-height:24px}


.bxtsvr{width:90px;}
.bxtsvr-main a{/*width:64px;*/ font-size: 10px;}
.bxtsvr-bd{width:79px;background-position:10px -341px;padding-left:10px}

.svrcenter{width:78px;height:100px;padding-top:5px;}
.svrcenter-main a{/*width:64px;*/ font-size: 10px;}

.svrcenter-tip{width:68px;padding-left:10px}

.site-nav{width:78px;padding-right:0;background-image:none;}
.site-nav-main a{/*width:64px;*/ font-size: 10px;background-position:62px -13px}
.site-nav-main a:hover{background-position:62px -38px}
.site-nav-bd{width:275px;left:auto;right:-1px}
.site-nav-item,
.site-nav-item dd{
  overflow:hidden;
  *zoom:1;
  height:auto;
}
.site-nav-item{
  border-top:1px dashed #d9d9d9;
  margin-top:-1px;
  padding:7px 10px;
}
.site-func-item .red {
  color: #e04b43;
}
.site-nav-item dt{
  float:left;
  width:65px;
  text-align:right;
  padding-right:9px;
  color:#666;
  font-weight:bold;
}
.site-nav-item a{
  display:inline-block;
  margin-right:9px;
}
.site-nav-item a:link,
.site-nav-item a:visited{
  color:#666;
}
.site-nav-item a:hover{
  color:#cc220b;
}
.site-nav-bd .last{border:none;}
.site-nav-bd .more-content{height:30px;padding-right:10px;background-color:#efefef;text-align:right;line-height:30px;}

.site-func li ul .icon{margin-right:5px}

.site-func .last{
  background:none;
}


/* flag adv */
.flag-adv{
  width: 24px;
  height: 14px;
  background: url("../images/icon_adv.png") no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
}