.role1, .role2, .role3, .role4{display:none;}
.common-width, .common-w{width:1200px;margin:0 auto;}
.index-header{
    position: relative;
    height: 80px;
    z-index:4;
}
.index-header .header-logo{
    display: block;
    float: left;
    margin: 0;
    width: auto;
    height: 80px;
    margin-top: 6px;
}
.index-header .header-p{
    float: right;
    margin-top: 25px;
    width: 140px;
    line-height: 30px;
    color: #fff;
}
.index-header .header-login-succeed{
    width: 150px;
    position: relative;
}
.index-header .header-login-active{
    display: none;
}
.index-header a{
    font-size: 16px;
}
.header-login-succeed .succeed-nickname{
    height: 40px;
    line-height: 30px;
}
.header-login-succeed .succeed-rests{
    display: none;
}
.header-login-succeed .succeed-phone{
    display: none;
}
.succeed-nickname .nickname-portrait{
    display: block;
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.succeed-nickname .nickname-user{
    /*display: block;*/
    float: left;
    margin: 8px 5px 0 0;
    width: 12px;
    height: 14px;
    border-radius: 5px;
    background: url(../../imgs/icon.png) no-repeat -90px -80px;
}
.succeed-nickname:hover .nickname-user{
    background: url(../../imgs/icon.png) no-repeat -116px -80px;
}
.succeed-nickname .nickname-name{
    float: left;
    color: #19b7ff;
    cursor: pointer;
}
.nickname-name .name-user{
    /*position: relative;*/
    display: block;
    float: left;
    /*width: 64px;*/
    max-width: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
.nickname-name .name-drop{
    display: block;
    float: left;
    margin: 11px 0 0 5px;
    width: 14px;
    height: 8px;
    background: url(../../imgs/icon.png) no-repeat -43px -100px;
}
.succeed-nickname:hover .nickname-name{
    color: #f08200;
}
.succeed-nickname:hover .nickname-name .name-drop{
    background: url(../../imgs/icon.png) no-repeat -90px -100px;
}
.header-login-succeed .succeed-operation{
    display: none;
    position: absolute;
    top:4px;
    left: 4px;
    margin-top: 30px;
    padding:10px 0 10px 18px;
    width: 119px;
    background: #fff;
    box-sizing: border-box;
    color: #333;
}
.header-login-succeed .succeed-operation:after {
    position: absolute;
    top: -8px;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    content: "";
}
.header-login-succeed:hover .succeed-operation{display:block;opacity:1;}
.succeed-operation .operation-options{
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}
.succeed-operation .operation-options a{
    display: block;
    font-size:14px;
}
.succeed-operation .operation-options:hover a{
    color: #f08200;
}
.header-p .p-a{
    display: block;
    float: left;
    padding: 0 10px;
    height: 36px;
    color: #fff;
    cursor: pointer;
}
.header-p .p-a:hover{
    color: #f08200;
}
.header-p .p-span{
    display: block;
    float: left;
    margin-top: 10px;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.6);;
}
.index-header .header-ul{
    float: right;
    height: 80px;
    line-height: 80px;
}
.header-ul .ul-li{
    position: relative;
    float: left;
    margin-right: 35px;
    cursor: pointer;
}
.header-ul .ul-li a{
    color: #fff;
}
.header-ul .ul-li a:hover{
    color: #f08200;
}

.header-ul .ul-popup{
    position: absolute;
    top: 0;
    left: 55px;
}

.ul-li .li-a i{display:inline-block;width:20px;height:10px;background:url(../../imgs/drop_down.png) no-repeat center;}
.ul-li .li-a:hover{color: #f08200;}
.ul-li .li-a:hover i{background: url(../../imgs/icon.png) no-repeat -87px -99px;}
.ul-li .ul-sub{display:none;position:absolute;top:60px;width:110px;padding:10px 15px;line-height:28px;background:#fff;}
.ul-li .ul-sub:after{position:absolute;top:-13px;content:'';width:0;height:0;border:7px solid transparent; border-bottom-color:#fff;}
.ul-li:hover .ul-sub{display:block;}
.ul-li:hover .li-sub-a{color:#000;font-size:14px;white-space:nowrap;}

.ul-li, .li-sub{display:none;}
.block{display:block;}

.footer-common{/*position: fixed;bottom: 0;left: 0;*/background-color: #191938; color: #c9c9c9;}
.footer-common a:link, .footer-common a:visited{color: #c9c9c9;}
.footer-common a:hover{color: #fff;}
.footer-common .footer-box{padding:50px 0 50px 35px;box-sizing: border-box;}
.footer-common .f-box{margin-bottom: 50px;}
.footer-common .f-box h4{position:relative;line-height:18px;margin-bottom:20px;font-size: 18px;color: #fff;font-weight: 500;}
.footer-common .f-box:last-child{margin-bottom: 0;}
.footer-common .f-box li{float: left;height:14px;line-height:14px;padding: 0 10px; border-right: 1px solid #6c6c80;color: #fff;}
.footer-common .f-box li:first-child{padding-left: 0;}
.footer-common .f-box li:last-child{border-right: none;}
.footer-common .f-box li span{color: #c9c9c9;}
.footer-common .about h4:before, .footer-common .contact h4:before, .footer-common .link h4:before{position: absolute;top: -2px;left: -34px;}
.footer-common .about h4:before{content: url(../../imgs/about_us.png);}
.footer-common .contact h4:before{content: url(../../imgs/contact_us.png);left: -35px;}
.footer-common .footer-btm{height: 60px;line-height:60px;background-color: #000022;color: #c9c9c9;}