*{
    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;
}
.headFloatLeft{
    float:left;
}
/* menu */
#headMenuBtn{
    cursor: pointer;
}

.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*/


/* toolmenu */
#headIconTools{
    position: relative;
}
#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;
}

.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;
}
#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;
}
#search{
    background-color: #e3e3e3;
    padding-bottom: 0px;
    width: 100%;
    margin-top: 80px;
}
.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:29px;
    width:100%;
    border: none;
    padding:0;
    text-indent: 20px;
    font-size: 14px;
}
.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;
}
.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: 155px;
    border-radius: 3px;
    background-color:#ffffff;
    top:-170px;
    -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: -150px;
}

#fAppArea{
    z-index: 1000;
    position:absolute;
    width: 136px;
    height: 155px;
    border-radius: 3px;
    background-color:#ffffff;
    top:-170px;
    -webkit-box-shadow:0 0 10px #484848;
    -moz-box-shadow:0 0 10px #484848;
    box-shadow:0 0 10px #484848;
    padding:20px;
	left: 30%;
  	margin-left: -120px;
}

.phoneFooter{
    width:12%;
}
.weixinFooter{
    width:10%;
    position: relative;
}
.fApp{
    width:10%;
    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{

}
.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:75px;
    left:50%;
    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:50px;
    top:-50px;
}


.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;
}

a{
    text-decoration:none;
    color: #8f8f8f;
}
a:visited{
    text-decoration:none;
    color: #8f8f8f;
}
#footer img{
    vertical-align: middle;
    margin-top: -3px;
}

.QRtext{
    text-align: center;
}

#weixinBtn{
	position:relative;
	width:12%;
}

#fAppBtn{
	position:relative;
	width:20%;
}