﻿.index-banner-phone:hover{
    background-color: #EEE;
    color: #f8a322;
    box-shadow: rgba(0, 0, 0, 0.7)0px 0px 3px; 
}
.index-news-list:hover,
.index-news-list-box .index-news-list:last-child:hover{
    border: 1px solid #f8a322;
}
.index-news-list:hover, .index-news-list-box .index-news-list:last-child:hover{
    border-left: 0;
    border-right: 0;
}
.index-news-list:hover .index-news-list-read{
    background-color: #f8a322;
    border: 1px solid  #f8a322;
}

.index-news-list:hover .index-news-list-read span{
    color: #FFF;
}

.header-menu li .header-menu-title:after{
    content: 'normal';
    font-size: 0;
    width: 100%;
    height: 1px;
    font-size: 0;
    display: block;
    position: absolute;
    background-color: #f8a322;
    top: calc(50% + 15px);
    transform-origin: left;
    transform: scale(0, 1);
    transition: all .3s linear;
}

.header-menu li:hover .header-menu-title:after,
.header-menu li.active .header-menu-title:after{
    content: 'normal';
    font-size: 0;
    width: 100%;
    height: 1px;
    font-size: 0;
    display: block;
    position: absolute;
    background-color: #f8a322;
    top: calc(50% + 15px);
    transform-origin: left;
    transform: scale(1, 1);
}
.header-menu li:hover .header-menu-title,
.header-menu li.active .header-menu-title{
    color: #f8a322;
}

.news-list-box .index-news-list:last-child:hover{
     border-bottom: 1px solid #f8a322;
}

.news-back:hover,
.recruit-back:hover{
    color: #f8a322;
}
.news-back:hover span,
.recruit-back:hover span{
    animation: arrow-right 1s linear 0s infinite alternate;
}


.header-menu-knowledge-list a:hover,
.header-menu-knowledge-list a.active{
    color: #000;
    font-weight: bold;
}

.recruit-list:hover .recruit-bg{
    width: 100%;
}
.recruit-list:hover .recruit-list-title{
    color: #FFF;
}
.upload-link-box:hover{
    background-color: #f8a322;
    color: #000;
}
.button:hover input{
    background-color: #000;

}
.button:hover .button-title{
    color:  #f8a322;
    letter-spacing: 5px;
    font-weight: bold;
}
.footer-list a:hover{
    color: #f8a322;
}
.header-language:hover{
    background-color: #f8a322;;
    color: #000;
}

.index-link:hover .index-link-mask span{
    opacity: 1;
}
.index-link:hover .index-link-icon{
    opacity: 1;
}

.index-news-list:hover .knowledge-list-read{
    background-color: #f8a322;
}

.upload-link:hover +  span{
    background-color: #f8a322;
    color: #000;
}
.knowledge-class-list-li:hover .knowledge-class-list-title{
    background-color:  #f8a322;
}

.knowledge-s-list:hover{
    background-color: #555;
    color: #FFF
}
.knowledge-class-s-list-box.active{
    display: block;
}
.team-class-list:hover,
.team-class-list.active{
    color: #f8a322;
}

.header-buycar-box:hover .header-buycar-info-box,
.header-buycar-box.active .header-buycar-info-box{
    transform: scale(1, 1);
}

.buycar-pay-button:hover,
.member-list-link:hover,
.member-list-link.active,
.member-registered-next:hover,
.header-buycar-pay:hover,
.book-info-buy:hover,
.book-info-class-all:hover{
    background-color: #f8a322;
    font-weight: bold;
    letter-spacing: 3px;
}
.member-out:hover{
    color: #005bf7;
    font-weight: bold;
    letter-spacing: 3px;

}

.header-member-link-box a:hover{
    color: #f8a322;
}
.header-member-link-box a,
.header-buycar-box .header-buycar-icon p{
    transition: all .3s linear;
}
.header-buycar-box:hover .header-buycar-icon> p{
    color: #f8a322;
}
.header-member-link-box a.header-buycar-pay:hover{
    color: #000;
}
.book-info-class-list-box.active .book-info-class-list-title,
.book-info-class-list-box:hover .book-info-class-list-title{
    background-color: #f8a322;
    color:#000
}

.book-info-class-list-box:hover .book-info-class-list-title:after{
    border-left: 8px solid #000;
}
.book-info-class-list-box.active .book-info-class-list-title:after{
    transform: rotate(90deg);
}
.book-info-class-list li a:hover,
.book-info-class-list li a.active{
    background-color: #000;
    color: #FFF;
}
.header-member-button,
.header-forgetpassword,
.header-member-info-p a{
    cursor: pointer;
    transition: all .3s linear;
}

.header-member-button:hover{
    background-color: #f8a322;
    color:#000;
    font-weight: bold;
}

.header-forgetpassword:hover,
.header-member-info-p a:hover{
    color: #f8a322;
    font-weight: bold;
}

.member-details-p a:hover{
    color: #ff392b;
    font-weight: bold;
}

.member-registered3-list-radio-list-box li,
.member-registered3-list-radio{
    transition: all .3s linear;
    cursor: pointer;
}
.member-registered3-list-radio-list-box li:hover{
    background-color: #f8a322;
    color:#000;
    font-weight: bold;
}
.member-registered3-list-radio-box:hover .member-registered3-list-radio{
    background-color: #f8a322;
}