body {
    /*overflow-x: hidden;*/
    font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53,
    sans-serif;
    background: #ffffff;
}
.container{text-align: center;max-width: 640px;}
.img{
    width: 60px;
    vertical-align: middle;
}
.text-box{}
.box-title{line-height: 30px;}
.box-p{
    line-height: 35px;
    text-align: left;
    height: 40px;
}
.text-val{
    display: inline-block;
    width: 240px;
    border: 1px solid gray;
    height: 29px;
    line-height: 25px;
    padding: 0 5px;
    background-color: #ededed;
}
.copy{
    margin-left: 10px;
    color: black;
    font-size: 13px;
    border: 1px solid;
    padding: 5px;
    background-color: #e9e9e9;
}
.sure-but{
    display: inline-block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #4caf50;
    color: white;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 21px;
}
.text-input{
    display: inline-block;
    width: 176px;
    border: 1px solid gray;
    height: 29px;
    line-height: 25px;
    padding: 0 5px;
}
.tick-text{line-height: 30px;}
.tick-text-no{height: 60px;line-height: 60px;font-weight: 600;}
.explain{
    color: red;
    font-weight: 600;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
}
.explain-text{
    text-align: left;
    width: 90%;
    margin: 0 auto;
    height: 36px;
}
.explain-blue{
    color: #fff;
    font-weight: unset;
    width: 80%;
    font-size: 19px;
    background-color: #40a9ff;
    border-radius: 5px;
}
.orange{color: #ff5200;font-weight:600;}
.text-box-top{width: 90%;margin: 0 auto;}
.red{color: red;}
.title{
    height: 75px;
    line-height: 75px;
}
.title-text{
    font-size: 40px;
    vertical-align: middle;
    margin-left: 15px;
}
.money{
    font-size: 40px;
    color: #ff5200;
    margin-right: 8px;
}
.qrcode{
    width: 70%;
}
.qrcode-div{
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 20px 0 20px 0;
}
.black{color: black!important;font-size: 13px;}
.center{text-align: center;margin: 15px auto!important;}
.min{
    color:red;
}
.sec{
    color:red;
}

.ali-img{
    width: 170px;
    vertical-align: middle;
}
.ali-explain{
    font-weight: 600;
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
}
.ali-title{
    height: 125px;
    line-height: 125px;
}
.ali-a{
    color: #fff;
    display: inline-block;
    width: 100%;
}
.ali-time{
    color: black;
    font-size: 14px;
}
.ali-explain-trip{
    margin-top: 27%!important;
}
.down img{
    width: 270px!important;
}

.explain img{
    width: 340px!important;
}
.box{
    margin-top: 10%;
}
.c-red{
    color: #c7171e;
}
.pay-box{
    display: none;
}
#remainTime{
    color:red;
}
.wx-tick-text{
    line-height: 0px;
    font-size: 14px;
}
.wx-tick-text-no{
    height: 40px;
    line-height: 40px;
    font-weight: 600;
}
.qrcode-wx{
    margin: 10px 0 10px 0!important;
}
.qrcode-wx img{
    width: 60%!important;
}
.explain-div img{
    width: 100%!important;
}
.explain-div{
    color: red;
    font-weight: 600;
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin: 5px auto;
}
.wx-title {
    height: 40px;
    line-height: 35px;
}
.wx-img {
    width: 42px;
    vertical-align: middle;
}
.wx-title-text {
    font-size: 30px;
    vertical-align: middle;
    margin-left: 15px;
}


.loading {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    z-index: 1; /* 位于所有元素的最上层 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* 当内容超出元素高度时自动滚动 */
    background-color: rgba(0,0,0,0.4); /* 半透明黑色背景 */
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 15% auto; /* 元素居中 */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    text-align: center;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}