*{
    margin: 0;
    font-family: "Microsoft YaHei";
    box-sizing: border-box;
}
html{
    min-width: 1180px;
    background-color: #efefef;
}
.clearit{
    clear:both;
    height:0;
    font-size:0;
    overflow:hidden;
}
.hidden{
    display: none !important;
}
#header{
    min-width: 1180px;
    background-color: #fff;
    height:60px;
    line-height: 60px;
    padding-left:5%;
    padding-right:5%;
    position: fixed;
    width:100%;
    top:0px;
    z-index: 1000;
    border-bottom:1px solid #dbdbdb;
}
.headFloatLeft{
    float:left;
}
.headMenuOutter{
	margin-top:23px;
}
/* menu */
#headMenuBtn{
    cursor: pointer;
}
#headMenu{
    background-color: white;
    width:220px;
    position: absolute;
    top:58px;
    border-radius: 3px;

    -webkit-box-shadow:0 0 10px #484848;
    -moz-box-shadow:0 0 10px #484848;
    box-shadow:0 0 10px #484848;
    padding-bottom: 10px;
    z-index: 1000;
    left:5%;
    margin-left: -15px;

}
.arrow-up {
    position: absolute;
    top:-10px;
    left:20px;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid #fff;
}

.headMenuLine {
    height:35px;
    line-height: 35px;
    text-align: left;
    font-size:14px;
    cursor: pointer;
}
.headMenuLine>div{
    color:#484848;
    float:left;
}
.headMenuLine>div.orange{
    color:#0079e4;
}
.headMenuLine>img{

    float:left;
    margin-left: 20px;
    margin-right: 20px;
}
.headMenuLineArrow{
    margin-top: 12px;
    float:right!important;
    margin-right:12px;
}
.headMenuLineIcon{
    margin-top:10px;

}

.headMenuTitle{
    margin-top: 12px;
    background-color: #d7d7d7;
    border-left:3px solid #0079e4;
    font-size: 16px;
}

/* menu end*/

/* iconmenu */

#headIconHelp{
    position: relative;
}
#headIcon{
    position:absolute;
    top:58px;
    left: 50%;
    margin-left: -50px;
    color:#fff;
    width:100px;
    background-color: #fff;
    border-radius: 3px;
    padding-bottom: 10px;
    padding-top:10px;

    -webkit-box-shadow:0 0 10px #484848;
    -moz-box-shadow:0 0 10px #484848;
    box-shadow:0 0 10px #484848;
    padding-bottom: 10px;
    z-index: 1000;
}
#headIcon>div{
    height:35px;
    line-height: 35px;
    color:#000;
}

/* toolmenu */
#headIconTools{
    position: relative;
}
#headTool{
    position:absolute;
    top:58px;
    left: 50%;
    margin-left: -50px;
    color:#fff;
    width:100px;
    background-color: #fff;
    border-radius: 3px;
    padding-bottom: 10px;
    padding-top:10px;

    -webkit-box-shadow:0 0 10px #484848;
    -moz-box-shadow:0 0 10px #484848;
    box-shadow:0 0 10px #484848;
    padding-bottom: 10px;
    z-index: 1000;
}
#headTool>div{
    height:35px;
    line-height: 35px;
    color:#000;
}
.headToolBtn{
    line-height: 35px;
    height:35px;
    font-size: 14px;
}
.headToolBtn:hover{
    border-left:3px solid #0079e4;
    color:#0079e4!important;
    background-color: #ececec;
}
/* toolmenu end*/

.htArrow-up{
    position: absolute;
    top:-35px;
    left:45px;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid #fff;
}
.headFloatRight{
    float:right;
    width: 6%;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.headImg{
	margin-top:20px;
}
.headIcon{
    height:60px;
}
.headIcon:hover{
    border-top:2px solid #0079e4;
    border-bottom:2px solid #0079e4;
    line-height: 60px;
}
.headEnhanceFont{
    font-weight: 900;
    margin-left: 2%;
    font-size: 24px;
    color:#484848;
}
.userLogo{
    border:1px solid #0079e4;
    border-radius: 30px;
    margin-top: 12px;

}
#userNameImg{
    width:50px;
    color:#484848;
    margin-top: 0px;
}
#smsNumber{
    position:absolute;
    height:20px;
    width:20px;
    line-height: 20px;
    text-align: center;
    top:6px;
    left:50%;
    font-size:12px;
    background-color:#0079e4;
    border-radius: 10px;
    color: #fff;
}
.lastIco{
    margin-right: 0;
}
.userName{
    color:#484848;
    /*margin-right: 30px;*/
    font-size:14px;
    width:auto;
    margin-top: 0px;
}
#search{
    background-color: #e3e3e3;
    padding-bottom: 0px;
    width: 100%;
    margin-top: 60px;

}
.searchBtn{
    font-size: 12px;
}
.searchLine{
    width:90%;
    margin: auto;
    height: 50px;
    line-height: 50px;
}
.searchInputContainer{
    margin-top: 15px;
    float:left;
    height: 30px;
    line-height: 30px;
    margin-left: 1%;
    width:20%;
    background-color: #fff;
}
.firstSearchInputContainer{
    margin-left: 0;
}
.searchInputContainer>img{
    margin-left: 10%;
    margin-right: 2px;
}
.searchInputContanerLong>img{
    margin-left:4%;
    margin-right: 2px;
}
.searchInputContainer>input{
    height:34px;
    width:100%;
    border: none;
    padding:0;
    /* text-indent: 20px; */
    font-size: 14px;
     padding: 6px 17px;
}
.searchInputContainer.select>input{
    width:80%;

}
.searchBtn{
    float: left;
    height: 30px;
    line-height: 30px;
    width:10%;
    margin-left: 1%;
    text-align: center;
    margin-top: 15px;
    color:#fff;
    background-color: #484848;
    height:30px;
    cursor: pointer;
    font-size: 14px;
}
.seachBtnForSearch{

    background-color:#0079e4 ;
}

#moreInfoLine{
    width:70%;
    height: 40px;
    margin: 10px auto 0 auto;
}
.moreLinePart{
    float:left;
    height:30px;
    cursor: pointer;
}
#moreLineLeft{
    border-top: 1px solid #d7d7d7;
    border-right:1px solid #d7d7d7;
    width:43%;
}
#moreLineRight{
    border-top: 1px solid #d7d7d7;
    border-left:1px solid #d7d7d7;
    width:43%;
}
#moreLineMain{
    width:14%;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #d7d7d7;
}
.moreLineImg{
    margin-right: 10%;
}
.searchInputContanerLong{
    width:32%;
}
.searchInputContanerLong.select>input{
    width:90%;
}
#moreLineMain>span{
    color:#484848;
    font-size:12px
}

/*--*/
#footer{
    width:90%;
    margin: 50px auto;
    height:100px;


}
#footerLinePart{
    height:40px;
    border-top: 2px solid #b5b5b5;
    border-bottom: 2px solid #b5b5b5;
}
#footerLinePart>div{
    float: left;
    line-height: 36px;
    color:#8f8f8f;
    font-size: 12px;
}
.footerRight{
    float:right!important;
}
#footerLinePart span{
    margin-left: 10px;
}

#footerBottomLine{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    color:#8f8f8f;
}

#weixinArea{
    z-index: 1000;
    position:absolute;
    width: 260px;
    height: 140px;
    border-radius: 3px;
    background-color:#ffffff;
    top:-150px;
    -webkit-box-shadow:0 0 10px #484848;
    -moz-box-shadow:0 0 10px #484848;
    box-shadow:0 0 10px #484848;
    padding:20px;
    left: 50%;
    margin-left: -120px;
}
.phoneFooter{
    width:12%;
}
.weixinFooter{
    width:28%;
    position: relative;
}
.arrow-down {
    position: absolute;
    width:0;
    height:0;
    top:140px;
    left:30px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:10px solid #ffffff;
}
.weixinPart{

    width:100px;
    height:100px;
    float:left;
}
.weixinPart>img{

    width:100px;
    height:100px;
}
.weixinRightPart{
    margin-left: 20px;
}
.weixinPart.open{

}
.headMenuSecondLevelMenu{
    position: absolute;
    left:221px;
    min-width:120px;
    background-color: #fff;

    border-radius: 3px;
    
    
    -webkit-box-shadow: 0 0 10px #484848;
    -moz-box-shadow: 0 0 10px #484848;
    box-shadow: 0 0 10px #484848;

}
.hmslLineStyle{
    width:100%;
   padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}
.headMenuTitle >.headMenuLineIconOutter{
    width:18px;
    height:35px;
    text-align: center;
    float: left;
    margin-left: 20px;
    margin-right: 20px

}

.headMenuLineIconOutter{

    width:22px;
    height:35px;
}
#headIconsms{
    position: relative;
}
#headIconsmsMenu{
    background-color: #fff;
    min-width: 150px;
    max-width: 280px;
    position: absolute;
    top:58px;
    left:39%;
    margin-left:-32px ;
    border-radius: 3px;
    -webkit-box-shadow:0 0 10px #484848;
    -moz-box-shadow:0 0 10px #484848;
    box-shadow:0 0 10px #484848;

}
.messageText,.hiText{
    overflow: hidden;
    text-align: left;
    text-indent: 10px;

}
.hiText,.hiTitle{
    margin-bottom: 10px;
    font-size: 14px;
}

.hiTitle{
    margin-top: 10px;
    color:#0079e4;
}

.hiTitle .messageText{
    border-bottom: 3px solid #ededed;
    font-size: 16px;
}
.orangeLine{
    width:5%;
    border-bottom: 3px solid #0079e4;
}
.orangeLineNone{
    width:5%;
}

.hiText>div,.hiTitle>div{
    float:left;
    height:30px;
}
.hiArrow-up {
    position: absolute;
    top:-30px;
    left:30px;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid #fff;
}
#headIconsmsMenu>div{
    height:30px;
    line-height: 30px;
}
.messageText{
    width:90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.more{
    background-color:#b1b1b1 ;
    color:#fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 40px !important;
    line-height: 40px !important;
}
.hiTitle>.messageText{
    width:95%;
}
.hiTitle,.hiTitle>div{
    height:40px !important;
    line-height: 30px !important;
}

.forMouseOver{
    position: absolute;
    width:100%;
    height:100px;
    top:-100px;
}


.hmslLineStyle:hover{
    border-left:3px solid #0079e4;
    color:#0079e4!important;
    background-color: #ececec;
}
.headMenuLine:hover{
    border-left:3px solid #0079e4;
    color:#0079e4!important;
    background-color: #ececec;
}