﻿.topBar {
    height: 80px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}
body {
    background-color: #eeeeee;
    margin: 0;
}
.topBar .pay {
    flex: 1;
    text-align: center;
    font-size: 26px;
    line-height: 80px;
    background-color: #fff;
}
.topBar .pay:first-of-type {
    border-bottom: 6px solid rgb(222 14 18);
}
.content {
    height: 1200px;
    width: 88%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 30px;
    padding-top: 10px;
    margin-bottom: 30px;
}
.content .content-top {
    display: flex;
    justify-content: space-between;
}
.content .content-text {
    font-size: 24px;
}

.content-center {
    display: flex;
}
.content-center .content-text {
    font-size: 26px;
}
.content-right {
    margin-left: 20px;
}
.content-bottom {
    margin-top: 40px;
}
.content-bottom .orderContent {
    display: inline-block;
    padding-bottom: 20px;
    font-size: 26px;
}
.content-bottom .orderInfo {
    background-color: #e2f0f9;
    height: 600px;
    border-radius: 10px;
    padding: 20px;
    overflow-y: scroll;
}
.content-bottom .orderInfo view {
    display: inline-block;
    word-break: break-all;
}
.content-bottom .content-text {
    font-size: 26px;
    line-height: 50px;
}
.content-center .img {
    width: 350px;
    height: 180px;
    margin-top: 20px;
}


.content .copy {
    width: 90%;
    height: 88px;
    line-height: 88px;
    background-color: #fe5102;
    color: #fff;
    font-size: 32px;
    font-weight: normal;
    box-shadow: 0 0 0 1px #ABABAB;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    margin-top: 40px;
    transform: translateX(-50%);
  }
  /* Toast 消息样式 */
.toast {
    visibility: hidden; /* 默认隐藏 */
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 50%;
    font-size: 26px;
    white-space: nowrap;
  }
  
  .toast.show {
    visibility: visible;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }
  
  @keyframes fadein {
    from { top: 50%; opacity: 0; }
    to { top: 50%; opacity: 1; }
  }
  
  @keyframes fadeout {
    from { top: 50%; opacity: 1; }
    to { top: 50%; opacity: 0; }
  }