/*基础、全局样式文件*/
* { margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; }

html { /*font-size:62.5%;font-size:125%;*/ font-size: 95%; /*font-size:125%; font-size:1.6rem;基准是20px*/ /*比如实际高度为100px时，rem等于100/10/2=5rem; 也就是要除以20 */ }

@media screen and (min-width: 415px) and (max-width: 1024px) {
    html { /*font-size:62.5%;font-size:72.5%;*/ font-size: 62.5%; }
}

@media screen and (min-width: 375px) and (max-width: 415px) {
    html { /*font-size:32.5%;*/ font-size: 62.5%; }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    html { /*font-size:32.5%;*/ font-size: 62.5%; }
}

@media screen and (min-width: 300px) and (max-width: 319px) {
    html { /*font-size:32.5%;*/ font-size: 62.5%; }
}

body { min-width: 320px; max-width: 750px; margin: 0 auto; color: #394043; font-size: 1.6rem; line-height: 1.5; background: #f8f8f9; font-size: 1rem; word-wrap: break-word; }

iframe { border: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ol, ul, li { list-style: none; }

strong, var, em, i { font-style: normal; font-weight: normal; }

a { text-decoration: none; color: #394043; }

img { border: none; vertical-align: top; width: 100%; }

input { -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; /*font-size:16px; color:#6d6d6d;*/ }

    input:focus, textarea:focus { outline: none; }

    input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; /*去除高光*/ }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a0a0a0; }

    input:-moz-placeholder, textarea:-moz-placeholder { color: #a0a0a0; }

    input::-moz-placeholder, textarea::-moz-placeholder { color: #a0a0a0; }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a0a0a0; }

table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: ""; display: table; clear: both; }

.maskbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.3); }

.wrapbox { font-size: 1.4rem; }

.noscroll { overflow: hidden; }
/*  */


/* headerbox */

.headerbox.fix-headerbox { position: fixed; top: 0; left: 0; right: 0; box-sizing: border-box; background-color: #fff; z-index: 9999; max-width: 750px; margin: 0 auto; }

.headerbox { position: relative; height: 4.4rem; line-height: 4.4rem; padding: 0 5.5rem 0 4.5rem; color: #000; }

    .headerbox .icon.i-return { background: url(../images/icon_return.png) center center no-repeat; background-size: 4.4rem; }

    .headerbox .icon.header-left { position: absolute; top: 0; left: 0; }

    .headerbox .icon { display: block; width: 4.4rem; height: 4.4rem; }

    .headerbox h2 { font-size: 1.8rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .headerbox .icon.i-menu { background: url(../images/more.png) center center no-repeat; background-size: 4.4rem; }

    .headerbox .icon.header-right { position: absolute; top: 0; right: 0; }

    .headerbox .icon { display: block; width: 4.4rem; height: 4.4rem; }
/* headerbox */

.bannerbox { position: relative; }

.logo { position: absolute; top: 0.5rem; right: 0.5rem; width: 7rem; height: 4rem; line-height: 4rem; }

.IDbox { position: absolute; top: 0.5rem; text-align: left; left: 0.5rem; min-width: 10rem; height: 2rem; line-height: 2rem; background-color: rgba(0, 0, 0, 0.18); border-radius: 2rem; font-size: 1.3rem; color: #fff; }

.ID-img { width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; }

    .ID-img img { width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; }

.ID-text { padding: 0 1rem; }

    .ID-text .ID { height: 2rem; line-height: 2rem; font-size: 1.3rem; }

.IDbox .munber { padding-left: 2rem; background: url(../images/VHall/peoples.png) 0rem center no-repeat; background-size: 1.4rem; }
/* .ID-text .munber{height: 2rem; line-height: 2rem;font-size: 1.3rem;} */

.center-navbox { background: #fff; text-align: center; font-size: 1.6rem; }

    .center-navbox li { display: flex; text-align: center; flex: 1; }

        .center-navbox li a { position: relative; display: block; height: 4.6rem; line-height: 4.6rem; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 21; width: 100%; }

        .center-navbox li #focus-on-btn { color: white; }
/* .center-navbox .line {position: absolute; bottom: 0;left: 50%;margin-left: -0.75rem;display: block;width: 1.5rem;height: 0.2rem;border-radius: 0.1rem;    background: #e93b3d;   } */
.Propertiesbox { padding: 1rem; padding-bottom: 9rem; /* background-color: #f5f6f7; */ }

.bg-white-gray { background-color: #f5f6f7 }

.help-house { min-height: 3.6rem; height: 3.6rem; background: url(../images/VHall/bnzf.png) center center no-repeat; background-size: 100% auto; border-radius: 0.2rem; display: flex; }

.house-list { /*padding: 0 1.2rem;*/ }

    .house-list li { }

    .house-list .termbox { padding: 1rem 0; position: relative; }

    .house-list .term { display: flex; min-height: 8rem; align-items: center; }

    .house-list .imgbox { width: 18rem; display: flex; height: 8rem; border-radius: 0.2rem; }

        .house-list .imgbox .img { width: 10.5rem; height: 8rem; }

        .house-list .imgbox .activity, .house-list .imgbox .attestation { position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; padding: 0 0.35rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.2rem; border-radius: 0.2rem 0 0.2rem 0; }

        .house-list .imgbox .icon-vr { position: absolute; top: 50%; left: 50%; display: block; width: 3.8rem; height: 3.8rem; margin-top: -1.9rem; margin-left: -1.9rem; background: url(../images/icon_vr76.png) center center no-repeat; background-size: 3.8rem; z-index: 2; }

        .house-list .imgbox .activity.redbg { background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }

        .house-list .imgbox .activity.violetbg { background: #d01bb2; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#d40060),color-stop(80%,#b628bf)); background: -webkit-linear-gradient(left,#d40060 20%,#b628bf 80%); background: linear-gradient(to right,#d40060 20%,#b628bf 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d40060', endColorstr='#b628bf', GradientType=1); color: #fff; }

        .house-list .imgbox .attestation.greenbg { background: #39cc6e; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#77d568),color-stop(80%,#02c26e)); background: -webkit-linear-gradient(left,#77d568 20%,#02c26e 80%); background: linear-gradient(to right,#77d568 20%,#02c26e 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d568', endColorstr='#02c26e', GradientType=1); color: #fff; }

        .house-list .imgbox .attestation.yellowbg { background: #ffad1c; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#ffbb3b),color-stop(80%,#ffa000)); background: -webkit-linear-gradient(left,#ffbb3b 20%,#ffa000 80%); background: linear-gradient(to right,#ffbb3b 20%,#ffa000 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb3b', endColorstr='#ffa000', GradientType=1); color: #fff; }

.house-info { display: flex; flex-direction: column; justify-content: center; line-height: 2rem; color: #9c9fa1; overflow: hidden; }

    .house-info h2 { line-height: 1.8rem; color: #394043; margin-bottom: 0.2rem; }

        .house-info h2 .name.row2 { max-height: 3.6rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

    .house-info .name { font-size: 1.5rem; font-weight: 600; }

    .house-info .state { display: inline-block; height: 1.7rem; line-height: 1.7rem; padding: 0 0.4rem; margin-left: 0.6rem; font-size: 1.2rem; border-radius: 0.1rem; }

        .house-info .state.state0 { background: #f5f7fd; color: #9498a4; }
        /*默认、售罄*/
        .house-info .state.state1 { background: #e6f2ff; color: #5bacfe; }
        /*预售*/
        .house-info .state.state2 { background: #ffece8; color: #ff8062; }
        /*在售*/
        .house-info .state.state3 { background: #d9f3e8; color: #7ac789; }
/*待售*/
.house-tag { max-height: 1.8rem; overflow: hidden; margin-right: -0.4rem; }

    .house-tag .tag { display: inline-block; height: 1.6rem; line-height: 1.6rem; padding: 0 0.4rem; margin-right: 0.3rem; font-size: 1.2rem; border-radius: 0.1rem; background: #f6f6f6; color: #9aa0a6; }

        .house-tag .tag.tag1 { background: #ffece8; color: #ff8062; }
        /*橙*/
        .house-tag .tag.tag2 { background: #e6f2ff; color: #5bacfe; }
        /*蓝*/
        .house-tag .tag.tag3 { background: #d9f3e8; color: #7ac789; }
/*绿*/
.house-info .line { color: #e8e8e8; }

.house-info p { height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.house-price { margin-top: 0.5rem; }

    .house-price .present-price { color: #fa5741; margin: 0 0.5rem; }

        .house-price .present-price strong { font-size: 1.5rem; font-weight: 600; }

    .house-price .area, .house-price .unit-price { margin-left: 0.6rem; }

.house-other { position: relative; margin-top: 0.3rem; min-height: 2rem; line-height: 2rem; }

    .house-other .total-price { position: absolute; top: 0; right: 0; color: #fa5741; font-size: 1.5rem; font-weight: 600; }

.phone { position: absolute; right: 0; top: 0rem; width: 4rem; height: 4rem; z-index: 21; }


.adviserbox { margin: 0 1.2rem; position: relative; display: block; min-height: 8rem; padding: 1rem 0 1rem 11.5rem; }

    .adviserbox .code { position: absolute; top: 1rem; left: 0; width: 10.5rem; height: 8rem; border-radius: 0.2rem; overflow: hidden; }

    .adviserbox .name { font-size: 1.6rem; color: #000; height: 8rem; line-height: 8rem; font-weight: 600; }

    .adviserbox .code .img { width: 10.5rem; height: 8rem; }

.fix-footbox { position: fixed; left: 0; right: 0; max-width: 750px; z-index: 999; background: #fff; margin: 0 auto; bottom: 0; height: 6.5rem; line-height: 6.5rem; text-align: center; box-shadow: 0 0 10px 0 rgba(100,100,100,0.35); }

    .fix-footbox input { height: 4.5rem; line-height: 4.5rem; position: absolute; left: 2rem; bottom: 1rem; background: #F8F8F9; padding-left: 1rem; border: none; border-radius: 2rem; width: 70%; }

    .fix-footbox .dzbox { position: absolute; right: 2rem; bottom: 0.5rem; width: 5rem; height: 5rem; line-height: 5rem; }

        .fix-footbox .dzbox img { width: 5rem; height: 5rem; display: block; z-index: 21; }

    .fix-footbox .munber { color: #fff; position: absolute; top: -3.5rem; right: 2.5rem; font-size: 1.3rem; border-radius: 50%; background: #E93B3D; height: 4rem; width: 4rem; line-height: 4rem; }

input::-webkit-input-placeholder { color: #9C9FA1; font-size: 1.6rem; }

.subcomment { margin-top: 0.5rem; border-bottom: 1px solid #e8e8ee; }

.comment-head { position: relative; padding-left: 4.5rem; min-height: 3.6rem; line-height: 3.6rem; }

    .comment-head .avatar { position: absolute; top: 0; left: 0; display: block; width: 3.6rem; height: 3.6rem; border-radius: 50%; overflow: hidden; }

        .comment-head .avatar img { width: 3.6rem; height: 3.6rem; }

    .comment-head .name { font-weight: 600; font-size: 1.6rem; min-height: 3.6rem; line-height: 3.6rem; }

    .comment-head .time { font-size: 1.4rem; color: #9C9FA1; position: absolute; right: 0; top: 1.2rem; min-height: 2rem; line-height: 2rem; }

    .comment-head .Identification { background-color: #FFECE8; color: #FF8062; padding: 0 0.5rem; border-radius: 0.2rem; min-height: 2rem; line-height: 2rem; font-size: 1.4rem; text-align: center; }

.subcomment .text { font-size: 1.6rem; color: #000; padding: 1rem 0; }


.Briefbroadcastbox { background: #fff; font-size: 1.6rem; overflow: hidden; padding: 0 1.2rem; padding-bottom: 7rem; display: none; }

.centerbox { margin-top: 0.5rem; border-bottom: 1px solid #e8e8ee; }

    .centerbox .title { font-size: 1.6rem; color: #000; font-weight: 600; }

    .centerbox .zb { background-color: #E93B3D; display: inline-block; padding: 0 0.4rem; margin-left: 0.6rem; color: #fff; text-align: center; width: 4rem; height: 2rem; line-height: 2rem; }

    .centerbox .time { color: #9C9FA1; font: 1.2rem; padding: 1rem 0; }

.Briefbroadcastbox .contentbox { font-size: 1.6rem; color: #394043; padding: 1rem 0 6rem 0; text-indent: 2em; }


.fix-consultbox { display: none; }

.mask-box { position: fixed; z-index: 1100; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); }

.close-popup { width: 36px; height: 36px; position: absolute; left: 50%; bottom: -120px; transform: translate(-50%, 0); border-radius: 50%; background-color: #FFFFFF; }

.mask-box .popup { width: 300px; height: 300px; position: absolute; top: 50%; left: 50%; border: 0; border-radius: 15px; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #ffffff; }

    .mask-box .popup .p-name { font-size: 18px; margin: 0 8px; font-weight: 600; max-width: 166px; }

    .mask-box .popup .p-qrcode { max-width: 130px; max-height: 130px; margin-top: 20px; }

.consult-mask { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background: rgba(142, 136, 136, 0.45); }

.fix-consult { position: fixed; z-index: 1010; top: 20%; right: 12%; left: 12%; max-width: 750px; margin: 0 auto; background: #fff; border-radius: 0.5rem; text-align: center; }

.consult-head { height: 4.6rem; line-height: 4.6rem; border-bottom: 1px solid #e8e8e8; }

    .consult-head h2 { font-size: 1.8rem; }

.consult-body { padding: 1rem 1.2rem 1rem 1.2rem; font-size: 1.8rem; }

.consult-foot { border-top: 1px solid #e8e8e8; font-size: 1.4rem; }

    .consult-foot .btn { display: block; float: left; width: 50%; height: 4rem; line-height: 4rem; border-right: 1px solid #e8e8e8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

        .consult-foot .btn:last-child { border-right: none; }

        .consult-foot .btn.btn-cancel { color: #9c9fa1; }

        .consult-foot .btn.btn-define { color: #F7B641; }


.helpHouseBox { display: none; }

    .helpHouseBox .text { font-size: 1.4rem; text-align: center; padding: 1rem 0; }

.consult-head .close { position: absolute; right: 1rem; top: 1rem; width: 3rem; height: 3rem; }

.inputbox li { min-height: 4rem; line-height: 4rem; width: 80%; margin: 1.5rem auto; }

.inputbox input { color: #6b7072; min-height: 4rem; line-height: 4rem; padding-left: 1rem; font-size: 1.4rem; width: 100%; background: #F8F8F9; border: none; }

.Submission { height: 4rem; line-height: 4rem; color: #fff; text-align: center; font-size: 1.6rem; border-radius: 0.5rem; background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f24f18), color-stop(80%, #e61e0b)); background: -webkit-linear-gradient(left, #f24f18 20%, #e61e0b 80%); background: linear-gradient(to right, #f24f18 20%, #e61e0b 80%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F24F18', endColorstr='#E61E0B', GradientType=1); width: 80%; margin: 0 auto; margin-top: 1rem; margin-bottom: 1rem; }

.tijia { height: 4rem; line-height: 4rem; color: #fff; text-align: center; font-size: 1.4rem; border-radius: 2.5rem; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#F24F18),color-stop(80%,#E61E0B)); background: -webkit-linear-gradient(left,#F24F18 20%,#E61E0B 80%); background: linear-gradient(to right,#F24F18 20%,#E61E0B 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F24F18', endColorstr='#E61E0B', GradientType=1); width: 80%; margin: 1rem auto; margin-top: 3rem; }

textarea { width: 80%; height: 150px; padding: 1rem 2rem; border: none; border-radius: 4px; color: #6b7072; background-color: #F8F8F9; font-size: 16px; resize: none; margin: 0 auto; }


.LuckDrawBox { display: none; padding-bottom: 26rem; /* background-color: #fff; */ padding-top: 2rem; }



.LuckListItem { position: relative; top: 0; font-size: 1.2rem; padding-bottom: 1rem; padding-top: 0.5rem; color: #000; margin: 0 1.5rem; line-height: 2.5rem; border-bottom: 1px solid #e8e8ee; }

.activity-bnt { position: absolute; right: 0; top: 0.4rem; font-size: 1.4rem; z-index: 21; text-align: center; width: 8rem; height: 3rem; line-height: 3rem; color: #fff; background-color: #E61E0B; border-radius: 0.5rem; }



.login-Success { display: none; }

    .login-Success .bnt { font-size: 1.8rem; font-weight: 600; background: #E61E0B; color: #fff; width: 90%; margin: 1rem auto; margin-top: 3rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 2.5rem; }



.fix-footbox button { height: 4.5rem; line-height: 4.5rem; width: 6rem; background: #E93B3D; z-index: 999; position: absolute; border: none; bottom: 1rem; right: 8rem; color: #fff; border-radius: 0 2rem 2rem 0; font-weight: 600; }

.lovebox { position: absolute; bottom: 8rem; right: 1rem; z-index: 21; width: 5.8rem; }

.ticket { position: fixed; bottom: 11rem; background: url(../images/VHall/投票.png) top center no-repeat; background-size: 5.5rem; z-index: 25; padding-top: 5.5rem; font-size: 1.2rem; width: 5rem; right: 0rem; text-align: center; }

.lovebox a.love { background: url(../images/VHall/like.png) top center no-repeat; background-size: 5.5rem; z-index: 1; padding-top: 5.5rem; font-size: 1.2rem; text-align: center; }

.lovebox a { position: relative; display: block; width: 6.5rem; }

.ticket-munber { line-height: 1.7rem; height: 1.7rem; color: #735654; background-color: #fb9b70; border-radius: 1rem; text-align: center; }

.love-munber { line-height: 2rem; height: 2rem; color: #da251d; background-color: #efcac9; border-radius: 1rem; text-align: center; }

.footbox { position: fixed; bottom: 0; left: 0; right: 0; box-sizing: border-box; background-color: #ffffff; border-top: 1px solid #e8e8e8; z-index: 1001; max-width: 750px; margin: 0 auto; padding: 0 0.2rem; height: 6rem; line-height: 5rem; }

    .footbox li { float: left; }

    .footbox .item { width: 3rem; height: 3rem; margin: 0 0.5rem; text-align: center; }

    .footbox .input-box { flex: 1; margin: 0 0.5rem; position: relative; box-sizing: border-box; }

    .footbox button { background: #F7B641; font-size: 13px; width: 4rem; height: 3rem; line-height: 3rem; border-radius: 0 2rem 2rem 0; color: #fff; position: absolute; border: none; top: 0rem; right: 0rem; }

    .footbox.fix-headerbox { position: fixed; bottom: 0; left: 0; right: 0; box-sizing: border-box; z-index: 22; max-width: 750px; margin: 0 auto; height: 6.4rem; line-height: 6.4rem; padding: 0 8.5rem 0 5.5rem; background: #ffffff; border-top: 1px solid #e8e8e8; }

    .footbox .icon.i-return { background: url(../images/VHall/face.png) center center no-repeat; background-size: 3rem; }

    .footbox .icon.header-left { position: absolute; top: 1rem; left: 1rem; }

    .footbox .icon { display: block; width: 4rem; height: 4rem; }

    .footbox h2 { font-size: 1.8rem; text-align: center; position: relative; height: 4rem; line-height: 4rem; top: 1rem; }

    .footbox .icon.i-menu { background: url(../images/VHall/gift.png) center center no-repeat; background-size: 4.4rem; }

    .footbox .icon.header-right { position: absolute; top: 1rem; right: 1.5rem; }

    .footbox input { width: 100%; box-sizing: border-box; height: 3rem; line-height: 3rem; border: none; border-radius: 2rem; padding-left: 1rem; padding-right: 5rem; display: flex; flex-wrap: wrap; border: 1px solid #d6d6d6; }

        .footbox input::-webkit-input-placeholder { font-size: 13px; color: #ccc; }

        .footbox input::-moz-input-placeholder { color: #ccc; }

        .footbox input::-ms-input-placeholder { color: #ccc; }

    /*.footbox .input {
        height: 4rem;
        line-height: 4rem;
        background: #F8F8F9;
        padding-left: 1rem;
        border: 1px solid #333;
        border-radius: 0.5rem;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1em;
    }*/
    .footbox img { height: 3rem; line-height: 3rem; }

    .footbox .button { height: 4rem; line-height: 4rem; width: 20%; background: #E93B3D; z-index: 999; position: absolute; top: 0; right: -1.5rem; color: #fff; border-right: 1px solid #333; border-bottom: 1px solid #333; border-top: 1px solid #333; border-radius: 0.5rem 0.5rem 0.5rem 0; }

.zan-number { position: absolute; top: -2rem; right: -0.2rem; margin: 0 auto; padding: 0 5px; font-size: 12px; background-color: #e93b3d; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #ffffff; border-radius: 2rem; }

.giftbox { display: none; }

.gift-cont { position: fixed; bottom: 0; max-width: 100%; left: 0; right: 0; margin: 0 auto; background: #fff; z-index: 1001; height: 35%; overflow-x: auto; }

    .gift-cont li { float: left; width: 25%; }
    /*礼物 start*/
    .gift-cont .term { border: 1px solid #e8e8e8; margin: 0.4rem; border-radius: 0.5rem; overflow: hidden; text-align: center; height: 8rem; }

    .gift-cont img { height: 4rem; line-height: 4rem; }

.gift-name { font-size: 14px; font-weight: bold; margin-top: .2rem; }

.gift-desc { font-size: 12px; color: #ffa800; margin-top: .1rem; }

.gift-bnt { width: 30rem; height: 4.4rem; line-height: 4.4rem; text-align: center; background: #da251d; color: #fff; font-size: 1.8rem; margin: 0 auto; margin-top: 3rem; margin-bottom: 3rem; border-radius: 0.5rem; }
/*礼物 end*/


.ReceiveDiscountbox { display: none; }

    .ReceiveDiscountbox .text { font-size: 1.6rem; text-align: left; color: #000000; padding-left: 4rem; padding-top: 1rem; }

        .ReceiveDiscountbox .text.red { color: #e93b3d; }

/*聊天 start*/
.chatbox { /*background-color: #e8e8e8;*/ display: none; }

.chatCont { /*background-color: #e8e8e8;*/ }

.chat-info { font-size: 1.5rem; color: #999999; padding: 0.5rem 0; position: relative; }


.news-cont { box-sizing: border-box; background-color: #FF5902; /* color: #010101; */ color: white; padding: 0.4rem 0.8rem; max-width: 200px; width: fit-content; border-radius: 0.5rem; margin-left: 4.2rem; }

.news-cont2 { box-sizing: border-box; /* color: #010101; */ color: white; padding: 0.4rem 0.8rem; max-width: 200px; width: fit-content; border-radius: 0.5rem; margin-left: 4.2rem; }

.Administrators-info .left { position: relative; }

.Administrators-info .right { padding-left: 12rem; width: 16rem; }

.Administrators-info .item { margin-right: 1rem; }

.Administrators-info .Recommend { color: #c12b24; }

.Administrators-info .name { position: absolute; left: 6rem; top: 0; font-size: 1.6rem; color: #999999; }

.chat-info .avatar { width: 3.3rem; height: 3.3rem; border-radius: 50%; vertical-align: middle; margin-right: 0.5rem; }

.chat-info .time { font-size: 1.6rem; color: #999999; padding-left: 3rem; position: absolute; right: 0rem; }

.Administrators { color: #c12b24; width: 5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; border: 1px solid #c12b24; font-size: 1.2rem; position: absolute; top: 0.5rem; }

.give { overflow: hidden; }
/*聊天 end*/
/*红包 start*/
.redPacker { position: fixed; bottom: 23rem; right: 1rem; z-index: 21; width: 5rem; }

    .redPacker .redbox { position: relative; display: block; }

    .redPacker img { width: 5rem; height: 6rem; }

    .redPacker .close-img { position: absolute; right: -0.5rem; top: -1rem; }

        .redPacker .close-img img { width: 2.5rem; height: 2.5rem; }
/*红包 end*/

.chatInfo { position: relative; background: rgba(68, 63, 63, 0.46); width: 21rem; height: 5rem; line-height: 2.5rem; border-radius: 3rem; font-size: 1.6rem; font-weight: 600; color: #fff; }

    .chatInfo .name { padding-left: 2rem; }

    .chatInfo .giveOut { color: #e0c51f; padding-left: 2rem; }

    .chatInfo .imgbox { position: absolute; right: 0; top: 0; }


.Historybox { background-color: #fff; }

.Customerbox { font-size: 1.4rem; color: #000; overflow: hidden; padding-left: 1.2rem; text-align: left; line-height: 3.5rem; }


.Historybox .bnt { font-size: 1.8rem; font-weight: 600; background: #F7B641; color: #fff; width: 80%; margin-bottom: 2rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 2.5rem; position: absolute; bottom: 0; left: 0; right: 0; margin: 1rem auto; margin-top: 3rem; }

.Goodsbox { padding: 0 1.2rem; text-align: left; font-size: 1.4rem; color: #000; }

    .Goodsbox .item { border-bottom: 1px solid #e8e8e8; }

.tipsbox { font-size: 1.4rem; color: #3291bb; line-height: 2.5rem; text-align: left; padding: 0 1.2rem 0 1.2rem; }

.consult-head h2 { font-size: 1.6rem; }

.no-openLuckbox { display: none; }

    .no-openLuckbox .bnt { font-size: 1.8rem; font-weight: 600; background: #E61E0B; color: #fff; width: 80%; margin: 1rem auto; margin-top: 3rem; margin-bottom: 2rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 2.5rem; }

canvas { display: block; position: fixed; bottom: 10rem; right: 1rem; z-index: 20; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.yes-openLuckbox { display: none; }

    .yes-openLuckbox .bnt { font-size: 1.8rem; font-weight: 600; background: #E61E0B; color: #fff; width: 80%; margin: 1rem auto; margin-top: 3rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 2.5rem; }

.tipsImg { position: absolute; right: 0; top: 0; z-index: 22; }

.joinLuck-btn { font-size: 1.5rem; z-index: 21; position: relative; height: 4rem; color: #969595; text-align: center; /* background: #ffffff; */ padding: 0 1.2rem; margin-bottom: 2rem; }

    .joinLuck-btn .jion-btn { background: #E61E0B; width: 46%; float: left; border-radius: 0.5rem; }

    .joinLuck-btn .jion-History { height: 6rem; width: 6rem; background: #ff5e00; float: left; border-radius: 100%; margin: 1rem auto; }

.emoji_list li { font-size: 3em; width: 20%; text-align: center; }

.t-input-box { display: none; z-index: 2; position: fixed; bottom: 0; max-width: 750px; left: 0; right: 0; margin: 0 auto; background: #ffffff; }

    .t-input-box .expression { float: left; text-align: left; }

        .t-input-box .expression img { width: 3rem; height: 3rem; }

.Input-TOP { padding: 1rem; overflow: hidden; }

.t-input-box .SendOut { float: right; width: 6rem; height: 3rem; line-height: 3rem; border-radius: 0.5rem; text-align: center; background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f24f18), color-stop(80%, #e61e0b)); background: -webkit-linear-gradient(left, #f24f18 20%, #e61e0b 80%); background: linear-gradient(to right, #f24f18 20%, #e61e0b 80%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F24F18', endColorstr='#E61E0B', GradientType=1); color: #ffffff; }

.t-input-box .InputBox textarea { color: #394043; padding-left: 1rem; padding-bottom: 1rem; font-size: 1.6rem; width: 93%; height: 3.5rem; background: #f8f8f9; border: none; margin-top: 1rem; }




/* new20200328预告 */

.Notice-Mask { background: rgba(0, 0, 0, 0.5); max-width: 750px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; color: #ffffff; margin: 0 auto; text-align: center; }

    .Notice-Mask h2 { font-size: 2.4rem; padding-top: 80px; }

    .Notice-Mask p { font-size: 1.8rem; padding-top: 10px; }

    .Notice-Mask .time { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 3rem; line-height: 3rem; max-width: 750px; background-color: #00000094; letter-spacing: 0.2rem; }

.play-Mask { background: rgba(255, 255, 255, 0); max-width: 750px; position: fixed; right: 0; bottom: 6rem; top: 0; left: 0; z-index: 4; color: #ffffff; margin: 0 auto; text-align: center; }

    .play-Mask .play-Button { position: fixed; right: 0; top: 46%; left: 0; z-index: 6; }

        .play-Mask .play-Button img { width: 5rem; height: 5rem; line-height: 5rem; }


.fix-banner .Shieldbox { position: absolute; top: 3.5rem; left: 1.2rem; z-index: 2; color: #ffffff; text-align: center; }

    .fix-banner .Shieldbox .icon img { width: 5rem; height: 2rem; }

    .fix-banner .Shieldbox .text img { width: 2rem; height: 2rem; position: absolute; top: 0; left: 6rem; }

.cs_list { display: flex; flex-direction: row; justify-content: space-between; }

    .cs_list a, p, h2 { margin: 0 0.5rem; }

.agentbox { background: #fff; color: #898989; font-size: 1.5rem; }

    .agentbox li { position: relative; text-align: left; min-height: 4rem; padding: 1rem; box-shadow: rgba(100, 100, 100, 0.35) 0px 2px 12px 0px; margin-bottom: 1rem; }


    .agentbox .avatar { top: 1rem; left: 0.5rem; width: 4.5rem; height: 4.5rem; border-radius: 50%; }

    .agentbox .zpl { display: block; width: 3rem; background: url(/Content/images/VHall/dynatown_chat.png) top center no-repeat; background-size: 3.2rem; z-index: 1; padding-top: 3.8rem; }

    .agentbox .call { position: absolute; top: 55%; right: 0.5rem; display: block; width: 3rem; background: url(../images/dynatown_call.png) top center no-repeat; background-size: 3.2rem; margin-top: -2.2rem; z-index: 1; padding-top: 3.8rem; }

    .agentbox .query-home { border: 1px solid #e8e8ee; width: 6rem; height: 2rem; line-height: 2rem; color: #9c9fa1; text-align: center; font-size: 1.2rem; }

.mail-item { line-height: 2.4rem; display: flex; align-items: center; }


.mail-item h2 { font-size: 1.6rem; font-weight: 600; color: #000; }

.buy-redpack { position: relative; overflow: hidden; margin-bottom: 0.5rem; }

    .buy-redpack img { width: 100%; }

.buy-redbox { position: absolute; top: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: space-between }

.buyfang-text { left: 1rem; top: 0; color: #f46227; font-size: 1.4rem; margin-left: 2rem; }

.buyfang-btn { margin-right: 2rem; }

.buyfang-text p { padding-top: 0.5rem; }

.receive-btn { display: block; width: 9rem; height: 3.6rem; line-height: 3.6rem; background-color: #f46227; color: #ffffff; border-radius: 0.2rem; text-align: center; margin-top: 0.5rem; box-sizing: border-box; }

.border-radius-100 { border-radius: 100%; }

.breathe-action { position: relative; width: 100px; height: 40px; line-height: 40px; border: 1px solid #fff30d; border-radius: 5px; color: #fff; font-size: 20px; text-align: center; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,.3); overflow: hidden; background-image: -webkit-gradient(linear,left top,left bottom,from(#6cc3fe),to(#21a1d0)); -webkit-animation-timing-function: ease-in-out; -webkit-animation-name: breathe; -webkit-animation-duration: 2700ms; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; }

@-webkit-keyframes breathe {
    0% { opacity: .2; box-shadow: 0 1px 2px rgba(255,255,255,0.1); }

    100% { opacity: 1; border: 1px solid rgb(249 136 97); box-shadow: 0 1px 30px rgb(243 91 38); }
}