body {
    font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

ul, ol, dl, li, dt, dd {
    list-style-type: none;
}

.inputcss, .inputcss:focus {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.4285714;
    color: #232e3c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dadcde;
    font-size: 15px !important;
    border-radius: 2px !important;
}

#seach，#list {
    width: 100%;
    padding: 10px
}

#seach ul {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

#seach ul li {
    width: 33.3333%;
    float: left;
    position: relative;
    padding: 5px 5px;
}

#seach ul li label {
    margin-bottom: 0.5rem;
    font-weight: 500;
    width: 50px;
    position: absolute;
    left: 0px;
    top: 18px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-appearance: none;
    border: none;
    border-radius: 2px;
    color: #fff;
    background-color: #5cb85c;
    border: 0px;
}

#list, list ul {
    width: 100%
}

#list ul li {
    width: 100%;
    float: left;
    padding: 0px 10px;
    margin-bottom: 8px;
}

.seed-info {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 0px;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 5px 5px #dadcde;
}

.seed-info li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    width: 100% !important;
}

.bnt-success, .bnt-success:hover {
    color: #fff;
    background-color: #71c016;
    border: #71c016 1px solid;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(111, 192, 22, 0.14), 0 3px 1px -2px rgba(113, 190, 22, 0.20), 0 1px 5px 0 rgba(113, 190, 22, 0.12) !important;

}

.bnt-success:hover {
    color: #fff;
    background-color: #5d9e12;
    border-color: #569211;
}

.btn-primary {
    color: #fff;
    background-color: #4d83ff;
    border: #4d83ff 1px solid;
    cursor: pointer;
}

.btn-primary, .btn-primary:hover {
    box-shadow: 0 2px 2px 0 rgba(77, 131, 255, 0.14), 0 3px 1px -2px rgba(77, 131, 255, 0.20), 0 1px 5px 0 rgba(77, 131, 255, 0.12);
}

.btn-primary:hover {
    color: #fff;
    background-color: #416cd0;
    border-color: #355aa9;
}

.btn-secondary {
    color: #fff;
    background-color: #ff8f00;
    border: #ff8f00 1px solid;
    cursor: pointer;
}

.btn-secondary, .btn-secondary:hover {
    box-shadow: 0 2px 2px 0 rgba(255, 193, 0, 0.14), 0 3px 1px -2px rgba(255, 193, 0, 0.20), 0 1px 5px 0 rgba(255, 193, 0, 0.12);
}

.btn-secondary:hover {
    color: #fff;
    background-color: #ff8f00;
    border-color: #ff8f00;
}

.bnt-info, .bnt-info:hover {
    color: #fff;
    background-color: #7859df;
    border: #7859df 1px solid;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(120, 89, 223, 0.14), 0 3px 1px -2px rgba(120, 89, 223, 0.20), 0 1px 5px 0 rgba(120, 89, 223, 0.12) !important;

}

.bnt-info:hover {
    color: #fff;
    background-color: #7859df;
    border-color: #7859df;
}

.btn-primary {
    color: #fff;
    background-color: #4d83ff;
    border: #4d83ff 1px solid;
    cursor: pointer;
}

.icon {
    font-size: 24px;
    vertical-align: -0.15em;
    fill: currentColor;
}

.inputcss, .inputcss:focus {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.4285714;
    color: #232e3c;
    background-color: #f1f3f4;
    background-clip: padding-box;
    border: 1px solid #dadcde;
    font-size: 15px !important;
    border-radius: 2px !important;
}

.inputcss:focus {
    outline: none;
    border: 1px solid #5d9e12;
    box-shadow: none;
    background-color: #fff;
    border-radius: 2px !important;
}

.chaxunbtn {
    position: absolute;
    right: 16px;
    top: 6px;
    width: 24px;
    height: 24px;
    border: 0px;
    cursor: pointer;
    background-color: transparent;
}

#mb_con {
    border: 0px !important;
    border-radius: 10px !important;
}

#mb_box {
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 99999 !important;
}

#mb_msg {
    margin: 20px 0px 20px !important;
}

#mb_btnbox {
    margin: 8px 0px 10px !important;
    border-top: #e9e9e9 1px solid !important;
}

#mb_btn_ok {
    color: #5b6983 !important;
    background-color: #FFFFFF !important;
    border: none !important;
    font-weight: bold !important;
    outline: none;
    margin-top: 10px !important;
}

#pic_box, #edit_box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 1);
}

#pic_box img, #edit_box img {
    width: 100%;
    height: auto;
}

.center-btn {
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.btnguanbi {
    width: 50px;
    height: 50px;
    background-color: transparent;
    margin: 0 auto;
    border: none;
    padding: 0;
    border-radius: 25px;
}

.iconfont {
    font-size: 50px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header {
    width: 100%;
    height: auto;
    padding: 10px
}

.vipsmg {
    padding-left: 10px
}

.vipimg span {

}

.vipsmg span {
    width: 100%;
    font-size: .8rem;
    padding: 3px 5px;
    font-weight: bold
}

.vipsmg span label {
    color: #9A9A9A;
}

.pay_box {
    padding-bottom: 10px;
    width: 100%;
}

.pay_box ul {
    width: 100%;
    background: linear-gradient(90deg, #f98f5f, #faa15b, #f98f5f);
}

.pay_box ul li {
    width: 25%;
    padding: 10px 5px;
}

.pay_box ul li:first-child {
    padding-left: 10px;
}

.pay_box ul li:last-child {
    padding-right: 10px;
}

.pay_box ul li div {
    width: 100%;
    height: 100px;
    background-color: #fff3f3;
    color: #1e1014;
    border-radius: 8px;
    background: radial-gradient(circle at -6% 50%, transparent 10%, #fff3f3 4%) left, radial-gradient(circle at 106% 50%, transparent 10%, #fff3f3 3.2%) right;
    background-size: 50% 100%;
    background-repeat: no-repeat;

}

.pay_box ul li div span {
    width: 100%;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: space-around;

}

.pay_type {
    padding-top: 10px;
    color: #854c1c !important;
    font-size: 1rem;
}

.dis_price {
    font-size: 1.6rem;
    color: #fc6822;
}

.price {
    padding-top: 5px;
    color: #000000;
    font-size: 0.8rem;
}

.decoration {
    text-decoration: line-through
}

.infolist, .infolist ul, .infolist ul li {
    width: 100%;
}

.infolist ul li {
    border-bottom: #e6e6e6 1px solid;
    padding: 14px 50px 14px 10px;
    font-size: 1rem;
    position: relative
}

#from_box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    border-top: #dadcde 1px solid;
}

.from-title {
    font-size: 1.6rem;
    text-align: center;
    line-height: 2
}

.from-msg {
    font-size: 1rem;
    width: 100%;
    text-align: center;
    color: #9A9A9A
}

.from-div {
    margin-top: 20px;
    padding-left: 50px;
    position: relative;
    width: 100%;
    border-top: rgba(0, 0, 0, 0.1) 1px solid;
    border-bottom: rgba(0, 0, 0, 0.1) 1px solid
}

.from-div label {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 1.2rem;
    line-height: 1.8
}

.from-bnt {
    width: 100%;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.btns {
    width: auto;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.42857143;
    -webkit-appearance: none;
    border: none;
    border-radius: 8px;
    color: #fff;
}

.btn-wechat {
    color: #fff;
    background-color: #fa6d26;
    border: #fa6d26 1px solid;
    border-radius: 2px;
    padding: 5px 6px;
    cursor: pointer;
    font-size: 0.7rem;
}

.btn-wechat, .btn-wechat:hover {
    box-shadow: 0 2px 2px 0 rgba(104, 104, 104, 0.14), 0 3px 1px -2px rgba(104, 104, 104, 0.20), 0 1px 5px 0 rgba(104, 104, 104, 0.12);
}

.btn-wechat:hover {
    color: #fff;
    background-color: #362e2e;
    border-color: #382d2d;
}

.right_svg {
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='26px' height='26.00px' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M671.589 511.711l-39.518-39.518-230.692-230.692-0.021 0.021a28.115 28.115 0 0 0-0.809-0.851c-10.935-10.935-28.663-10.935-39.598 0-10.935 10.935-10.935 28.663 0 39.598 0.278 0.278 0.564 0.545 0.851 0.809l-0.021 0.021L592.472 511.79l-231.94 231.94c-10.935 10.935-10.935 28.663 0 39.598s28.663 10.935 39.598 0L671.668 511.79l-0.079-0.079z'/%3E%3C/svg%3E");
    background-size: 26px 26px; /* Same size as SVG dimensions */
    background-repeat: no-repeat;
}

.right {
    position: absolute;
    top: 10px;
    right: 0px;
    width: auto;
    height: 30px;
    background: linear-gradient(75deg, #faa15b, #f98f5f, #faa15b, #f98f5f);
    border-radius: 15px 0px 0px 15px;
    text-align: center;
    line-height: 30px;
    font-size: .9rem;
    padding: 0 5px 0 10px;
}

.zhong_btn {
    width: 184px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    padding: 12px 24px;
    font-size: 1.2rem;
    line-height: 1.42857143;
    -webkit-appearance: none;
    border: none;
    border-radius: 8px;
    color: #fff;
    background-color: #07c160;
}

.black-btn {
    background-color: rgba(0, 0, 0, 0.05);
    color: #1e1014;
}

.from_inputcss, .from_inputcss:focus {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.8;
    color: #232e3c;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    font-size: 1.2rem !important;
    border-radius: 2px !important;
}

.from_inputcss {
    color: #8c8c8c;
}

.from_inputcss:focus {
    outline: none;
    box-shadow: none;
    background-color: #fff;
    border-radius: 2px !important;
}

::placeholder {
    font-size: 1rem; /* 将所需的字体大小替换为您想要的大小 */
}

.content_class {
    width: 100%;
    height: auto;
    padding: 0px 10px 0px 0px;
    margin: 0 auto;
}

.content_class ul li {
    display: block;
    float: left;
    line-height: 30px;
    width: 100%;
    color: #9A9A9A;
    padding-left: 50px;
    position: relative;
}

.class_title {
    position: absolute;
    top: 0px;
    left: 0px;
}

.content_class ul li span {
    padding-left: 20px;
    color: #171717;
    white-space: nowrap;
}

.word_content {
    float: left;
    width: auto;
    padding-left: 0px;
}

.word_content ul li {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 50%;
    color: #9A9A9A;
    text-align: left;
    padding-left: 0px !important;
}

.word_content ul li span {
    padding-left: 10px;
    color: #171717
}

.newstyle {
    color: #9f9f9f !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    padding-left: 0px !important;
}

.btn-rounded {
    color: #fff;
    background-color: #686868;
    border: #686868 1px solid;
    cursor: pointer;
}

.btn-rounded, .btn-rounded:hover {
    box-shadow: 0 2px 2px 0 rgba(77, 131, 255, 0.14), 0 3px 1px -2px rgba(77, 131, 255, 0.2), 0 1px 5px 0 rgba(77, 131, 255, 0.12) !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #1ec0b0;
    border-color: #1ec0b0;
}

.box {
    width: 100%;
    height: 100%;
    padding: 4px;
    padding-bottom: 180px;
}

.box-img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1251 1024"><path fill="rgb(163, 163, 163)"  d="M1164.488916 227.585642h-249.448355a20.76366 20.76366 0 0 1-19.625925-15.074986L853.318449 64.605133A87.036712 87.036712 0 0 0 767.988339 0.038683H483.55464a85.33011 85.33011 0 0 0-85.33011 64.56645l-37.545248 146.198921a20.194793 20.194793 0 0 1-19.341492 15.074986H87.054063A85.33011 85.33011 0 0 0 0.017351 312.915752v622.909801A87.036712 87.036712 0 0 0 87.054063 1024h1077.434853A87.036712 87.036712 0 0 0 1251.525627 938.66989V312.915752a87.036712 87.036712 0 0 0-87.036711-85.33011zM632.882332 894.582667a262.816738 262.816738 0 1 1 263.101172-262.532304 263.101172 263.101172 0 0 1-263.101172 262.532304zM995.535298 483.575972a56.88674 56.88674 0 1 1 56.88674-56.88674 56.88674 56.88674 0 0 1-56.88674 56.88674zM632.882332 824.896411A191.708313 191.708313 0 1 1 824.875079 632.050363 192.277181 192.277181 0 0 1 632.882332 824.896411zM924.711307 426.689232z" /></svg>');
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;

}

.img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.box-bnt {
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: 0;
}

.setting-bnt {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a9a9a9;
    padding: 0 10px;
    text-align: center;
    font-size: 0.8rem;
}

.setting-bnt label {
    display: block
}

.operation_bnt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10%;
    padding-top: 10px
}

#pic_box, #edit_box {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    top: 0px;
    left: 0px;
    padding-bottom: 140px;
    padding-top: 0px;
    background-color: #010101
}

#edit_box {
    padding-left: 5px;
    padding-right: 5px
}

#pic_box img #edit_box img {
    margin: 0 auto;
}

.center-btn {
    position: absolute;
    bottom: 40px;
    width: 100%;
    background-color: #010101;
}

.btnguanbi {
    width: 50px;
    height: 50px;
    background-color: #5d9e12;
    margin: 0 auto;
    border: none;
    padding: 0;
    border-radius: 25px;
}

[v-cloak] {
    display: none;
}

.button {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid white;
    display: inline-block;
    cursor: pointer;
    transition: border-width 0.2s;
}

.active {
    width: 32px;
    height: 32px;
    border-width: 4px;
}
.smgdiv{text-align: left;padding-left: 7px;padding-right:7px;line-height: 2;font-size: 0.9rem;color: #8c8c8c}
.smgdiv span{padding: 2px 6px;background-color: #f4f4f4;white-space: nowrap;}