@charset "utf-8";



/* CSS Document */

* {

    margin: 0px;

    padding: 0px;

}



div,

p,

dl,

dd,

a,

b,

u,

em,

input,

textarea,

button,

select,

form,

section,

label,

span,

td,

li,

nav,

footer,

body,

ul,

i {

    font-family: "Microsoft YaHei", "微软雅黑", helvetica, arial, verdana, tahoma, sans-serif;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    word-wrap: break-word;

    word-break: break-all;

    padding: 0;

    margin: 0;

    list-style: none

}



a:focus,

a:active {

    outline: 0

}



body,

td,

input,

textarea,

option,

select,

button {

    /*font-family:Helvetica,Arial,sans-serif;*/

    /*font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;*/

    /*font-family:Tahoma, Helvetica, Arial, sans-serif;*/

    /*fon-family:'微软雅黑',Helvetica,Arial,sans-serif;*/

    font-size: 1em;

    -webkit-text-size-adjust: none

}



html {

    width: 100%;

    height: 100%

}



body {

    -webkit-user-select: none;

    user-select: none;

    overflow-x: hidden;

    min-width: 320px;

    height: 100%;

    font-size: 0.32rem;

    margin: 0 auto;

    padding: 0;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-color: #081f2f;

    min-height: 100vh;

}



img,

video,

nav,

textarea,

input,

button {

    border: 0;

    vertical-align: bottom

}



[v-cloak] {

    display: none;

}



.indexbody {

    overflow: hidden;

}



.table_bar {

    opacity: 0.85;

    font-size: 0.28rem;

    padding: 0.02rem 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

    background-color: #0e1f2e;

    /* animation: t_b_down 0.3s ease-in; */

    opacity: 1;

}



/* @keyframes t_b_down {

    0% {

        top: 5.08rem;

    }



    100% {

        top: 6.98rem;

    }

} */



.table_bar_up {

    opacity: 0.85;

    font-size: 0.28rem;

    padding: 0.02rem 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 200;

    opacity: 1;

    background-color: #0e1f2e;

    /* animation: t_b_up 30s ease-in; */

}



/* @keyframes t_b_up {

    0% {

        top: 6.98rem;

    }



    100% {

        top: 5.08rem;

    }

} */



.table_title {

    display: flex;

    align-items: center;

    justify-content: space-around;

    color: #FFFFFF;

}



.table_bar .table_title div,

.table_bar_up .table_title div {

    position: relative;

    height: 0.8rem;

    line-height: 0.8rem;

}



.table_bar .table_title .active,

.table_bar_up .table_title .active {

    font-size: 0.32rem;

    opacity: 1;

    font-weight: 600;

}



.table_bar .table_title .active:after,

.table_bar_up .table_title .active:after {

    content: "";

    display: block;

    position: absolute;

    bottom: 1px;

    left: 35%;

    width: 30%;

    border-bottom: .06rem solid #FFFFFF;

    color: #FFFFFF;

}



.room {

    width: 100%;

    margin-bottom: 20%;

    margin-top: 0.92rem;

    animation: item_cont_dn 0.3s ease-in;

}



@keyframes item_cont_dn {

    0% {

        top: 5.92rem;

    }



    100% {

        top: 7.82rem;

    }

}



.room_up {

    width: 100%;

    margin-bottom: 20%;

    margin-top: 0.92rem;

    animation: item_cont_up 0.3s ease-in;

}



@keyframes item_cont_up {

    0% {

        top: 7.82rem;

    }



    100% {

        top: 5.92rem;

    }

}



.details,

details_up {

    margin-top: 0.92rem;

    overflow: hidden;

}



.room .chat_list,

.room_up .chat_list {

    padding-bottom: 0.2rem;

}



.room .chat_list .item,

.room_up .chat_list .item,

.comment_topping .item {

    background-color: #061323;

    border-radius: 0.3rem;

    /* display: flex; */

    color: #FFFFFF;

    margin: 0.1rem 0.22rem;

    position: relative;

    font-size: 0.24rem;

    min-height: 0.6rem;

    padding: 0.14rem;

    display: inline-block !important;

    display: inline;

}



.head {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.48rem;

    height: 0.48rem;

    top: 0.06rem;

    left: 0.12rem;

    position: absolute;

}



.head_topping {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.48rem;

    height: 0.48rem;

    top: 0.06rem;

    left: 0.78rem;

    position: absolute;

}



.mark {

    background-image: url(../img/icon_vip.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.28rem;

    height: 0.28rem;

    top: 0.18rem;

    left: 0.76rem;

    position: absolute;

}



.mark_topping {

    background-image: url(../img/icon_vip.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.28rem;

    height: 0.28rem;

    top: 0.18rem;

    left: 1.32rem;

    position: absolute;

}



.content1 {

    padding-left: 1rem;

    display: flex;

}



.content1_topping {

    padding-left: 1.56rem;

    display: flex;

}



.content1 .nick,

.content1_topping .nick {

    color: #FFDB9C;

    margin-right: 0.2rem;

}



.content1 .tex,

.content1_topping .tex {

    color: #FFFFFF;

    font-size: 0.24rem;

    flex: 1;

}



.content1 .tex span,

.content1_topping .tex span {

    color: #FFDB9C;

}



.content2 {

    padding-left: 0.6rem;

    display: flex;

}



.content2_topping {

    padding-left: 1.2rem;

    display: flex;

}



.content2 .nick,

.content2_topping .nick {

    color: #8D979F;

    margin-right: 0.2rem;

}



.content2 .tex,

.content2_topping .tex {

    color: #FFFFFF;

    font-size: 0.24rem;

    flex: 1;

}



.content2 .tex span,

.content2_topping .tex span {

    color: #FFDB9C;

}



.ptools_bar {

    height: 2.4rem;

    width: 100%;

    position: fixed;

    bottom: 0;

    /* background-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,1) 100%); */

    background-image: linear-gradient(to bottom, rgb(9 23 36 / 0%) 0%, rgb(11 25 39 / 39%) 10%, rgb(11 26 40) 40%, rgb(10 24 38) 60%, rgb(9 23 36) 100%);



}



.ptools_bar .op_cover {

    height: 1.2rem;

    width: 100%;

    position: fixed;

    bottom: 0;



}



.ptools_bar .op_item {

    display: flex;

    height: 1.2rem;

    width: 100%;

    position: fixed;

    bottom: 0.4rem;

    align-items: center;

}



.icon_hotword {

    background-color: #0B1521;

    background-image: url(../img/icon_hot_word.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.2rem;

    width: 0.72rem;

    height: 0.72rem;

    margin-left: 0.32rem;

}



.ptools_bar .op_item .icon_gift {

    background-color: #0B1521;

    background-image: url(../img/icon_gift.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.2rem;

    width: 0.72rem;

    height: 0.72rem;

    margin-right: 0.32rem;

}



.ptools_bar .op_item .icon_share {

    background-color: #0B1521;

    background-image: url(../img/icon_share.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.2rem;

    width: 0.72rem;

    height: 0.72rem;

    margin-right: 0.2rem;

}



.ptools_bar .op_item .container {

    position: relative;

    flex: 1;

    align-items: center;

    margin: auto 0.2rem;

}



.ptools_bar .op_item .container .op_head {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.48rem;

    height: 0.48rem;

    top: 0.12rem;

    left: 0.12rem;

    position: absolute;

}



.ptools_bar .op_item .container a {

    display: block;

    width: 100%;

    line-height: 1.6;

    color: rgba(255, 255, 255, 0.6);

    text-decoration: none;

    background-color: rgba(255, 255, 255, 0.2);

    font-size: .26rem;

    padding: 0.15rem 0.15rem 0.15rem 0.75rem;

    border-radius: 0.5rem;

}



.ptools_bar .op_likes {

    position: fixed;

    bottom: 1.56rem;

    right: 0.32rem;

    width: auto;

    display: flex;

    justify-content: space-around;

    align-items: center;

    flex-direction: column;

}



.ptools_bar .op_likes .icon_heart {

    background-color: #0B1521;

    background-image: url(../img/icon_heart.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.2rem;

    width: 0.72rem;

    height: 0.72rem;

    margin: -0.08rem auto 0;

    z-index: 9;

}



.ptools_bar .op_likes .txt_heart {

    color: #fff;

    font-size: 0.2rem;

    line-height: 0.28rem;

    padding: 0 0.1rem;

    border-radius: 0.5rem;

    z-index: 10;

    min-width: 0.45rem;

    text-align: center;

    background: -webkit-linear-gradient(to right, rgba(255, 61, 105, 1), rgba(255, 79, 165, 1));

    /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(to right, rgba(255, 61, 105, 1), rgba(255, 79, 165, 1));

    /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(to right, rgba(255, 61, 105, 1), rgba(255, 79, 165, 1));

    /* Firefox 3.6 - 15 */

    background: linear-gradient(to right, rgba(255, 61, 105, 1), rgba(255, 79, 165, 1));

    /* 标准的语法（必须放在最后） */

}



.ptools_bar .op_likes .flutter_heart1 {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 0.36rem;

    height: 0.32rem;

    position: absolute;

    z-index: 0;

    top: 0;

    left: 0.2rem;

    /* animation:rotate_flutter 3s linear infinite; */

    animation: rotate_flutter1 1s ease-in;

}



.ptools_bar .op_likes .flutter_heart2 {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 0.36rem;

    height: 0.32rem;

    position: absolute;

    z-index: 0;

    top: 0;

    left: 0.2rem;

    /* animation:rotate_flutter 3s linear infinite; */

    animation: rotate_flutter2 1s ease-in;

}



.ptools_bar .op_likes .flutter_heart3 {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 0.36rem;

    height: 0.32rem;

    position: absolute;

    z-index: 0;

    top: 0;

    left: 0.2rem;

    /* animation:rotate_flutter 3s linear infinite; */

    animation: rotate_flutter3 1s ease-in;

}



@keyframes rotate_flutter1 {

    0% {

        top: 0;

        left: 0.5rem;

    }



    10% {

        top: -0.3rem;

        left: 0.35rem;

    }



    20% {

        top: -0.6rem;

        left: 0.45rem;

        transform: scale(1.2);

    }



    30% {

        top: -0.9rem;

        left: 0.5rem;

        opacity: 1;

    }



    40% {

        top: -1.2rem;

        left: 0.25rem;

        opacity: 0.9;

    }



    50% {

        top: -1.5rem;

        left: 0.3rem;

        opacity: 0.8;

        transform: scale(1.3);

    }



    60% {

        top: -1.8rem;

        left: 0.35rem;

        opacity: 0.7;

    }



    70% {

        top: -2.1rem;

        left: 0.4rem;

        opacity: 0.6;

        transform: scale(0.6);

    }



    80% {

        top: -2.4rem;

        left: 0.45rem;

        opacity: 0.5;

    }



    90% {

        top: -2.7rem;

        left: 0.5rem;

        opacity: 0.5;

    }



    100% {

        top: -3rem;

        left: 0.5rem;

        opacity: 0.4;

        transform: scale(1.2);

    }

}



@keyframes rotate_flutter2 {

    0% {

        top: 0;

        left: 0.25rem;

    }



    10% {

        top: -0.3rem;

        left: 0.15rem;

        transform: scale(0.6);

    }



    20% {

        top: -0.6rem;

        left: 0.05rem;

    }



    30% {

        top: -0.9rem;

        left: 0.15rem;

        opacity: 1;

        transform: scale(1);

    }



    40% {

        top: -1.2rem;

        left: 0.25rem;

        opacity: 0.9;

        transform: scale(1.4);

    }



    50% {

        top: -1.5rem;

        left: 0.3rem;

        opacity: 0.8;

        transform: scale(0.9);

    }



    60% {

        top: -1.8rem;

        left: 0.35rem;

        opacity: 0.7;

        transform: scale(0.8);

    }



    70% {

        top: -2.1rem;

        left: 0.45rem;

        opacity: 0.6;

    }



    80% {

        top: -2.4rem;

        left: 0.4rem;

        opacity: 0.5;

        transform: scale(1.5);

    }



    90% {

        top: -2.7rem;

        left: 0.3rem;

        opacity: 0.5;

    }



    100% {

        top: -3rem;

        left: 0.2rem;

        opacity: 0.4;

    }

}



@keyframes rotate_flutter3 {

    0% {

        top: 0;

        left: 0;

    }



    10% {

        top: -0.3rem;

        left: 0.25rem;

    }



    20% {

        top: -0.6rem;

        left: 0.25rem;

    }



    30% {

        top: -0.9rem;

        left: 0.25rem;

        opacity: 1;

    }



    40% {

        top: -1.2rem;

        left: 0.25rem;

        opacity: 0.9;

    }



    50% {

        top: -1.5rem;

        left: 0.25rem;

        opacity: 0.8;

    }



    60% {

        top: -1.8rem;

        left: 0.25rem;

        opacity: 0.7;

    }



    70% {

        top: -2.1rem;

        left: 0.25rem;

        opacity: 0.6;

    }



    80% {

        top: -2.4rem;

        left: 0.25rem;

        opacity: 0.5;

    }



    90% {

        top: -2.7rem;

        left: 0.25rem;

        opacity: 0.5;

        transform: scale(1.4);

    }



    100% {

        top: -3rem;

        left: 0.25rem;

        opacity: 0.4;

    }

}



.combat {

    display: flex;

    align-items: center;

    justify-content: center;

}



.combat .combat_hand {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.combat .combat_hand .left_hand {

    width: 0.36rem;

    height: 0.36rem;

    background-image: url(../img/left_hand.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.combat .combat_hand .left_hand .left_up {

    font-size: 0.3rem;

    font-weight: 700;

    color: rgba(204, 45, 46, 1);

    text-align: center;

    margin-top: -0.22rem;

    opacity: 0;

    position: absolute;

}



.up_class {

    animation: combatup 0.7s ease-in;

}



.combat .combat_hand .left_txt {

    font-size: 0.2rem;

    color: rgba(204, 45, 46, 1);

}



.combat .combat_hand .right_hand {

    width: 0.36rem;

    height: 0.36rem;

    background-image: url(../img/right_hand.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.combat .combat_hand .right_hand .right_up {

    font-size: 0.3rem;

    font-weight: 700;

    color: rgba(36, 135, 255, 1);

    text-align: center;

    margin-top: -0.22rem;

    opacity: 0;

    position: absolute;

}



@keyframes combatup {



    0%,

    100% {

        opacity: 0;

    }



    50% {

        opacity: 1;

    }

}



.combat .combat_hand .right_txt {

    font-size: 0.2rem;

    color: rgba(36, 135, 255, 1);

}



.combat .progress {

    height: 0.1rem;

    width: 5.38rem;

    background-color: rgba(36, 135, 255, 1);

    border-radius: 0.5rem;

    margin: 0 0.15rem;

}



.combat .progress .progress_left {

    height: 0.1rem;

    background-color: rgba(204, 45, 46, 1);

    border-radius: 0.5rem;

    position: relative;

    overflow: hidden;

    display: flex;

    align-items: center;

}







.slide_up_popup {

    position: fixed;

    z-index: 1000;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

}



.slide_up_popup_mask {

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .1);

}



.slide_up_popup_mask2 {

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0);

}



.slide_up_popup .slide_up_popup_content {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

}



.slide_up_popup .slide_up_popup_content_show {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}



.slide_up_popup .add_comment_area {

    width: 100%;

    background-color: #12253C;

    padding: 0.16rem;

}



.slide_up_popup .add_comment_area .comment_input_wrapper {

    padding: 0.12rem 0.16rem;

    background: #f3f3f3;

    border-radius: 0.5rem;

    overflow: hidden;

}



.slide_up_popup .add_comment_area .comment_input_wrapper .textarea_wrapper {

    color: #333;

    font-size: .24rem;

    background: #f3f3f3;

    height: 0.4rem;

    line-height: .4rem;

    width: 100%;

    display: block;

    resize: none;

    border: 0;

    -webkit-appearance: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    outline: none;

}



.slide_up_popup .add_comment_area .actions {

    margin-top: 0.15rem;

    width: 100%;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.slide_up_popup .add_comment_area .actions .word_conut {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    text-align: right;

    font-size: .24rem;

    color: #888;

    padding-right: 0.2rem;

}



.slide_up_popup .add_comment_area .actions .submit_btn {

    display: block;

    padding: 0.08rem 0.25rem;

    font-size: .24rem;

    background: #0297fd;

    color: #fff;

    border-radius: 0.3rem;

}



.hot_word {

    position: fixed;

    z-index: 1000;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

}



.hot_word .hot_word_mask {

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .6);

}



.hot_word .hot_word_content {

    position: absolute;

    bottom: 0;

    left: 0;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    display: flex;

    flex-direction: column;

}



.hot_word .hot_word_content_show {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}



.hot_word .hot_word_content .icon_hotword {

    margin-bottom: 0.64rem;

    margin-top: 0.32rem;

}



.hot_word .hot_word_content .hot_txt {

    margin: 0.2rem 0.32rem;

}



.hot_word .hot_word_content .hot_txt a {

    font-size: 0.24rem;

    background-color: #FFFFFF;

    color: #5E666B;

    padding: 0.15rem 0.3rem;

    border-radius: 0.5rem;

}



.gift {

    position: fixed;

    z-index: 1000;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;



}



.gift .gift_item_list {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    width: 100%;

    height: 100%;

    background-color: #080f17;

    padding-bottom: 0.2rem;

    height: 5.3rem;

    position: absolute;

    bottom: 0;

}



.gift .gift_item {

    width: 25%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.gift .gift_item .gf_icon {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 1.2rem;

    height: 1.2rem;

}



.gift .gift_item .gf_title {

    font-size: 0.24rem;

    color: #FFFFFF;

    line-height: 0.5rem;

}



.gift .gift_item .gf_count {

    font-size: 0.24rem;

    color: #8D979F;

}



.count_page {

    position: fixed;

    right: 0;

    width: 1.9rem;

    height: 0.48rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/07/25/7009338081.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    text-align: center;

    font-size: 0.24rem;

    line-height: 0.48rem;

    color: rgb(255, 255, 255, 0.9);

    z-index: 101;

}



.give_gift {

    position: fixed;

    bottom: 60%;

    left: 0;

    max-height: 5rem;

    z-index: 102;

}



.give_gift .give_item {

    display: flex;

    align-items: center;

    width: auto;

    height: 1.2rem;

    /* background-color: #09131F; */

    background: -webkit-linear-gradient(to right, rgba(60, 138, 195, 0.9), rgba(67, 55, 167, 0.9));

    background: -o-linear-gradient(to right, rgba(60, 138, 195, 0.9), rgba(67, 55, 167, 0.9));

    background: -moz-linear-gradient(to right, rgba(60, 138, 195, 0.9), rgba(67, 55, 167, 0.9));

    background: linear-gradient(to right, rgba(60, 138, 195, 0.9), rgba(67, 55, 167, 0.9));

    border-radius: 0.3rem;

    position: relative;

    margin: 0.2rem 0;

}



.give_gift .gift_in {

    animation: moveIn 0.8s;

}



.give_gift .gift_out {

    opacity: 0;

    animation: moveOut 0.8s;

}



.give_gift .give_item .head {

    margin-top: 0.24rem;

    margin-left: 0.08rem;

}



.give_gift .give_item .mark {

    margin-top: 0.24rem;

}



.give_gift .give_item .content1 {

    margin-left: 0.1rem;

}



.give_gift .give_item_icon {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.8rem;

    height: 0.8rem;

    margin: 0 0.2rem;

}





.title {

    font-size: 0.32rem;

    color: #FFFFFF;

    margin: 0.4rem 0.22rem 0.2rem;

    font-weight: 700;

}



.desc {

    font-size: 0.24rem;

    color: #8D979F;

    margin: 0 0.22rem;

}



.recommend {

    margin: 0 0.22rem 1rem;

}



.recommend .cont_item {

    display: flex;

    margin: 0.2rem 0;

}



.recommend .cont_img {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 2.88rem;

    height: 1.62rem;

    border-radius: 0.1rem;

}



.recommend .cont_desc {

    font-size: 0.28rem;

    color: #FFFFFF;

    padding-left: 0.2rem;

    flex: 1;

}



.anchor,

anchor_up {

    margin: 0.92rem 0 0.4rem 0;

    overflow: hidden;

}



.detail_anchor {

    /* margin: 0.92rem 0 0.4rem 0; */

    overflow: hidden;

}



.mod_race_schedule {

    margin-bottom: 2rem;

}



.anchor_bar {

    margin: 0.4rem 0.22rem 0.2rem;

    display: flex;

    align-items: center;

}



.anchor_bar .anchor_head {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.72rem;

    height: 0.72rem;



}



.anchor_bar .anchor_title {

    font-size: 0.28rem;

    color: #FFFFFF;

    padding-left: 0.2rem;

    flex: 1;

    font-weight: 700;

}



.txt_indent {

    text-indent: 2em;

}



.img_indent {

    margin-top: 0.2rem;

    margin-bottom: 0.2rem;

}



.img_indent img {

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

}



/* ---------------------------- */

@keyframes moveIn {

    0% {

        transform: translateX(calc(-100% - 12px));

    }



    100% {

        transform: translateX(0);

    }

}



@keyframes moveOut {

    0% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



.model .close {

    position: absolute;

    top: -0.7rem;

    right: -0;

    padding: 0;

    cursor: pointer;

    background: 0 0;

    border: 0;

    font-size: 40px !important;

    font-weight: 700;

    text-shadow: 0 1px 0 #fff;

    line-height: 1;

    color: #000000;

    background: url(https://tp.nty.tv189.com/h5/mainsite/mix/2019/09/nationalDay/images/icon_close.png) no-repeat;

    background-size: contain;

    width: 0.5rem;

    height: 0.5rem;

    display: inline-block;

}



.model .model-head h3 {

    font-size: 0.36rem;

    line-height: 0.8rem;

    height: auto;

    background-color: #5c6deb;

    color: #fff;

    text-align: center;

}



.model-content {

    font-size: 0.28rem;

    padding: 0.2rem;

    overflow: auto;

    text-align: center;

    color: #555;

    align-items: center;

}



.model .model-btns {

    justify-content: center;

    display: flex;

    margin-bottom: 0.5rem;

    position: relative;

}



.model .btn-confirm {

    display: inline-block;

    font-size: 0.32rem;

    line-height: 0.7rem;

    height: 0.7rem;

    font-weight: normal;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    color: #fff;

    background-color: #3284ec;

    border-radius: 0.3rem;

    border: none;

    width: 50%;

}



/* share */

.sharebody {

    width: 100%;

    height: 100%;

    min-height: 100vh;

    padding: 0;

    background-image: url(../img/share_bg.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    padding-top: 2.4rem;

}



.share_connect {

    width: 83%;

    margin: 0 auto;

    background-color: #FFFFFF;

    border-radius: 0.3rem;

}



.share_connect .share_banner {

    /* background-image: url(../img/share_head.jpg); */

    background-size: 100% 100%;

    background-repeat: no-repeat;

    padding-top: 56%;

    border-top-right-radius: 0.3rem;

    border-top-left-radius: 0.3rem;

}



.share_connect .share_mod_head {

    width: 90%;

    display: flex;

    align-items: center;

    margin: 0.3rem auto 0.2rem;

    color: #5E666B;

    font-size: 0.28rem;

}



.share_connect .share_mod_head .shhead {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    border-radius: 0.5rem;

    width: 0.6rem;

    height: 0.6rem;

}



.share_connect .share_mod_head .shname {

    margin: auto 0.2rem;

    color: #1D1D1D;

}



.share_connect .share_mod_cont {

    background-color: #F1F5F8;

    width: 90%;

    margin: 0 auto;

    color: #1D1D1D;

    font-size: 0.36rem;

    padding: 0.2rem 0.2rem 0.4rem 0.2rem;

    border-radius: 0.3rem;

}



.share_connect .share_mod_cont .shtitle {

    padding: 0.1rem 0 0.05rem 0;

}



.share_connect .share_mod_cont .shtxt2 {

    padding: 0.05rem 0;

    font-size: 0.24rem;

    color: #5E666B;

    line-height: 0.36rem;

    font-weight: 300;

}



.share_connect .share_mod_foot {

    position: relative;

    margin: 0.6rem auto;

}



.share_connect .share_mod_foot .shtxt3 {

    font-size: 0.24rem;

    color: #8D979F;

    text-align: right;

    width: 90%;

    margin: 0 auto;

    line-height: 0.35rem;

    font-weight: 100;

}



.share_connect .share_mod_foot .shqrcode {

    position: absolute;

    left: 0.4rem;

    bottom: 0.4rem;

    width: 1.6rem;

    height: 1.6rem;

}



.share_connect .share_mod_foot .shfoot {

    background-image: url(../img/share_foot.jpg);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    padding-top: 11.6%;

    border-bottom-left-radius: 0.3rem;

    border-bottom-right-radius: 0.3rem;

    margin-top: 0.15rem;

}



.raceinfo {

    border-radius: 0.2rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 96%;

    margin: 0 auto;

    padding: 0.1rem 0 0.33rem;

}



.raceinfo .race_left,

.raceinfo .race_mid,

.raceinfo .race_right {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 33.3%;

}



.raceinfo .team_icon {

    width: 0.96rem;

    height: 0.96rem;

    background-repeat: no-repeat;

    background-size: auto 100%;

    background-position: center;

    margin: 0.2rem;

    border-radius: 0.5rem;

}



.raceinfo .team_name {

    color: #FFFFFF;

    font-size: 0.26rem;

    text-align: center;

}



.raceinfo .team_score {

    color: #FFFFFF;

    font-size: 0.72rem;

    font-weight: 700;

}



.raceinfo .team_status {

    display: flex;

    align-items: center;

    color: #E93C25;

    font-size: 0.24rem;

}



.sta_icon {

    background-image: url(../img/status_icon.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 0.18rem;

    height: 0.2rem;

    margin: 0 0.1rem;

}



.sta_icon_gray {

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/06/10/7009328465.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 0.18rem;

    height: 0.2rem;

    margin: 0 0.1rem;

}



.sta_btn_go {

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/06/10/7009328464.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 1.2rem;

    height: 0.6rem;

    margin: 0.1rem 0;

}



.topping_icon {

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/10/20/7009357799.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 0.56rem;

    height: 0.28rem;

    top: 0.16rem;

    left: 0.12rem;

    position: absolute;

}



.race_schedule {

    display: flex;

    color: #ffffff;

    justify-content: space-evenly;

    align-items: center;

    margin: 0.2rem 0;

    padding: 0.4rem 0;

    background-color: rgba(255, 255, 255, 0.069);

}



.race_title {

    color: #8D979F;

    font-size: 0.28rem;

    text-align: center;

    padding: 0.5rem 0 0 0;

}



.race_schedule .sch_title {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 30%;

}



.race_schedule .sch_title .sch_time {

    font-size: 0.4rem;

    font-weight: 700;

    margin: 0.1rem 0;

}



.race_schedule .sch_title .sch_txt {

    font-size: 0.24rem;

    color: #8D979F;

    padding-left: 0.2rem;

}



.race_schedule .sch_player {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 50%;

}



.race_schedule .sch_player .sch_item {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.race_schedule .sch_player .sch_icon_pl {

    background-size: auto 100%;

    background-repeat: no-repeat;

    width: 0.6rem;

    height: 0.6rem;

    margin: 0 0.15rem;

    min-width: 0.6rem;

    border-radius: 0.5rem;

    background-position: center;

}



.race_schedule .sch_player .sch_name_pl {

    font-size: 0.26rem;

    color: #ffffff;

    margin: 0.2rem 0.1rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    width: 100%;

    text-align: center;

}



.race_schedule .sch_score {

    /* display: flex;

    flex-direction: column; */

    font-size: 0.32rem;

    font-weight: 700;

    min-width: 0.4rem;

}



.race_schedule .sch_status {

    width: 1.5rem;

}



.race_schedule .sch_gotosee {

    display: flex;

    flex-direction: column;

}



.sch_zbz {

    display: flex;

    align-items: center;

    color: #E93C25;

    font-size: 0.24rem;

}



.txt_gray {

    color: rgba(141, 151, 159, 1);

}



.race_schedule .sch_status .sch_hk {

    background-image: url(../img/hk.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 1.2rem;

    height: 0.6rem;

}



.race_schedule .sch_status .sch_yy {

    background-image: url(../img/yuyue.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 1.2rem;

    height: 0.6rem;

}



.race_schedule .sch_status .sch_yyy {

    background-image: url(../img/yiyuyue.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 1.2rem;

    height: 0.6rem;

}



.room_banner,

.room_banner_up {

    width: 100%;

    height: 0.9rem;

    /* position: fixed; */

    /* top: 0.8rem; */

    left: 0;

    z-index: 100;

    background-color: #0e1f2e;

    opacity: 1;

}



.room_banner .rbn_bg,

.room_banner_up .rbn_bg {

    width: 94%;

    margin: 0.2rem auto;

    height: 0.6rem;

    border-radius: 0.5rem;

    background: -webkit-linear-gradient(to right, rgba(60, 138, 195, 0.94), rgba(67, 55, 167, 0.94));

    /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(to right, rgba(60, 138, 195, 0.94), rgba(67, 55, 167, 0.94));

    /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(to right, rgba(60, 138, 195, 0.94), rgba(67, 55, 167, 0.94));

    /* Firefox 3.6 - 15 */

    background: linear-gradient(to right, rgba(60, 138, 195, 0.94), rgba(67, 55, 167, 0.94));

    /* 标准的语法（必须放在最后） */

}



.rbn_cont {

    width: 94%;

    margin: 0 auto;

    height: 0.6rem;

    display: flex;

    align-items: center;

    justify-content: space-around;

    color: #FFFFFF;

    font-size: 0.24rem;

    padding: 0.02rem 0;

    position: relative;

}



.rbn_cont .rbn_icon {

    width: 0.72rem;

    height: 0.32rem;

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.rbn_cont .rbn_text {

    flex: 1;

    height: 0.6rem;

    line-height: 0.6rem;

    margin: 0 0.2rem;

    overflow: hidden

}



.rbn_cont .rbn_go {

    width: 0.2rem;

    height: 0.2rem;

    background-image: url(../img/room_banner_go.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



/* 播放器satr */

.player-container {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    overflow: hidden;

}



.playerBox {

    width: 100%;

    position: relative;

    padding: 0px;

    margin: 0px;

    clear: both

}



/* .playerBox:before{

    content: "";

    display:block;

    padding-top: 56.25%;

} */

.playerBox .typlayer-area {

    display: block;

    position: absolute;

    top: 0px;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

}



.playerBox .pro_title {

    display: block;

    position: absolute;

    top: 0px;

    left: 0;

    right: 0;

    z-index: 52;

    color: #cccccc;

    height: 30px;

    line-height: 30px;

    text-indent: 15px;

    background: rgba(0, 0, 0, 0.5);

    /*前三个参数为rgb颜色，第四个参数为透明度*/

}



.playerBox .pro_img {

    display: block;

    position: absolute;

    top: 0px;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 50;

    background-color: #000000;

    /*background-image:url(../images/liveposter.jpg);*/

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.playerBox .play_btn {

    cursor: pointer;

    position: absolute;

    top: 0px;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 55;

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/lib/tyvideo/images/play_new.png);

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-size: 60px 60px;

}



.player-container .playerBox {

    position: relative;

    width: 100%;

}



.player-container .playerBox .playerMsg {

    color: #ffffff;

    text-align: center;

    line-height: 0.4rem;

    border: 0;

    width: 98%;

    padding-top: 0.2rem;

    margin: 0 auto;

    font-size: 0.28rem;

}



.player-container .playerBox .playerBoxAre {

    position: relative;

    width: 100%;

    /* height: 3.7rem; */

    padding-bottom: 56.25%;

    overflow: hidden;

}



.player-container .playerBox .video {

    width: 100%;

    height: 100%;

}



.video .shade {

    position: absolute;

    background-color: #000;

    text-align: center;

    color: #fff;

    /* display: none; */

    height: 100%;

    z-index: 999;

    width: 100%;

    align-items: center;

    justify-content: center;

}



.video .shade .showmsg {

    padding: 1.3rem 0%;

    height: 3.7rem;

}



.video .shade .showmsg .c-bnt {

    height: 0.62rem;

    line-height: 0.62rem;

    width: 30%;

    margin: 0 auto;

    background-color: #2e9bed;

    border-radius: 3rem;

    margin-top: 0.2rem;

    display: inline-block;

    font-size: 0.26rem;

}



.video .shadePlayiconMsg {

    position: absolute;

    width: 100%;

    height: 100%;

    background: url(https://tp.nty.tv189.com/h5/mainsite/img/black.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    z-index: 998;

    text-align: center;

}





.video .shadePlayiconMsg img {

    width: 1rem;

    margin-top: 18%;

}



.player-container .player-tab {

    margin-top: 0.2rem;

    width: 97%;

}



.player-container .player-tab .player-tab-list {

    /* border: 1px solid #c8c8c8; */

    color: #ffffff;

    height: 0.8rem;

    border-radius: 0.1rem;

    width: 2rem;

    font-size: 0.22rem;

    padding: 0.1rem;

}



.player-container .player-tab .player-tab-list .player-tab-list-html {

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    overflow: hidden;

    -webkit-box-orient: vertical;

}



.player-container .player-tab .player-tab-list .player-tab-list-html.m-top {

    padding-top: 0.15rem;

}



/* 播放器end */



.dl_bg {

    background-color: rgba(0, 0, 0, 0);

    padding: 0 0 0 0;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: fixed;

    z-index: 10;

}



.dl_tool {

    position: fixed;

    bottom: 0;

    padding: 0 0.2rem;

    width: 100%;

    height: 1.6rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

    z-index: 20;

    /* background: -webkit-linear-gradient(to right, rgba(60, 138, 195, 0.89), rgba(67, 55, 167, 0.89));

    background: -o-linear-gradient(to right, rgba(60, 138, 195, 0.89), rgba(67, 55, 167, 0.89));

    background: -moz-linear-gradient(to right, rgba(60, 138, 195, 0.89), rgba(67, 55, 167, 0.89));

    background: linear-gradient(to right, rgba(60, 138, 195, 0.89), rgba(67, 55, 167, 0.89)); */

    background-color: rgba(255, 255, 255, 1);

    padding-bottom: 0.4rem;

}



.mod_download .dl_logo {

    width: 4.72rem;

    height: 0.96rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/06/15/7009329397.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.mod_download .dl_btn {

    width: 1.44rem;

    height: 0.72rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/06/15/7009329396.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.multiangle {

    height: 1.9rem;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

    background-color: #0e1f2e;

    opacity: 1;

    animation: mu_show 0.3s ease-in;

}



@keyframes mu_show {

    0% {

        height: 0;

        opacity: 0;

    }



    100% {

        height: 1.9rem;

        opacity: 1;

    }

}



.multiangle_hide {

    height: 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

    background-color: #0e1f2e;

    opacity: 0;

    animation: mu_hide 0.3s ease-in;

}



@keyframes mu_hide {

    0% {

        height: 1.9rem;

        opacity: 1;

    }



    100% {

        height: 0;

        opacity: 0;

    }

}



.mu_swp {

    width: 100%;

    height: 100%;

}



.mu_item {

    position: relative;

    width: 100%;

    height: auto;

    border: #2E3742 0.03rem solid;

    border-radius: 0.08rem;

    background-color: #1E2E3F;

}



.mu_img {

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding-top: 47.9%;

    border-radius: 0.08rem;

}



.mu_img_bg {

    background-color: #000000;

    padding-top: 47.9%;

    border-radius: 0.08rem;

    position: absolute;

    width: 100%;

    opacity: 0.5;

}



.mu_corner_defail {

    width: 0.6rem;

    height: 0.32rem;

    position: absolute;

    right: 0.05rem;

    top: 0.05rem;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    z-index: 2;

}



.mu_corner0 {

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/05/26/7009325106.png);

}



.mu_corner1 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/1.png);

}



.mu_corner2 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/2.png);

}



.mu_corner3 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/3.png);

}



.mu_corner4 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/4.png);

}



.mu_corner5 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/5.png);

}



.mu_corner6 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/6.png);

}



.mu_corner7 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/7.png);

}



.mu_corner8 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/8.png);

}



.mu_corner9 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/9.png);

}



.mu_corner10 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/10.png);

}



.mu_corner11 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/11.png);

}



.mu_corner12 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/12.png);

}



.mu_corner13 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/13.png);

}



.mu_corner14 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/14.png);

}



.mu_corner15 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/15.png);

}



.mu_corner16 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/16.png);

}



.mu_corner17 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/17.png);

}



.mu_corner18 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/18.png);

}



.mu_corner19 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/19.png);

}



.mu_corner20 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/20.png);

}



.mu_corner21 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/21.png);

}



.mu_corner22 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/22.png);

}



.mu_corner23 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/23.png);

}



.mu_corner24 {

    background-image: url(https://tp.nty.tv189.com/h5/mainsite/img/corner/2020/24.png);

}



.mu_item_sli {

    display: flex;

    align-items: center;

    padding: 0 0.12rem;

}



.mu_title {

    font-size: 0.24rem;

    color: #FFFFFF;

    width: 100%;

    line-height: 0.8rem;

    height: 0.6rem;

    padding-left: 0.15rem;

    position: absolute;

    left: 0;

    left: 0;

    top: 20%;

    text-align: center;

    font-weight: 700;

}



.mu_desc {

    font-size: 0.2rem;

    color: #C6D2D9;

    width: 100%;

    line-height: 0.8rem;

    height: 0.6rem;

    padding-left: 0.15rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.mu_mark {

    position: absolute;

    left: -5%;

    top: 55%;

    font-size: 0.24rem;

    color: #ffffff;

    text-align: center;

    width: 87%;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding-top: 15.6%;

    border-radius: 0.08rem;

}



.mu_highlight {

    border: rgb(37 228 255) 0.04rem solid;

    border-radius: 0.1rem;

    box-sizing: content-box;

}



.tab_dm {

    width: 1.96rem;

    height: 0.48rem;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.tab_dm .dm_input {

    background-color: rgba(255, 255, 255, 0.1);

    border-top-left-radius: 0.5rem;

    border-bottom-left-radius: 0.5rem;

    color: rgba(141, 151, 159, 1);

    font-size: 0.2rem;

    width: 1.36rem;

    height: 0.48rem;

    line-height: 0.48rem;

    text-align: center;

}



.tab_dm .dm_on {

    width: 0.6rem;

    height: 0.48rem;

    background-image: url(../img/danmu_on.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.tab_dm .dm_off {

    width: 0.6rem;

    height: 0.48rem;

    background-image: url(../img/danmu_off.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.trysee_cover {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    line-height: .5rem;

    text-align: left;

    padding-right: 0.2rem;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff;

    z-index: 945;

    font-size: .22rem;

    height: 0.5rem;

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, 0)));

    background-image: linear-gradient(180deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0));

    background-repeat: repeat-x;

    padding-left: 0.2rem;

}



.trysee_btn {

    position: absolute;

    right: 0.1rem;

    bottom: 0.55rem;

    /* color: #2f9dee;

    display: inline-block;

    vertical-align: top;

    margin: 0 0.06rem;

    text-decoration: none;

    font-size: 0.2rem;

    background-color: #ffffff;

    border-radius: 0.08rem;

    padding: 0.05rem; */

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/07/31/7009338753.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

}



.trysee_order {

    color: #2f9dee;

    line-height: .5rem;

    display: inline-block;

    vertical-align: top;

    margin: 0 0.08rem 0 0.06rem;

    text-decoration: none;

}



.more_screen {

    width: 100%;

    height: 0.88rem;

    padding: 0 2.5%;

    position: fixed;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    opacity: 1;

    z-index: 100;

    background-color: #0e1f2e;

}



.more_screen .item_scr {

    /* width: 50%; */

    display: flex;

    align-items: center;

    font-size: 0.28rem;

    color: #C6D2D9;

}



.more_screen .item_scr .mo_text {

    font-size: 0.24rem;

}



.more_screen .mul_mod_on {

    height: 0.32rem;

    width: 0.32rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/08/24/7009343757.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin: 0 0.1rem;

}



.more_screen .mul_mod_off {

    height: 0.32rem;

    width: 0.32rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/08/24/7009343758.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin: 0 0.1rem;

}



.more_screen .mo_icon {

    height: 0.36rem;

    width: 0.36rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/08/24/7009343760.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin: 0 0.05rem;

}



.more_screen .mo_corner_new {

    height: 0.3rem;

    width: 0.8rem;

    position: absolute;

    right: 2%;

    top: 0%;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/10/17/7009357077.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.more_screen .mo_go {

    height: 0.2rem;

    width: 0.2rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/08/24/7009343759.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin: 0 0.1rem;

}



.model_od_box {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 200;

    top: 0;

    left: 0;

}



.model_od_bg {

    background-color: rgba(13, 14, 14, 0.39);

    width: 100%;

    height: 100%;

}



.model_od {

    width: 86%;

    position: fixed;

    padding-bottom: 0.2rem;

    top: 20%;

    left: 7%;

    background-color: #ffffff;

    border-radius: 0.3rem;

}



.model_od .model_od_head {

    display: flex;

    width: 100%;

    overflow: hidden;

    border-top-right-radius: 0.3rem;

    border-top-left-radius: 0.3rem;

}



.model_od .model_od_head div {

    flex: 1;

    font-size: 0.3rem;

    line-height: 0.8rem;

    height: auto;

    background-color: #F7F7F7;

    color: #999999;

    text-align: center;

}



.model_od .model_od_head .mod_title_left {

    border-top-left-radius: 0.3rem;

}



.model_od .model_od_head .mod_or_light {

    color: #FFFFFF;

    background-image: linear-gradient(to bottom, rgba(255, 124, 27, 1) 100%, rgba(251, 72, 34, 1) 100%);

}



.model_od .model_od_btns {

    display: flex;

}



.model_od .model_od_btns .btn_confirm {

    width: 5.2rem;

    height: 0.9rem;

    margin: 0.06rem auto;

    border-radius: 0.45rem;

    color: #FFFFFF;

    font-size: 0.34rem;

    background-image: linear-gradient(to bottom, rgba(255, 124, 27, 1) 100%, rgba(251, 72, 34, 1) 100%);

}



.model_od .model_od_content {

    font-size: 0.24rem;

    color: #AAAAAA;

    text-align: center;

    line-height: 0.5rem;

}



.model_od .mod_od_pid {

    height: 2rem;

    margin: 0.11rem auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.model_od .model_od_content .price {

    font-size: 1rem;

    font-weight: 700;

    color: #FC5C20;

    text-align: center;

    line-height: 1rem;

    position: relative;

}



.model_od .model_od_content .p_name {

    font-size: 0.32rem;

    color: #333333;

    text-align: center;

    display: flex;

    position: relative;

    justify-content: center;

    align-items: flex-end;

}



.model_od .model_od_option {

    width: 5.2rem;

    height: 0.8rem;

    margin: 0 auto;

    border: #EEEEEE 0.01rem solid;

    border-radius: 0.41rem;

    display: flex;

    padding: 0 0.2rem;

    align-items: center;

    margin-bottom: 0.2rem;

}



.model_od .model_od_option .zfb_icon {

    width: 0.6rem;

    height: 0.6rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/09/05/7009345909.png);

    background-size: 100%;

    background-repeat: no-repeat;

    margin-right: 0.16rem;

}



.model_od .model_od_option .wx_icon {

    width: 0.6rem;

    height: 0.6rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/09/05/7009345910.png);

    background-size: 100%;

    background-repeat: no-repeat;

    margin-right: 0.16rem;

}



.model_od .model_od_option .jf_icon {

    width: 0.6rem;

    height: 0.6rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/09/05/7009345926.png);

    background-size: 100%;

    background-repeat: no-repeat;

    margin-right: 0.16rem;

}



.model_od .model_od_option .recom_icon {

    width: 0.6rem;

    height: 0.28rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/09/05/7009345927.png);

    background-size: 100%;

    background-repeat: no-repeat;

}



.model_od .model_od_option .od_check {

    width: 0.36rem;

    height: 0.36rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/09/05/7009345911.png);

    background-size: 100%;

    background-repeat: no-repeat;

}



.model_od .model_od_option .od_checked {

    width: 0.36rem;

    height: 0.36rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/09/05/7009345912.png);

    background-size: 100%;

    background-repeat: no-repeat;

}



.model_od .by_mark {

    position: absolute;

    width: 1.08rem;

    height: 0.4rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2022/09/05/7009345928.png);

    background-size: 100%;

    background-repeat: no-repeat;

    top: 0;

    right: -1.18rem;

}



.text_left {

    flex: 1;

}



.jf_desc {

    color: #8D979F;

    font-size: 0.22rem;

    margin-right: 0.2rem;

}



.hr01 {

    height: 0.72rem;

}



.vip_agreement {

    height: 0.5rem;

}



.cont_coupons {

    position: absolute;

    right: 0;

    bottom: 20%;

    line-height: .48rem;

    text-align: right;

    padding-right: 0.2rem;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff;

    z-index: 999;

    font-size: .24rem;

    background-color: rgba(0,0,0,.75);

    padding: 0 0.1rem 0 0.3rem;

    border-top-left-radius: 0.5rem;

    border-bottom-left-radius: 0.5rem;

    color: #ffe8c0;

    display: block;

}

.cont_coupons .x_icon {

    width: 0.36rem;

    height: 0.36rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2023/02/15/7009397817.png);

    background-repeat: no-repeat;

    background-position: 50% 50%;

    display: inline-block;

    vertical-align: middle;

    background-size: 100%;

    margin: 0 0 0 0.1rem;

}



.float_order{

    position: fixed;

    z-index: 10001;

    right: 0;

    left: 0;

    bottom: 0;

    height: 100%;

    height: 100vh;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

}

.f_o_bg {

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: rgba(0,0,0,.6);

}

.f_o_item {

    width: 70%;

    height: 3.56rem;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2023/02/21/7009398906.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top;

    border-radius: 0.24rem;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.f_o_title {

    height: 1.32rem;

    width: 90%;

    margin: 0 auto;

    border-top-left-radius: 0.24rem;

    border-top-right-radius: 0.24rem;

    text-align: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .32rem;

    font-weight: 700;

}



.f_o_desc {

    font-size: .28rem;

    color: #5e666b;

    text-align: center;

    line-height: .5rem;

}



.f_o_btns {

    position: absolute;

    bottom: 0;

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    border-top: 0.01rem solid #eee;

    height: 0.8rem;

    font-size: .32rem;

}

.f_o_btn_off {

    width: 50%;

    color: #8d979f;

    text-align: center;

    line-height: .8rem;

    border-bottom-left-radius: 0.24rem;

}

.f_o_btn_submit {

    width: 50%;

    background: -webkit-gradient(linear,left top,right top,from(#fff2d4),to(#e0c29e));

    background: -webkit-linear-gradient(left,#fff2d4,#e0c29e);

    background: -o-linear-gradient(left,#fff2d4,#e0c29e);

    background: linear-gradient(left,#fff2d4,#e0c29e);

    color: #8c6129;

    text-align: center;

    line-height: .8rem;

    border-bottom-right-radius: 0.24rem;

}



.trysee_end_coupons {

    display: flex;   

    flex-direction: column;   

    align-items: flex-end;

    padding-top: .2rem;

    position: absolute;

    bottom: 0.2rem;

    right: 0.3rem;

}

.trysee_end_coupons .coupons_icon {

    width: 0.72rem;

    height: 0.72rem;

    background-image: url(https://tp.nty.tv189.com/image/tmpl/2023/02/16/7009398381.png);

    background-repeat: no-repeat;

    background-position: 50% 50%;

    display: inline-block;

    vertical-align: middle;

    background-size: 100%;

}

.trysee_end_coupons .coupons_title {

    color: #ffe8c0;

    font-size: .2rem;

    width: 0.72rem;

}