#app {
    min-height: 100vh;
    background: url("../images/index/bg.png") no-repeat center;
    background-size: 100% 100%;
    background-color: #002B82;
}

.wrap {
    flex-wrap: wrap;
}

.rcc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.rbc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.rbs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.rsc {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.rss {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.rec {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.ccc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cbc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.cbs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.csc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.css {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.dt {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-bg {
    min-height: 100vh;
    background: url("../images/index/bg.png") no-repeat top;
    background-size: auto;
}

.index-news-box {
    padding: 0 .2rem 1.2rem;
    box-sizing: border-box;
}

.shou_guanggt {
    border-radius: .3rem;
}

.i-news-text {
    width: 100%;
    background-color: rgb(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
    color: #fff;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

.index-nav {
    color: #9BC3FF;
}

.shy_fuw_js_bg {
    /*background-color: #F6F7FB;*/
    border-radius: .15rem;
}

.shy_fuw_js ul li.shy_fuw_js_bg a {
    padding: 0.2rem 0.3rem 0.1rem 0.1rem;
    box-sizing: border-box;
    background-size: contain;
}

.shy_fuw_js_bg_left {
    background: url("../images/index/bg_live1.png") no-repeat top;
}

.shy_fuw_js_bg_right {
    background: url("../images/index/bg_live2.png") no-repeat top;
}

.shy_fuw_js ul li.shy_fuw_js_bg .text {
    position: unset;
}

.shy_fuw_js ul li.shy_fuw_js_bg .text h2 {
    padding-bottom: 8px;
    color: #fff;
}

.shy_fuw_js ul li.shy_fuw_js_bg .text p {
    color: #ccc;
    font-size: 12px;
}

.shouye_Bt h2 {
    color: #9BC3FF;
}

.shy_fuw_js ul li.shy_fuw_js_bg img {
    width: 32px;
    height: auto;
}

.index_live_box {
    width: 100%;
    padding: 0 .3rem;
    box-sizing: border-box;
}

.index_live_item {
    width: 100%;
}

.index_live_link {
    display: inline-block;
    width: 48%;
    margin-bottom: .3rem;
}

.index_live_img {
    width: 100%;
}

.index_live {
    width: 100%;
    margin: .3rem 0 .2rem;
}

.frame-box {
    width: 100%;
    padding: .25rem .3rem .6rem;
    box-sizing: border-box;
}


.stay-box {
    width: 100%;
    padding: .25rem .3rem .6rem;
    box-sizing: border-box;
}

.frame-img {
    width: 100%;
    height: auto;
    margin: .25rem 0;
}

.sign-box {
    width: 100%;
    min-height: 100vh;
    /*background: url("../images/bg.png") no-repeat top;*/
    background-size: 100% 100%;
    padding: .3rem 0 .6rem;
    box-sizing: border-box;
}

.form-identity {
    width: 6rem;
    height: 8.34rem;
    background: url("../images/sign/bg-identity.png") no-repeat top;
    background-size: contain;
    padding-top: 1.3rem;
    position: relative;
}

.form-title {
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: .6rem;
    top: .13rem;
}

.form-identity-title {
    width: 4.54rem;
    height: 0.67rem;
    line-height: 0.67rem;
    /*background: url("../images/sign/bg-btn1.png") no-repeat top;
    background-size: cover;*/
    color: #1F7EFF;
    font-size: 16px;
    text-align: center;
    margin-bottom: .44rem;
    background: #87F3FC;
}

.form-invite1 {
    width: 6rem;
    height: 5.316rem;
    background: url("../images/invite/bg1.png") no-repeat top;
    background-size: cover;
    padding-top: 1.3rem;
}

.form-invite2 {
    width: 6rem;
    height: 12.16rem;
    background: url("../images/invite/bg2.png") no-repeat top;
    background-size: cover;
    padding-top: 1.3rem;
}

.form-sign {
    width: 6rem;
    /*height: 12.16rem;*/
    background: url("../img/bg-sign.png") no-repeat top;
    background-size: 100%;
    padding-top: 1rem;
    position: relative;
    margin: 0 auto;
    padding-bottom: 1rem;
}

.form-item-box {
    width: 4.54rem;
    /*height: 0.67rem;*/
    background-image: linear-gradient(to right, rgba(28, 225, 255, 0.3), rgba(0, 131, 255, 0.3));
    /*background: url("../images/sign/bg-form-item.png") no-repeat center;
    background-size: cover;
    border: 1px dashed rgb(255,255,255,0.5);*/
    margin-bottom: .2rem;
}

.label-box {
    width: 1.5rem;
    height: 0.65rem;
    line-height: 0.65rem;
    color: #fff;
    padding-left: .2rem;
    box-sizing: border-box;
    white-space: nowrap;
}

.form-item-box .input-box,
.tp-form-item .input-box {
    width: 3rem;
    height: 0.65rem;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: .1rem .15rem;
    color: #fff;
    box-sizing: border-box;
}

.input-select-box {
    width: 3rem;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 12px;
    color: #ddd;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 12px;
    color: #ddd;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 12px;
    color: #ddd;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 12px;
    color: #ddd;
}

.tp-form-item .input-select-box {
    width: 3rem;
    padding: .15rem 0 .15rem;
}

.form-item-box .input-select,
.tp-form-item .input-select {
    width: 2.9rem;
    position: relative;
    padding-right: .88rem;
}

.form-item-box .input-select-icon,
.tp-form-item .input-select-icon {
    position: relative;
    width: .273rem;
}

.form-item-box .input-select-icon:after {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAgVJREFUSEu1lEuoTmEUhp/XvVwiJigDBgyUYmRkwMmdFOlIkUSKgckZIB2RKCMliihiIElEEQMDZWCiTGRgYIISzgC5vfbS2n/bcf7/3//hrNm3v7Xe9exvXWT7OLALeABskdTHEJrt8cBFYDFwWrY/AhMy5xNgpaS3Q8FgewpwF5if+n0BcBA4VEn4HOiS9Op/QtieAdwDZld0exUH2z3AsQLk9xmI5AERMP9stucA94HpKWagR9KJMmFAbAfOAMPT6R2wTFKUZdBme0E+++QU+QHskHQ+zg2AfIn1wGVgVFkjYI2kh4MhsL0IuAVE44V9BbolXS/1/gBIiC4gHMal0xdgo6SbnUDYXg1cLUo7JuM+AWslRSka9hdAQiwEbgOT0vN7juiVOhC2NwMXgBHp/x5YIelx//gBARJiHnAHmJZBP4G9kk62grC9GwifUvt1NvSzgeKaAiTEzBydWZXgXknVsW1c2T4MHKj4vgCWSnrZDLolQEJMTYi5FZFTwB5JMU4xQaET32KjlvY0k79p9WJtATLBxCxH9EZpMS1b8xCrtbty9whYJelDu56pBZAQY4EbwJKKaEzGSGB55Vus2nWSPrdLHve1ARJiNHAJ2NBE/BqwSdK3Osk7BkiIYcVKPQts65fkHLBTUkxLbevoBUrVbLojxWbbl9+OFn+9v3bWiuMvZNCfAWcqbNkAAAAASUVORK5CYII=);
    background-size: .273rem .1367rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .273rem;
    height: .1367rem;
    top: -0.06rem;
    right: .2rem;
}

.form-upload-box {
    width: 5.52rem;
    height: 1.788rem;
    background: url("../images/sign/bg-upload.png") no-repeat top;
    background-size: cover;
    border: 1px dashed rgb(255, 255, 255, 0.5);
    margin-bottom: .2rem;
    box-sizing: border-box;
    padding-top: .18rem;
}

.upload-box {
    width: 4rem;
    box-sizing: border-box;
}

.upload-add {
    width: 1.03rem;
    height: 1.37rem;
    border: 1px dashed #fff;
    position: relative;
    border-radius: .1rem;
    margin-left: .15rem;
}

.upload-add:after {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAD9QTFRFAAAA////////////////////////////////////////////////////////////////////////////////Q7v6agAAABR0Uk5TAAoLEBETPUBERUZHdHXO0NHS09TYMxB4AAAASklEQVQ4y2NgQAGsgvzMDPgAp4gIB14F3CIiXKMKBkoBExs7EuAVEeFB5rMxMQiL4AX8DEL4FQgQsoJxNC4GrQKCmZdFgA8t+wMAmkINXdfy8KEAAAAASUVORK5CYII=);
    background-size: .273rem .273rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .273rem;
    height: .273rem;
    top: .5rem;
    left: .38rem;
}

.tp-form-item .upload-add {
    border: 1px dashed #DDD;
}

.tp-form-item .upload-add:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAEVQTFRFAAAA5ubm6Ojo39/f4eHh19fX3t7e4uLi39/f3d3d3t7e3t7e39/f4ODg3t7e39/f39/f39/f39/f3t7e39/f39/f39/f8bsntAAAABZ0Uk5TAAoLEBETPT1AREVGR3R1zc7P0dPU1fyB2+wAAABLSURBVDjLY2BAAayiwswM+ACXmBgnXgU8YmLcowoGSgETOwcS4BMT40XmszMyiIjhBfwMwvgVCBKwgo1xNC4GrQKCmZdFSAAt+wMAepoOvoE/DggAAAAASUVORK5CYII=);
}

.upload-del {
    width: .171rem;
    height: .171rem;
    position: absolute;
    top: -0.085rem;
    right: -0.085rem;
}

.upload-del:after {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAAXNSR0IArs4c6QAAAKVQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////uP3jVQAAADZ0Uk5TAAQIDBAkLDA0Q0RHSEtMT1BTVFdYW1xfY2RnaGtvf4OHj5Gbn6Onq6yvs7e7w8/X29/n8/f7mTBijgAAANdJREFUGBkFwYtC0gAYBtDzQ6ZlWZoXtCZbDCeGMAd87/9onQPMFsPH8bjvvxcAD1Oml+VzP2b8Aqh1dlfAxTZLoM+qADSnFn5lBQBPuWQ27UtdF7icsxnLXX7yOUOhyy1nubY5FJoMpctQeH8xvoEmw98MBcvRaQU0yWuB35Ee6JLXAn9Oxi3o0jUZCtrR+jBDl44mQ2E3uMkDZ+mgyQ3nuVfjx5wL4LzYTjO+ZQMAz7mFNm9zgGrTA22mxRzqxy7rAnwdc3zv+3+HTAsAXPX7Q6bN4yfwHzqUGhk4bwzkAAAAAElFTkSuQmCC);
    background-size: .171rem .171rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .171rem;
    height: .171rem;
    top: 0;
    right: 0;
}

.imgBox1 {
    /*padding: .2rem 0 .1rem;*/
}

.upload-img-box {
    position: relative;
}

.upload-pvw {
    width: 1.5rem;
    height: auto;
    position: relative;
    margin-left: .15rem;
}

.form-submit {
    width: 2.64rem;
    height: .72rem;
    padding: 0;
    /*border: 1px solid #ddd;*/
    border-radius: .6rem;
    background: url("../img/bg-btn.png") no-repeat center;
    /*background-image: linear-gradient(to right, #0AB99B, #0087E2);*/
    color: #fff;
    margin: .5rem 0 .3rem;
    font-size: 16px;
}

.about-box {
    width: 100%;
    min-height: 100vh;
    background: url("../images/about/bg.png") no-repeat top;
    background-size: cover;
    padding-top: 2.3rem;
    padding-bottom: 1.2rem;
    box-sizing: border-box;
}

.top-title {
    width: 1.95rem;
    height: auto;
    margin-bottom: .15rem;
}

.about-title {
    width: 1.57rem;
    height: 0.376rem;
    line-height: 0.376rem;
    background: url("../images/about/bg-title.png") no-repeat center;
    background-size: cover;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin: .5rem 0 .25rem;
}

.about-desc,
.about-content p,
.about-unit {
    color: #fff;
    font-size: 12px;
}

.about-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .48rem;
    color: #fff;
    font-size: 12px;
    text-align: justify;
    text-indent: 2em;
}

.about-unit-box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .48rem;
}

.about-unit {
    margin: .08rem 0;
    text-align: justify;
}

.scroll-box {
    width: 100%;
    overflow-x: scroll;
    box-shadow: 0px 3px 10px #D6D6D6;
}

.scroll-item {
    width: auto;
    padding: .3rem;
    box-sizing: border-box;
    color: #000;
    white-space: nowrap;
}

.scroll-item .line {
    width: 100%;
    height: 5px;
    border-radius: 5px;
}

.scroll-item-active .line {
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to right, rgba(7, 53, 226, 0.1), rgba(7, 53, 226, 1));
    border-radius: 5px;
}

.guest-box {}

.guest-item {
    width: 6rem;
    height: 1.7435rem;
    background: url("../images/guest/bg.png") no-repeat bottom;
    background-size: 100% auto;
    margin: .2rem;
}

.guest-head {
    width: 1.196rem;
    height: 1.7435rem;
}

.guest-info {
    height: 1.7435rem;
    margin-left: .36rem;
    justify-content: flex-end;
}

.guest-title {
    font-size: 16px;
    color: #fff;
}

.guest-job {
    font-size: 14px;
    color: #fff;
    margin: .1rem 0 .2rem;
}

.guest-box {
    padding-bottom: 1.2rem;
    box-sizing: border-box;
}

.schedule-box {
    background-color: #FBFAFA;
}

.s-date-box {
    width: 100%;
    overflow-x: scroll;
}

.s-date-item {
    font-size: 14px;
    width: auto;
    padding: 0.15rem 0.2rem;
    margin: 0.15rem;
    box-sizing: border-box;
    color: #999;
    white-space: nowrap;
    background-color: #F3F3F3;
    border-radius: 0.23rem;
}

.s-date-item-active {
    color: #1368FF;
}

.schedule-list {
    width: 100%;
    box-sizing: border-box;
    padding: .1rem .2rem 1.2rem;
}

.schedule-item {
    width: 100%;
    height: 0.99rem;
    background-color: #fff;
    border-radius: .2rem;
    margin-bottom: 0.3rem;
}

.s-item-left {
    width: 0.5rem;
    margin-right: .2rem;
}

.s-item-left div {
    font-size: 11px;
    color: #000;
    height: 0.2rem;
    line-height: .2rem;
}

.s-item-right {
    width: 4.5rem;
}

.s-item-title {
    font-size: 14px;
    color: #000;
    margin-bottom: .01rem;
}

.s-item-name,
.s-item-addr {
    font-size: 12px;
    color: #777;
    margin-right: .15rem;
}

.hotel-box {
    padding: .2rem .2rem 1.2rem;
    box-sizing: border-box;
}

.hotel-item {
    width: 100%;
    min-height: 3.658rem;
    border-radius: .1rem;
    box-shadow: 0px 3px 10px #D6D6D6;
    margin-bottom: .3rem;
    position: relative;
    background: #fff;
}

.hotel-img {
    width: 100%;
    height: 2.256rem;
}

.hotel-title {
    color: #000;
    font-weight: bold;
    padding: .05rem 0;
    box-sizing: border-box;
}

.hotel-addr,
.hotel-tel {
    font-size: 12px;
    color: #333;
}

.hotel-tel p {
    color: #1368FF;
}

.hotel-left {
    width: 4.4rem;
}

.hotel-info {
    padding: 0 .2rem .1rem;
    box-sizing: border-box;
}

.hotel-dh {
    display: none;
}

.hotel-dh,
.hotel-bh {
    font-size: 10px;
    color: #1368FF;
    position: relative;
    padding-left: .3rem;
    box-sizing: border-box;
}

.hotel-dh:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAw1JREFUSEuVlFlIVWEUhdc653qxaKKBEtJbihGSjRCRcrV5LohSJCEcmiCKstQUK7EBEo0IeimbKDSlicKXoEAajAiiegsqbaI0MIxMzz3/juNNu+o959j/utf+1vr3PxAOy18uk706NkDgJ2QegbGWXIBWARqhpEFRq72/j012GIYr+CskOsJU5QA3AtCcQoAwoaTmN7T8RwX83F87wMB/TNbrmlwQYIQjeCCpTZGbGvJZH1rqY5B81MwjWU5B2J25GQqgBNz7sJinerS9oPmlkkVNnXeDDKauRDY/Oei5bGm7DeaUSVyEqV4CGDoYgKuGaBfREp4e5sdug7kl6hYo61wb/0MgSq4+O+LJZGKhxHp19cb1toTAdQ1YMQPISSW+/wRyz0o4awOi+Tiz0CgGeWQw4SzwyplE7gIiZkzw+D58F6ytUOHbRfI5bb/xgGSqk4EFXjWL2LqQiBnb94KV1Crcfh52Bxayngn7Aq0UjAlnYIFXzya2LR4ItvTNrYI1JxRM2w3gPafuCVjlPrEs8Jo5xPYlhK9f4tAgRdUKN5/Zpre+lA7G7zI6AXh7GuOjgDM5OnzjnN9aU4tg+THTNv1fXifjdgaaAYnuMchIJsrSddczz79i4sZT+/QWQCBNnLQjUA/IilBi0lRiShQQN55IiCYSYwhPiKeVflGpa3oLeYcTtxr7SZxwinz3gI7pvn8jy7tkou6Jc3qLp0T2MCqnw0fqb50e2sksHWnzg7/2+2+ClJIAuq+G8zK6fhvBWBOyjOugrLfTb1+m4VBacEa7q0zUPnanC3D663nvrm6DkdkS6zWNV3af3cJEoibPg3dfBUlFAQRMt/DyxaA3oe0i23oHO2pTV7amocquNTNFw4t3gtfN7rM3hUt/XIm4Z7H6XPaRGZ2FJI675XOsi+S1VUdW9mgGvKbhaV1bQFQCMuw/jdoB7m2/5j0X2hf2uQ5Z9ysaXr2cQPogTEwR1IBmQUfd0E/99Y7/QeRGmcxAV5qi+AnOAzA6CJAWARshWkOn4anFXTbbBfkDy+gT5wQtGiwAAAAASUVORK5CYII=);
    background-size: .2rem .2rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: .08rem;
    left: 0;
}

.hotel-bh:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAxZJREFUSEulVWtoTnEY//3OeXfMXIb5QNuaEc1CIlrDS9TwQSu5ZJO1uZRLirGtFhkbMZQUPmBaZCblOhlRy+aaD3xCc8vGokwrs533/B+973HZe3b2XvL/+vwuz//3f85ziBDHWympho4lEHgJySAw3A8X4KsAD6GkQVGrvbuN7/uSoVvBe0iSYyxVCXApAC1UEyAsKKn5Ca2osZitTmwvA+9eWaxrUiXA4JDCvZXaFZnbUMS6nqUgg5kVViHJSgpcbxbOUAAl4Nb7pTzyB/tXKLNM8qmp0+FEIqkrkbwHOz3VfmzAYOoeGRNjqecA4iIRCIshOkS09Ee7+DFgMH2HugxKdljib0DSMCA3k5g9nhgYC9Q8EBy7I0F0UXLuSblnJSeWyGhDV6/DTgsAXQPWzSXyvITHMVsbqhQeNwd5mBAthZNLzFKQ5eG6jzOAAzkaZoxzf/+NVQpNr4NvAZEiTthu3iM5J5TB8EHAwVwNU1Jt8ZZvtlDiUMKngEM3FM7dd4jbgnVM3+b7SkFCXwZx/YDqDRrSEm2x/VcUzjcKDA+QNYl49lbQ+s2dLYJ3TNvip7nPvT/z42s0zEqzxQurLdT7Zy3CI0Anx242uwAYbpzVc4nibD1Q2llroabRNYZQdl0cs8n3AZBkJyoxAagv9aBfDNDcJphfbkXY9z+YQN5z1HpfHSALneyy5RpWzbZnsfmzYEG5FYgpynONSevM7SQOOIlNFTqSEv6N5KaTFq4+jS4iJbKFI1d3ppD6G+eH9uqoBwNibQOfBWTtNvGy1zIOeR+z+6eZElAYkW9eAmVxT3hFjo6CeXZEZbUWTtyKLh8BjradNjYHDOILZLRhmS+cy27RNAa6v/ksumgA+WTSSG8/w/a/IQ/J7S7QNJyK8hFd4ZYw6/vZmNv+YtBiiV/RVUJi33+ZiBS2n489/Eej1+YatKx7LYjDgAyM0qgD4NaOC8bJnjzX1dg/+0cyDL2SwPIITCwR1IBWcefFuBYnPuS/N3appNLXvUxRvAQzAAyzBeSLgA8hWkOX6anFdX7oq5Ff9UUY5xreWyYAAAAASUVORK5CYII=);
    background-size: .2rem .2rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: .08rem;
    left: 0;
}

.service-box {
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 1rem .2rem 1.2rem;
    background: url("../images/service/bg.png") no-repeat top;
    background-size: 100% auto;
}

.service-desc {
    color: #fff;
    font-size: 12px;
    padding: .6rem 0em .4rem .3rem;
    box-sizing: border-box;
}

.service-item {
    width: 100%;
    height: 1.641rem;
    border-radius: .1rem;
    box-shadow: 0px 3px 10px #D6D6D6;
    margin-bottom: .3rem;
    background-color: #fff;
}

.service-left {
    width: 1.128rem;
    height: 1.128rem;
    border-radius: .05rem;
    background-color: #EEF2FD;
}

.service-img {
    width: 0.615rem;
    height: 0.615rem;
}

.service-right {
    width: 4.2rem;
    margin-left: .2rem;
}

.service-title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.service-name {
    margin-right: .2rem;
}

.service-name,
.service-tel,
.service-time {
    color: #333;
    font-size: 12px;
    white-space: nowrap;
}

.service-tel p {
    color: #1368FF;
}

.service-bh {
    width: .3rem;
    height: .3rem;
    position: relative;
    margin-left: .15rem;
}

.service-bh:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAxZJREFUSEulVWtoTnEY//3OeXfMXIb5QNuaEc1CIlrDS9TwQSu5ZJO1uZRLirGtFhkbMZQUPmBaZCblOhlRy+aaD3xCc8vGokwrs533/B+973HZe3b2XvL/+vwuz//3f85ziBDHWympho4lEHgJySAw3A8X4KsAD6GkQVGrvbuN7/uSoVvBe0iSYyxVCXApAC1UEyAsKKn5Ca2osZitTmwvA+9eWaxrUiXA4JDCvZXaFZnbUMS6nqUgg5kVViHJSgpcbxbOUAAl4Nb7pTzyB/tXKLNM8qmp0+FEIqkrkbwHOz3VfmzAYOoeGRNjqecA4iIRCIshOkS09Ee7+DFgMH2HugxKdljib0DSMCA3k5g9nhgYC9Q8EBy7I0F0UXLuSblnJSeWyGhDV6/DTgsAXQPWzSXyvITHMVsbqhQeNwd5mBAthZNLzFKQ5eG6jzOAAzkaZoxzf/+NVQpNr4NvAZEiTthu3iM5J5TB8EHAwVwNU1Jt8ZZvtlDiUMKngEM3FM7dd4jbgnVM3+b7SkFCXwZx/YDqDRrSEm2x/VcUzjcKDA+QNYl49lbQ+s2dLYJ3TNvip7nPvT/z42s0zEqzxQurLdT7Zy3CI0Anx242uwAYbpzVc4nibD1Q2llroabRNYZQdl0cs8n3AZBkJyoxAagv9aBfDNDcJphfbkXY9z+YQN5z1HpfHSALneyy5RpWzbZnsfmzYEG5FYgpynONSevM7SQOOIlNFTqSEv6N5KaTFq4+jS4iJbKFI1d3ppD6G+eH9uqoBwNibQOfBWTtNvGy1zIOeR+z+6eZElAYkW9eAmVxT3hFjo6CeXZEZbUWTtyKLh8BjradNjYHDOILZLRhmS+cy27RNAa6v/ksumgA+WTSSG8/w/a/IQ/J7S7QNJyK8hFd4ZYw6/vZmNv+YtBiiV/RVUJi33+ZiBS2n489/Eej1+YatKx7LYjDgAyM0qgD4NaOC8bJnjzX1dg/+0cyDL2SwPIITCwR1IBWcefFuBYnPuS/N3appNLXvUxRvAQzAAyzBeSLgA8hWkOX6anFdX7oq5Ff9UUY5xreWyYAAAAASUVORK5CYII=);
    background-size: .3rem .3rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .3rem;
    height: .3rem;
    top: 0;
    left: 0;
}

.wait {
    width: 100%;
    color: #666;
    font-size: 16px;
    padding: 1rem;
    text-align: center;
}

.schedule-content-box {
    width: 100%;
    padding: .2rem .2rem;
    box-sizing: border-box;
}

.schedule-content {
    width: 100%;
    box-shadow: 0px 3px 10px #D6D6D6;
    color: #777;
    font-size: 12px;
    padding: .2rem .2rem;
    box-sizing: border-box;
    border-radius: .2rem;
}

.schedule-content-title {
    color: #000;
    font-size: 16px;
    margin-bottom: .2rem;
}

.sc-left,
.sc-right {
    color: #333;
    font-size: 12px;
}

.sc-left {
    color: #777;
    white-space: nowrap;
}

.index-news-item {
    width: 100%;
    border-radius: .2rem;
    box-shadow: 0px 3px 10px #D6D6D6;
    padding: .2rem;
    box-sizing: border-box;
    margin-bottom: .2rem;
}

.index-news-img {
    width: 2.15rem;
    height: 1.5rem;
    border-radius: .15rem;
}

.index-news-info {
    width: 3.264rem;
}

.index-news-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.index-news-desc {
    color: #fff;
    font-size: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: .1rem 0 .05rem;
}

.index-news-date {
    color: #fff;
    font-size: 10px;
}

.index-news-link {
    color: #fff;
    font-size: 10px;
}

.hotel-info-box {
    padding: 0 .2rem .2rem;
    box-sizing: border-box;
}

.hotel-tags {
    width: 1.743rem;
    height: 0.5299rem;
    line-height: 0.5rem;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 10px;
    background: url("../images/hotel-tags.png") no-repeat center;
    background-size: 100% auto;
    padding-left: .35rem;
    box-sizing: border-box;
    text-align: center;
}

.hotel-tel-right {
    width: 5rem;
}

.hotel-addr-title {
    font-size: 12px;
    color: #333;
}

.hotel-addr {
    width: 3.8rem;
}

.hotel-tel-bottom {
    width: 100%;
}

.hotel-tel-left {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
}

.hotel-tel-name {
    font-size: 12px;
    color: #333;
}

.hotel-tel-num {
    font-size: 12px;
    color: #1368FF;
}

.login-box {
    width: 100%;
    /*min-height: 100vh;*/
    box-sizing: border-box;
    padding: .1rem 1rem .2rem;
    /*background: url("../images/bg.png") no-repeat top;
    background-size: 100% auto;*/
}

.login-banner {
    width: 100%;
    height: auto;
}

.login-title {
    width: 100%;
    color: #fff;
    font-size: 20px;
    margin: .9rem 0 .2rem;
    text-align: center;
}

.form-login {
    display: inline-block;
    width: 100%;
}

.login-form-item {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: .3rem 0 0;
}

#login-form .login-form-input {
    color: #fff;
    width: 50%;
    border: 0;
    padding-left: 0;
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
}

#login-form .login-form-input::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 14px;
    color: #ddd;
}

#login-form .login-form-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #ddd;
}

#login-form .login-form-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #ddd;
}

#login-form .login-form-input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 14px;
    color: #ddd;
}

.btn-code {
    color: #fff;
    font-size: 12px;
    height: 0.65rem;
    line-height: 0.65rem;
}

.login-agreement-box {
    padding: .15rem 0;
}

#login-form .login-agreement-box label {
    font-size: 12px;
    color: #fff;
    padding: .2rem 0;
    padding-right: 6px;
    padding-left: 24px;
}

#login-form .agreement {
    left: 0;
    top: 8px;
}

#login-form .agreement:before {
    font-size: 18px;
}

#login-form .login-agreement {
    font-size: 12px;
    color: #fff;
}

.btn-login {
    width: 4.3rem;
    height: .85rem;
    line-height: .85rem;
    color: #fff;
    font-size: 16px;
    background-image: linear-gradient(to right, #4B92FF, #0633DB);
    border-radius: 0.44rem;
    text-align: center;
    margin: .5rem 0;
}

.user-index-box {
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 0 .2rem .2rem;
    background: #F9F9F9 url("../images/user/bg.png") no-repeat top;
    background-size: 100% auto;
}

.ui-top-box {
    width: 100%;
    padding: .36rem 0 .48rem;
}

.ui-head {
    width: 0.923rem;
    height: 0.923rem;
    border-radius: 50%;
}

.ui-info {
    margin-left: .15rem;
    height: 0.923rem;
    padding: .05rem 0;
    box-sizing: border-box;
}

.ui-name {
    font-size: 16px;
    color: #fff;
}

.ui-level {
    font-size: 10px;
    color: #0735E2;
    padding: 0 .08rem;
    background-color: #fff;
    margin-left: .2rem;
    border-radius: .15rem;
}

.ui-tel {
    font-size: 12px;
    color: #fff;
}

.ui-service-box {
    width: 100%;
    padding: 0 .2rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: .15rem;
    margin-bottom: .2rem;
}

.ui-service-item-box {
    width: 100%;
    padding: .36rem 0;
    box-sizing: border-box;
    border-top: 1px solid #F0EFF4;
}

.ui-service-item-box:nth-child(1) {
    border-top: 0;
}

.ui-service-item {
    width: 50%;
    padding: 0 .3rem;
    box-sizing: border-box;
}

.ui-service-title {
    color: #212225;
    font-size: 14px;
}

.ui-service-desc {
    color: #94969E;
    font-size: 12px;
}

.ui-service-img {
    width: .615rem;
    height: .615rem;
}

.ui-service-item:nth-child(2n+1) {
    border-right: 1px solid #F0EFF4;
}

.ui-tool-box {
    width: 100%;
    padding: 0 .25rem;
    box-sizing: border-box;
    border-radius: .15rem;
    background-color: #fff;
    margin-bottom: .2rem;
}

.ui-tool-title {
    color: #000;
    font-size: 16px;
    padding: .3rem 0;
}

.ui-tool-btn-box {
    width: 100%;
}

.ui-tool-btn {
    width: 25%;
    margin-bottom: .3rem;
}

.ui-tool-btn-img {
    width: .41rem;
    height: .41rem;
}

.ui-tool-btn-title {
    color: #262E3F;
    font-size: 12px;
}

.ui-btn {
    width: 100%;
    height: 18px;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    padding: 0 .45rem;
    position: relative;
    margin-bottom: .3rem;
}

.ui-btn-exit:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAHhQTFRFAAAAAAAAICAgGhoaISEhICAgISEhICAgISEhICAgHh4eHR0dICAgICAgICAgICAgICAgHx8fHx8fICAgHx8fICAgHx8fHx8fICAgHx8fHx8fICAgICAgHx8fICAgICAgHx8fICAgICAgICAgHx8fHx8fICAgICAgQ31zbQAAACd0Uk5TAAQQFB8gJygvMDM0Nzg/QGhrc3eDj5Obn6uzt7/Dx8/T19/n6/P3i/DlZAAAAK9JREFUOMvV1MkSgjAQRdGHAnGeURQDaoT3/3/oKioNgeiOu6ROUVSHNODVLKtYqzyH0kxKNjJjgTIyS2tp8ihQxYt8+Z2FeEKmEl35GCY6UQMA9vnCjUabCABQ8hk7kW1HmrgPIbGqC71VJ7Lqg4JVS5o08RdK6Oj2KwrWLWnSKI8PVx4jUB7DVD3DPFjTesDb0B6w6v9V9HLoF8HrmjcXRk4mAk19Vg/mzSUW4Y9ecUgx7NBF89kAAAAASUVORK5CYII=);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
}

.ui-btn:after {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAMAAACOLiwjAAAAAXNSR0IArs4c6QAAAK5QTFRFAAAAqqqqv7+/tra2v7+/u7u7uLi4ubm5tbW1uLi4ubm5ubm5ubm5uLi4urq6t7e3vb29u7u7vLy8ubm5u7u7urq6u7u7u7u7urq6vLy8urq6u7u7u7u7u7u7u7u7u7u7u7u7u7u7urq6u7u7u7u7urq6u7u7u7u7u7u7u7u7u7u7urq6u7u7vLy8u7u7u7u7u7u7u7u7vLy8u7u7u7u7u7u7u7u7u7u7urq6u7u7sT8ojwAAADp0Uk5TAAMEBwgPEhYYGSEoLC80NTpLTE1SVVpwdnaClZaapKWoqbq/xsjIz9Xc3d/h4+Tp6vHy8/b3+Pz9/i+Dq4gAAAB0SURBVBgZBcGFAYIAAACwid1Y2B3YYqH+/5ib0yQAIEpXeQDCZF8BoLJPQgDyqzQCIDP9jQDQ/yyzALSfmyIA9fOpCkA5jgEIFjcAhfW7C1A7XJsArfuuBDD4znOA7Ow7BChtHx2AxuVYA+i91gUAh3EA4A88owhSwlQOiwAAAABJRU5ErkJggg==);
    background-size: 6px 10px;
    background-repeat: no-repeat;
    position: absolute;
    width: 6px;
    height: 10px;
    top: 4px;
    right: 0;
}

.footer-nav-select {
    color: #0735E2;
}

.btn-service {
    width: 2.564rem;
    height: 0.615rem;
    line-height: 0.615rem;
    text-align: center;
    border-radius: .29rem;
    background-color: #1368FF;
    color: #fff;
    font-size: 14px;
    position: fixed;
    left: 50%;
    bottom: 1.2rem;
    transform: translate(-50%, 0);
}

.sm-box {
    min-height: 100vh;
    box-sizing: border-box;
    padding-bottom: 1.2rem;
}

.sm-box .s-date-item {
    margin: .25rem .15rem;
}

.sm-item {
    width: 100%;
    border-radius: .15rem;
    background-color: #fff;
    padding: .3rem;
    box-sizing: border-box;
    margin-bottom: .25rem;
    position: relative;
}

.sm-info {
    width: 4.8rem;
}

.sm-detail {
    color: #1368FF;
    font-size: 12px;
    position: absolute;
    right: .08rem;
    top: .68rem;
    z-index: 9;
    padding: .1rem .2rem;
}

.sm-title {
    width: 100%;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: .1rem;
}

.sm-leader,
.sm-time,
.sm-addr {
    color: #777;
    font-size: 12px;
    margin-top: .1rem;
}

.sm-item .mui-checkbox.mui-left label {
    padding-left: 40px;
}

.sm-item .mui-checkbox input[type=checkbox] {
    top: 0.5rem;
    left: 0;
}

.sm-order-item {
    width: 100%;
    border-radius: .15rem;
    background-color: #fff;
    padding: 0 .3rem;
    box-sizing: border-box;
    margin-bottom: .3rem;
}

.sm-order-time {
    width: 100%;
    color: #333;
    padding: .2rem 0;
    font-size: 16px;
    border-bottom: 1px solid #F0EFF4;
}

.sm-order-info {
    width: 100%;
    margin-top: .15rem;
}

.sm-order-left {
    width: 1.2rem;
    color: #999;
    font-size: 14px;
}

.sm-order-right {
    width: 4.2rem;
    color: #000;
    font-size: 14px;
}

.sm-order-btn-box {
    width: 100%;
    padding: .3rem 0;
}

.sm-order-btn {
    width: 1.23rem;
    height: .478rem;
    line-height: .478rem;
    border-radius: .15rem;
    text-align: center;
    background-color: #1368FF;
    color: #fff;
    font-size: 12px;
}

.tp-box {
    width: 100%;
    min-height: 100vh;
    padding: .3rem .2rem 1.2rem;
    box-sizing: border-box;
    background-color: #F9F9F9;
}

.form-trip {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: .2rem .25rem;
    box-sizing: border-box;
    border-radius: .15rem;
}

.tp-form-item {
    margin: .15rem 0;
}

.tp-form-item-title {
    width: 1.5rem;
    color: #999;
    font-size: 14px;
}

.tp-form-item .mui-radio {
    min-width: 1.88rem;
}

.tp-form-item .mui-radio input[type=radio] {
    left: 28px;
    top: 7px;
}

.tp-form-item .mui-radio input[type=radio]:before {
    font-size: 22px;
}

.tp-form-item .input-select-icon:after {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAMAAAD57OxYAAAAAXNSR0IArs4c6QAAAGxQTFRFAAAAQEBAVVVVZmZmYGBgYmJiZmZmZWVlY2NjYmJiY2NjZmZmZmZmZWVlZGRkZWVlZmZmZWVlZWVlZWVlZWVlZmZmZWVlZWVlZmZmZWVlZWVlZmZmZmZmZWVlZmZmZmZmZWVlZmZmZmZmZmZmTiF5HwAAACN0Uk5TAAQMFBgnKDA7PENLUFNUYGdvd4OLj5OXm6e/09fb3+fv8/vkb4wnAAAAcklEQVQY003QyxaCMAxFUZRCQQXk6QOkJPf//9FRuMno7ElXk2z/XLJzvliIfMNEhR09VSY8qSjaULXojWpVKqrDUVA9ktOEX6BeWInZYUQK7oHSuoFE67tKbV2JPqwL0fbsxIXChsH6umJ2B3nzF/5Uf9BqB+Km7LWjAAAAAElFTkSuQmCC);
    background-size: .102rem .205rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .102rem;
    height: .205rem;
    top: -0.1rem;
    right: .2rem;
}

.form-trip .tp-form-item .input-box {
    color: #333;
    font-size: 14px;
}

.tp-form-item ::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 14px;
    color: #ddd;
}

.tp-form-item :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #ddd;
}

.tp-form-item ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #ddd;
}

.tp-form-item :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 14px;
    color: #ddd;
}

.trip-type {
    position: relative;
    padding-left: 24px;
}

.trip-type1:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAYxQTFRFAAAAAEC/AED/AEDfIGDfFUDVFVXqIFDfIGDfIGDvDUDmDU3mGlnmIGDqG1LkEErmMXP3GEjfKGjvMHDvOHj3OID3E0bfG1HpFUrfIFXqFEriE0bjHE/oF03kOHjzFUrjR4//AzLaE0fiE0PhGEriKGLsEkPjEUPhFEjkFUrlH1bqEkXjF0rmHVTpF0vkHVPoEkTjFEjjJFzrLGbvEkTiF0vkIFfoJF3rQIT6GE7lE0XiFkvkEELgJF3rLGbuJF3rEkTiE0biHlXoE0XiF0vkHFHnIFfoFUnjF0vkHFDmJV/sGU7lIlrpJV/sE0bhF0vkJmDsBjTbCDfcGEvkNnX0R4z9SY/+CDbcHFHnOHj1R4z9Jl/rIlrpIlrqE0XiGU7lIlrpIFfoHFHmHlTnBjTbCDfcCjrdDT3eD0DfEUPgE0biFUnjF0vkGk7lHFHmHlTnIFfoIlrpJF3rJmDsKWPtK2buLWnvL2zwMW/xM3LyNnX0OHj1Onv2PH73PoH4QIT5Qof6RYr7R439SZD+nYZI8wAAAGR0Uk5TAAQECAgMDBAQEBQUFBgcHx8gICAgICgvMDA0Nzc4QEhLTE9fYGBjZ2dra29vc3t7f39/f4uPj4+Pk5+fr6+vs7e7u7+/v7/Lz8/T19vb39/f4+Pj4+Pj5+fn5+vv7/Pz8/f7+2MTc0kAAAE2SURBVDjLhdBVWwJBGAXgQxgYqLuLHaBid2Jhd4EiiqjYCXZ3/HHdmd3FmUd335vvzDl3A2fwS0fQidVPXUv4MIB3A3hjeTxcgVeWw8EVeGFJElfgmSVJXIEnIlSssFrVFKILHolApsJsVlOALnhgiSJX4J4lilyBO5YgcAVuWYLAFbiReVtVNpsWvWTCtcyNP7jJhCtZ2EfMpidP+TRhMuHyl060yKe/71eHi7j1tKS1n7NpT5yJlziPq0EHuWOmvC2txJlmCDk7NDWiXmtxqlqxWyaVuF2IUbVGTBEpQpeaY9OWrIgSEaUW81EXnZ8Y6WlvKC/JTQWqlQEnVAqQQP/HlFFQWtWcbRqnA46pyrKKprbugeG5DfoeRC0NOPpHr3JxaAAHBrBvAMt7uhbg8u/q8Lu+AflRij7phhRgAAAAAElFTkSuQmCC);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: .23rem;
    left: 0;
}

.trip-type2:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABSBJREFUWEfFl31sE3UYx7/P3XWrMEf3wuhgYk+X0YHIJkIQJ3YSBYIvzDBhRkORgBAhTIGowdhhVFSIoCHZRIRFBYKMABFjoosuEYxvhBneNhhbwUI3trFurOvY7u6xLd3cWG+dkLD78/L8nudzz/N9nud3NGMTzxbARSCk4HY+DJcGWkozNqpuEMy3M3Z3LIaLHv+okwcleCgoPba+Y3ABbO9e0wNQwNQKYtMtZKgdoL8AfhCAMZwfmrauPSwAM+UqwAkD8bcAUnUgagEEgniIuAEgFxOcrKqVKqSKKBhOlBWQMq3g2gYQrw4LkPW2TwcAxUdE4+JJ8CZGa+JeAFldDhhwHnnnDlk3MwUsPax2jGFNtZKALBBsBMoICzB1bZuuBljj0uZmb07goCku5kcAU4JOGM5f3x8iP/Sm71Ei2ADNApDEhBRiWEItLQ2kdDTlDW+/ImTg8NUW7yxjdLQ5Klo6DSDg2PnbB0Nl/1mHP0jBQALp2dDkNa0Ru0BjKgE0s0DUVQbnHxti5MmrvQ4Q3xrAxNdaIgKEoXce/ThWzshvskiQLJEywMQzQXg9rAYyVzbfFMCxT4bJma/47oag6AIoJLQe/3To0cyVLasA3hgWYMJyT18AgjMgtF4HCBYEBHb9Kf97iynz/hXNm4g5X7e+wMbyLaY1E1Y0/wLm7i7qaU/jlzX1AWBGwYmiuHU9De9b2uQg6hZc2fHCuOzxS5t2MEFi5u8EgQrB6Dm0FK2jM10zSEaJ6Lgu5LglV8KV4L8MEGpPbo3PG7ukyUG4LjgGDpzaGp8z7uUrgSF1+ORn8R9a7W6LGGXcG5p6YEbRqc/jl41d3LiDiOy6AOmLGiNpwHn6iwTZ+lJjdwYCGarYnrAufVHjMQAZAB/wqeLCId5OhWOlQoBnqm3X0lVRMkVFi12tG5aB0uwNEQHOFCfKafZGh//bgxnQNC236sukkrQF9VdBFBPyXNEp8Jya7cMr0+wN1jPFiRVp9vrvAZrZX5dQ6ov1EQYROc99lSinvlDvQEgDSqcii5IoEdHZG5x7/HqYdO7rpCpL3iWrJBkCte93ItI9z9dFzED1rhGy3y409ai8eldSpiXv8gKBuLh3p9Dm6p1Jr1psNUZnmdwuz788VxCwm8G6EGSZVxsRwLnHLFueqwtOPQbeOr/H/J5lXt1+gOf0WFDB93Ju/RiNlFJAyD//zYh9o3Pdc0VB0IWg0XPd/QMQnBf2Jst+O4d/7ea3KL7gFoyVjO7gjic0qEwLL5aYDyXn1k80sHIICF7xFI2F+a59AYjalWDeHHYQpeRcipABKnPtT84e9ax7FWmc5fJU5qaYrGuv7wBhWyv71ngOyJ6Rz9TOEwRtG4AuUQbitXdqgq3uoPn3UTnu3QSefyMEjXz6ov46BpW4WyrzUJatwPazlBw7ZjdBC+z1RIBMDCpSIRYIUDYLQB/noZlRq2liviCo26g3XJCFRsx26QGU1nnPzko0pt0riloRM7Zcbqs6aB6aup5By3tcsVpv+OpIu6m3bofP+iccQEO7ry1dRJRiMEp/gpAKhsIa7A0/3LVzuO1kDIwxGRpgEUADungwsYkgbOpTgoQnLoQDKG3sUJ+KN4iFROg9RhllmoYSCFzOqsHV5dDz08jz/X16wvSaORDF/X0A4qY7w5eAUQGC9X/l8yaMaZitJtIcuAm3Az9Cdz5SPbgAQ6aeG1wA4+Sqwfs5BVwkPnDmSTFwm8Ft/j0HXKrGy/4F6oMOKN+JYtgAAAAASUVORK5CYII=);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: .23rem;
    left: 0;
}

.invite-login {
    width: 1.4rem;
    height: 1.658rem;
    position: fixed;
    bottom: 2rem;
    right: .2rem;
    background: url("../images/invite/bg-login.png") no-repeat center;
    background-size: cover;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0.8rem;
}

.nodata {
    width: 100%;
    height: 6.4rem;
    background: url("../images/nodata.png") no-repeat bottom;
    background-size: 100% auto;
    text-align: center;
    vertical-align: bottom;
    color: #666;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.meeting-code-backdrop,
.mask-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(0, 0, 0, .3);
}

.meeting-code-box {
    width: 4.957rem;
    height: 7.7rem;
    box-sizing: border-box;
    padding: .6rem .6rem 0;
    background: url("../images/index/bg-code.png") no-repeat top;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.meeting-list-box {
    width: 100%;
    padding: 0;
    height: 80vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.meeting-list-box img {
    max-width: 100%;
}

.meeting-code-title {
    width: 100%;
    color: #1368FF;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: .68rem;
}

.meeting-code-name {
    color: #343434;
    font-size: 16px;
    font-weight: bold;
}

.meeting-code-level {
    height: .3rem;
    color: #323332;
    font-size: 12px;
    padding-left: .1rem;
    margin-left: .1rem;
    border-left: 1px solid #BCD1F5;
}

.meeting-code-mobile {
    color: #323332;
    font-size: 12px;
}

.meeting-code-img {
    width: 2.4rem;
    height: 2.4rem;
    padding: .15rem;
    border-radius: .1rem;
    border: 1px solid #EAEAEC;
    box-sizing: border-box;
}

.meeting-code-close,
.mask-close {
    width: .615rem;
    height: .615rem;
    position: relative;
    margin-top: 1rem;
}

.meeting-code-close:before,
.mask-close:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAAXNSR0IArs4c6QAAAMxQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////OpLhCAAAAEN0Uk5TAAQIDA8QGxwfICMkJygrLDAzNDg7PD9ATE9QU1RXWFtcX2BjZGdrb3N3f4OHi4+Xn6uvs7e7w8vP09fb3+Pn6+/z+9EXAfIAAAMqSURBVFjDtZhrQ5tIFIZfYqm1G2pNTbtGW68b3JhQpVULBYw8//8/7QeiwQRmhqzlW5jJw1zOec9Fan+8vfNZnGYFFFkaz873tMnzdhzPWXnm8fhtN0rv+Lak8Slvj3vOmK2wePpfcXc9mYThZHJ9t3wXuqG8y8WWkmjk1wf8UZQsthh6ds5+NTmf7jaN7k7z6iP7tsOJqnlnrZ/0zlIAIuOi3v8CyI/MXzvKAe7ftc/4/AiU0y3rbUxLYN66vcMSyAYuNzLIgPKweTAsgdh3MxE/Bsp/WtcTuRtt1LKmzyUQdjH/S6BcO6e/HrtyKtJ8Z8V+fnXb13J39y/t6TsQd5eIePXz+0Dmdwf5GVA7Ji+BcrCJag1KSLwXpzbdSP40rd/R1hzyul8cXBn8yBv/W5u7lcP8SZ9CoO6nn6Dot3Ju4Hvt97flknoFJPW5f9NO8m6Am/qb31BUSzoGztYmN5OqoaD+6gw4liTdQu7JidTAkZfDT0naLtevrIXUxJFmUG5LGgO7ciE1c7QLjCszT9o20XfgSCnEkvfY7K1rpFaOIphLA2AkO6mdoxHwUeeALyvJwJEPnGsGhcGIFyQTR3qAqWK4k41k5ugOYiVwLQvJwtE1JMpgIgvph5mjK8hUGEEVycLRBHLZgkdFMnIUAlrYtw3Ut4Jct9a3bc35sPuWw07t1x8YlG55/XaDDIya+WyQVhcJLOpbuchMFxanDaw6Lh+4sMlI4BARKhnx5iZhC1xiSyVsRqkNnGJLJbUm8Q+cYsvHhXO0h6PAKbY8h6PWABk4xZZlgNQJcOrEaSSdAifPSUS6lkQE3ZMIhcDhSloTuKY1X2uCtpZoja52Nkq0Xi31q5LRjWrovZfJqIb/Jz0erubwr5Gwv14J8WpFjfSlBC47l1nDhpJ3k8Lv6E+Woos1ZU72tJe1rkeSvnQr14ftM3buAfJDM+dr1UDYMaYMVUsjPW1vaZz+dmhpSBo+NVk+NI1+mC2aLMMObZ80OnhTH3hzEKUd2j4vG1EPy0bUQ9dGlCT1TlpbYz9Pet0cabu5Wbe9iWp5g4tZnFTtwySeXRjr8P8AhmAU76mOdWEAAAAASUVORK5CYII=);
    background-size: .615rem .615rem;
    background-repeat: no-repeat;
    position: absolute;
    width: .615rem;
    height: .615rem;
    top: 0;
    left: 0;
}

.li-code-box {
    position: relative;
    height: .8rem;
}

.li-code {
    position: absolute;
    left: 50%;
    top: -0.3rem;
    transform: translate(-50%, 0);
}

.foot_menu ul li.li-code-box img {
    width: .615rem;
    height: .615rem;
}

.retinue-box {
    min-height: 90vh;
    background-color: #F9F9F9;
    padding: .15rem .2rem 1.2rem;
    box-sizing: border-box;
}

.retinue-item {
    width: 100%;
    background-image: linear-gradient(to right, #FDFEFF, #F4F8FF);
    border: 1px solid #1368FF;
    border-radius: .15rem;
    padding: .25rem .25rem;
    box-sizing: border-box;
    margin: .15rem 0;
}

.retinue-top-box {
    width: 100%;
}

.retinue-head {
    width: .923rem;
    height: .923rem;
    border-radius: 50%;
}

.retinue-info {
    width: 4.28rem;
}

.retinue-name {
    color: #333;
    font-size: 16px;
    margin-right: .2rem;
}

.retinue-mobile {
    color: #1368FF;
    font-size: 12px;
}

.retinue-unit {
    margin-right: .2rem;
}

.retinue-unit,
.retinue-job,
.retinue-card {
    color: #333;
    font-size: 12px;
}

.retinue-state {
    background: rgb(19, 104, 255, 0.3);
    color: #1368FF;
    font-size: 12px;
    padding: 0 .1rem;
    box-sizing: border-box;
    border-radius: .2rem;
}

.retinue-reason {
    width: 100%;
    border-radius: .1rem;
    padding: .1rem .2rem;
    box-sizing: border-box;
    background: rgb(255, 95, 95, 0.1);
    color: #FF5F5F;
    font-size: 12px;
    margin-top: .1rem;
}

.s-car-box {
    width: 100%;
    min-height: 100vh;
    background: #F9F9F9 url("../images/service/bg-car.png") no-repeat center;
    background-size: 100% auto;
    padding: .2rem .2rem;
    box-sizing: border-box;
}

.s-staff-box {
    width: 100%;
    min-height: 100vh;
    background: #F9F9F9 url("../images/service/bg-staff.png") no-repeat center;
    background-size: 100% auto;
    padding: .2rem .2rem;
    box-sizing: border-box;
}

.s-staff-item-box {
    width: 100%;
    padding: 0 .3rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: .15rem;
}

.s-staff-icon {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    position: relative;
    padding: .25rem 0 .25rem .35rem;
    box-sizing: border-box;
    border-bottom: 1px solid #F0EFF4;
    margin-bottom: .25rem;
}

.s-staff-icon:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAb9QTFRFAAAAAAD/AID/AFWqAFX/Var/AED/JEnbHFXjFVXqIlXuPIf/HFXxG1HkADHbGFXzF1HoADfeQID/JmjsKmbuQ4//R47/IVnpH1frBTHYE0jiHFPoBTLbGlLlF0jhIVnpIlrqIFbmHlXnIFboG1DmHlfpPIH3CjnfFEjhG1LmCjjdPYH6FEjkLGjvK2rwIVroIVrqQob5EkXiDDzfDkDfEELhEkbjHFLnRo39Rov9QYb7G1DmHVTmSI//KWPtSY/9KWPsHFHnG1DnO333HlPoIlvqLm3yPH32L2zwIlrrRIn7HVToIlrqIlroJV3rRYn8I1zrBTPcOXv2BzPcMG/yOnv2JmDrMG/yM3LyNXX0NXX1OHf1OHn1JWDsSI/+SY/+HFHmGU7lHFHmGU7lCDfcIFfoIFfpCTbcIFfpIFfpQIP6BjPbSZD+BjTbIlrpQIT6SY/+IlrpR439K2buR4z9K2buBjTbCDfcCjrdDT3eD0DfEUPgE0biFUnjF0vkGk7lHFHmHlTnIFfoIlrpJF3rJmDsKWPtK2buLWnvL2zwMW/xM3LyNnX0OHj1Onv2PH73PoH4QIT5Qof6RYr7R439+DvygQAAAHZ0Uk5TAAECAwMDBAcJDA8REhMVFRYXGBseIiQuMjQ1Nzg7Q0VKUFRZXV5hZ2dnaW1xc3Z6enx9f39/f39/hIWGho2Oj5adn5+oq6urra+vsbKztba8vb/Dw8PExMnJycnJzNvb3d/i6Ozt7u/v8fP09fb29vb4+Pn5+vtk3uMAAAEUSURBVBgZdcGFcgIxAAXAV0rd3d1dgBp1dxfq7u7ewlF3++BOMsAkucsuWJF1s3tbMzUR0KavPPqjDip00ODR9+vSqYNa1Q+jBCqhu9+MDT+I8r44mRC1fXKaIBr54AxCNPXOmYRo4o0zDpHllWOBaOyFMwxR+zOnFaLCJ04BROHHj4zDMKjUPzBqoeY9fe8y6gUNvv13Dr0+EAUUd0cDyR37dvtOSxIQ1VPkD0bGiqKspwDQBwe5A0hdU5TlNLhU26jmBFBxXTaqHA45VqeFRrO5Yc7qlA7Kc/FWYt4NROKNVCyI/GupbBBlV1KlIEyXUiYQxgspIwjDuZQBRO6ZVBaIkNVTiaVAUPFD2ycaNgdiAPwDKCwXwBWJ2g8AAAAASUVORK5CYII=);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: .26rem;
    left: 0;
}

.s-staff-item {
    padding-bottom: .25rem;
}

.s-staff-title {
    width: 1rem;
    font-size: 14px;
    color: #999;
}

.s-staff-name {
    font-size: 14px;
    color: #000;
}

.s-staff-tel {
    font-size: 14px;
    color: #1368FF;
}

.s-staff-item .s-staff-bh:before {
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    top: 0;
}

.live-app {
    width: 100%;
    min-height: 100vh;
    background: #FBFAFA;
}

.live-box {
    width: 100%;
    padding: .2rem .2rem 1.2rem;
    box-sizing: border-box;
}

.live-item {
    width: 100%;
    padding: .2rem .2rem;
    box-sizing: border-box;
    border: 1px solid rgb(0, 0, 0, 0.16);
    border-radius: .15rem;
    background: #fff;
    margin-bottom: .2rem;
}

.live-title {
    width: 4.2rem;
    color: #000;
    font-size: 14px;
}

.live-link {
    padding: 0 .15rem;
    color: #1368FF;
    font-size: 12px;
    background: #F7F7F7;
    border-radius: .15rem;
}

.diet-box {
    width: 100%;
    min-height: 100vh;
    background: #FAFAFA;
    padding: .3rem .2rem 1.2rem;
    box-sizing: border-box;
}

.diet-item {
    width: 100%;
    padding: .3rem .25rem 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: .15rem;
    margin-bottom: .3rem;
}

.diet-date {
    padding-left: .4rem;
    box-sizing: border-box;
    position: relative;
}

.diet-date:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IArs4c6QAAAJBQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwyGIIwAAAC90Uk5TAAQIDBAUGBwfICQ0Nz9AQ0RHSEtQVFdcX2dzdHt/g4+Tm5+rt7/Dz9/n6+/z9/tzIUVPAAAA6ElEQVQoz72S23KCMBRFT1TEithaW1rrtQUxQDj7///OXGAmD6Q6Y6fr5ezJSsIeJkQdWT3v47zOyGM00+TIZh1fOJoxsnJ1QYDLM1HKqKVGoZIdNRo3OKUSW3vJN5b9xz6wt3OLkrhxa8ti2utp0e1sWoKkIBI3dZUGqbT+FYL6CaLwaLU7tFh/GhZmbWHjWnj63fXkSP8ydvnN0+Pd3rAxpzc27sZ/Vu2GjvOz4aTripONeezpV9dWTYgi5fKLf3n8ZIhMjGyM6R+at01Y66dY4CCGpTigoITRykFacEKUlDz8zrhM6ArOAjsaIvJdXQAAAABJRU5ErkJggg==);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    top: .03rem;
    left: 0;
}

.diet-note {
    color: #0735E2;
    font-size: 12px;
    background: rgb(7, 53, 226, 0.1);
    border-radius: .15rem;
    padding: .1rem .15rem;
    box-sizing: border-box;
    margin-top: .15rem;
}

.diet-li {
    padding: .2rem 0;
    border-bottom: 1px solid #F0EFF4;
}

.diet-item .diet-li:last-child {
    border-bottom: 0;
}

.diet-left {
    width: 42%;
    color: #000;
    font-size: 14px;
}

.diet-right {
    width: 58%;
    color: #0735E2;
    font-size: 14px;
}

.stay-item {
    padding: .15rem;
    box-sizing: border-box;
}

.stay-date {
    padding-left: .45rem;
    box-sizing: border-box;
    position: relative;
}

.stay-date:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IArs4c6QAAAJBQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwyGIIwAAAC90Uk5TAAQIDBAUGBwfICQ0Nz9AQ0RHSEtQVFdcX2dzdHt/g4+Tm5+rt7/Dz9/n6+/z9/tzIUVPAAAA6ElEQVQoz72S23KCMBRFT1TEithaW1rrtQUxQDj7///OXGAmD6Q6Y6fr5ezJSsIeJkQdWT3v47zOyGM00+TIZh1fOJoxsnJ1QYDLM1HKqKVGoZIdNRo3OKUSW3vJN5b9xz6wt3OLkrhxa8ti2utp0e1sWoKkIBI3dZUGqbT+FYL6CaLwaLU7tFh/GhZmbWHjWnj63fXkSP8ydvnN0+Pd3rAxpzc27sZ/Vu2GjvOz4aTripONeezpV9dWTYgi5fKLf3n8ZIhMjGyM6R+at01Y66dY4CCGpTigoITRykFacEKUlDz8zrhM6ArOAjsaIvJdXQAAAABJRU5ErkJggg==);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    top: .05rem;
    left: 0;
}

.stay-note {
    color: #0735E2;
    font-size: 12px;
    background: rgb(7, 53, 226, 0.1);
    border-radius: .15rem;
    padding: .1rem .15rem;
    box-sizing: border-box;
    margin-top: .15rem;
}

.hotel-room {
    color: #000;
    font-size: 14px;
    margin-left: .25rem;
}

.connection-img {
    width: 100%;
    height: auto;
}

.scan-box {
    margin-left: .2rem;
}

.color4 {
    color: #fff;
}

.color3 {
    color: #666;
}

.color2 {
    color: #FFA500;
}

.color1 {
    color: #0000FF;
}

.message-box {
    margin: 16px 0;
}

.message-title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
}

.message-box p {
    font-size: 16px;
    color: #333;
    text-align: justify;
    text-indent: 2em;
    line-height: 28px;
}

.message-table {
    display: inline-block;
    width: 100%;
    border-collapse: collapse;
    /* 合并边框 */
}

.message-table {
    color: #000;
    font-size: 16px;
}

.message-table tr {
    width: 100%;
}

.message-table td,
.message-table th {
    border: 1px solid black;
    padding: .1rem .1rem;
    font-size: 14px;
}

.seat-box {
    display: none;
    width: 100%;
    box-sizing: border-box;
    margin: .1rem 0 .6rem;
    padding: .2rem .3rem;
    background: #fff;
    box-shadow: 0px 3px 10px #D6D6D6;
    border-radius: .1rem;
}

.seat-item {
    margin: .3rem 0;
}

.seat-left {
    font-size: 18px;
    width: 1.5rem;
    color: #333;
}

.seat-right {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.mui-input-row textarea::placeholder {
    color: #a0d0f8;
}

textarea.mui-input-clear {
    min-height: 100px;
}

.mui-popover {
    width: 85%;
}

.multi-date-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
}

.multi-date-item input {
    margin-right: 10px;
}

/* 参会日期弹窗样式 分离独立 */
#datePop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.date-pop-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 12px 12px 0 0;
}

.date-pop-head {
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.date-pop-body {
    max-height: 300px;
    overflow-y: auto;
}

.multi-date-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

/* 自定义勾选框样式 */
.check-box {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 选中状态 */
.check-box.active {
    background-color: #007aff;
    border-color: #007aff;
}

.check-box.active::after {
    content: "✓";
    color: #fff;
    font-size: 14px;
}

.date-pop-footer {
    padding: 15px;
}

.date-confirm-btn {
    width: 100%;
    padding: 12px;
    background: #007aff;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
}

.upload-btn {
    background: linear-gradient(90deg, #00b8aa, #0099cc);
    border: none;
    color: #fff;
    padding: 4px 20px;
    border-radius: 30px;
    font-size: 14px;
}

.index-footer-box {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: .2rem 0;
    box-sizing: border-box;
}

.index-footer-box p,
.index-footer-box a {
    color: #9BC3FF;
    font-size: 12px;
}

/* 通用卡片样式 */
.card {
    width: 100%;
    margin: 16px 0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 40, 150, 0.15);
}

.card-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.card-content {
    padding: 16px;
}

.card-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
}

/* 酒店信息行 */
.info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.info-row:last-child {
    border-bottom: none;
}

.info-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-icon {
    width: 24px;
    height: 24px;
    color: #0050cc;
}

.btn-blue {
    background: #34b8ff;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
}

/* 交通模块 */
.traffic-item {
    display: flex;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
}

.traffic-item:last-child {
    border-bottom: none;
}

.traffic-icon-box {
    width: 64px;
    height: 64px;
    background: #e6f1ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.traffic-icon {
    width: 32px;
    height: 32px;
    fill: #0050cc;
}

.traffic-text h4 {
    font-size: 16px;
    margin-bottom: 6px;
}

.traffic-text p {
    font-size: 14px;
    line-height: 1.6;
}

.metro-text {
    color: #348AFF;
}

.section-wrap {
    margin: 36px 0 0;
}

.section-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 16px;
}

.section-img {
    width: 100%;
    border-radius: 12px;
}

.section-desc {
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
}

.red {
    color: red;
}

/* 复制图标按钮样式 */
.copy-btn {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #e0e4eb;
    background: #f8f9fc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    padding: 3px;
    position: absolute;
    top: .45rem;
    right: .2rem;
}

.copy-btn:hover {
    background: #eef2fb;
    border-color: #4080ff;
}

.copy-btn svg {
    width: 18px;
    height: 18px;
    fill: #444;
}

.copy-btn:active {
    scale: 0.95;
}

.bill-type-radio label,
.bill-type-radio label {
    white-space: nowrap;
    color: #fff;
}

.pay {
    display: none;
    text-align: center;
}

.pay-btn {
    line-height: .72rem;
    text-align: center;
}

.order_no {
    font-weight: bold;
    padding: .1rem .15rem;
    width: 3.2rem;
    word-break: break-all;
    color: #fff;
    text-align: left;
}