html{font-size: 100%;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{width:100%;min-width:1024px;font-size:12px;font-family:Hiragino Sans GB, STHeiti, Microsoft Yahei, sans-serif !important;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,picture{display:block; vertical-align: bottom;}
/*  header  */

.wrapper{width: 1024px; min-width:1024px;margin:0 auto;}
header.top,.dz_top,.N_DZ_top{padding-bottom: 0;}
header .header{ width: 100%; font-size: 16px;background:#FCFCFC; position:inherit; z-index:39;border-bottom: 1px solid #d9d9d9;}
.logo,.custom_logo{float: left;height: 65px;line-height: 65px; display: table-cell;}
.logo i,.custom_logo i,.N_DZ_logo i{*display:inline-block;height:100%;vertical-align:middle }
.logo img,.custom_logo img,.N_DZ_logo img{padding:0;max-width:300px;vertical-align: middle; max-height: 70px; vertical-align: middle;}
.logo img.logo-icon2{display: none;}
.menu{float: right;}
.top a,.top a:hover{text-decoration:none;color:#333;} 
.header {width:auto;font-size:inherit;background:none;position: static;border:none;}
.login span.tel img{height:65px;}
.lenovo-nav{text-align: right;float: right;}
.lenovo-nav li {display: inline-block; float: left;}
.lenovo-nav li a{float: left; display: block;line-height: 65px;padding: 0 21px; border:none;}
.lenovo-nav li a.active{color: #2576FD;border-bottom: 3px solid #2576FD; }
#en .lenovo-nav li a{padding: 0 6px;}

.login{ float: right;max-width:410px;width:410px;}
.login i{height:25px;margin: 0 12px;display: inline-block; border-left: 1px solid #a3a3a3; margin-top:21px;vertical-align: top;}
.login a{display: inline-block; padding:0px 20px; height: 38px; line-height: 38px; border-radius: 5px; margin:0 5px; margin-top:13px;vertical-align: top;}
#en .login a {padding:0 8px;}
.login .reg{background: #2576FD; color: #fff; border: 1px solid #2576FD;}
.login .log{border: 1px solid #B3B3B3;}
.login span{line-height: 65px;height: 65px; color: #2576FD;display: inline-block;}
.login span.login-link{ position: relative;}
.login span.login-link a{position: absolute;right: -100px;top: -90px;*top: -52px;padding: 0; margin: 0; line-height: 62px;}

.login-icon{display: none;}
.login-icon span{ background: url(../img/home/icon-more.png) no-repeat;display: inline-block;width: 30px;height: 30px;background-size: 100%;margin: 15px;}
.login-icon a{ background: url(../img/home/icon-tel.png) no-repeat;display: inline-block;text-indent: -999em;width: 40px;height: 40px;background-size: 100%;margin: 10px;}

.swipe {overflow: hidden;position: relative;width: 100%;margin: 0 auto;}
.swipe-wrap {overflow: hidden; position: relative;}
.swipe-wrap span {float:left;width:100%;position: relative;}

.footer{background: #e6e6e6;font-size: 12px; }
.footer-nav{padding: 20px 0; color: #757575; max-height: 181px;}
.footer-nav h4{ font-size: 16px;color: #3c3c3c; padding-bottom: 20px; }
.footer-nav .footer-main{width: 20%; float: left; padding-left:9%;}
.footer-nav .footer-main a,.footer-nav .footer-tel p{display: block; font-family:"宋体"; color: #434d55; line-height: 25px;}
.footer-nav .footer-tel{width: 40%; float: left;}
#lang{float: right;*float:none;*vertical-align: top;}
#lang a{ color: #747474;font-size: 12px; padding:0 10px;}
#en .en,#zh .zh{display: none;}
#foot {position:fixed;bottom:0;}


/*右侧头像样式*/
/* head */
/*GY 样式修改 头部增加font-size 13px */
#head {
    font-size: 13px;
}

#head .logo {
    float: left;
    vertical-align: middle;
    max-width: 400px;
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
    overflow: hidden;
}

#head .logo img {
    vertical-align: middle;
    font-size: 0;
    margin-top: -3px;
    *margin-top: 0;
}

#head .logo span {
    height: 100%;
    width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

#head .logo-title {
    float: left;
    color: #EEF2F5;
    font-weight: bold;
}

#head .logo-area {
    float: left;
    color: #fff;
    font-size: 1.3em;
}

#head .logo-area i {
    vertical-align: middle;
}

#head .logo-area a {
    font-size: 1em;
}

#head .userInfo {
    display: inline-block;
    /*margin-right: 18px;*/
    height:60px;
    line-height:60px;
}

#head .userInfo .user-default {
    display: none;
}

.userSlide {
    position: absolute;
    top: 60px;
    right: 2px;
    height: auto;
    width: 310px;
    background-color: transparent;
    z-index: 100;
}

.userSlide.user_manage {
    right: 125px;
}

#en .userSlide {
    right: 2px;
}

#en .userSlide.user_manage {
    right: 179px;
}

.userSlide .fileAttribute .user-info {
    color: #323D4C;
    padding: 24px 0 0 18px;
}
.userSlide .clientVersion {
    color: #7F8B96;
    height: 46px;
    line-height: 46px;
    margin: 0 18px;
    border-bottom: 1px #DADCDD solid;
    cursor: pointer;
}

.userSlide .fileAttribute .user-info p {
    line-height: 20px;
    margin-bottom: 12px;
    font-size: 14px;
}

.userSlide .fileAttribute .user-info .space-user {
    margin-bottom: 7px;
}

.userSlide .fileAttribute .user-info .accout-part {
    font-size: 14px;
    color: #656565;
}

.userSlide .fileAttribute .user-info .accout-part span {
    font-size: 12px;
    position: absolute;
    right: 15px;
}

.userSlide .fileAttribute .user-info .accout-part span a {
    color: #157cf5;
}

.userSlide .fileAttribute .user-info .expire {
    padding: 10px 0 15px;
}

.userSlide .fileAttribute .user-info .upgrade {
    color: #157cf5;
    font-size: 12px;
    font-weight: bold;
}

.userSlide .fileAttribute .user-info .space-bar, .userSlide .fileAttribute .user-info .cloud-bar {
    width: 270px;
    height: 4px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #DADCDD;
    overflow: hidden;
}

.userSlide .fileAttribute .user-info .space-bar span, .userSlide .fileAttribute .user-info .cloud-bar span {
    display: inline-block;
    height: 4px;
    background: #157cf5;
    border-radius: 5px;
    vertical-align: top;
}

.page-main .conright .user-info .space-part {
    padding: 10px 0;
}

.userSlide ul {
    padding: 10px 0 10px 0;
}

.userSlide s {
    position: absolute;
    display: block;
    top: -20px;
    *top: -22px;
    left: 20px;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #999 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
}

.userSlide i {
    position: absolute;
    display: block;
    top: -9px;
    *top: -9px;
    left: -10px;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
}

.userContent {
    border: 1px solid #D2D2D2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: auto;
    *top: -2px;
    *border-top: 1px solid #D2D2D2;
    *border-top: 1px solid #D2D2D2;
    /* *border-left:none;*/
    *border-right: none;
    *height: 102px;
    box-shadow: 3px 3px 6px rgba(0,0,0,.1);
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.1);
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.1);
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='rgba(0,0,0,.1)');
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='rgba(0,0,0,.1)')";
}

.userSlide li a {
    display: block;
    text-indent: 17px;
    cursor: pointer;
    color: #666;
    line-height: 30px;
    text-align: left;
}

.userSlide li a:hover {
    background: #EEEEEE;
    color: #323D4C;
}

#head .head-menu {
    display: none;
    float: right;
    min-width: 210px;
    text-align: right;
    margin-right: 40px;
    height:60px;
    line-height:60px;
}

#user_setHead{
    line-height: normal;
    padding: 15px 0 15px 0;
}

#head a {
    display: inline-block;
    height: 30px; /*line-height: 30px;*/
    /*color: #2c2c2c;*/
    color: #fff;
}

#head a.login_prev_guide {
    color: #0000ee;
}

#head a.back {
    margin-right: 15px;
}

#head a.i-msg {
    margin: 0 10px;
    position: relative;
    display: none
}

#head .head-menu .manage {
    padding: 0 13px;
}

#head .head-menu .logout {
    padding: 0 30px 0 14px;
}

#head .head-menu .logout[disabled=true] {
    color: #818da3;
}

#head .head-menu .logout:hover,
#head .head-menu .manage:hover,
#head .head-menu .back:hover {
    text-decoration: underline;
}

#head .head-menu .user-setting {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin-right:12px;
    margin-top:-4px;
    border:1px solid #FFFFFF;
}

/*#head .head-menu .first-letter{font-size: 22px;color: #fff;font-style: normal;}*/
#head .head-menu .user-name {
    /*max-width: 85px;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    color: #fff;
    font-style: normal;
    display: inline-block;
    /*vertical-align: middle;*/
}

#head .head-menu .user-name:hover {
    cursor: pointer;
    text-decoration: underline;
}
#head .head-menu .i-dropdown{/*background-position:0 -80px;*/color:#fff;font-size:16px;}
#head .head-menu .i-dropdown:before{float:right;margin-top:23px;margin-left:12px;}

#head .head-menu .split {
    display: inline-block;
    width: 0;
    height: 20px;
    /*border-left: 1px #2c2c2c solid;*/
    border-left: 1px #fff solid;
    vertical-align: middle;
}

#head .active {
    color: #7DC8E8;
    border-bottom: 2px #7DC8E8 solid;
}