/*头部样式*/

.head-title{
    position: relative;
	height: 92px;
	width: 100%;
	/*box-shadow: 1px -1px 8px #888888;*/
    border-bottom: 3px solid rgb(237, 158, 55);

}

.logo-box{
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0,-50%);

}

.head-version{
    font-size:14px;
    font-weight:400;
    color:rgba(233,182,122,1);
    line-height:20px;
    position: absolute;
    top: 50%;
    left: 220px;
    transform: translate(0,-50%);
}

.head-right-box{
    position: absolute;
    right: 100px;
    top: 0;
    height: 100%;
    width: 474px;
}


.head-item-default{
    display: block;
    width: 65px;
    height: 34px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}

.head-help-item{
    background: url("../images/help.png")  0px 2px no-repeat;
}
.head-help-item:hover{
    background: url("../images/help.png") -66px 2px no-repeat;
}
.head-help-item:active{
    background: url("../images/help.png") -132px 2px no-repeat;
}

.head-about-item{
    width: 67px;
    left: 125px;
    background: url("../images/about.png")  1px 2px no-repeat;
}

.head-about-item:hover{
    width: 67px;
    left: 125px;
    background: url("../images/about.png")  -65px 2px no-repeat;
}

.head-about-item:active{
    width: 67px;
    left: 125px;
    background: url("../images/about.png")  -131px 2px no-repeat;
}

.buy-btn{
    display: block;
    width: 114px;
    height: 32px;
    background: rgb(237, 158, 55);
    border-radius: 15px;
    line-height: 32px;
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    position: absolute;
    right: 121px;
    top: 50%;
    transform: translate(0,-50%);
}
.logout-btn{
    display: block;
    width: 114px;
    height: 32px;
    background: rgb(237, 158, 55);
    border-radius: 15px;
    line-height: 32px;
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    position: absolute;
    right: 121px;
    top: 50%;
    transform: translate(0,-50%);
}

.buy-btn:hover{
    background:rgb(243, 186, 75);
}

.buy-btn:active{
    background:rgb(234, 141, 35);
}

.qq-btn {
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translate(0,-50%);
    width: 110px;
    height: 32px;
    border-radius: 15px;
    background: url(../images/mon2_25.png) -1px 0px no-repeat;
}

.qq-btn:hover {
    background: url(../images/mon2_25.png) -116px 0px no-repeat;
}

.qq-btn:active {
    background: url(../images/mon2_25.png) -231px 0px no-repeat;
}