body {

  display: flex;

  flex-direction: column;

  height: 100vh;

}

header {

  width: 100vw;

  height: 2.5rem;

  background: #071b37;

  display: flex;

  align-items: center;

  flex-shrink: 0;

  justify-content: center;

}

header .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



header .container .logo img {

  height: 1.5rem;

}

header .container .return {

  font-size: 1rem;

  color: #ffffff;

  cursor: pointer;

}



.success-center {

  margin-top: 1.875rem;

  display: flex;

  align-items: center;

  flex: 1;

}



.success-center .container {

  height: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

}

.success-center .container .cursor-list {

  display: flex;

  align-items: center;

  margin-bottom: 1.875rem;

}

.success-center .container .cursor-list .course {

  display: flex;

  align-items: center;

}

.success-center .container .cursor-list .course img {

  width: 1.5rem;

  height: 1.5rem;

  margin-right: 0.5rem;

}

.success-center .container .cursor-list .course span {

  font-size: 0.875rem;

  color: #00bb4a;

  white-space: nowrap;

}



.success-center .container .cursor-list .line {

  width: 1.25rem;

  height: 0.0625rem;

  background: #00bb4a;

  border-radius: 0px 0px 0px 0px;

  margin: 0 0.5rem;

}

.success-center .container .submit-tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.success-center .container .submit-tip span {

  font-weight: bold;

  font-size: 1rem;

  color: #377eff;

  margin-bottom: 0.375rem;

}

.success-center .container .submit-tip .hezuo {

  margin-bottom: 0.375rem;

}

.success-center .container .submit-tip .hezuo .name {

  color: #ff7a21;

}

.success-center .container .contact-image {

  margin-top: 1.25rem;

}

.success-center .container .contact-image img {

  width: 10.125rem;

  height: 10.125rem;

  margin-bottom: 1.875rem;

}



.success-center .container .wechat-contact {

  width: 16.125rem;

  height: 3.125rem;

  background: #00b516;

  border-radius: 1.5625rem;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 1rem;

}

.success-center .container .wechat-contact img {

  width: 1.5rem;

  height: 1.5rem;

  margin-right: 0.625rem;

}

.success-center .container .wechat-contact span {

  font-size: 1.125rem;

  color: #ffffff;

}

.success-center .container .phone-contact {

  width: 16.125rem;

  height: 3.125rem;

  background: #3378fe;

  border-radius: 1.5625rem;

  display: flex;

  align-items: center;

  justify-content: center;

}

.success-center .container .phone-contact img {

  width: 1.5rem;

  height: 1.5rem;

  margin-right: 0.625rem;

}

.success-center .container .phone-contact span {

  font-size: 1.125rem;

  color: #ffffff;

}

footer {

  width: 100vw;

  height: 2.5rem;

  background: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 0.875rem;

  color: #999999;

  flex-shrink: 0;

}