* { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; -webkit-tap-highlight-color: transparent; } html { font-size: 10px; background-color: #ffffff; } .bodys { padding-bottom: 10vh; background-color: #ffffff; } /*商品图片*/ .image { width: 100vw; height: 70vw; overflow: hidden; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #EEEEEE; } .image > img { max-width: 100vw; max-height: 70vw; } /*商品名*/ .sname { width: 100vw; border-bottom: 1px solid #EEEEEE; } .title { width: 90vw; margin: auto; font-size: 1.6rem; } .title > p { margin-top: .8rem; } .jf { margin-bottom: .8rem; color: #ff877e; } /*商品详情*/ .details { width: 100vw; font-size: 1.4rem; color: #2C2B29; line-height: 1.8rem; } .text { width: 90vw; margin: 1rem auto; } .tips { margin: 0 0 1rem 0; } /*兑换按钮*/ .sub { width: 90vw; height: 12vw; position: fixed; bottom: 2rem; left: 5vw; border-radius: 12vw; text-align: center; line-height: 12vw; font-size: 1.6rem; } .but { width: 90vw; height: 12vw; display: block; border-style: none; background: #ff877e; border-radius: 12vw; color: #ffffff; } .wan { width: 90vw; height: 12vw; display: block; border-style: none; background: #CCCCCC; border-radius: 12vw; color: #ffffff; } .tips { font-weight: 600; } .surplus { font-size: 1.4rem; color: #ccc; display: flex; justify-content: flex-end; align-items: baseline; } .el-loading-custom-class .el-loading-spinner { background-color: rgba(0, 0, 0, 0.57); width: 39.5vw; height: 39.5vw; border-radius: 2vw; color: white; top: 0; left: 0; bottom: 0; right: 0; margin: auto !important; display: flex; flex-direction: column; align-items: center; justify-content: center; } .el-loading-custom-class .el-loading-spinner i { color: white !important; font-size: 5vw; } .el-loading-custom-class .el-loading-spinner .el-loading-text { color: white !important; font-size: 4vw; letter-spacing: 0.5vw; margin-top: 1vw; }