.header .main.blue {background-color:#4c94ff;}
.header .main.black {background-color:#2e2e2e;}
.header .main .container .menu.pc a {position:relative;}
.header .main.blue .container .menu.pc a,
.header .main.black .container .menu.pc a {color:#fff !important;}

/*.header .main .container .menu.pc a:hover:after,
.header .main .container .menu a.on:after {content:'';position:absolute;left:10%;bottom:-10px;width:80%;height:3px;border-radius:4px;background-color:#36abff;}*/

.header .main.blue .container .menu.pc a:hover:after,
.header .main.blue .container .menu a.on:after {background-color:#fff;}

.header .main.black .container .menu.pc a:hover:after,
.header .main.black .container .menu a.on:after {background-color:#9ec5ff;}


.header .main .container .menu.pc a:first-child:hover:after,
.header .main .container .menu a:first-child.on:after {left:-1px;}

.header .main .container .menu.pc a:last-child:hover:after,
.header .main .container .menu a:last-child.on:after {width:calc(80% + 12px);}

.header .main.blue .container .phone,
.header .main.black .container .phone {border-color:#fff;background-color:#fff;}
.header.mini .main.blue .container > .avatar,
.header.mini .main.blue .container > .avatar:hover,
.header.mini .main.black .container > .avatar,
.header.mini .main.black .container > .avatar:hover {color:#fff !important;}

.header.mini .main .container .menu a.on:after,
.header.mini .main .container .menu a:hover:after {display:none;}
.header.mini .main .container .menu a.on,
.header.mini .main .container .menu a:hover,
.header.mini .main .container .menu a.on:hover {background-color:#fff;color:#00a3e1 !important;}
.header.mini .main .container > .avatar {font-size:30px;}