.center_box .log_box {width:427px; background: #21252a;}
.center_box .before_log {text-align: center; font-size: 16px; color: #a0a2a3; font-weight: 400; margin-top: 43px;}
.center_box .before_log div:nth-child(1) {margin: 48px 0 0px;}
.center_box .before_log div:nth-child(2) {margin: 17px 0 -2px;}
.center_box .before_log div:last-child a {font-size: 22px; color: #fff; font-weight: 400; background: linear-gradient(to bottom, #ff7761 0%, #f64a42 50%, #f63f38 50%, #ef313d 100%); width: 280px; height: 60px; display: inline-block; line-height: 60px; margin-top: 22px;}
.center_box .before_log div:last-child a:hover {background: #ce2d29;}
.center_box .middle_log div:last-child a {font-size: 22px; color: #fff; font-weight: 400; background: #ed423d; width: 280px; height: 60px; display: inline-block; line-height: 60px; margin-top: 5px;}
.center_box .after_log {width: 427px; height: 226px; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
.center_box .after_log .log_top {margin: 22px 24px 30px 24px;}
.center_box .after_log .log_top>div:first-child {padding-bottom: 10px; border-bottom: 1px solid #484b4e; text-align: center; color: #a0a2a3; font-size: 16px;}
.center_box .after_log .log_top>div:nth-child(2) {padding: 10px 43px; color: #a0a2a3; font-size: 16px; font-weight: 300; position: relative;}
.center_box .after_log .log_top>div:nth-child(2) span {color: #dd560d;}
.center_box .after_log .log_top>div:nth-child(2)>div:first-child>div:first-child {padding: 5px 0 15px;}
.center_box .after_log .log_top>div:nth-child(2)>div:last-child {position: absolute; right: 43px; bottom: 7px;}
.center_box .after_log .log_top>div:nth-child(2)>div:last-child a {padding: 6px 18px; background: #733e18; color: #fff; font-size: 14px; font-weight: 200; text-align: center; display: inline-block;}
.center_box .after_log .log_top>div:nth-child(2)>div:last-child a:hover {background: #9e4200}
.center_box .after_log .log_top>div:nth-child(3) {padding: 5px 43px; }
.center_box .after_log .log_top>div:nth-child(3) a {color: #fff; font-size: 14px; font-weight: 200; text-align: center; display: inline-block; background: #c9521d; width: 100%; padding: 10px 0;}
.center_box .after_log .log_top>div:nth-child(3) a:hover {background: #cc3e00;}
.center_box .after_log .log_bottom {position: absolute; width: 100%; height: 40px; background: #121416 ; bottom: 0px; display: flex; align-items: center;}
.center_box .after_log .log_bottom>a {font-size: 16px; color: #939393; width: 50%; text-align: center; padding: 9px 0;}
.center_box .after_log .log_bottom>a:hover {color: #b2a083;}
.center_box .after_log .log_bottom>a:first-child::after {display:block;content:'';position:absolute; width:1px; background: #4e5154; height:16px; top: 12px; left: 212px;}