@media screen (min-width: 640px){
  .accept_box {
    display: none;
    color: #4A4C4E;
    margin-bottom: 110px;
    position: relative;
  }
  .accept_box .hide_line_deco {
    width: 16px;
    background-color: #ffffff;
    position: absolute;
    z-index: 1;
    left: calc(50% - 8px);
    bottom: 0;
    height: 20px;
    top: 10px;
  }
  .accept_box:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 50%;
    bottom: 0;
    background-color: #E8E8E8;
    width: 1px;
  }
  .accept_box .accept_item {
    width: 50%;
  }
  .accept_box .accept_item:nth-child(odd) {
    position: relative;
    left: 50%;
  }
  .accept_box .accept_item:nth-child(odd) .center_bar {
    left: 0;
    text-align: right;
  }
  .accept_box .accept_item:nth-child(odd) .center_bar .blue_circle {
    margin-left: -8px;
  }
  .accept_box .accept_item:nth-child(odd) .center_bar .line_decoration {
    margin-left: -8px;
  }
  .accept_box .accept_item:nth-child(3) .center_bar .line_decoration {
    margin-top: 10px;
  }
  .accept_box .accept_item:nth-child(odd) .content_bar {
    float: right;
    left: 0;
  }
  .accept_box .accept_item:nth-child(odd) .content_bar .accept_content:after {
    border-top: 5px solid transparent;
    border-right: 10px solid #E3F2FC;
    border-bottom: 5px solid transparent;
    left: -10px;
    top: 10px;
  }
  .accept_box .accept_item:nth-child(odd) .content_bar .accept_time {
    float: right;
  }
  .accept_box .accept_item:nth-child(even) {
    position: relative;
    left: 0;
  }
  .accept_box .accept_item:nth-child(even) .center_bar {
    right: 0;
  }
  .accept_box .accept_item:nth-child(even) .center_bar .blue_circle {
    margin-right: -8px;
  }
  .accept_box .accept_item:nth-child(even) .center_bar .line_decoration {
    margin-left: 8px;
  }
  .accept_box .accept_item:nth-child(even) .content_bar {
    float: left;
  }
  .accept_box .accept_item:nth-child(even) .content_bar .accept_content:after {
    right: -10px;
    top: 10px;
    border-top: 5px solid transparent;
    border-left: 10px solid #E3F2FC;
    border-bottom: 5px solid transparent;
  }
  .accept_box .accept_item .center_bar {
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .accept_box .accept_item .center_bar .blue_circle {
    margin-top: 10px;
    border: 2px solid #0188E3;
    background-color: #ffffff;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
  }
  .accept_box .accept_item .center_bar .line_decoration {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #E8E8E8;
    width: 1px;
    height: 125%;
  }
  .accept_box .accept_item .content_bar {
    width: 515px;
  }
  .accept_box .accept_item .content_bar .accept_content {
    font-size: 16px;
    line-height: 1.5;
    background-color: #E3F2FC;
    position: relative;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 10px;
  }
  .accept_box .accept_item .content_bar .accept_content:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
  }
  .accept_box .accept_item .content_bar .accept_time {
    margin-bottom: 10px;
    font-size: 14px;
  }

}

@media screen (max-width: 640px){
  .accept_box .accept_item {
    position: relative;
    margin-bottom: .6rem;
  }
  .accept_box .accept_item:first-child .center_bar .line_decoration {
    top: .2rem;
    height: 120%;
  }
  .accept_box .accept_item:last-child .center_bar .line_decoration {
    display: none;
  }
  .accept_box .accept_item .center_bar {
    width: .45rem;
    margin-right: -0.45rem;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .accept_box .accept_item .center_bar .blue_circle {
    margin-top: .05rem;
    width: .16rem;
    height: .16rem;
    margin-left: -0.08rem;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #0081cc;
    display: inline-block;
    position: relative;
    z-index: 1;
  }
  .accept_box .accept_item .center_bar .line_decoration {
    border-left: 1px solid #E8E8E8;
    height: 130%;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: -0.5rem;
  }
  .accept_box .accept_item .content_bar {
    margin-left: .45rem;
  }
  .accept_box .accept_item .content_bar .accept_content {
    padding: .4rem .2rem ;
    margin-bottom: .3rem;
    position: relative;
    background-color: #E3F2FC;
    border-radius: 2px;
  }
  .accept_box .accept_item .content_bar .accept_content:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #E3F2FC;
    border-bottom: 5px solid transparent;
    left: -10px;
    top: .05rem;
  }
  .accept_box .accept_item .content_bar .accept_time {
    text-align: right;
  }
}