.cBlue {
    color: #3578ac
}

.cGray {
    color: #a1a0a0
}

.cGray1 {
    color: #666
}

.cGray2 {
    color: #e6e6e6
}

.cOrange {
    color: #f60
}

.cRed {
    color: #bd0a01
}

.cBlue1 {
    color: #1f376d
}

.cBlack {
    color: #555
}

.cBlack2 {
    color: #333
}

.tl {
    text-align: left
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.pt40 {
    padding-top: 40px
}

.pt70 {
    padding-top: 70px
}

.pl10 {
    padding-left: 10px
}

.bdl {
    border-left: 1px solid #e6e6e6
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.mt10 {
    margin-top: 10px
}

.oh {
    overflow: hidden
}

.f18 {
    font-size: 18px
}

body {
    background: url(about:blank);
    background-attachment: fixed
}

.wrap {
    overflow: hidden;
    white-space: nowrap
}

.popup2 .title .btn_close,.more span,.buyServe,.help,.help2,.navList,.navList .current b,.navList .extra .know_btn,.navList .extra .ico_triangle,.navList .current a,.btn05,.btn06,.btn08,.btn09,.moveAreaList .button,.ico,.projectListNav li a,.projectListNav li span,.projectListNav li b,.listLeftMenu .current div,.tipsPop,.p1 a,.p1 b,.p1 em,.buy-service,.buy-service span {
    background: url(../images/index_all.gif) no-repeat
}

.header {
    margin-bottom: 16px;
    font-family: Arial
}

.topMenu {
    width: 100%;
    background: #f8f8f8 url(../images/header_bg_line.png) repeat-x;
    height: 36px;
    line-height: 36px
}

.topFix {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    _position: absolute;
    _top: expression(documentElement.scrollTop+"px")
}

.topMenu .cBule {
    margin-left: 5px
}

.topMenu .home {
    margin-right: 15px
}

.topMenu .perInfo {
    margin-right: 70px;
    float: left
}

.topMenu .share {
    display: block;
    height: 28px;
    line-height: 14px
}

.nav-login {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom:1}

.nav-login-link {
    height: 36px;
    padding: 0 10px;
    display: inline-block;
    *display: inline;
    zoom:1;cursor: default
}

.nav-login-link:hover {
    text-decoration: none
}

.nav-login-hover {
    background-color: #ddd
}

.nav-login-box {
    position: absolute;
    z-index: 1001;
    left: 0;
    top: 36px;
    border: 1px solid #ffc525;
    padding: 12px 30px;
    background-color: #fff;
    border-radius: 2px
}

.login-box-inner {
    width: 208px
}

.p-wechat {
    margin: 6px 0 6px 15px
}

.p-wechat a {
    display: block;
    cursor: pointer;
    width: 90px;
    height: 24px;
    background-color: #43af78;
    border-radius: 3px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 7px;
    color: #fff;
    margin-top: -1px;
    font-weight: bold;
    text-decoration: none
}

.p-wechat:hover .wechat-box {
    display: block
}

.wechat-box {
    position: absolute;
    margin: -23px 0 0 110px;
    border-radius: 5px;
    color: #e94709;
    background-color: #fff;
    z-index: 2
}

.wechat-box p {
    padding: 0;
    line-height: 24px;
    font-size: 14px
}

.wechat-box .scan-code {
    box-shadow: 0 0 5px #aaa;
    border: 1px solid #ccc;
    padding: 7px;
    width: 115px
}

.wechat-box i {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    position: absolute;
    left: -11%;
    top: 2px;
    z-index: 10;
    margin-left: -2px;
    border-width: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent
}

.wechat-box i.out {
    left: -12%;
    z-index: 5;
    border-color: transparent #ccc transparent transparent
}

.nav-login span.grace {
    position: absolute;
    padding: 0 5px;
    display: block;
    top: 1px;
    left: 1px;
    z-index: 1;
    border: 0;
    overflow: hidden;
    cursor: text
}

.nav-login div.grace,input.grace {
    background: url("../images/bg_input.gif") no-repeat left top #fff
}

.nav-login input.grace {
    border: 1px solid #cecece
}

.nav-login div.grace {
    background-position: 1px 1px;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom:1;z-index: 1;
    line-height: 1.75em;
    overflow: hidden;
    vertical-align: middle
}

.nav-login input.grace {
    padding: 4px;
    line-height: 1.25em;
    *line-height: 1.75em;
    *vertical-align: middle;
    *height: 1.75em
}

.nav-login div.grace input.grace {
    float: left
}

.nav-login div.div-text {
    margin-bottom: 10px;
    padding: 0;
    border-radius: 3px
}

.nav-login input.input-text {
    line-height: 20px;
    margin: 0;
    width: 192px
}

.nav-login span.span-text {
    left: 4px;
    top: 7px
}

.input-hidden {
    display: none
}

.login-label {
    line-height: 19px;
    margin-bottom: 18px;
    display: block
}

.login-label input {
    padding: 0
}

.login-label label {
    height: 22px;
    _height: 16px;
    display: inline-block;
    *display: inline;
    zoom:1}

.nav-login-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border: 1px solid #f70;
    background-color: #f80;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px
}

.nav-login-btn:hover {
    text-decoration: none;
    background-color: #f90
}

.nav-login input.nav-login-error {
    background-color: #fee;
    background-image: none;
    border-color: #ffb5b5
}

.apply-try {
    *margin-left: 10px
}

.buy-service {
    width: 77px;
    height: 24px;
    font-weight: bold;
    line-height: 18px;
    margin: 5px 0 0 15px;
    background-position: -184px -328px
}

.custom-service {
    padding-left: 12px
}

.err-animation {
    -webkit-animation: .8s ease;
    -moz-animation: .8s ease;
    -ms-animation: .8s ease;
    animation: .8s ease;
    -fill-mode: both
}

.err-shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px)
    }
}

@keyframes shake {
    0%,100% {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}

.logo {
    background-position: left top;
    width: 156px;
    height: 66px;
    display: block;
    float: left;
    margin-top: 15px
}

.plogo {
    background: url("../images/plogo.gif") no-repeat;
    width: 123px;
    height: 66px;
    display: block;
    float: left;
    margin-top: 15px
}

.plogo img {
    width: 123px;
    height: 66px
}

.bizqq {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    cursor: pointer;
    width: 79px;
    height: 25px;
    background: url("../images/qqbtn.png") 0 0 no-repeat
}

#webMap {
    position: relative;
    z-index: 999
}

#webNav {
    width: 142px;
    height: 274px;
    position: absolute;
    right: 0;
    top: 35px;
    zoom:1}

#webMap ul {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    padding: 4px 8px
}

#webMap li {
    width: 118px;
    line-height: 24px;
    padding: 4px 0 4px 6px;
    white-space: nowrap;
    border-top: 1px dotted #ccc;
    margin-top: -1px;
    position: relative;
    zoom:1}

#webMap a {
    min-width: 50px;
    _width: 50px
}

.webMap {
    display: inline-block;
    *display: inline;
    *zoom:1;padding: 0 21px 0 10px;
    height: 36px;
    line-height: 36px;
    position: relative;
    z-index: 1000;
    border-bottom: 0;
    border-top: 0;
    background: url("../images/webmap_ico_close.gif") no-repeat 62px center
}

.webMap:hover {
    text-decoration: none
}

.webMap-hover .webMap {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-right: 20px
}

#webMap .firstLine {
    border-top: 0;
    margin-top: 0
}

#webMap .firstLine a {
    color: #000
}

.serveArea {
    padding: 15px 10px 0 0;
    float: right
}

.serveArea ul {
    line-height: 20px
}

.ico-buServe {
    background-position: -214px -128px;
    width: 36px;
    height: 37px;
    display: block;
    margin: 2px 5px 0 0
}

.buyServe {
    background-position: -156px top;
    width: 79px;
    height: 36px;
    display: block;
    margin: 3px 0 0 10px;
    text-indent: -9999px;
    overflow: hidden
}

.help {
    background-position: -156px -36px;
    width: 79px;
    height: 36px;
    display: block;
    margin: 3px 0 0 10px
}

.help2 {
    background-position: 0 -309px;
    width: 79px;
    height: 36px;
    display: block;
    margin: 3px 0 0 10px
}

.hSearch {
    float: right;
    margin: 45px 0 0 10px
}

.searchBox {
    float: right;
    padding: 10px 0 17px 0;
    width: 485px
}

.searchBox .searchTab {
    overflow: hidden;
    zoom:1;padding-bottom: 4px
}

.searchBox .searchTab li {
    padding: 0 10px;
    margin: 0 5px 0 0;
    color: #369;
    cursor: pointer;
    float: left;
    height: 25px
}

.searchBox .searchTab li i {
    width: 7px;
    height: 4px;
    display: inline-block
}

.searchBox .searchTab li.current {
    color: #f60;
    font-weight: bold;
    background: url("../images/icon-triangle-orange.gif") center 20px no-repeat
}

.searchBox .searchForm {
    border: 2px solid #f60;
    overflow: hidden;
    zoom:1;background-color: #f60
}

.searchBox .searchForm .search-key {
    width: 377px;
    padding: 4px;
    height: 23px;
    line-height: 23px;
    border: 0;
    outline: 0;
    float: left
}

.searchBox .searchForm .search-btn {
    border: 0;
    outline: 0;
    float: left;
    cursor: pointer;
    height: 31px;
    line-height: 31px;
    background-color: #f60;
    color: #fff;
    padding: 0 18px;
    font-weight: bold;
    font-family: "微软雅黑";
    letter-spacing: .5em;
    overflow: hidden;
    width: 96px;
    text-align: center
}

.searchBox .searchForm2 {
    border-color: #177fc3;
    background-color: #177fc3
}

.searchBox .searchForm2 .search-btn {
    background-color: #177fc3
}

.searchBox .searchTab2 li {
    color: #888
}

.searchBox .searchTab2 li.current {
    color: #177fc3;
    font-weight: bold;
    background: url(../images/icon-triangle-blue.gif) center 20px no-repeat
}

.nNavLeft,.nNavRight,.nNav .current a,.nNav .current b {
    background: url(../images/nav_bg.gif) 0 0 no-repeat
}

.cNavLeft,.cNavRight,.cNav .current a,.cNav .current b {
    background: url(../images/cnav_bg.gif) 0 0 no-repeat
}

.nNav,.cNav {
    height: 36px;
    position: relative;
    padding-top: 2px
}

.nNavLeft,.cNavLeft {
    background-position: -180px -40px;
    width: 15px;
    height: 36px;
    position: absolute;
    top: 2px;
    left: 0
}

.nNavRight,.cNavRight {
    background-position: -195px -40px;
    width: 15px;
    height: 36px;
    position: absolute;
    top: 2px;
    right: 0
}

.cNavLeft {
    background-position: -180px -40px
}

.cNavRight {
    background-position: -195px -40px
}

.cNav .navList {
    background: url(../images/cnav_repeat.gif) 0 0 repeat-x
}

.nNav .navList {
    background: url(../images/nav_repeat.gif) 0 0 repeat-x
}

.navList {
    padding: 0 15px;
    line-height: 36px;
    height: 36px;
    _overflow: hidden
}

.navList a {
    font-size: 14px;
    color: #fff
}

.navList b {
    cursor: pointer;
    font-weight: bold
}

.navList li {
    float: left;
    padding: 0 11px;
    position: relative
}

.navList .newIco {
    position: absolute;
    right: -2px;
    top: -9px
}

.navList .current a {
    position: relative;
    display: inline-block;
    top: -2px;
    height: 38px;
    padding-left: 1em;
    line-height: 38px;
    overflow: hidden
}

.navList .current b {
    display: inline-block;
    padding-right: 1em;
    white-space: nowrap
}

.nNav .current a {
    background-position: 0 top;
    color: #f60
}

.nNav .current b {
    background-position: right top
}

.cNav .current a {
    background-position: left 0;
    color: #2e8cd1
}

.cNav .current b {
    background-position: right 0
}

.navLine {
    border-bottom: 2px #f16403 solid;
    line-height: 0;
    height: 0
}

.navList .ico-hot {
    position: absolute;
    right: 3px;
    top: -6px;
    display: inline-block;
    zoom:1;*display: inline;
    width: 27px;
    height: 14px;
    background-position: 0 -371px
}

.navList .current .ico-hot {
    right: 18px
}

.navList .ico-new2 {
    position: absolute;
    right: 3px;
    top: -6px;
    display: inline-block;
    zoom:1;*display: inline;
    width: 27px;
    height: 14px;
    background-position: -29px -371px
}

.popup1 {
    border: 1px solid #ff8839;
    padding: 1px;
    background: #fff8ec;
    width: 360px
}

.popup1 .title,.popup2 .title {
    background: #ff8839;
    color: #fff;
    font-weight: bold;
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 13px
}

.popup1 .title .btn_close {
    background: url(../images/bg_close.gif) no-repeat;
    width: 14px;
    height: 14px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 6px
}

.popup2 {
    border: 1px solid #adcae9;
    padding: 1px;
    background: #fff;
    width: 360px
}

.popup2 .title {
    background: #4894d5;
    color: #fff
}

.popup2 .title .btn_close {
    background-position: -255px -293px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 5px
}


#topbar {
    text-align: right;
    padding: 5px 9px 0 0;
    height: 17px
}

#topbar a:hover {
    text-decoration: none
}

#small {
    background: url(../images/small.gif) no-repeat left center
}

#close {
    background: url(../images/close.gif) no-repeat left center
}

.newProj {
    padding: 10px 0 0
}

.newProj li {
    padding: 5px 4px 0 15px;
    margin: 0 0 0 5px;
    background: url(../images/dot_05.gif) no-repeat 5px 13px;
    width: 220px;
    line-height: 22px
}

.newProj li a {
    color: #015b87
}

.path {
    padding: 14px 0;
    color: #555
}

.path a {
    color: #555
}

.layout185 {
    width: 185px
}

.layout200 {
    width: 200px
}

.layout750 {
    width: 750px
}

.layout230 {
    width: 230px
}

.layout720 {
    width: 720px
}

.layout765 {
    width: 765px
}

.layout885 {
    width: 885px
}

.layout670 {
    width: 670px
}

.layout280 {
    width: 280px
}

.b1 {
    background: #c1d1e6;
    margin: 0 1px;
    font-size: 0;
    height: 1px;
    display: block;
    overflow: hidden
}

.bBox {
    border-left: 1px #c1d1e6 solid;
    border-right: 1px #c1d1e6 solid;
    padding: 1px;
    background: #fff
}

.bBox_4 {
    border: 1px #c1d1e6 solid
}

.cBox {
    border: 1px solid #eaf2fe;
    border-top-color: #a6bfea;
    background: #fff;
    zoom:1}

.cBox .title {
    zoom:1;background: #eaf2fe;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    padding-left: 10px;
    color: #363636
}

.cBox .title .fr {
    font-weight: normal;
    font-size: 12px;
    margin-right: 10px
}

.mBox {
    border: 1px #efefef solid;
    border-top-color: #c5c5c5;
    background: #fff
}

.mBox .title {
    background: #efefef;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    padding-left: 10px;
    color: #363636
}

.loginArae {
    background: url(../images/login_bg.jpg) no-repeat
}

.loginArae {
    font-family: Tahoma
}

.loginArae td {
    height: 30px
}

.loginArae .grace {
    width: 110px;
    border: 1px solid #cecece
}

.loginArae .btn01 {
    float: left;
    margin: 10px 0 5px 10px;
    text-align: center
}

.loginArae ul {
    padding: 0 10px;
    line-height: 25px;
    font-size: 14px
}

.loginArae h1,.loginArae .username {
    line-height: 20px;
    padding: 15px 0 0 10px;
    font-size: 14px;
    margin-bottom: 10px
}

.loginArae .username span {
    margin-bottom: 10px;
    display: block
}

.loginArae .listLeftMenu {
    border-top: 0;
    margin: 0;
    padding: 5px 10px
}

.loginArae .listLeftMenu ul {
    padding: 0
}

.loginArae .fPws {
    float: left;
    display: block;
    line-height: 26px;
    margin: 10px 0 5px 10px
}

.loginArae .reg {
    margin-left: 10px
}

.accurate {
    padding: 15px;
    background: #f2f6fb
}

.listLeftMenu {
    border-top: 1px #ccc dotted;
    margin: 10px;
    line-height: 28px
}

.listLeftMenu ul {
    padding-top: 5px
}

.listLeftMenu div {
    padding-left: 10px;
    margin: 6px 0;
    zoom:1;z-index: 1;
    height: 28px
}

.listLeftMenu a:hover {
    text-decoration: none
}

.listLeftMenu .current div {
    background-position: left -250px
}

.listLeftMenu .current b {
    color: #333
}

.listSubMenu {
    width: 183px;
    margin-left: -11px;
    margin-top: -5px;
    _margin-right: -11px
}

.listSubMenu li {
    padding-left: 44px;
    height: 26px
}

.listSubMenu .current2 {
    background-color: #e7f3f9
}

.listSubMenu span {
    color: #4d4d4d
}

.listSubMenu .current2 span {
    color: #369
}

.fav-other {
    position: relative
}

.listLeftMenu .fav-other .poptip {
    position: absolute;
    left: 110px;
    top: -8px;
    padding: 8px 10px;
    line-height: 21px;
    font-size: 12px;
    background: #fff9d9;
    border: 1px solid #ffbd8b;
    height: auto;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #8f8f8f
}

.fav-other .poptip div {
    width: 134px;
    background: 0;
    margin: 0;
    padding: 0;
    height: auto
}

.fav-other .poptip-arrow {
    position: absolute;
    overflow: hidden;
    font-style: normal;
    font-family: simsun;
    font-size: 20px
}

.poptip-arrow em,.poptip-arrow i {
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal
}

.poptip-arrow em {
    color: #ffbd8b
}

.poptip-arrow i {
    color: #fff9d9
}

.fav-other .poptip-arrow-left {
    height: 20px;
    width: 10px;
    top: 10px;
    left: -10px;
    margin-top: -6px
}

.poptip-arrow-left em {
    left: 1px
}

.poptip-arrow-left i {
    left: 2px
}

.poptip .i-know {
    color: #369;
    cursor: pointer
}

.projectListNav,.newEnterpriseNav {
    border-bottom: 2px #5e8fc4 solid;
    padding: 0 15px 0 5px;
    line-height: 24px;
    height: 24px;
    overflow: hidden
}

.projectListNav input {
    margin: 0
}

.projectListNav li {
    float: left;
    margin-left: 5px
}

.projectListNav li a {
    background-position: -272px -86px;
    display: inline-block;
    padding-left: 1em;
    height: 24px;
    color: #666
}

.projectListNav li span,.projectListNav li b {
    background-position: right -86px;
    display: inline-block;
    padding-right: 1em;
    cursor: pointer
}

.projectListNav li b {
    color: #369
}

.projectListNav .current a {
    background-position: -272px -62px;
    color: #fff;
    font-weight: bold
}

.projectListNav .current span,.projectListNav .current b {
    background-position: right -62px
}

.projectListNav .current b {
    color: #fff
}

.more {
    float: right;
    display: block;
    margin-right: 10px;
    color: #369
}

.more span {
    margin-top: 10px;
    display: block;
    background-position: -251px -156px;
    width: 5px;
    height: 9px;
    float: left;
    padding-left: 5px
}

.pageArea {
    zoom:1;padding: 10px 0 10px 10px
}

.p,.p1 {
    float: left
}

.p a,.p b {
    color: #555;
    float: left;
    margin-right: 5px;
    line-height: 20px
}

.p a:hover {
    color: red;
    float: left
}

.p1 {
    line-height: 20px
}

.p1 a,.p1 b {
    float: left;
    display: block;
    background-position: -261px -250px;
    padding-left: 6px;
    height: 20px;
    color: #1f366d;
    margin-right: 5px
}

.p1 b,.p1 a:hover {
    background-position: -261px -270px;
    color: #fff
}

.p1 em {
    display: inline-block;
    padding-right: 6px;
    background-position: right -250px;
    cursor: pointer
}

.p1 b em,.p1 a:hover em {
    background-position: right -270px
}

.p .grace,.p1 .grace {
    padding: 2px;
    margin-right: 6px;
    float: left;
    *height: 1.7em;
    *line-height: 1.7em;
    width: 2.5em
}

.ico-new,.ico-invite,.ico-msg,.ico-follow,.ico-quality,.ico-watch,.ico-subscribe,.ico-download,.ico-phone {
    background-position: -236px -113px;
    width: 27px;
    height: 15px;
    display: inline-block;
    zoom:1;vertical-align: middle
}

.ico-invite {
    background-position: -123px -81px
}

.ico-msg {
    background-position: -124px -66px;
    width: 26px
}

.ico-follow {
    background-position: -271px -290px
}

.ico-quality {
    background-position: -300px -290px
}

.ico-watch {
    background-position: -136px -328px;
    width: 43px
}

.ico-subscribe {
    background-position: -136px -309px;
    width: 56px
}

.ico-download {
    background-position: -193px -309px;
    width: 58px
}

.ico-phone {
    background-position: right -345px;
    width: 25px;
    height: 36px;
    margin-right: 4px
}

.ico-close-tips {
    background-position: -128px -360px;
    width: 11px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.popup1 .ico-msg {
    display: inline-block;
    float: none
}

.ico-advanced {
    display: inline-block;
    *display: inline;
    *zoom:1;height: 16px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #ff8839;
    margin-left: 4px;
    padding: 0 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px
}

.activityList ul {
    overflow: hidden;
    width: 100%
}

.activityList li {
    padding: 20px 0;
    float: left;
    text-align: center;
    width: 25%
}

.activityList a {
    color: #369;
    font-size: 14px;
    white-space: nowrap;
    font-weight: bold;
    line-height: 27px;
    overflow: hidden;
    display: inline-block;
    zoom:1;*display: inline-block;
    width: 85%
}

.activityList a:hover {
    text-decoration: none
}

.cNav .navList .extra {
    float: right
}

.navList {
    padding-right: 15px
}

.cNav .navList .extra {
    padding: 0;
    margin-right: 23px;
    _margin-right: 12px;
    position: relative;
    z-index: 2
}

.navList .extra a {
    background-position: -273px -316px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-size: 12px
}

.navList .extra i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/ico_lead.png) 0 0 no-repeat;
    vertical-align: middle
}

.navList .extra b {
    background-position: right -316px;
    display: inline-block;
    white-space: nowrap
}

.navList .extra .sampleTips {
    padding: 10px;
    width: 113px;
    border: 1px solid #c0c0c0;
    background-color: #feffe5;
    color: #646464;
    line-height: 19px;
    position: absolute;
    right: -140px;
    top: 0;
    display: none;
    border-radius: 3px;
    box-shadow: 0 0 5px #8f8f8f
}

.navList .extra .know_btn {
    display: block;
    width: 57px;
    height: 25px;
    background-position: -79px -320px;
    margin-top: 10px
}

.navList .extra .ico_triangle {
    display: inline-block;
    width: 7px;
    height: 13px;
    background-position: right -292px;
    position: absolute;
    top: 7px;
    left: -7px
}

#guidePop {
    border-radius: 10px;
    border: 4px solid #3e66a6;
    background: #e9f2fb;
    padding: 20px;
    position: absolute
}

#guidePop .infoMsg,#guidePop .span_close {
    background-image: url("../images/controlbox.gif")
}

#guidePop .infoMsg {
    width: 400px;
    height: 92px;
    background-position: 0 -111px
}

#guidePop .span_close {
    display: inline-block;
    border-radius: 5px;
    border: 3px solid #fff;
    margin-left: 20px
}

#guidePop .btnbox {
    padding-left: 41px;
    margin-top: 20px
}

#guidePop .span_close.start {
    width: 110px;
    height: 35px;
    background-position: 0 -41px
}

#guidePop .span_close.start:hover {
    background-position: 0 -76px
}

#guidePop .span_close.leave {
    width: 150px;
    height: 35px;
    background-position: -180px -41px
}

#guidePop .span_close.leave:hover {
    background-position: -180px -76px
}

.loginLayer {
    position: absolute;
    display: none
}

.loginLayer .layer {
    width: 618px;
    border-radius: 5px;
    background: rgba(0,0,0,.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#6F000000,endcolorstr=#6F000000);
    padding: 10px;
    overflow: hidden
}

:root .loginLayer .layer {
    filter: none
}

.loginLayer .inputText {
    margin-top: 26px
}

.loginLayer .inputText p {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    padding: 5px 0
}

.loginLayer .inputText li {
    padding-bottom: 13px
}

.loginLayer .inputText .perNum,.loginLayer .inputText .perPwd {
    height: 21px;
    width: 174px;
    padding: 2px;
    border: 1px solid #7f9db9
}

.loginLayer .loginBtn {
    cursor: pointer;
    display: inline-block;
    width: 73px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: url(../images/login.gif) 0 0 no-repeat;
    margin: 0 10px 0 35px;
    vertical-align: middle
}

.loginLayer .registerBtn {
    text-align: center
}

.loginLayer .registerBtn a {
    display: inline-block;
    width: 163px;
    height: 43px;
    background: url(../images/register.gif) 0 0 no-repeat
}

.loginLayer .tgDoWhat {
    width: 220px;
    height: 50px;
    background: url("../images/bg2.gif") 0 0 no-repeat;
    margin-top: 25px
}

.loginLayer table {
    margin-top: 27px;
    line-height: 25px
}

.loginLayer .registerBox,.loginLayer .loginBox {
    background-color: #fff;
    border: 1px solid #5a5a5a;
    overflow: hidden;
    zoom:1;position: relative\9
}

.registerBox .left p,.loginBox .left p {
    color: #f60;
    line-height: 25px;
    padding-bottom: 14px
}

.registerBox .left p span,.loginBox .left p span {
    font-weight: bold
}

.registerBox .right,.loginBox .right {
    width: 232px;
    padding-left: 20px;
    padding-bottom: 1000px;
    margin-bottom: -1000px
}

.loginLayer .closeBtn {
    cursor: pointer;
    display: inline-block;
    width: 13px;
    height: 12px;
    background: url(../images/bg_close3.gif) 0 0 no-repeat;
    position: absolute;
    right: 15px;
    top: 15px
}

.loginLayer .registerBox {
    padding: 0 0 33px 20px
}

.registerBox .right {
    float: right;
    background: url("../images/bg1.gif") 0 0 no-repeat
}

.registerBox .left {
    float: left;
    padding: 24px 24px 0 0;
    width: 320px;
    font-size: 14px
}

.loginLayer .loginBox {
    padding: 0 0 33px 0
}

.loginBox .right {
    float: left
}

.loginBox .left {
    float: right;
    width: 330px;
    font-size: 14px;
    background: url("../images/bg1.gif") 0 0 no-repeat;
    padding-left: 20px
}

.loginBox .left p {
    margin-top: 26px
}

.loginBox .left table {
    margin-right: 20px
}

.loginBox .left p {
    margin-right: 44px
}

.tipsPop,.listLeftMenu .tipsPop {
    z-index: 2;
    position: absolute;
    width: 127px;
    height: 47px;
    overflow: hidden;
    background-position: -276px -145px;
    top: -10px;
    right: -90px
}

.listLeftMenu .tipsPop {
    margin: 0;
    padding: 0
}

.listLeftMenu .current .tipsPop {
    background-position: -276px -145px
}

.tipsPop p {
    padding: 5px 5px 5px 13px;
    line-height: 18px
}

.ico-myCollect {
    background-position: -131px -138px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 5px 5px 0 0
}

.ico-unDown {
    background-position: -100px -138px;
    width: 15px;
    height: 16px;
    display: block;
    float: left;
    margin: 6px 5px 0 0
}

.ico-refresh {
    background-position: -238px -278px;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin: 6px 5px 0 0
}

.ico-subaccount {
    background-position: -254px -311px;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin: 6px 5px 0 0
}

.ico-downList,.ico-haveBuy,.ico-remark,.ico-myCollect,.ico-companyServer {
    background: url("../images/ico-index.gif") no-repeat
}

.ico-downList {
    background-position: 0 0;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 6px 5px 0 0
}

.ico-haveBuy {
    background-position: 0 -16px;
    width: 15px;
    height: 14px;
    display: block;
    float: left;
    margin: 8px 5px 0 0
}

.ico-remark {
    background-position: 0 -32px;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin: 6px 5px 0 0
}

.ico-myCollect {
    background-position: 0 -48px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 5px 5px 0 0
}

.ico-companyServer {
    background-position: 0 -64px;
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin: 6px 5px 0 0
}

.header .tips {
    text-indent: -9999px
}

.btnFormateL-yellow-s,.btnFormateR-yellow-s {
    background: url("../images/listBtn.gif") 0 0 no-repeat;
    display: inline-block
}

.btnFormateL-yellow-s {
    background-position: 0 -284px;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    text-align: center
}

.btnFormateR-yellow-s {
    background-position: right -284px;
    color: #fff;
    font-size: 12px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-right: 10px;
    text-align: center;
    cursor: pointer
}

#activityAreaPop .popBox {
    padding: 7px 13px 15px 13px;
    color: #333
}

#activityAreaPop .popBox h2 {
    line-height: 25px
}

#activityAreaPop .popBox strong {
    color: #c00
}

#activityAreaPop select {
    height: 21px;
    line-height: 21px;
    margin: 6px 10px 10px 0;
    border: 1px solid #7f9db9;
    padding: 1px
}

#activityAreaPop .haveSelBox {
    padding-top: 10px;
    border-top: 1px solid #d9d9d9
}

#activityAreaPop .haveSel {
    padding: 4px 4px 0;
    background-color: #dedede;
    overflow: hidden;
    zoom:1}

#activityAreaPop .haveSel p {
    line-height: 23px
}

#activityAreaPop .haveSel .selBox {
    background-color: #fff;
    border: 1px solid #ff8839;
    height: 18px;
    padding: 0 3px;
    margin: 0 5px 5px 0;
    display: inline-block;
    line-height: 18px
}

#activityAreaPop .haveSel .selBox span {
    float: left;
    color: #555
}

#activityAreaPop .haveSel .icon-close {
    display: inline-block;
    width: 11px;
    height: 12px;
    background: url("../images/icon-close.gif") 0 0 no-repeat;
    cursor: pointer;
    float: left;
    margin: 3px 0 3px 3px
}

#activityAreaPop .btn {
    margin-bottom: 10px
}

#activityAreaPop .btn a {
    padding-left: 15px;
    margin-bottom: 5px
}

#activityAreaPop .btn a:hover {
    text-decoration: none
}

#activityAreaPop .btn b {
    padding-right: 15px
}

#activityAreaPop .btn .suc {
    color: #52ad20;
    font-size: 14px;
    font-weight: bold
}

#activityAreaPop .btn .unSuc {
    color: #777;
    font-size: 12px;
    font-weight: lighter
}

#activityAreaPop .mail {
    padding: 15px 0 10px 0;
    border-top: 1px solid #d9d9d9;
    line-height: 21px
}

.mainTabs {
    line-height: 30px;
    border: 1px solid #c4d4e7;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px 0 #eee;
    background: #e4f1ff;
    zoom:1}

.mainTabs a {
    float: left;
    display: inline-block;
    padding: 2px 24px;
    _display: inline;
    zoom:1;border-right: 1px solid #c4d4e7;
    border-left: 1px solid #fff;
    color: #3578ac;
    font-weight: bolder;
    font-size: 14px
}

.mainTabs a.current {
    border-top: 2px solid #177fc3;
    padding-top: 1px;
    background: #f5f5f5;
    color: #888
}

.mainTabs .fr {
    margin-right: 10px
}

.friends {
    margin: 0 auto;
    width: 958px;
    border: 1px #ccc solid
}

.fri_1 {
    position: relative;
    width: 948px;
    height: 32px;
    line-height: 34px;
    font-size: 14px;
    color: #555;
    font-weight: bold;
    padding-left: 10px;
    border-bottom: 1px #ccc solid;
    background-color: #fafafa
}

.fri_1 a {
    position: absolute;
    display: block;
    right: 10px;
    top: 0;
    font-weight: lighter;
    font-size: 12px;
    color: #369
}

.fri_2 {
    margin: 8px 12px;
    font-size: 12px;
    line-height: 26px
}

.fri_2 a {
    color: #555;
    padding-right: 5px
}

.fri_2 a:hover {
    text-decoration: underline
}