.head-box{width:100%;height:82px;background:#fff;border:1px solid #f2f2f2}
.head-box .index{height:82px;width:1200px;margin:0 auto}
.head-box .index .index__left{float:left}
.head-box .index .index__left a{padding:33px 0;color:#000;font-size:14px;font-weight:700}
.head-box .index .index__left a:nth-child(n+2){margin-left:40px}
.head-box .index .index__left img{display:inline-block;vertical-align:middle;width:170px;}
.head-box .index .index__left .four__activity,.head-box .index .index__left .one__activity,.head-box .index .index__left .three__activity,.head-box .index .index__left .two__activity{color:#5859f5;position:relative}
.head-box .index .index__left .one__activity:after{position:absolute;bottom:1px;left:6px;content:"  ";height:3px;background:#5859f5;width:20px}
.head-box .index .index__left .two__activity:after{position:absolute;bottom:1px;left:6px;content:"  ";height:3px;background:#5859f5;left:9px;width:40px}
.head-box .index .index__left .three__activity:after{position:absolute;bottom:1px;left:6px;content:"  ";height:3px;background:#5859f5;width:60px;left:12px}
.head-box .index .index__left .four__activity:after{position:absolute;bottom:1px;left:6px;content:"  ";height:3px;background:#5859f5;width:60px}
.head-box .index .index__right{float:right;margin-top:22px;width:157px;border-radius:6px;border:1px solid #e6e6e6}
.head-box .index .index__right .login{background:#f5f4f4;border-radius:5px 0 0 5px;color:#2f2b28}
.head-box .index .index__right .login,.head-box .index .index__right .register{float:left;width:78px;height:39px;text-align:center;line-height:39px;font-size:14px;font-weight:700}
.head-box .index .index__right .register{color:#fff;background:#323232;border-radius:0 5px 5px 0}

.index__right {padding-top:20px;}
.index__right-user{width:300px;padding:15px 0;float:right}
.index__right-user img{width:52px;height:52px;border-radius:50%;float:left;padding-right:13px}
.index__right-user .user__info{float:left}
.index__right-user .user__info .user--name{padding-top:6px;color:#000;font-size:16px;font-weight:600}
.index__right-user .user__info .user--times{color:#a7a7bb;font-size:14px;font-weight:400;padding-top:4px}
.index__right-user .user__info .user--times a{color:#5859f5;font-size:12px;font-weight:400}
.index__right-user .out{color:#a7a7bb;font-size:14px;font-weight:700;float:right;width:53px;height:33px;text-align:center;line-height:33px;background:#f5f4f4;border-radius:5px;margin-top:-10px;border:1px solid #e6e6e6}