﻿.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
*html .clearfix {height: 1%;}
.clearfix {display: block;}

#drop-nav s,#about li,#container .search,#search button,#leftcorner,#rightcorner,#nav,#bgcom,#about dd,#about dt,#drop-nav .subnav a
{
    background-image:url(http://img05.taobaocdn.com/tps/i5/T1Y7NwXX0vXXXXXXXX-950-370.gif);
    background-repeat:no-repeat;
}
a:focus{outline:none}

#container{margin:0 auto;background:#fff;}
#page{width:100%;}
#header{width:950px;}
/*头部*/
#header-wrapper{
    margin:0 auto;
	position:relative;
	z-index:188;
}

#hitao-header{
    height:88px;
    width:950px;
    background:url(http://img02.taobaocdn.com/tps/i2/T1HHhwXd4pXXXXXXXX-950-88.jpg) no-repeat;
    overflow:hidden;
}
    #hitao-header #logo{float:left;width:310px;margin:0;padding:0;}
    #hitao-header #logo a{display:block;height:100%;margin:6px 0 0 30px}

    #search{
        margin-left:310px;
    }
    #search div{
        display:block;
        float:left;
        height:88px;
        width:628px;
        padding-left:12px;
    }
    #search span{
        float:left;
        height:33px;
        margin-top:30px;
    }
    #container .search{
        border:medium none;
        height:20px;
        padding:4px;
        width:286px;
        line-height:20px;
        color:#393939;
        font-size:14px;
        margin-top:3px;
        background-position:0 -140px;
    }
    #search button{
        margin:0;padding:0;
        border:medium none;
        background-position:1px -181px;
        height:28px;
        margin-top:3px;
        *margin-top:4px;
        width:61px;
        cursor:pointer;
    }
    #seachsugg{
        margin-left:20px;
        line-height:28px;
    }
    #seachsugg a{
        color:#e7cdcc;
        padding:0 4px;
    }

#nav{
    height:35px;
    background-position:0 -95px;
    padding-left:48px;
    position:relative;
    z-index:997;
}
    #sim-nav{
        width:340px;
        float:left;
    }
    #nav li.tn{
        float:left;
        position:relative;
        z-index:998;
    }
    #nav .tna{
        position:relative;
        display:block;
        height:33px;
        width:68px;
        padding:2px 6px 0;
        margin:0 6px;
        cursor:pointer;
    }
    #nav span{
        display:block;
        cursor:pointer;
        margin:0 auto;
        height:33px;
        width:50px;
        background-repeat:no-repeat;
        background-position:0 5px;
        text-indent:-9999px;
        background-position: no-repeat;
    }
    #drop-nav a span{
        text-indent:-999em;
        overflow:hidden;
    }
    #nav span,
    #nav .here,
    #nav .tna:hover,
    #nav .hover .tna{
        background-image:url(http://img03.taobaocdn.com/tps/i3/T1NDRyXi8zXXXXXXXX-90-780.gif);
        background-repeat:no-repeat;
    }

    #m1 span{background-position:0 0;}
    #m8 span{background-position:0 -516px;}
    #m4 span{background-position:0 -172px;}
    #m6 span{background-position:0 -344px;}
    #m3 span{background-position:0 -86px;}
    #m5 span{background-position:0 -258px;}
    #m7 span{background-position:0 -430px;}
    #m8 span,#nav #m8,#m9 span,#nav #m9{width:75px;}
    #m9 span{background-position:4px -700px;}

    #sim-nav .tna.here,#sim-nav .tna:hover{
        background-repeat:repeat-x;
        background-position:0 -647px;
    }
    #m1.here span,#m1:hover span{ background-position:0 -43px;}
    #m8.here span, #m8:hover span{background-position:0 -559px;}
    #m9.here span, #m9:hover span{background-position:4px -746px;}

    #drop-nav .tna:hover,#drop-nav .hover .tna,#drop-nav .here{
        background-repeat:repeat-x;
        background-position:0 -602px;
    }

     #m4.here span, #m4:hover span, #drop-nav .hover #m4 span{background-position:0 -215px;}
     #m6.here span, #m6:hover span, #drop-nav .hover #m6 span{background-position:0 -387px;}
     #m3.here span, #m3:hover span, #drop-nav .hover #m3 span{background-position:0 -129px;}
     #m5.here span, #m5:hover span, #drop-nav .hover #m5 span{background-position:0 -301px;}
     #m7.here span, #m7:hover span, #drop-nav .hover #m7 span{background-position:0 -473px;}

    #drop-nav{
        float:left;
        margin-left:30px;
    }

    #drop-nav .tn s{
        position:absolute;
        width:5px;
        background-position:0 -50px;
        height:35px;
        left:10px;
        top:0;
    }

    #drop-nav .subnav{
        position:absolute;
        background:#393939;
        top:35px;
        width:950px;
        padding:4px 0 0;
        z-index:999;
        filter:alpha(opacity=95);
        -moz-opacity:0.95;
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    #drop-nav .subnav div{
        float:left;
        width:475px;
    }
    #drop-nav li .subnav{
        visibility:hidden;
    }
    #drop-nav li.hover .subnav{
        visibility:visible;
    }

    .subnav dl{
        display:block;
        width:427px;
        padding:0 24px;
        margin:15px 0;
        clear:both;
        zoom:1;
        overflow:auto;
    }
    #drop-nav .right-sub dl{
        width:426px;
        border-left:1px solid #494949;
    }
    #drop-nav dt{
        color:#fff;
        font-size:13px;
        _font-size:12px;
        font-weight:bold;
    }
    #drop-nav dd{
        float:left;
        height:26px;
        width:106px;
        line-height:26px;
        overflow:hidden;
    }
    #drop-nav .col3 dd{
        width:142px;
    }

    .subnav a{
        display:block;
        font-size:12px;
        font-weight:500;
        color:#ccc;
        padding-left:10px;
        background-position:0 -355px;
        width:100%;width:100%;
    }

    .subnav a:hover{
        background-color:#b20000;
        text-decoration:none;
        color:#fff;
    }

    #drop-nav div.vall{
        width:950px;
        text-align:center;
        background:#2e2e2e none;
        height:26px;
        line-height:26px;
    }
    #drop-nav div.vall a{
        background:none transparent;
        font-weight:bold;color:#fff;
    }


    #drop-nav iframe{
        position:absolute;
        background:#393939;
        top:35px;left:0;
        width:950px;
        z-index:170;
        filter:alpha(opacity=0);
        -moz-opacity:0;
        -khtml-opacity:0;
        opacity: 0;
        display:none;
    }
    #drop-nav .hover iframe{
        display:block;
    }

    #bgcom{
        position:absolute;
        height:20px;
        background-position:0 -246px;
        width:118px;
        right:4px;
        top:15px;
    }
    #leftcorner,#rightcorner{
        position:absolute;
        height:38px;
        width:19px;
        left:-19px;
        top:2px;
    }
    #rightcorner{
        left:950px;
        background-position:-24px 0;
    }

/*fix global header-min css*/
#header #logo{display:none;}
/*bottom*/

#about-wrapper{
    margin-top:16px;
    background-color:#ebebeb;
}
    #about{margin:0 auto;padding:15px 0;font-size:12px;}
    #about div,#about dl{float:left;}

    #about div{width:280px;text-align:center;}
    #about li{
        float:left;
        margin:0 12px;
        background-position:2px -343px;
        padding-left:14px;
    }
    #about a{color:#b40001;}

    #about dl{margin-right:70px;width:150px;margin-top:10px;}
    #about dt{
        background-position:0 -309px;
        padding-left:8px;
        font-weight:bold;
        font-size:12px;
        height:30px;
        line-height:18px;
        +line-height:24px;
        _line-height:18px;
        color:#fff;
    }
    #about dd{
        background-position:2px -343px;
        padding-left:14px;
        line-height:18px;
    }
    #about dd a{color:#353535;}
    #about dt a{color:#fff;}

#footer,#footer a{color:#aeaeae;}
#footer{
    border-top:medium none;
    margin:0;
    padding:20px 0;
    background:#232323;
}
#server-num{display:none;}
