@charset 'utf-8';
//TOP部分控制
$headHeight:92px;

.top-topnav {
    font-size: 12px;
    li {
        float: left;
        position: relative;
        a {
            display:block;
            height:40px;
            line-height:40px;
            border-right:1px solid nth($gery,3);
            color: nth($black,1);
            width:getWidth(1,false);
            text-align:center;
            &:hover {
                color: nth($black,3);
                background:nth($green,1);
            }
        }
        &:hover {
            background:nth($green,1);
        }
        dl {
            display:none;
            position: absolute;
            top: 40px;
            left: 0;
            border: 1px solid nth($gery,3);
            border-bottom: 3px solid nth($green,3);
            background: nth($baseColor,1);
            a {
                white-space: nowrap;
                display: block;
                margin: 0;
                border: none 0;
                &:hover {
                    color: nth($black,3);
                    background: nth($green,1);
                }
            }
        }
    }
}

.head-logo {
    height: 81px;
    background: url('../Images/logo/logo.png') no-repeat;
    a {
        display: block;
        width: 100%;
        height: 81px;
        text-indent: -9999px;
    }
}

.head-nav {
    width: 100%;
    li {
        float: left;
        padding: 5px 15px 10px 0;
        position: relative;
        margin-left:15px;
        a {
            color: nth($black,3);
            font-size: 18px;
            &:hover {
                color: nth($blue,2);
            }
        }

        dl {
            @extend %radius3;
            display: none;
            position: absolute;
            top: 38px;
            left: -10px;
            border: 1px solid nth($gery,2);
            border-bottom: 3px solid nth($blue,2);
            background: nth($baseColor,1);
            a {
                white-space: nowrap;
                display: block;
                padding: 10px 25px;
                margin: 0;
                font-size: 14px;
                &:hover {
                    color: nth($blue,3);
                    background: nth($gery,1);
                }
            }
        }
    }

    .head-fixednav {        
        text-align: right;
        padding-right: 0; 
        float: right;
        a {
            @extend %radius5;
            background: nth($baseColor,1);
            border: 1px solid nth($gery,3);
            padding: 3px 10px;
            font-weight:normal!important;
            font-size:16px!important;
            &:hover{
                color:nth($baseColor,1);
               border: 1px solid nth($blue,3);
               background: nth($blue,1);
            }
        }
       .blue {
         color: nth($baseColor,1);
         background: nth($blue,2);
         border-color: nth($blue,3);
         &:hover {
            border: 1px solid nth($blue,3);
                }
            }
    }
}


 //顶部导航弹出菜单
.my-account {
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 91;
    width: 378px;
    display: none;    
    .box {
        width: 100%;
        height: 189px;
        margin-top: 8px;
        background: nth($baseColor,1);
        position: relative;
        border: 1px solid nth($gery,3);
        box-shadow: 1px 1px 1px #ccc;
        filter:progid:dximagetransform.microsoft.shadow(color:#cccccc,direction:145,strength:2);
        .box-arrow {
            display: block;
            width: 21px;
            height: 12px;
            position: absolute;
            right: 20px;
            top: -11px;
            background: url('../Images/bg/arrow.png') no-repeat;
        }

        .box-bottom {
            width: 100%;
            height: 52px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: nth($gery,1);
            border-top: 1px solid nth($gery,3);
            text-align: left;

            a {
                @include inline-block;
                padding: 1px 10px;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                font-size: 14px;
            }

            .loginout {
                position: absolute;
                right: 0;
                top: 0;
            }

            .blue {
                color: nth($baseColor,1);
                background: nth($blue,1);
                border-color: nth($blue,2);

                &:hover {
                    border: 1px solid nth($blue,3);
                }
            }
        }

        .my-container {
            width: 358px;
            margin: auto;
            position: relative;
        }

        .my-photo {
            margin-top: 15px;
        }

        .my-info {
            margin-top: 15px;

            a {
                border: 0 none;
                font-size: 12px;
            }

            p {
                width: 246px;
            }
        }
    }
}

.my-container {
    overflow: hidden;

    .my-photo {
        width: 90px;
        height: 90px;
        border: 1px solid nth($gery,2);
        padding: 5px;
        position: relative;
        float: left;

        img {
            width: 90px;
            height: 90px;
        }

        a {
            display: block;
            position: absolute;
            left: 5px;
            top: 5px;
            padding: 0;
            width: 90px;
            height: 90px;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            border: 0 none;
            line-height: 90px;
            text-align: center;
            text-indent: -9999px;
            background: none;
            font-size: 12px;

            &:hover {
                border: 1px solid nth($gery,2);
                text-indent: 0;
                @include bgcolor-alpha;
            }
        }
    }

    .my-info {
        float: left;
        margin-left: 10px;

        h4 {
            font-size: 24px;
            color: nth($black,3);

            span {
                font-size: 14px;
            }
        }

        h5 {
            line-height: 30px;
            font-size: 16px;

            a {
                font-size: 12px;
                margin-left: 20px;
                font-family: $baseSongTi;
            }
        }

        p {
            display: block;
            text-align: left;
            font-family: $baseSongTi;
            font-size: 12px;
            margin-bottom: 5px;

            i, a {
                margin-right: 10px;
            }

            i {
                cursor: default;
            }
        }

        .icons-p {
            *margin-top: 10px;
            line-height: 34px;
        }

        .my-name {
            a {
                font-size: 16px;
                font-weight: bold;
                padding: 0;
                color: $baseFontColor;
            }
        }

        a:hover{
             color: nth($blue,2);
             background:none;
        }
    }
}
