
.flac {
	display: flex;
	align-items: center;
}

.mt20 {
	margin-top: .2rem;
}

.mt30 {
	margin-top: .3rem;
}

.mb30 {
	margin-bottom: .3rem;
}

.mt40 {
	margin-top: .4rem;
}

.mt50 {
	margin-top: .5rem;
}

.mt60 {
	margin-top: .6rem;
}

.blw40 {
	display: block;
	width: 40%;
	margin: 0 auto;
}

.blw50 {
	display: block;
	width: 50%;
	margin: 0 auto;
}

.blw60 {
	display: block;
	width: 60%;
	margin: 0 auto;
}

.blw80 {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.w90vw {
	display: block;
	width: 90vw;
	margin: 0 auto;
}

.w80vw {
	display: block;
	width: 80vw;
	margin: 0 auto;
}

.w60vw {
	display: block;
	width: 60vw;
	margin: 0 auto;
}

.w70vw {
	display: block;
	width: 70vw;
	margin: 0 auto;
}

.bbbbox_inmin45vh { min-height: 45vh;padding-bottom: 0; }

.pd30 {
	padding: .3rem;
}

.flex1 {
    flex: 1
}

.cn {
	text-align: center;
}


.tiptext {
	display: block;
	font-size: .2rem;
	font-weight: bold;
	line-height: .28rem;
	color: #999;
}
p.tiptext {
	margin: .2rem auto;
}

.taptext {
	display: block;
	font-size: .22rem;
	line-height: .4rem;
	color: #666;
}
p.taptext {
	margin: .2rem auto;
}


.imgw100block { width:100%; height:auto; display:block; }


.rebox {
	
}

.rebox .rebox_top {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 1.24rem;
	padding-top: 1px;
	font-size: .28rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(to bottom right,#fac183,#ff6519,#ff6519);
	border-radius: .1rem .1rem 0 0;
	box-sizing: border-box;
}
.rebox .rebox_top .rebox_icon {
	display: block;
	position: relative;
	width: 1.28rem;
	height: 1.1rem;
	margin: -1rem auto 0;
}
.rebox .rebox_top .rebox_icon img {
	width: 100%;
	vertical-align: top;
}
.rebox .rebox_top .rebox_title {
	
}

.rebox .rebox_in {
	display: block;
	width: 100%;
	padding: .2rem;
	background: #fff;
	border-radius: 0 0 .1rem .1rem;
	box-sizing: border-box;
}
.rebox .rebox_in_top {
	border-radius: .1rem;
}

.rebox .rebox_in_h34vh {
	height:34vh;
	overflow:auto;
}

.rebox .rebox_in_h42vh {
	height:42vh;
	overflow:auto;
	padding-bottom: .2rem;
	box-sizing: border-box;
}

.rebox .rebox_in_h48vh {
	height:48vh;
	overflow:auto;
	padding-bottom: .2rem;
	box-sizing: border-box;
}


.rebox .rebox_in_h52vh {
	height:52vh;
	overflow:auto;
	padding-bottom: .2rem;
	box-sizing: border-box;
}


.rebox .rebox_in_h62vh {
	height:62vh;
	overflow:auto;
}

.titletext {
	display: block;
	font-size: .3rem;
	font-weight: bold;
	line-height: .4rem;
	text-align: center;
	color: #333;
}

/*弹窗*/
.popup {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
.popupmask {
    display: block;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.popupmask.popupmaskmask {
	 background: rgba(0, 0, 0, 0.7);
}

.popup .popupcon {
    display: block;
    position: fixed;
	height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 1000;
}
.popupclose {
    display: block;
    width: .6rem;
    height: .6rem;
    margin: .4rem auto 0;
    background: url(https://u-static.lmjx.net/2022/live/m/images/popupbclosegray.png) center center no-repeat;
    background-size: 96% auto;
}



/*九宫格*/
.inmod-interactive-com-horseracelamp {
	display: block;
	width: 6.26rem;
	height: 6.26rem;
	padding: .4rem .24rem 0;
	background: url(../images/app/horseracelampbg.png) top center no-repeat;
    background-size: 100% auto;
	box-sizing: border-box;
}

.inmod-interactive-com-horseracelamp .lotteryin {
    width: 5.43rem;
    height: 5.43rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    padding: .1rem .06rem 0;
    background: center center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;

    position: relative;
    background: #ec3907;
    border-radius: .1rem;
    box-sizing: border-box;
}

.inmod-interactive-com-horseracelamp .lotteryin .lotitem,
.inmod-interactive-com-horseracelamp .lotteryin .dolot {
    width: 1.64rem;
    height: 1.64rem;
    background-color: red;
    box-sizing: border-box;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .06rem;
    position: relative;
    z-index: 1;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.inmod-interactive-com-horseracelamp .lotteryin .lotitem {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #fff;
    position: relative;
}
.inmod-interactive-com-horseracelamp .lotteryin .lotitem .itemin {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.64rem;
    border-radius: .14rem;
}
.inmod-interactive-com-horseracelamp .lotteryin .lotitemactive {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}

.inmod-interactive-com-horseracelamp .lotteryin .lotitem img {
    width: .72rem;
    height: .72rem;
}

.inmod-interactive-com-horseracelamp .lotteryin .lotitemntitle img {
    width: 1.66rem;
    height: 1.32rem;
}


.inmod-interactive-com-horseracelamp .lotteryin .lotitem span {
    width: 100%;
	margin-top: 3px;
    text-align: center;
    font-size: .2rem;
	color: #ec3907;
}

.inmod-interactive-com-horseracelamp .lotteryin .dolot {
    background: none;
}
.inmod-interactive-com-horseracelamp .lotteryin .dolot img {
    width: 100%;
}



.inmod-interactive-com-horseracelamp .bg {
    display: block;
    position: absolute;
    width: 6.1rem;
    height: 5.3rem;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.inmod-interactive-com-horseracelamp .bg2 {
    animation: horseracelampbgtoggle .6s infinite;
}

@keyframes horseracelampbgtoggle {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.inmod-interactive-com-luckywheel {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	background-size: 100% 100%;
}

.inmod-interactive-com-luckywheel .wheel-bg {
	width: 6.26rem;
	height: 6.26rem;
	background: url(../images/app/luckywheelbox.png) no-repeat center center;
	background-size: 100%;
	color: #fff;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	transition: transform 3s ease;
}

.inmod-interactive-com-luckywheel .wheel-pointer-box {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate(-50%, -60%);
	width: 1.77rem;
	height: 2.22rem;
}

.inmod-interactive-com-luckywheel .wheel-pointer {
	width: 1.77rem;
	height: 2.22rem;
	background: url(../images/app/pointer.png) no-repeat center center;
	background-size: 100%;
	transform-origin: center 60%;
}

.inmod-interactive-com-luckywheel .prize-list {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
}

.inmod-interactive-com-luckywheel .prize-list .prize-item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding-top: .64rem;
	box-sizing: border-box;
}

.inmod-interactive-com-luckywheel .prize-list .prize-item:first-child {
	top: .1rem;
	left: 2.12rem;
	transform: rotate(0deg);
}

.inmod-interactive-com-luckywheel .prize-list .prize-item:nth-child(2) {
	top: 0.66rem;
    left: 3.36rem;
    transform: rotate(45deg);
}

.inmod-interactive-com-luckywheel .prize-list .prize-item:nth-child(3) {
	top: 1.86rem;
    left: 3.96rem;
	transform: rotate(90deg);
}

.inmod-interactive-com-luckywheel .prize-list .prize-item:nth-child(4) {
	top: 3.14rem;
    left: 3.4rem;
    transform: rotate(135deg);
}

.inmod-interactive-com-luckywheel .prize-list .prize-item:nth-child(5) {
	top: 3.6rem;
    left: 2.12rem;
    transform: rotate(180deg);
}

.inmod-interactive-com-luckywheel .prize-list .prize-item:nth-child(6) {
	top: 3.1rem;
    left: 0.9rem;
    transform: rotate(-135deg);
}
.inmod-interactive-com-luckywheel .prize-list .prize-item:nth-child(7) {
	top: 1.86rem;
    left: 0.34rem;
    transform: rotate(-90deg);
}
.inmod-interactive-com-luckywheel .prize-list .prize-item:nth-child(8) {
	top: 0.6rem;
    left: 0.9rem;
	transform: rotate(-45deg);
}
.inmod-interactive-com-luckywheel .prize-item {
	width: 2rem;
	height: 2.50rem;
}


.inmod-interactive-com-luckywheel .prize-pic img {
	display: block;
	width: .76rem;
	height: .76rem;
	margin: 0 auto;
}

.inmod-interactive-com-luckywheel .prize-type {
	display: block;
	height: .40rem;
	font-size: .18rem;
	text-align: center;
	color: #ff6642;
}

/*九宫格倒计时*/
.lotterytimer {
	display: block;
	position: relative;
	width: 100%;
	height: .64rem;
	margin-top: 0;
	padding-top: .1rem;
	font-size: .18rem;
	line-height: .32rem;
	text-align: center;
	color: #ffa97e;
	background: url(https://u-static.lmjx.net/2022/live/m/images/squaretimer.png) center center no-repeat;
	background-size: auto 100%;
	box-sizing: border-box;
	z-index: 1;
}
/*大转盘倒计时*/
.luckywheeltimer {
	display: block;
	width: 100%;
	height: 1.5rem;
	margin-top: -0.94rem;
	padding-top: .88rem;
	font-size: .18rem;
	line-height: .4rem;
	text-align: center;
	color: #ffa97e;
	background: url(https://u-static.lmjx.net/2022/live/m/images/luckywheeltimer.png) center center no-repeat;
	background-size: auto 100%;
	box-sizing: border-box;
}



.formitem {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	/*padding-top: .4rem;
	padding-bottom: .16rem;*/
	padding: .28rem 0 .28rem .1rem;
	/*padding-left: .1rem;*/
	border-bottom: 1px solid #f5f5f5;
	background: #fff;
	box-sizing: border-box;
}
.formitem i {
	display: block;
	width: .36rem;
	height: .36rem;
	margin-right: .2rem;
}
.formitem .input , .formitem input , .formitem textarea {
	display: block;
	flex: 1;
	width: 100%;
	font-size: .28rem;
	line-height: .6rem;
	color: #333;
	border: 0;
	height:.6rem;
	font-family: "Microsoft YaHei, Helvetica";
}
.formitem input:focus-visible {
	outline: none;
}

.formitem input:disabled {
	background:none;
}

.formitem .itemselect {
	display: block;
	flex: 1;
	padding-right: .4rem;
	font-size: .28rem;
	line-height: .4rem;
	color: #333;
	background: url(https://u-static.lmjx.net/2022/live/m/images/selectarrow.png) right .1rem center no-repeat;
	background-size: .2rem auto;
	box-sizing: border-box;
}
.formitem .itemselect.emp {
	color: #757575;
}

.formitem .title{
	font-size: .2rem;
	font-weight: normal;
	letter-spacing: 0em;
	color: #666666;
	width:1rem;
	text-align: left;
}
.formitem .upload{
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #EDEDED;
	text-align: center;
	line-height: 1.6rem;
	font-size: .2rem;
	font-weight: normal;
	color: #EDEDED;
	background: url(../images/kliveapp/upload.png) no-repeat center;
	background-size: 25%;
	margin-left: 0.2rem;
}

.formitem .uploadimg img{
	width: 1.2rem;
	height: 1.2rem;

	border: 1px solid #EDEDED;
	text-align: center;
	line-height: 1.6rem;
	font-size: .2rem;
	font-weight: normal;
	color: #EDEDED;
	background-size: 25%;
	margin-left: 0.2rem;
}

.formitem .tip{
	color: #999999;
	font-size: 0.2rem;
	width: 2.9rem;
	position: absolute;
	left: 2.7rem;
	bottom: 0.4rem;
}

.formitem .iuser {
	background: url(../images/app/formicon1.png) center center no-repeat;
	background-size: 100% auto;
}


.formitem .iemail {
	background: url(../images/app/formiconemail.png) center center no-repeat;
	background-size: 100% auto;
}

.formitem .icompanyname {
	background: url(../images/app/icompanyname.png) center center no-repeat;
	background-size: 100% auto;
}
.formitem .icompanypos {
	background: url(../images/app/icompanypos.png) center center no-repeat;
	background-size: 100% auto;
}
.formitem .itel {
	background: url(../images/app/formicon2.png) center center no-repeat;
	background-size: 100% auto;
}
.formitem .iaddress {
	background: url(../images/app/formicon3.png) center center no-repeat;
	background-size: 100% auto;
}
.formitem .iintention {
	background: url(../images/app/formicon4.png) center center no-repeat;
	background-size: 100% auto;
}
.formitem .itruename {
	background: url(../images/kliveapp/itruename.png) center center no-repeat;
	background-size: 100% auto;
}



.formcheckitem {
	display: flex;
	align-items: center;
	position: relative;
	padding: .2rem 0;
}
.formcheckitem label {
	display: block;
	position: relative;
	font-size: .18rem;
	line-height: .4rem;
	color: #999;
	padding-left: .6rem;
	padding-right: .06rem;
}
.formcheckitem input {
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	left: 0;
	top: -0.05rem;
}
.formcheckitem input::before {
	display: block;
	position: absolute;
	content: '';
	width: .3rem;
	height: .31rem;
	left: .18rem;
	top: .1rem;
	background: url(https://u-static.lmjx.net/2022/live/m/images/fcheckicon.png) no-repeat;
	background-size: 100% 100%;
}
.formcheckitem input:checked::before {
	background: url(https://u-static.lmjx.net/2022/live/m/images/fcheckedicon.png) no-repeat;
	background-size: 100% 100%;
}


.formitemsh {
	padding-bottom: .3rem;
}
.formitemsh .itemselect {
	background: none;
	line-height: .3rem;
	color: #333;
}


.flx2y {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btne1 {
	display: block;
	width: 2.8rem;
	height: .7rem;
	margin: 0 auto;
	font-size: .28rem;
	line-height: .66rem;
	text-align: center;
	color: #656565;
	border: 1px solid #656565;
	border-radius: 5px;
	box-sizing: border-box;
}
.btne2 {
	display: block;
	width: 2.8rem;
	height: .7rem;
	margin: 0 auto;
	font-size: .28rem;
	line-height: .66rem;
	text-align: center;
	color: #07c160;
	border: 1px solid #07c160;
	border-radius: 5px;
	box-sizing: border-box;
}



.formitem_custombox {
	display: block;
	margin: .2rem 0;
	padding: .2rem .2rem 1px;
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 0px rgba(3, 16, 47, 0.1);
	box-sizing: border-box;
}
.formitem_custombox .formitem_custom {
	margin-bottom: .2rem;
	font-size: 0;
	border-bottom: 1px solid #EDEDED;
}
.formitem_custombox .formitem_custom .label {
	display: block;
	position: relative;
	font-size: .24rem;
	line-height: .4rem;
	color: #444;
}
.formitem_custombox .formitem_custom .label i {
	display: inline-block;
	width: .24rem;
	height: .4rem;
	margin-left: .1rem;
	background: url(../images/app/ctipicon.png) center center no-repeat;
	background-size: 100% auto;
	vertical-align: top;
}
.formitem_custombox .formitem_custom .label .labeltips {
	display: block;
	position: absolute;
	width: 100%;
	padding: .1rem .64rem .1rem .2rem;
	top: .5rem;
	left: 0;
	font-size: .24rem;
	line-height: .4rem;
	color: #E6A23C;
	background: #FCF6EC;
	box-sizing: border-box;
	z-index: 1;
}
.formitem_custombox .formitem_custom .label .labeltips i {
	display: block;
	position: absolute;
	width: .64rem;
	height: .64rem;
	top: 0;
	right: 0;
	background: url(../images/app/labeltipsclose.png) center center no-repeat;
	background-size: .24rem auto;
}
.formitem_custombox .formitem_custom input {
	display: block;
	margin-top: .12rem;
	height: .72rem;
	font-size: .24rem;
	line-height: .72rem;
	color: #9E9E9E;
}
.formitem_custombox .formitem_custom .itemselect {
	display: block;
	flex: 1;
	margin-top: .12rem;
	font-size: .28rem;
	line-height: .6rem;
	color: #333;
	background: url(https://u-static.lmjx.net/2022/live/m/images/selectarrow.png) right 0.1rem center no-repeat;
	background-size: 0.2rem auto;
}

.formitem_custombox .formitem_custom .itemchecks {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-top: .16rem;
	margin-left: -0.4rem;
}
.formitem_custombox .formitem_custom .itemchecks .it {
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
	margin-left: .4rem;
	font-size: .24rem;
	line-height: .44rem;
	color: #444;
}
.formitem_custombox .formitem_custom .itemchecks .it i {
	display: block;
	width: .26rem;
	height: .26rem;
	margin-right: .1rem;
	background: url(../images/app/ccheckicon.png) center center no-repeat;
	background-size: 100% auto;
}
.formitem_custombox .formitem_custom .itemchecks .it.cur {
	color: #F87437;
}
.formitem_custombox .formitem_custom .itemchecks .it.cur i {
	background: url(../images/app/ccheckedicon.png) center center no-repeat;
	background-size: 100% auto;
}
.formitem_custombox .formitem_custom:last-child {
	border: 0;
}


.formitem_custombox .formitem_custom .itemchoose {
	display: flex;
	flex-wrap: wrap;
	margin-top: .16rem;
	margin-left: -0.2rem;
}
.formitem_custombox .formitem_custom .itemchoose .it {
	display: block;
	min-width: 1.4rem;
	height: .56rem;
	margin-left: .2rem;
	margin-bottom: .22rem;
	padding: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #444;
	background: #F6F6F6;
	border: 1px solid #F6F6F6;
	box-sizing: border-box;
}
.formitem_custombox .formitem_custom .itemchoose .it.cur {
	color: #F87437;
	background: #FFF7F3;
	border: 1px solid #FDDDCE;
}


.itchecks {
	display: flex;
	flex-wrap: wrap;
	margin-top: 6px;
	padding: 1px 0;
}
.itchecks .it {
	display: flex;
	align-items: flex-start;
	margin-right: 10px;
	margin-bottom: 8px;
	/*white-space: nowrap;*/
	font-size: 12px;
	line-height: 20px;
	color: #666;
}
.itchecks .it input {
	display: block;
	position: relative;
	width: 15px;
	height: 15px;
	top: 4px;
	margin-right: 10px;
}


.privacys {
    position: relative;
    margin: .3rem auto 0;
}

.privacys label {
	display: block;
    position: relative;
    margin-bottom: .1rem;
    padding-left: .46rem;
    padding-right: .06rem;
    font-size: 0;
	font-size: .22rem;
    line-height: .4rem;
    color: #909399;
}

.privacys input {
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    top: -0.05rem;
}

.privacys input::before {
    display: block;
    position: absolute;
    content: '';
    width: .24rem;
    height: .32rem;
    left: 0;
    top: .1rem;
    background: url(../images/app/ccheckicon.png) center center no-repeat;
	background-size: 100% auto;
}

.privacys input:checked::before {
    background: url(../images/app/ccheckedicon.png) center center no-repeat;
	background-size: 100% auto;
}


.privacys span {
    margin-left: .1rem;
	color: #FF6411;
    text-decoration: underline;
}





.appms_uphone__ .iphonex {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.appms_agreement .bbbbox .bbbbox_title,
.appms_uphone__ .bbbbox .bbbbox_title {
	height: 30px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 30px;
}

.appms_agreement .bbbbox .bbbbox_close,
.appms_uphone__ .bbbbox .bbbbox_close {
	position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    background: url(https://u-static.lmjx.net/2022/live/m/images/popupbclose.png) center center no-repeat;
    background-size: 19px auto;
}

.appms_agreement .bbbbox .bbbbox_inin,
.appms_uphone__ .bbbbox .bbbbox_inin {
	font-size: 14px;
	padding: 7px;
}

.appms_agreement .titletext {
	font-size: 15px;
	line-height: 20px;
}

.appms_uphone__ .logingroupre {
    position: relative;
    margin: 0 10px;
}
.appms_uphone__ .logingroupre i {
    position: absolute;
    line-height: 37px;
    color: #4C82FF;
    font-size: 24px;
    background: #fff;
    z-index: 99;
}
.appms_uphone__ .logingroupre .input-group-addon{
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: none;
}
.appms_uphone__ .logingroupre .input-group{
    width: 100%;
}
.appms_uphone__ .logingroupre .xian-mi{
    position: absolute;
    right: 6px;
    z-index: 999;
    top: 0px;
    color: #8a8a8a;
}


.appms_uphone__ .logingroupre .inpt {
    display: block;
    width: 100%;
    height: 50px;
    outline: none;
    line-height: 50px;
    background-color: #FFF;
    border: 0;
    border-bottom: 1px solid #EEE;
    box-sizing: border-box;
}
.appms_uphone__ .logingroupre .yanzheng{
    position: absolute;
    line-height: 50px;
    color: #07c160;
    font-size: 14px;
    right: 0;
    top: 0;
    z-index: 99999;
    text-align: center;
    text-decoration: none;
}
.appms_uphone__ .logingroupre .yanzheng:focus, .appms_uphone__ .logingroupre .yanzheng:hover, .appms_uphone__ .logingroupre .yanzheng:active {
    color: #07c160;
}
.appms_uphone__ .logingroupre .yanzheng.gray {
    color: #bdbdbd;
}

.appms_uphone__ .loginbtn {
    display: block;
    width: 90%;
    margin: 35px auto 15px;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background: #07c160;
    border-radius: 50px;
    border: none;
}
.appms_uphone__ .loginbtnnc {
    background: rgb(171 171 171 / 60%);
}
.appms_uphone__ .logincopyright {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #999;
}

.appms_uphone__ .loginaap {
    display: flex;
    align-items: center;
    margin: 30px 10px 0;
    font-size: 12px;
    line-height: 20px;
    color: #bbb;
    white-space: nowrap;
}
.appms_uphone__ .loginaap label {
    display: flex;
    align-items: center;
}
.appms_uphone__ .loginaap .checkaap {
    position: relative;
    margin-right: 10px;
    width: 18px;
    height: 18px;
}
.appms_uphone__ .loginaap .checkaap input {
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    top: 0;
}
.appms_uphone__ .loginaap .checkaap input::before {
    display: block;
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    left: 0;
    top: -1px;
    background: url(https://u-static.lmjx.net/2022/app/images/logincheck.png) no-repeat;
    background-size: 100% 100%;
}
.appms_uphone__ .loginaap .checkaap input:checked::before {
    background: url(https://u-static.lmjx.net/2022/app/images/loginchecked.png) no-repeat;
    background-size: 100% 100%;
}
.appms_uphone__ .loginaap span {
    color: #07c160;
    white-space: nowrap;
}

.appms_uphone__ .popuphide {
    visibility: hidden;
	opacity: 0;
}
.appms_uphone__ .popuphide .popuplogincon {
	visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
}

.appms_uphone__ .popupshow {
    visibility: visible;
	opacity: 1;
}
.appms_uphone__ .popupshow .popuplogincon {
	visibility: visible;
    -webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/*登录2*/
/*.pagecenter_login .popupcon {width: 444px;padding: 30px;background: #fff;border-radius: .2rem;box-sizing: border-box;}
.pagecenter_login .logingroupre{position:relative;margin:0 10px}
.pagecenter_login .logingroupre i{position:absolute;line-height:37px;color:#4C82FF;font-size:24px;background:#fff;z-index:99}
.pagecenter_login .logingroupre .input-group-addon{padding:0;background-color:transparent;border:none;border-radius:none}
.pagecenter_login .logingroupre .input-group{width:100%}
.pagecenter_login .logingroupre .xian-mi{position:absolute;right:6px;z-index:999;top:0px;color:#8a8a8a}
.pagecenter_login .logingroupre .inpt{display:block;width:100%;height:50px;outline:none;line-height:50px;background-color:#FFF;border:0;border-bottom:1px solid #EEE;box-sizing:border-box}
.pagecenter_login .logingroupre .yanzheng{position:absolute;line-height:50px;color:#07c160;font-size:14px;right:0;top:0;z-index:99999;text-align:center;text-decoration:none}
.pagecenter_login .logingroupre .yanzheng:focus,.pagecenter_login .logingroupre .yanzheng:hover,.pagecenter_login .logingroupre .yanzheng:active{color:#07c160}
.pagecenter_login .logingroupre .yanzheng.gray{color:#bdbdbd}
.pagecenter_login .loginbtn{display:block;width:90%;margin:35px auto 15px;padding:10px 20px;font-size:16px;color:#fff;background:#07c160;border-radius:50px;border:none}
.pagecenter_login .loginbtnnc{background:rgb(171 171 171 / 60%)}
.pagecenter_login .logincopyright{display:block;margin-bottom:20px;font-size:12px;line-height:20px;text-align:center;color:#999}

.pagecenter_login .loginaap{display:flex;align-items:center;margin:30px 10px 0;font-size:12px;line-height:20px;color:#bbb;white-space:nowrap}
.pagecenter_login .loginaap label{display:flex;align-items:center}
.pagecenter_login .loginaap .checkaap{position:relative;margin-right:10px;width:18px;height:18px}
.pagecenter_login .loginaap .checkaap input{display:block;position:absolute;height:0;width:0;left:0;top:0}
.pagecenter_login .loginaap .checkaap input::before{display:block;position:absolute;content:'';width:18px;height:18px;left:0;top:-1px;background:url(https://u-static.lmjx.net/2022/app/images/logincheck.png) no-repeat;background-size:100% 100%}
.pagecenter_login .loginaap .checkaap input:checked::before{background:url(https://u-static.lmjx.net/2022/app/images/loginchecked.png) no-repeat;background-size:100% 100%}
.pagecenter_login .loginaap span{color:#07c160;white-space:nowrap}*/


/*送出礼物*/
.mslivegiftsenditem {
	position: absolute;
	margin:.3rem 0 0 .2rem;
	display: flex;
	align-items: center;
	font-size: .24rem;
	z-index: 1;
	transition: animation 1s;
	-webkit-transition: animation 1s;
	-moz-transition: animation 1s;
	-ms-transition: animation 1s;
	-o-transition: animation 1s;
	z-index: 11;
	pointer-events: none;
}

.mslivegiftsenditem.mslivegiftsenditem1 { top:0; }
.mslivegiftsenditem.mslivegiftsenditem2 { top:1.3rem; }
.mslivegiftsenditem.mslivegiftsenditem3 { top:2.6rem; }
.mslivegiftsenditem.mslivegiftsenditem4 { top:3.9rem; }
.mslivegiftsenditem.mslivegiftsenditem5 { top:5.2rem; }

.mslivegiftsenditem.animate__animated {
	animation:fadeinleft .4s linear;
	-webkit-animation:fadeinleft .4s linear;
}

@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-600px);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}


.mslivegiftsenditem .mslivegiftsenditemin {
	display: flex;
	align-items: center;
	position: relative;
	height: .8rem;
	padding: 0 1.4rem 0 .05rem;
	background: url(https://vip-static.lmjx.net/inmark/u/images/liveheadfollowbg.png) repeat;
	box-sizing: border-box;
	border-radius: .78rem;
}

.mslivegiftsenditem .mslivegiftsenditemin-uicon {
	display: block;
	width: .72rem;
	height: .72rem;
	margin-right: .14rem;
	border-radius: .72rem;
	overflow: hidden;
	vertical-align: middle;
}

.mslivegiftsenditem .mslivegiftsenditemin-uname {
	width: 1.9rem;
	font-size: .26rem;
	font-weight: bold;
	line-height: .3rem;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mslivegiftsenditem .mslivegiftsenditemin-gicon {
	display: block;
	position: absolute;
	width: 1.47rem;
	height: 1.47rem;
	left: 100%;
	bottom: -2rpx;
	margin-left: -1.4rem;
}
.mslivegiftsenditem .mslivegiftsenditemin-uinfo {
	width: 1.9rem;
	font-size: .24rem;;
	color: #fbca13;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mslivegiftsenditem .mslivegiftsenditem-num,
.mslivegiftsenditem .mslivegiftsenditem-ti {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: absolute;
	height: .88rem;
	left: 105%;
	bottom: 0;
	font-size: .2rem;
	line-height: .8rem;
	color: #faf900;
}

.mslivegiftsenditem .mslivegiftsenditem-num {
	font-size: 0.8rem;
	line-height: .8rem;
	font-weight: bold;
	left: 114%;
}

.mslivegiftsenditem .mslivegiftsenditem-num.animate__animated {
	animation:livegiftnum .6s infinite;
	-webkit-animation:livegiftnum .6s infinite;
	/*animation-direction:alternate;
	-webkit-animation-direction:alternate;*/
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

@keyframes livegiftnum
{
	0%{
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9);
		opacity: 1;
	}
	50%{
		transform: scale(1.7);
		-webkit-transform: scale(1.7);
		-moz-transform: scale(1.7);
		-ms-transform: scale(1.7);
		-o-transform: scale(1.7);
		opacity: .3;
		
	}
	75%{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1;
	}

}

@-webkit-keyframes livegiftnum
{
	0%{
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9);
		opacity: 1;
	}
	50%{
		transform: scale(1.7);
		-webkit-transform: scale(1.7);
		-moz-transform: scale(1.7);
		-ms-transform: scale(1.7);
		-o-transform: scale(1.7);
		opacity: .3;
		
	}
	75%{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1;
	}

}


.bbbbox {
	display: block;
	position: fixed;
	width: 100%;
	min-height: 2.2rem;
	bottom: 0;
	left: 0;
	background: #fff;
    border-radius: 0.16rem 0.16rem 0 0;
    overflow: hidden;
	z-index: 9;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transition: transform .3s;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.bbbbox .bbbbox_top {height: .8rem;position: relative;}

.bbbbox .bbbbox_top_bggray {background: #F5F5F5;}

.bbbbox_lan {position: absolute;display: flex;align-items: center;justify-content: center;height: 100%;top: 0;left: 50%;transform: translateX(-50%);font-size: .32rem;line-height: .44rem;color: #222;}
.bbbbox_lan i {display: block;width: 0;height: 0;margin-left: 2px;margin-top: 2px;border: 5px solid transparent;border-top: 5px solid #222;}

.bbbbox.bbbboxnbr {
	 border-radius:0;
}

.bbbboxshow {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.popup .bbbbox {
	z-index: 1000;
}

.bbbbox .bbbbox_in {
	background:#fff;
}

.bbbbox .bbbbox_inin {
	background:#fff;
	font-size:.28rem;
	padding:.15rem;
	overflow-x: hidden;
}

.bbbbox .bbbbox_inin82vh {
	height:82vh;
	max-height: 82vh;
	overflow:auto;
	overflow-x: hidden
}

.bbbbox .bbbbox_inin100vh {
	height:100vh;
	max-height: 100vh;
	overflow:auto;
}

.bbbbox .bbbbox_inin280px {
	height:280px;
	overflow:auto;
}

.bbbbox .bbbbox_inin35vh {
	height:35vh;
	overflow:auto;
}
.bbbbox .bbbbox_inin40vh {
	height:40vh;
	overflow:auto;
}
.bbbbox .bbbbox_inin45vh {
	height:45vh;
	
}
.bbbbox .bbbbox_inin60vh {
	height:60vh;
	overflow:auto;
}


.bbbbox .bbbbox_title,
.kkshopcart .bbbbox .bbbbox_title {
	display: flex;
	height: .6rem;
	padding: .1rem .2rem;
	font-size: .32rem;
	font-weight: bold;
	line-height: .6rem;
	color: #000;
}
.bbbbox .bbbbox_title span,
.kkshopcart .bbbbox .bbbbox_title span {
	margin-right: .16rem
}
.bbbbox .bbbbox_title em,
.kkshopcart .bbbbox .bbbbox_title em {
	font-size: .24rem;
	font-weight: normal;
	font-style: normal;
	line-height: .3rem;
	color: #666;
}
.kkshopcart .bbbbox .bbbbox_title .myord {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: .12rem;
	font-size: .22rem;
	font-weight: normal;
	line-height: .24rem;
	color: #242424;
}
.kkshopcart .bbbbox .bbbbox_title i {
	display: block;
	width: .24rem;
	height: .24rem;
	margin-right: .12rem;
	background: url(../images/app/myorder.png) center center no-repeat;
	background-size: 100% auto;
}

.bbbbox_searchbtn {display: block;width: .4rem;height: .4rem;background: url(../images/searchicon.png) center center no-repeat;background-size: 100% auto;}
.bbbbox_search {display: flex;align-items: center;justify-content: center;min-width: .6rem;height: .6rem;margin: auto .1rem;padding: 0 .12rem;border-radius: 5px;}
.bbbbox_search input {width: 0;height: .6rem;}
.bbbbox_search_ing {border: 1px solid #eee;}
.bbbbox_search_ing input {width: 2.6rem;}

.bbbbox .bbbbox_back {display: flex;align-items: center;height: .6rem;padding: 0.1rem 0.2rem;font-size: .28rem;line-height: .4rem;color: #333;}
.bbbbox .bbbbox_back i {display: block;width: .12rem;height: .12rem;margin-right: .1rem;border-right: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(135deg);}

.bbbbox_tips {
	display: flex;
	align-items: center;
	position: absolute;
	top: .1rem;
	left: .2rem;
	font-size: .24rem;
	line-height: .6rem;
	color: #999;
	cursor: pointer;
}

.bbbbox_tips i {
	display: block;
	width: .24rem;
	height: .24rem;
	margin-right: .12rem;
	background: url(../images/app/crtips.png) center center no-repeat;
	background-size: 100% auto;
}


.bbbbox_tipbtn {
	display: block;
	width: .6rem;
	height: .6rem;
	margin-left: -0.2rem;
	background: url(../images/app/ctipicon.png) center center no-repeat;
	background-size: .32rem auto;
	cursor: pointer;
}


.bbbbox .bbbbox_close {
    display: block;
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 0.1rem;
    right: 0.1rem;
    background: url(../images/kliveapp_console/close2.png) center center no-repeat;
    background-size: 0.4rem auto;
}





/*答题*/
.questiontimer {
	display: flex;
	align-items: center;
	justify-content: center;
	height: .8rem;
	margin: -0.2rem -0.2rem .2rem;
	font-size: .24rem;
	line-height: .4rem;
	text-align: center;
	color: #fff;
    background: linear-gradient(to right, #f89428 , #ff6519);
	border-radius: .1rem .1rem 0 0;
}
.questiontimer span {
	display: block;
	width: .4rem;
	height: .4rem;
	margin: 0 .1rem;
	font-size: .24rem;
	line-height: .4rem;
	text-align: center;
	color: #ff6519;
	background: #fff;
	border-radius: 3px;
}
.lntitletext {
	display: block;
	padding: 0 .2rem;
	font-size: .32rem;
	line-height: .76rem;
	color: #242424
}

.mkquestionitem {
	display: flex;
	align-items: center;
	position: relative;
	min-height: .86rem;
	margin-top: .22rem;
	padding: .12rem .9rem .12rem .32rem;
	font-size: .24rem;
	line-height: .3rem;
	color: #3f3c3d;
	background: #f9f9f9;
	transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
	box-sizing: border-box;
}
.mkquestionitem i {
	display: block;
	position: absolute;
	width: .42rem;
	height: .42rem;
	top: 50%;
	right: .2rem;
	margin-top: -0.21rem;
	background: url(https://u-static.lmjx.net/2022/live/m/images/qacheck.png) center center no-repeat;
    background-size: 100% auto;
	transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
}
.mkquestionitem.current {
	background: #fff6f2;
}
.mkquestionitem.current i {
	background: url(https://u-static.lmjx.net/2022/live/m/images/qachecked.png) center center no-repeat;
    background-size: 100% auto;
}


.livegiftlist {
   
}

.livegiftlist .livegiftlistin {
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.9);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 120;
	
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transition: transform .3s;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
}

.livegiftlist .livegiftlist-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 36px;
    padding: 0 0 0 14px;
    /* border-bottom: 1px solid #818181; */
}

.livegiftlist .livegiftlist-head .livegiftlist-head-tit {
    display: block;
    margin-right: auto;
    font-size: 13px;
    line-height: 35px;
    color: #a7a7a7;
}

.livegiftlist .livegiftlist-head .liveusergoldcoin {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: .2rem;
    font-size: 12px;
    line-height: 35px;
    color: #fff;
}

.livegiftlist .livegiftlist-head .liveusergoldcoin .liveusergoldcoin-icon {
    display: block;
    width: 19.5px;
    height: 15px;
    margin-right: 6px;
    background: url(https://vip-static.lmjx.net/inmark/u/images/livegoldcoin.png) center center no-repeat;
    background-size: 19.5px 15px;
}

.livegiftlist .livegiftlist-head .liveusergoldcoin .scorebuybtn {
	display: flex;
	align-items: center;
	margin-left: .2rem;
}
.livegiftlist .livegiftlist-head .liveusergoldcoin .scorebuybtn i {
	display: block;
	width: 0.14rem;
    height: 0.14rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    margin: 0 0.1rem 0 .06rem;
}

.livegiftlist .livegiftlist-head .liveusergoldcoin .liveusergoldcoin-qa {
	width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    display: block;
	background: url(https://vip-static.lmjx.net/inmark/u/images/livedoubt.png) right 12.5px center no-repeat;
    background-size: 12px 12px;
}

.livegiftlist .livegiftlist-head .liveusergoldcoin .liveusergoldcoin-line {
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #818181;
}

.livegiftlist .livegiftlist-head .livegiftclose {
    display: block;
    margin: 0;
    width: 35px;
    height: 35px;
    padding: 0;
    background: url(https://vip-static.lmjx.net/inmark/u/images/livegiftclose.png) center center no-repeat;
    background-size: 10px auto;
}

.livegiftlist .livegiftlistcon {
    display: flex;
    flex-wrap: wrap;
	align-content: flex-start;
	margin-top: -0.12rem;
    padding: 0 5px 5px;
	box-sizing: border-box;
	width:100%;
}

.livegiftlist .livegiftlistcon45vh {
	height:45vh;
	overflow:hidden;
	overflow-y:auto;
}


.livegiftlist .livegiftlistcon35vh {
	height:35vh;
	overflow:hidden;
	overflow-y:auto;
}

.livegiftlist .livegiftlistshow {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.livegiftlistitem {
	display: flex;
	flex-direction: column;
	width: 25%;
	position: relative;
	/*overflow: hidden;*/
}
.livegiftlistitem img {
	width: 100%;
	margin: 0 auto;
}
.livegiftlistitempulse::before {
	display: block;
	content: '';
	position: absolute;
	width: 1.8rem;
	height: 1.8rem;
	background: rgba(255,165,93,.9);
	top: 40%;
	left: 50%;
	margin-top: -0.9rem;
	margin-left: -0.9rem;
	-webkit-animation: pulsate .6s ease-out infinite;
    -moz-animation: pulsate .6s ease-out infinite;
    -o-animation: pulsate .6s ease-out infinite;
    -ms-animation: pulsate .6s ease-out infinite;
    animation: pulsate .6s ease-out infinite;
	animation-iteration-count: 1;
	border-radius: 1.8rem;
	overflow: hidden;
}
.livegiftlistitem .anim {
	display: block;
	position: absolute;
	width: 1.8rem;
	height: 1.8rem;
	background: url(https://u-static.lmjx.net/2022/live/m/images/saomiao.png) center center no-repeat;
	background-size: 100% 100%;
	top: 40%;
	left: 50%;
	margin-top: -0.9rem;
	margin-left: -0.9rem;
}

.gift_display_sidebar {
	position: absolute;
}



@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        -o-transform: scale(1.4, 1.4);
        -ms-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        -o-transform: scale(1.4, 1.4);
        -ms-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        -o-transform: scale(1.4, 1.4);
        -ms-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        -o-transform: scale(1.4, 1.4);
        -ms-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}

.livegiftlistitem span {
	display: block;
	margin-top: -0.2rem;
	font-size: .28rem;
	text-align: center;
	line-height: .4rem;
	color: #efefef;
}
.livegiftlistitem em {
	display: block;
	font-size: .2rem;
	font-style: normal;
	line-height: .44rem;
	text-align: center;
	color: #bbb;
}

.livegiftlistitem .hithit {
	display: block;
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    top: 40%;
    left: 50%;
    margin-top: -0.9rem;
    margin-left: -0.9rem;
	font-size: 0;
	background: url(../images/app/lianji.png) center center no-repeat;
	background-size: 70% auto;
}

.livegiftlistitemck {
	background: #2a2c41;
	border: 1px solid #646874;
	border-radius: 5px;
	box-sizing: border-box;
}
.livegiftlistitemck em {
	margin-top: -0.2rem;
}
.livegiftlistitemck button {
	display: block;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(to right, #f89428 , #ff6519);
	border: 0;
	border-radius: 0 0 5px 5px;
	outline: none;
}

.bsorry_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: .5rem 0;
	height: 100%;
	box-sizing: border-box;
}

.bsorry150 {
	width:1.5rem;
	height:1.5rem;
	margin:0 auto;
}

.bsorry200 {
	width:2rem;
	height:2rem;
	margin:0 auto;
}

.bsorry300 {
	width:3rem;
	height:3rem;
	margin:0 auto;
}
.bsorry400 {
	width:4rem;
	height:4rem;
	margin:0 auto;
}
.bsorry500 {
	width:5rem;
	height:5rem;
	margin:0 auto;
}
.bsorry600 {
	width:6rem;
	height:6rem;
	margin:0 auto;
}

.bsorry_e01 {
	background:url(https://u-static.lmjx.net/2022/live/m/images/empty/zhongjiang.png) no-repeat;
	background-size:cover;
}
.bsorry_e02 {
	background:url(https://u-static.lmjx.net/2022/live/m/images/empty/tixian.png) no-repeat;
	background-size:cover;
}
.bsorry_e03 {
	background:url(https://u-static.lmjx.net/2022/live/m/images/empty/tianxie.png) no-repeat;
	background-size:cover;
}
.bsorry_e04 {
	background:url(https://u-static.lmjx.net/2022/live/m/images/empty/yaoqing.png) no-repeat;
	background-size:cover;
}
.bsorry_e05 {
	background:url(https://u-static.lmjx.net/2022/live/m/images/empty/liwu.png) no-repeat;
	background-size:cover;
}
.bsorry_e06 {
	background:url(../images/app/jinyan.png) no-repeat;
	background-size:cover;
}
.bsorry_e07 {
	background:url(../images/app/people.png) no-repeat;
	background-size:cover;
}
.bsorry_e08 {
	background:url(../images/app/seat.png) no-repeat;
	background-size:cover;
}
.bsorry_e09 {
	background:url(../images/app/bbaglose.png) no-repeat;
	background-size:cover;
}



.like_effect_wrap {
	pointer-events: none;
	position: relative;
}

.like_effect_wrap .like_effect_wrap_in {
	pointer-events: none;
	width:1.6rem;
	height:5rem;
	right:-.5rem;
	position: absolute;
	top:-5rem;
	z-index:18;
}

	
@keyframes bubble_y {
 0% {
   transform: scale(.6);
   bottom: 0;
   opacity: 0.3;
 }
 50% {
   transform: scale(1.5);
   opacity: 1;
 }
 65% {
   transform: scale(1);
   opacity: 0.8;
 }
 100% {
   bottom: 3rem;
   transform: scale(0.5);
   opacity: 0;
 }
}

@keyframes bubble_swing_1 {
 0% {
   left: 0;
 }
 25% {
   transform: rotate(0deg);
   left: -.3rem;
 }
 75% {
   transform: rotate(120deg);
   left: .8rem;
 }
 100% {
  left: 0;
 }
}


@keyframes bubble_swing_2 {
 0% {
   transform: rotate(180deg);
   left: 0;
 }
 33% {
   transform: rotate(90deg);
   left: -.1rem;
 }
 100% {
   transform: rotate(0deg);
   left: .4rem;
 }
}


@keyframes bubble_swing_3 {
 0% {
  transform: rotate(0deg);
  left: 0;
 }
 25% {
   transform: rotate(60deg);
   left: .3rem;
 }
 75% {
  left: -.6rem;
 }
 100% {
   left: 0;
 }
}



.cda_1_1 {
	animation: bubble_y calc(1.5s + 1 * 0.5s) linear 1 forwards,
	bubble_swing_1 calc(1.5s + 1 * 0.5s) linear 1 forwards;
}

.cda_1_2 {
	animation: bubble_y calc(1.5s + 2 * 0.5s) linear 1 forwards,
	bubble_swing_1 calc(1.5s + 2 * 0.5s) linear 1 forwards;
}

.cda_2_1 {
	animation: bubble_y calc(1.5s + 1 * 0.5s) linear 1 forwards,
	bubble_swing_2 calc(1.5s + 1 * 0.5s) linear 1 forwards;
}

.cda_2_2 {
	animation: bubble_y calc(1.5s + 2 * 0.5s) linear 1 forwards,
	bubble_swing_2 calc(1.5s + 2 * 0.5s) linear 1 forwards;
}

.cda_3_1 {
	animation: bubble_y calc(1.5s + 1 * 0.5s) linear 1 forwards,
	bubble_swing_3 calc(1.5s + 1 * 0.5s) linear 1 forwards;
}

.cda_3_2 {
	animation: bubble_y calc(1.5s + 2 * 0.5s) linear 1 forwards,
	bubble_swing_3 calc(1.5s + 2 * 0.5s) linear 1 forwards;
}


.like_effect_wrap_in img {
	position:absolute;
	bottom:0;
	width:1rem;
}


@keyframes bounce1 {
 0% {
   transform: scale(1);
 }
 50% {
   transform: scale(1.5);
 }
 100% {
   transform: scale(1);
 }
}

.llkkbounceclick { 
	animation: bounce1 0.3s linear 1 forwards ;
}

.bbbbox_actionsheet{display: flex;flex-direction: column;}
.bbbbox_actionsheet .item{ width: 100%;text-align: center;font-size: 16px;display: block;line-height: 50px;border-bottom: 1px solid #f5f5f5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bbbbox_actionsheet .cancel{border-bottom: 0;border-top: 4px solid #f5f5f5;}

.bbbbox_actionsheet_titleb {width: 100%;text-align: center;font-size: 16px;display: block;line-height: 50px;border-bottom: 1px solid #f5f5f5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.bbbbox_actionsheet .iclose {display: block;position: absolute;top: 0;right: 0;width: 50px;height: 50px;display: block;background: url(../images/kmeetingapp/close.png) center center no-repeat;background-size: 24px auto;}

.bbbbox_actionsheet .item.icamera {display: flex;align-items: center;justify-content: flex-start;padding: 0 .4rem;box-sizing: border-box;}
.bbbbox_actionsheet .item.icamera span {flex: 1;margin-right: 0.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.bbbbox_actionsheet .item.icamera i {display: block;width: .6rem;height: .6rem;margin-right: .26rem;background: url(../images/kmeetingapp/rtc_side_camera.png) center center no-repeat;background-size: .46rem auto;}
.bbbbox_actionsheet .item.icamera_close {display: flex;align-items: center;justify-content: flex-start;padding: 0 .4rem;box-sizing: border-box;}
.bbbbox_actionsheet .item.icamera_close span {flex: 1;margin-right: 0.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.bbbbox_actionsheet .item.icamera_close i {display: block;width: .6rem;height: .6rem;margin-right: .26rem;background: url(../images/kmeetingapp/rtc_side_camera_close.png) center center no-repeat;background-size: .46rem auto;}

.bbbbox_actionsheet .item.icamera.cur .icheck {display: block;width: 0.4rem;height: 0.4rem;margin-left: auto;background: url(../images/kmeetingapp/lanchecked.png) center center no-repeat;background-size: 100% auto;}
.bbbbox_actionsheet .item.icamera_close.cur .icheck {display: block;width: 0.4rem;height: 0.4rem;margin-left: auto;background: url(../images/kmeetingapp/lanchecked.png) center center no-repeat;background-size: 100% auto;}

.bbbbox_actionsheet .item.imic {display: flex;align-items: center;justify-content: flex-start;padding: 0 .4rem;box-sizing: border-box;}
.bbbbox_actionsheet .item.imic span {flex: 1;margin-right: 0.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.bbbbox_actionsheet .item.imic i {display: block;width: .6rem;height: .6rem;margin-right: .26rem;background: url(../images/kmeetingapp/rtc_side_mic.png) center center no-repeat;background-size: .46rem auto;}
.bbbbox_actionsheet .item.imic_close {display: flex;align-items: center;justify-content: flex-start;padding: 0 .4rem;box-sizing: border-box;}
.bbbbox_actionsheet .item.imic_close span {flex: 1;margin-right: 0.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.bbbbox_actionsheet .item.imic_close i {display: block;width: .6rem;height: .6rem;margin-right: .26rem;background: url(../images/kmeetingapp/rtc_side_mic_close.png) center center no-repeat;background-size: .46rem auto;}

.bbbbox_actionsheet .item.imic.cur .icheck {display: block;width: 0.4rem;height: 0.4rem;margin-left: auto;background: url(../images/kmeetingapp/lanchecked.png) center center no-repeat;background-size: 100% auto;}
.bbbbox_actionsheet .item.imic_close.cur .icheck {display: block;width: 0.4rem;height: 0.4rem;margin-left: auto;background: url(../images/kmeetingapp/lanchecked.png) center center no-repeat;background-size: 100% auto;}


.app_send_redpacket .rebox .rebox_in {
	padding: .2rem .4rem;
	background: #f21b2d;
}
.app_send_redpacket .rebox .rebox_in .retitle {
	display: block;
	font-size: .36rem;
	line-height: .86rem;
	text-align: center;
	color: #f8fcda;
}
.app_send_redpacket .rebox .rebox_in .reinputw {
	display: flex;
	margin-top: .32rem; 
	height: .88rem;
	padding: 0 .22rem;
	font-size: .26rem;
	line-height: .84rem;
	color: #252525 ;
	background: #fff;
	border: 1px solid #ea665c;
	box-sizing: border-box;
	border-radius: 8px;
}
.app_send_redpacket .rebox .rebox_in .reinputw .label {
	display: block;
	white-space: nowrap;
}
.app_send_redpacket .rebox .rebox_in .reinputw input {
	display: block;
	flex: 1;
	height: .84rem;
	font-size: .26rem;
	line-height: .84rem;
	text-align: center;
	color: #252525;
	background: none;
}
.app_send_redpacket .rebox .rebox_in .remypurse_amount {
	display: block;
	margin-top: .1rem;
	padding: 0 .1rem;
	font-size: .24rem;
	line-height: .4rem;
	color: #f8fcda;
}
.app_send_redpacket .rebox .rebox_in .reinputw input:focus {
	outline: none;
}
.app_send_redpacket .rebox .rebox_in .reinputw input::-webkit-input-placeholder{

  color:#f8fcda;

}

.app_send_redpacket .rebox .rebox_in .reinputw input::-moz-placeholder{

  color:#f8fcda;

}

.app_send_redpacket .rebox .rebox_in .reinputw input:-moz-placeholder{

  color:#f8fcda;

}

.app_send_redpacket .rebox .rebox_in .reinputw input:-ms-input-placeholder{

  color:#f8fcda;

}
.app_send_redpacket .rebox .rebox_in .reinputw .text {
	margin-left: .12rem;
	color: #252525;
}

.app_send_redpacket .rebox .rebox_in .publishbtn {
	display: block;
	height: .88rem;
	margin: .56rem .2rem .4rem;
	font-size: .26rem;
	line-height: .88rem;
	text-align: center;
	color: #fc3138;
	background: #fbf2e5;
	border-radius: 5px;
}
.app_send_redpacket .rebox .rebox_in .publishbtn.disabeld {
	color: #fff;
	background: #cfcfcf;
}
.app_send_redpacket .rebox .rebox_in .reviproomcheck {
	display: flex;
	align-items: center;
	margin-top: .2rem;
	padding: 0 .1rem;
	font-size: .22rem;
	line-height: .52rem;
	color: #f8fcda;
}
.app_send_redpacket .rebox .rebox_in .reviproomcheck i {
	display: block;
	width: .28rem;
	height: .28rem;
	margin-right: .16rem;
	background: url(../images/app/recheck.png) right bottom no-repeat;
	background-size: .26rem auto;
}
.app_send_redpacket .rebox .rebox_in .reviproomcheck i.checked {
	display: block;
	width: .28rem;
	height: .28rem;
	margin-right: .16rem;
	background: url(../images/app/rechecked.png) right bottom no-repeat;
	background-size: .26rem auto;
}

.app_send_redpacket .rebox .rebox_in .reretip {
	margin-top: .34rem;
}
.app_send_redpacket .rebox .rebox_in .reretip .reremtip {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: .56rem;
	line-height: .46rem;
	font-weight: bold;
	color: #f8fcda;
}
.app_send_redpacket .rebox .rebox_in .reretip .reremtip span {
	height: .24rem;
	margin: 0 .12rem;
	font-size: .22rem;
	line-height: .24rem;
}
.app_send_redpacket .rebox .rebox_in .reretip .mtip {
	display: block;
	margin-top: .12rem;
	font-size: .24rem;
	line-height: .4rem;
	text-align: center;
	color: #fff;
}



/*红包*/
.rebox .rebox_in.redpacketbg {
	position: relative;
	width: 5.2rem;
	height: 7.75rem;
	margin: 0 auto;
	background: url(../images/app/redpacketbg.png) center center no-repeat;
	background-size: 100% 100%;
}
.redpacketmsg {
	display: block;
	position: absolute;
	width: 100%;
	top: 1.2rem;
	left: 0;
}
.redpacketmsg .name {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.2rem;
	font-size: .22rem;
	line-height: .46rem;
	color: #f08537;
}
.redpacketmsg .name .icon {
	display: block;
	width: .46rem;
	height: .46rem;
	margin-right: .16rem;
	font-size: 0;
	line-height: .46rem;
	text-align: center;
	border-radius: .46rem;
	overflow: hidden;
}
.redpacketmsg .name .icon img {
	max-width: 100%;
	vertical-align: top;
}
.redpacketmsg .title {
	display: block;
	font-size: .3rem;
	line-height: .38rem;
	text-align: center;
	color: #f08537;
}
.rebox .rebox_in.redpacketbg .redpacketmsg .name,
.rebox .rebox_in.redpacketbg .redpacketmsg .title {
	color: #ffe2cd;
}

.redpacketmsg .name .text {
	display: block;
    max-width: 12em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kaibtn {
	display: block;
	position: absolute;
	width: 1.49rem;
	height: 1.49rem;
	top: 4.54rem;
	left: 50%;
	margin-left: -0.74rem;
	background: url(../images/app/kai.png) center center no-repeat;
	background-size: 100% 100%;
}
.kaibtn_countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	width: 2.28rem;
	height: 2.28rem;
	top: 4.24rem;
	left: 50%;
	margin-left: -1.14rem;
	padding-top: .1rem;
	font-size: .24rem;
	font-weight: bold;
	line-height: .38rem;
	text-align: center;
	color: #FCF3E6;
	background: url(../images/app/kaicountdown.png) center center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.anim-rotate {
	transform-style: preserve-3d;
	animation: rotate 1.5s linear infinite;
}
@keyframes rotate{
	0%{
		transform: rotateY(0deg);
	}
	70%{
		transform: rotateY(360deg);
	}
	100%{
		transform: rotateY(360deg);
	}
}



.app_redpacket_c_ {}
.app_redpacket_c_ .popupmask {
	display: none;
}
.app_redpacket_c_.popup .popupcon {
	top: auto;
	bottom: 2.6rem;
}
.app_redpacket_c_  .rebox .rebox_in.redpacketbg {
	width: 2.94rem;
	height: 3.74rem;
	background: url(../images/app/redpacketbgs.png) center center no-repeat;
    background-size: 100% 100%;
}
.app_redpacket_c_ .rebox .rebox_in.redpacketbg .redpacketmsg {
	top: .3rem;
}
.app_redpacket_c_ .rebox .rebox_in.redpacketbg .redpacketmsg .name {
	flex-direction: column;
}
.app_redpacket_c_ .rebox .rebox_in.redpacketbg .redpacketmsg .name .icon {
	margin-right: 0;
}
.app_redpacket_c_ .rebox .rebox_in.redpacketbg .redpacketmsg .title {
	position: absolute;
	top: 2.6rem;
	width: 100%;
	font-size: .24rem;
	text-align: center;
	padding: 0 .1rem;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.app_redpacket_c_ .kaibtn {
	width: 1.08rem;
	height: 1.08rem;
	top: 1.54rem;
	margin-left: -0.54rem;
	background: url(../images/app/kais.png) center center no-repeat;
    background-size: 100% 100%;
}
.app_redpacket_c_ .popupclose {
    display: block;
	position: absolute;
    width: 0.5rem;
    height: 0.5rem;
	top: .1rem;
	right: .1rem;
    margin: 0;
    background: url(../images/app/noyuan_close.png) center center no-repeat;
    background-size: .34rem auto;
}




.rebox .rebox_in.redpacketbg2 {
	position: relative;
	width: 100%;
	height: 6.95rem;
	margin: 0 auto;
	padding: 0;
	background: url(../images/app/redpacketbgn2.png) top 1.5rem center no-repeat;
	background-size: 100% auto;
}
.rebox .rebox_in.redpacketbg2 .redpacketcon {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 91%;
	height: 5.24rem;
	margin: 0 auto;
	padding-top: .48rem;
	padding-bottom: .6rem;
	background: #fcf3e6;
	border-radius: .1rem;
	box-sizing: border-box;
}
.rebox .rebox_in.redpacketbg2 .redpacketcon .redpacketmsg {
	position: relative;
	top: 0;
}
.rebox .rebox_in.redpacketbg2 .redpacketcon .redpacktip {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 1;
	padding: 0 .5rem;
	font-size: .28rem;
	font-weight: bold;
	line-height: .46rem;
	color: #f08537;
}
.rebox .rebox_in.redpacketbg2 .redpacketcon > .text {
	display: block;
	margin-top: auto;
	margin-bottom: .16rem;
	font-size: .34rem;
	font-weight: bold;
	line-height: .3rem;
	text-align: center;
	color: #f83c0e;
}
.rebox .rebox_in.redpacketbg2 .redpacketcon .tips {
	margin-bottom: auto;
	font-size: .22rem;
	text-align: center;
	color: #ee9782;
}
.rebox .rebox_in.redpacketbg2 .redpacketcon .sother {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .22rem;
	line-height: .5rem;
	color: #f08537;
}
.rebox .rebox_in.redpacketbg2 .redpacketcon .sother i {
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	border-top: 1px solid #f08537;
	border-right: 1px solid #f08537;
	transform: rotate(45deg);
	margin: 0 0.1rem;
}
.redpacketbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 2.4rem;
	bottom: 0;
	left: 0;
	padding-top: .36rem;
	background: url(../images/app/redpacketmask1.png) top center no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
	padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
.redpacketbtn span {
	display: block;
	width: 2.9rem;
	height: .8rem;
	font-size: .3rem;
	line-height: .8rem;
	text-align: center;
	color: #f83c0e;
	background: #fcf3e6;
	border-radius: 5px;
}

.rebox .rebox_in.redpacketbg2 .redpacketcon .num {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: .2rem;
	margin-bottom: auto;
	font-size: .76rem;
	font-weight: bold;
	line-height: .68rem;
	text-align: center;
	color: #f83c0e;
}

.rebox .rebox_in.redpacketbg3 {
	position: relative;
    width: 100%;
    height: 8.26rem;
    margin: 0 auto;
    padding: 0.85rem 0 0;
    background: url(../images/app/redpacketbg2.png) top 0.5rem center no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
}
.rebox .rebox_in.redpacketbg3 .rpgold {
	display: block;
	position: absolute;
	width: 100%;
	height: 1.98rem;
	top: 0;
	left: 0;
	background: url(../images/app/rpgold.png) top center no-repeat;
	background-size: 100% auto;
}
.rebox .rebox_in.redpacketbg3 .redpacketcon {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 91%;
	height: 5.94rem;
	margin: 0 auto;
	padding-top: .48rem;
	padding-bottom: 1.3rem;
	background: #fcf3e6;
	border-radius: .1rem;
	box-sizing: border-box;
}
.rebox .rebox_in.redpacketbg3 .redpacketcon .redpacketmsg {
	position: relative;
	top: 0;
}
.rebox .rebox_in.redpacketbg3 .redpacketcon .redpacktip {
	display: flex;
	align-items: center;
	flex: 1;
	padding: 0 .5rem;
	font-size: .28rem;
	line-height: .36rem;
	color: #f08537;
}

.rebox .rebox_in.redpacketbg3 .redpacketcon > .text {
	display: block;
	margin-top: auto;
	font-size: .28rem;
	font-weight: bold;
	line-height: .3rem;
	text-align: center;
	color: #f83c0e;
}

.rebox .rebox_in.redpacketbg3 .redpacketcon .num {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: .2rem;
	margin-bottom: auto;
	font-size: .76rem;
	font-weight: bold;
	line-height: .68rem;
	text-align: center;
	color: #f83c0e;
}
.rebox .rebox_in.redpacketbg3 .redpacketcon .num span {
	font-size: .32rem;
	line-height: .32rem;
}

.rebox .rebox_in.redpacketbg3 .redpacketcon .sother {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .2rem;
	line-height: .5rem;
	color: #f08537;
}
.rebox .rebox_in.redpacketbg3 .redpacketcon .sother i {
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	border-top: 1px solid #f08537;
	border-right: 1px solid #f08537;
	transform: rotate(45deg);
	margin: 0 0.1rem;
}


.rebox .rebox_in.redpacketbg4 {
	position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 1.8rem 0 0;
    background: url(../images/app/redpacketbg4.png) top center no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
}

.rebox .rebox_in.redpacketbg4 .tinfo {
	display: block;
	width: 99%;
	margin: 0 auto .1rem;
	padding: 0 .38rem;
	font-size: .24rem;
	line-height: .54rem;
	color: #cf985a;
	border-bottom: 1px solid #f7e9d4;
	box-sizing: border-box;
}
.rebox_close_btn {
	display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: -0.1rem;
    right: 0.24rem;
    background: url(https://u-static.lmjx.net/2022/live/m/images/popupbclose.png) center center no-repeat;
    background-size: 0.44rem auto;
    z-index: 1;
}
.redpacketbg4 .rebox_close_btn {
	display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0.4rem;
    right: 0.1rem;
    background: url(https://u-static.lmjx.net/2022/live/m/images/popupbclose.png) center center no-repeat;
    background-size: 0.44rem auto;
	z-index: 1;
}

.ap-redpacket-redusers {
	height: 6.15rem;
	padding: 0 .4rem;
	overflow-y: auto;
	box-sizing: border-box;
	padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
.ap-redpacket-redusers .item {
	display: flex;
	align-items: center;
	padding: .2rem 0;
}
.ap-redpacket-redusers .item .icon {
	display: block;
	width: .68rem;
	height: .68rem;
	margin-right: .24rem;
	border-radius: .68rem;
	overflow: hidden;
}
.ap-redpacket-redusers .item .icon img {
	max-width: 100%;
	vertical-align: top;
}
.ap-redpacket-redusers .item .itemin {
	flex: 1;
    overflow: hidden;
}
.ap-redpacket-redusers .item .uname {
	display: block;
	max-width: 8em;
	font-size: .28rem;
	line-height: .38rem;
	color: #333;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ap-redpacket-redusers .item .utime {
	display: block;
	margin-top: .06rem;
	font-size: .18rem;
	line-height: .3rem;
	color: #90806a;
}
.ap-redpacket-redusers .item .sh_amount {
	display: block;
	margin-left: auto;
	font-size: .26rem;
	line-height: .3rem;
	color: #333;
	white-space: nowrap;
}

.redpacket_redusers_more {}
.redpacket_redusers_more span {
	display: table;
	margin: .1rem auto 0.08rem;
	padding: 0.1rem 0.12rem;
	font-size: .24rem;
	line-height: .44rem;
	color: #777;
	background: #eee3d4;
	border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: .1rem;
	-ms-border-radius: .1rem;
	-o-border-radius: .1rem;
	box-sizing: border-box;
}

.app_image_preview {
	position: relative;
}
.app_image_preview .icons {
	max-height: 80vh;
	overflow-y: auto;
	border-radius: 5px;
}
.app_image_preview .times {
	display: block;
	position: absolute;
	height: .5rem;
	padding: 0 .2rem;
	top: .22rem;
	right: .22rem;
	font-size: .24rem;
	line-height: .5rem;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.5);
	border-radius: .5rem;
}


.app_send_redpacket .rebox .rebox_in .passwordbox {margin-top: 2.3rem;}
.app_send_redpacket .rebox .rebox_in .passwordtip {text-align: center; font-size: 0.18rem; color: rgb(255, 226, 205)}
.app_send_redpacket .rebox .rebox_in .reinputw.password {margin-top: 0.2rem}
.app_send_redpacket .rebox .rebox_in .reinputw .selecttext {
	display: flex;
	align-items: center;
	flex: 1;
    justify-content: flex-end;
}
.app_send_redpacket .rebox .rebox_in .reinputw .selecttext i {
	display: block;
	width: 0.12rem;
    height: 0.12rem;
    border-top: 1px solid #252525;
    border-right: 1px solid #252525;
    transform: rotate(135deg);
    margin: 0 0.1rem;
    margin-top: -0.08rem;
}


/*提现*/
.withdrawcash .input {
    border: 1px solid #ddd;
    padding: 10px;
}

.udialog-in {
    width: 100%;
    padding: 0;
}

.withdrawcash-retip {
    background-color: #FFC248;
    padding: 10px;
    font-size: 14px;
    color: #fff;
}
.presentmoney {
	display: flex;
	flex-direction: column;
    height: 1.58rem;
    padding: .14rem .36rem .3rem .48rem;
    background: linear-gradient(to bottom right,#f5922d,#fd5e1e);
    border-radius: 5px;
    box-sizing: border-box;
}

.presentmoney .presentmoneytit {
    display: flex;
    font-size: .2rem;
    line-height: .4rem;
    color: #fff;
}

/*.presentmoney .presentmoneytit i {
    display: block;
    width: 23px;
    height: 23px;
    margin-right: 8px;
    background: url(../images/app/walleticon.png) top center no-repeat;
    background-size: 100% 100%;
}*/

.presentmoneyin {
    display: flex;
    align-items: center;
	margin-top: auto;
}

.presentmoneyin button {
    border: none;
}

.presentmoney .presentmoneynum {
    display: flex;
	align-items: flex-end;
    flex: 1;
    border: 0;
    font-size: .52rem;
	font-weight: bold;
    line-height: .4rem;
    color: #fff;
}	

.presentmoney .presentmoneynum span {
	display: block;
	font-size: .18rem;
	line-height: .28rem;
    margin-right: 2px;
}

.presentmoney-cashout {
    display: table;
    height: .56rem;
    font-size: .24rem;
    line-height: .56rem;
    text-align: center;
    color: #fc7136;
    background: #fff;
	border-radius: 3px;
}

.presentmoney-cashout[disabled] {
    background-color: transparent;
}

.cashoutlist {
	margin-top: .4rem;
    background: #fff;
    box-sizing: border-box;
}

.cashoutlist .cashoutitem {
	display: flex;
	align-items: center;
    padding: .2rem .18rem .18rem .12rem;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 .05rem;
}

.cashoutlist .cashoutitem .cashoutiteml {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #292929;
}

.cashoutlist .cashoutitem .cashoutiteml .cashoutmoney {
    display: flex;
    align-items: center;
	font-size: .26rem;
	line-height: .36rem;
	color: #3a3a3a;
}

.cashoutlist .cashoutitem .cashoutiteml .cashoutmoney i {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    background: #ffc248;
    border-radius: 3px;
}
.cashoutdate {
	font-size: .18rem;
	color: #b4b4b4;
}

.cashoutlist .cashoutitem .cashoutitemr {
    margin-left: auto;
}

.cashoutlist .cashoutitem .cashoutitemr .cashoutstatus {
    display: block;
    font-size: .24rem;
    line-height: .32rem;
    text-align: center;
    color: #8f8f8f;
    border-radius: 3px;
}

.cashoutlist .cashoutitem .cashoutitemr .uncashout {
    color: #fd783d;
}

.withdrawcash-udialog-in {
    display: flex;
    flex-direction: column;
    width: 350px;
    background-color: #fff;
}

.withdrawcash-udialog-in .cashoutlist {
    flex: 1;
    overflow: auto;
}

.withdrawcash-udialog-in .withdrawcashlogempty {
    display: block;
    width: 203px;
    height: 146px;
    margin: 80px auto 0;
}



.livemessages_wrap {
	position: relative;
	display: flex;
	flex: 1;
	overflow: hidden;
}

.livemessages {
	flex: 1;
	height: 100%;
	padding: 0 1.44rem .1rem .24rem;
	overflow-y: auto;
	box-sizing: border-box;
}
.livemessages .livemessages_in {
	padding-top:.2rem;
}

.livemessages .livemessages_item {
	display: table;
	margin-bottom: .08rem;
	padding: .1rem .12rem;
	font-size: .24rem;
	line-height: .34rem;
	color: #fff;
	background: rgba(0, 0, 0, .3);
	border-radius: .1rem;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	-ms-border-radius: .1rem;
	-o-border-radius: .1rem;
	box-sizing: border-box;
	word-break: break-all;
}
.livemessages .livemessages_item span {
	margin-right: .1rem;
	color: #ffc21e;
}

.livemessages .livemessages_item span.user_system {
	display: inline-block;
	position: relative;
	padding: 0 .1rem 0 .42rem;
	height: .36rem;
	font-size: .22rem;
	line-height: .38rem;
	color: #fff;
	background: rgba(42,114,245,.3);
	border-radius: .3rem;
}
.livemessages .livemessages_item span.user_system i {
	display: block;
	position: absolute;
	width: .24rem;
	height: .24rem;
	top: .06rem;
	left: .1rem;
	background: url(../images/app/msgsystemicon.png) center center no-repeat;
	background-size: 100% auto;
}

.livemessages .livemessages_item span.user_admin {
	display: inline-block;
	position: relative;
	padding: 0 .1rem 0 .42rem;
	height: .36rem;
	font-size: .22rem;
	line-height: .38rem;
	color: #fff;
	background: rgba(255,194,30,.3);
	border-radius: .3rem;
}
.livemessages .livemessages_item span.user_admin i {
	display: block;
	position: absolute;
	width: .24rem;
	height: .24rem;
	top: .06rem;
	left: .1rem;
	background: url(../images/app/msgadminicon.png) center center no-repeat;
	background-size: 100% auto;
}

.livemessages .livemessages_item span.user_helper,.user_helpersys {
	display: inline-block;
	position: relative;
	padding: 0 .1rem 0 .42rem;
	height: .36rem;
	font-size: .22rem;
	line-height: .38rem;
	background: rgba(255,109,2,.3);
	border-radius: .3rem;
}
.livemessages .livemessages_item span.user_helper i,.user_helpersys i {
	display: block;
	position: absolute;
	width: .24rem;
	height: .24rem;
	top: .06rem;
	left: .1rem;
	background: url(../images/app/msghelpericon.png) center center no-repeat;
	background-size: 100% auto;
}


.livemessages .livemessages_item span.user_mxteacher {
	display: inline-block;
	position: relative;
	padding: 0 .1rem 0 .42rem;
	height: .36rem;
	font-size: .22rem;
	line-height: .38rem;
	color: #F5CE4D;
	background: rgba(242, 184, 72, 0.3);
	border-radius: .3rem;
}
.livemessages .livemessages_item span.user_mxteacher i {
	display: block;
	position: absolute;
	width: .24rem;
	height: .24rem;
	top: .06rem;
	left: .1rem;
	background: url(../images/app/msgmxteachericon.png) center center no-repeat;
	background-size: 100% auto;
}

.livemessages .livemessages_item span.livemessages_item_text_fromsource{padding: 0 0.08rem;font-size: 0.2rem;font-weight: bold;line-height: 0.28rem;color: #fff;border-radius: 0.32rem 0.12rem 0.12rem 0.04rem;background: linear-gradient(270deg, rgba(83,194,49,0.50) 0%, rgba(125,178,108,0.50) 99%);}
.livemessages_item_text_transcontent {padding-top: 0.08rem;margin-top: 0.12rem;border-top: 0.02rem dashed rgba(255,255,255,.1);}
.livemessages .livemessages_item span.livemessages_item_text_transcontent_span {font-size: 0.24rem;line-height: 0.34rem;color: #87C1FF;}
.livemessages .livemessages_item span.livemessages_item_text_transcontent_source {padding: 0 0.08rem;font-size: 0.2rem;font-weight: bold;line-height: 0.28rem;color: #fff;border-radius: 0.32rem 0.12rem 0.12rem 0.04rem;background: linear-gradient(270deg, rgba(237,106,30,0.50) 0%, rgba(237,130,30,0.50) 96%);}


.livemessages .livemessages_item_eorder {
	padding: 0 .3rem;
	background: linear-gradient(to left,rgba(242,142,38,.7),rgba(253,100,79,.7));
	border-radius: .46rem;
}


.livemessages .livemessages_item_img {
	
}
.livemessages .livemessages_item_img img {
	display: block;
	max-width: 2.2rem;
	width: 2.2rem;
	margin: .12rem .04rem;
	border-radius: .1rem;
}

.livemessages_item_video {}
.livemessages_item_video .ivideobox {display: flex;align-items: center;justify-content: center;position: relative;width: 3.2rem;height: 2.04rem;margin-top: .1rem;background: #000;border-radius: .1rem;overflow: hidden;}
.livemessages_item_video .ivideobox img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.livemessages_item_video .ivideobox i {background: url(../images/kliveapp/nplay.png) center center no-repeat; background-size:1rem auto; width:100%; height:100%; position:absolute; top:0;}



.livemessages .livemessages_more {
	margin-right: -1.2rem;
	margin-top: 0.2rem;
}
.livemessages .livemessages_more span {
	display: table;
	margin: 0 auto 0.08rem;
	padding: 0.1rem 0.12rem;
	font-size: .24rem;
	line-height: .34rem;
	color: #ffc21e;
	background: rgba(0, 0, 0, .3);
	border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: .1rem;
	-ms-border-radius: .1rem;
	-o-border-radius: .1rem;
	box-sizing: border-box;
}

.livemessages_wrap .livemessages_bottompos {
	display: block;
	position: absolute;
	width: 100%;
	height: 1rem;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) , #062b4c);
}

.livemessages .livemessages_item_redpack {
	display: block;
    width: 3.64rem;
    height: 1.22rem;
	padding: 0;
    margin-bottom: .1rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    overflow: hidden;
	background: none;
}
.livemessages_item_redpack .redpacktop {
    display: flex;
    align-items: center;
    height: .8rem;
    padding: 0 .16rem;
    font-size: .28rem;
    line-height: .48rem;
    color: #fff;
    background: #ff953f;
}
.livemessages_item_redpack .redpacktop i {
    display: block;
    width: .4rem;
    height: .52rem;
    margin-right: .3rem;
    background: url(https://u-static.lmjx.net/2022/klive/images/redpack.png) center center no-repeat;
}
.livemessages_item_redpack .redpackcr {
    display: flex;
    align-items: center;
    padding: 0 .16rem;
    font-size: .24rem;
    line-height: .38rem;
    color: #999;
    background: #f5f5f5;
    border: 1px solid #ededed;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    box-sizing: border-box;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.livemessages_item_redpack.redpacketopened .redpacktop {
	background: #fdd7bb;
}
.livemessages_item_redpack.redpacketopened .redpacktop i {
    display: block;
    width: .4rem;
    height: .52rem;
    margin-right: .3rem;
    background: url(https://u-static.lmjx.net/2022/klive/images/redpacked.png) center center no-repeat;
}


/*礼物信息*/
.livemessages_item_gift {
	display: flex;
	align-items: center;
}
.livemessages .livemessages_item_gift {
	padding: .03rem .12rem;
	line-height: .48rem;
	color: #38d1fd;
}
.livemessages .livemessages_item_gift em {
	font-size: .28rem;
	font-style: normal;
}
.livemessages_item_gift img {
	width: .48rem;
	height: .48rem;
	margin-top: -0.08rem;
	vertical-align: middle;
}

/*问答信息*/
.livemessages_item .itemq {
	font-size: .24rem;
	line-height: .34rem;
	color: #fff !important;
}

.livemessages_item .itemq i {
	display: inline-block;
	width: .36rem;
	min-width: .36rem;
	height: .34rem;
	margin-right: .1rem;
	background: url(https://u-static.lmjx.net/2022/live/m/images/itemq.png) top center no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
.livemessages_item .itemq .goask {
	display: block;
	height: .46rem;
	margin-left: auto;
	padding: 0 0.12rem;
	font-size: .26rem;
	line-height: .42rem;
	color: #FF6411;
	background: #FFE9DD;
	border: 1px solid #FFA270;
	border-radius: 3px;
	box-sizing: border-box;
}
.livemessages_item div.itemq {
	display: flex;
}

.livemessages_item .itema {
	font-size: .24rem;
	line-height: .34rem;
	color: #fff !important;
}

.livemessages_item .itema i {
	display: inline-block;
	width: .36rem;
	min-width: .36rem;
	height: .34rem;
	margin-right: .1rem;
	margin-top: 2px;
	background: url(https://u-static.lmjx.net/2022/live/m/images/itema.png) top center no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}

.livemessages_item .itema .notext {
	color: #7A7B84;
}

.livemessages_item .itema .name {
	display: block;
	font-size: .24rem;
	font-weight: bold;
	color: #fff;
}
.livemessages_item .itema .name span {
	font-size: .2rem;
	color: #9E9E9E;
}
.livemessages_item div.itemq {
	display: table;
	margin-top: .1rem;
	padding: 0 .1rem;
	line-height: .44rem;
	background: rgba(255, 255, 255, 0.3);
	border-radius: .36rem;
	overflow: hidden;
}
.livemessages_item div.itemq i {
	display: inline-block;
	width: .36rem;
	min-width: .36rem;
	height: .44rem;
	margin-right: .1rem;
	background: url(https://u-static.lmjx.net/2022/live/m/images/itemq.png) center center no-repeat;
	background-size: 100% auto;
	vertical-align: top;
}



/*管理*/
.sharebox {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .3rem 0 .3rem;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.sharebox .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 18%;
    min-width: 18%;
    font-size: .26rem;
    line-height: .44rem;
    text-align: center;
    color: #000;
}

.sharebox .item .icon {
    display: block;
    width: .96rem;
    height: .96rem;
}

.sharebox .item.mm-image .icon {
    background: url(../images/app/mm-image.png) center center no-repeat;
    background-size: 100% 100%;
}

.sharebox .item.mm-wechat .icon {
    background: url(../images/app/mm-wechat.png) center center no-repeat;
    background-size: 100% 100%;
}

.sharebox .item.mm-wechat_moments .icon {
    background: url(../images/app/mm-wechat_moments.png) center center no-repeat;
    background-size: 100% 100%;
}

.sharebox .item.mm-qq .icon {
    background: url(../images/app/mm-qq.png) center center no-repeat;
    background-size: 100% 100%;
}

.sharebox .item.mm-qq_zone .icon {
    background: url(../images/app/mm-qq_zone.png) center center no-repeat;
    background-size: 100% 100%;
}

.sharebox .item.mm-link .icon {
    background: url(../images/app/mm-link.png) center center no-repeat;
    background-size: 100% 100%;
}

.sharebox .item span {
    margin-top: .1rem;
}

.sharebox_cancel {
    border-bottom: 0;
    border-top: 4px solid #f5f5f5;
    font-size: .32rem;
    line-height: 1rem;
    text-align: center;
}

.shareimage {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 2.2rem;
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
}

.shareimage .sharecanvas {
    position: absolute;
    border: 1px solid #d3d3d3;
}

.shareimage .shareinitimage {
    position: absolute;
    top: -200000px;
}
.shareimage img {
    max-width: 80%;
    max-height: 70%;
}

.sharewechat {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: absolute;
    right: -30px;
    top: 0px;
	left: auto;
	padding-top: 106px;
	transform: translate(0, 0);
}

.sharewechat .shareimg {
    display: block;
    position: absolute;
    width: 64px;
    height: 63.5px;
    top: 31px;
    right: 94px;
    z-index: 0;
    background: url(../images/app/pageshareicon.png) center center no-repeat;
    background-size: 47.5px 53px;
}

.sharetext {
    display: block;
    position: relative;
    width: 100%;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    color: #fff;
}

.shareclose {
    display: block;
    position: relative;
    width: 170.5px;
    height: 32.5px;
    margin: 15px auto 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 32.5px;
    text-align: center;
    color: #fff;
    border-radius: 32.5px;
    box-sizing: border-box;
    background: #ff7200;
}

.copylinktext {
	display: block;
    width: 96%;
    margin: 0.4rem auto;
    font-size: .26rem;
    font-family: "Microsoft YaHei, Helvetica";
    line-height: .38rem;
    color: #999;
    box-sizing: border-box;
    border: 0;
    word-break: break-all;
}


.appms_component_invite_my_logs {}
.appms_component_invite_my_logs .sumtip {
	display: block;
	margin-bottom: .2rem;
	font-size: .26rem;
    line-height: .36rem;
    color: #3a3a3a;
}
.appms_component_invite_my_logs .sumtip span {
	color: #ff6519;
}

/*购物车*/
.itemnpro {
	display: flex;
	padding: .24rem .1rem;
}
.itemnpro .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 2.04rem;
	min-width: 2.04rem;
	height: 2.04rem;
	margin-right: .22rem;
	font-size: 0;
	line-height: 2rem;
	text-align: center;
	border: 1px solid #f8f8f8;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
}
.itemnpro .icon img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.itemnpro .icon .explain {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: .32rem;
	bottom: 0;
	left: 0;
	padding: 0 .1rem;
	font-size: .18rem;
	line-height: .3rem;
	color: #fff;
	background: rgba(255, 101, 25, .8);
	border-radius: 3px 0 5px 0;
	box-sizing: border-box;
}
/*.itemnpro .icon .explain i {
	display: block;
	width: 4px;
	height: 4px;
	margin-right: 3px;
	border-radius: 4px;
	background: #73c84e;
}*/


@-webkit-keyframes line-scale {
	0% {
		height: 7px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 7px;
	}
}

@keyframes line-scale {
	0% {
		height: 7px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 7px;
	}
}

.loader-inner {
	display: flex;
	align-items: flex-end;
	height: 7px;
	margin-top: 2px;
	margin-right: .06rem;
}

.line-scale i:nth-child(1) {
	-webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale i:nth-child(2) {
	-webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale i:nth-child(3) {
	-webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale i {
	background-color: #fff;
	width: 2px;
	height: 7px;
	border-radius: 2px;
	margin: 1px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
}

.itemnpro .icon .no {
	display: block;
	position: absolute;
	height: .32rem;
	top: 0;
	left: 0;
	padding: 0 .1rem;
	font-size: .18rem;
	line-height: .32rem;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	border-radius: 3px 0 0 0;
}
.itemnpro .icon .norpo {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: .24rem;
	color: #fff;
	background: rgba(0, 0, 0, .3);
}
.itemnpro .icon .vricon {
	display: block;
	position: absolute;
	width: .3rem;
	height: .3rem;
	top: .24rem;
	right: .24rem;
	background: url(../images/app/avricon.png) center center no-repeat;
	background-size: 100% auto;
}

.itemnpro .icon .purchase {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: .32rem;
	top: 0;
	left: 100%;
	padding: 0 .1rem;
	font-size: .18rem;
	line-height: .3rem;
	color: #fff;
	white-space: nowrap;
	background: linear-gradient(to bottom right,#ff6519,#ff8b19);
	box-sizing: border-box;
}

.itemnpro .itemin {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding-top: 2px;
}
.itemnpro .title {
	display: block;
	font-size: .28rem;
	line-height: .34rem;
	color: #333;
}
.itemnpro .slogan {
	display: block;
	margin-top: .12rem;
	font-size: .24rem;
	line-height: .34rem;
	color: #ff6519;
}
.itemnpro .price .btns {display: flex;align-items: center;margin-left: auto;}
.itemnpro .price {
	display: flex;
	align-items: flex-end;
	margin-top: auto;
}
.itemnpro .price .nprice {
	display: flex;
	margin-right: .2rem;
	font-size: .3rem;
	font-weight: bold;
	line-height: .4rem;
	color: #ff3f0b;
}
.itemnpro .price .nprice span {
	margin-top: 1px;
	margin-right: 2px;
	font-weight: normal;
	font-size: .18rem;
}
.itemnpro .price .oprice {
	display: block;
	margin-top: 2px;
	font-size: .18rem;
	line-height: .4rem;
	color: #999;
	text-decoration:line-through
}
.itemnpro .price .askpbtn {
	display: block;
	width: 1.2rem;
	height: .56rem;
	margin-left: .2rem;
	font-size: .24rem;
	line-height: .56rem;
	text-align: center;
	color: #fff;
	background: #ff6519;
	border-radius: 3px;
}
.itemnpro .price .askpbtn.off {
	background: rgba(255,101,25,.5);
}




.bbbbox .bbbbox_inin.shopcartmselect,
.shopcartmselect {
	padding: .2rem .24rem 1.2rem;
}
.shopcartmselect .icon {
    width: 80%;
}

.shopcartmselect .label {
    display: block;
    font-size: .26rem;
    font-weight: bold;
    line-height: .7rem;
    color: #313131;
}

.shopcartmselect .slist {
    display: flex;
    flex-wrap: wrap;
	margin-left: -0.26rem;
    padding: 0 .4rem 0 0;
}

.shopcartmselect .it {
    display: block;
    margin-left: .26rem;
    margin-bottom: .18rem;
    padding: 0 .32rem;
    font-size: .26rem;
    line-height: .52rem;
    color: #242424;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
}


.shopcartmselect .cur {
    color: #ff6113;
    background: #fff2eb;
    border-color: #fff2eb;
}


.shopcartmselect .goods {
    display: flex;
    align-items: center;
    padding: 0 0 .3rem;
    border-bottom: 1px solid #f8f8f6;
}

.shopcartmselect .goods .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.02rem;
    height: 2rem;
    min-width: 2.02rem;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
}

.shopcartmselect .goods .icon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.shopcartmselect .goods .in {
    flex: 1;
}

.shopcartmselect .pprice {
    display: flex;
    align-items: flex-end;
    padding: 0 .18rem;
}

.shopcartmselect .stocknum {
	display: block;
	height: .4rem;
	padding: 0 .22rem;
	font-size: .24rem;
	line-height: .4rem;
	color: #999;
}

.shopcartmselect .pprice .num {
    display: flex;
    align-items: flex-end;
    font-size: .3rem;
	font-weight: bold;
    line-height: .6rem;
    color: #ff4b1a;
}
.shopcartmselect .pprice .num i {
	font-size: .2rem;
	font-style: normal;
}

.shopcartmselect .pprice .num text {
    font-size: .48rem;
    font-weight: bold;
}

.shopcartmselect .pprice .onum {
    display: block;
    margin-left: .3rem;
    font-size: .24rem;
    line-height: .5rem;
    color: #b6b6b8;
    text-decoration: line-through;
}

.shopcartmselect .ptitle {
    display: block;
    margin-top: .1rem;
    padding: 0 .22rem;
    font-size: .28rem;
    font-weight: bold;
    line-height: .5rem;
    color: #180d15;
}

.shopcartmselect .pcheck {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 .2rem;
    box-sizing: border-box;
}

.shopcartmselect .pcheck .pctext {
    display: block;
    flex: 1;
    max-width: 12em;
    font-size: .26rem;
    line-height: .5rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.shopcartmselect .pcheck .pclabel {
    display: block;
    min-width: 1.6rem;
    font-size: .26rem;
    line-height: .5rem;
    text-align: right;
    color: #8e8e8e;
}

.shopcartmselect .buybtn {
    display: block;
    position: fixed;
    width: 6.84rem;
    height: .92rem;
    left: 50%;
    bottom: .22rem;
    transform: translateX(-50%);
    font-size: .28rem;
    line-height: .92rem;
    text-align: center;
    color: #fff;
    background: #ff6f28;
	border-radius: 3px;
	
	margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}


.shopcartmselect .buybtn.disb {
    background: #b8b8b8;
}

.shopcartmselect .buybtn,
.shopitemdetailwrap .pbs .buybtn {
	background: rgba(255,101,25,1);
}
.shopcartmselect .buybtn.disb,
.shopitemdetailwrap .pbs .buybtn.disb {
	background: rgba(255,101,25,.5);
}



.pcontent p {padding:0.05rem 0 0.1rem;line-height:0.5rem;color:#363636;}
.pcontent img {max-width:100%;}


.vcheckbox input { width:auto; height:auto; }



.msuccboxg {
	width: 1.2rem;
	height: 1.2rem;
	position: relative;
	margin: 1rem auto .32rem;
	background: #65c944;
	border-radius: 50%;
}

.msuccboxgin {
	width: .76rem;
	height: .38rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -0.3rem 0 0 -0.38rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	overflow: hidden
}

.msuccboxgin:before,
.msuccboxgin:after {
	content: "";
	position: absolute;
	background: #fff;
	border-radius: 2px
}

.msuccboxgin:before {
	width: 4px;
	height: .38rem;
	left: 0;
	-webkit-animation: dgLeft 0.5s linear 1 both;
	animation: dgLeft 0.5s linear 1 both
}

.msuccboxgin:after {
	width: .76rem;
	height: 4px;
	bottom: 0;
	-webkit-animation: dgRight 0.5s linear .5s 1 both;
	animation: dgRight 0.5s linear .5s 1 both
}

.msuccboxgtext {
	display: block;
    font-size: .28rem;
    line-height: .56rem;
    text-align: center;
    color: #65c944;
}

.shopcart_p_succbox .opsbtns {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .72rem;
}
.shopcart_p_succbox .opsbtns .aabtn {
	display: block;
	width: 2.26rem;
	height: .7rem;
	margin: 0 .2rem;
	font-size: .28rem;
	line-height: .66rem;
	text-align: center;
	color: #666;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	box-sizing: border-box;
}

@-webkit-keyframes dgLeft {
	0% {
		top: -100%
	}

	100% {
		top: 0%
	}
}

@-webkit-keyframes dgLeft {
	0% {
		top: -100%
	}

	100% {
		top: 0%
	}
}

@-webkit-keyframes dgRight {
	0% {
		left: -100%
	}

	100% {
		left: 0%
	}
}

@-webkit-keyframes dgRight {
	0% {
		left: -100%
	}

	100% {
		left: 0%
	}
}


.bbbbox .bbbbox_inin100vh.invitation {
	padding: 0;
	overflow-y: auto;
}
.bbbbox .bbbbox_inin100vh.invitation > img {
	max-width: 100%;
	vertical-align: top;
}


/*红包信息*/
.livemessages .livemessages_item_openredpacket {
	position: relative;
	max-width: 6rem;
	margin: 0 auto .08rem;
	padding-left: .48rem;
	transform: translateX(0.72rem);
	box-sizing: border-box;
}
.livemessages .livemessages_item_openredpacket .redpicon {
	display: block;
	position: absolute;
	width: .32rem;
	height: .32rem;
	top: .1rem;
	left: .1rem;
	margin-left: 0;
	background: url(../images/app/rpicon.png) center center no-repeat;
	background-size: auto 100%;
}
.livemessages .livemessages_item_openredpacket span,
.livemessages .livemessages_item_openredpacket span.senduser {
	margin: 0 .1rem;
	color: #ffc21e;
}
.livemessages .livemessages_item_openredpacket span.reuser {
	margin-left: 0;
}
.livemessages .livemessages_item_openredpacket span.sh_amount {
	margin: 0 .1rem;
	color: #ff5d50;
} 

.livemessages .livemessages_item_redpack_message .hbicon {
	display: inline-block;
	width: .32rem;
	height: .32rem;
	margin: 0 .1rem;
	background: url(../images/app/rpicon.png) center center no-repeat;
	background-size: auto 100%;
	vertical-align: middle;
}


.livemessages_item_teaplease img {
    width: 0.48rem;
    height: 0.48rem;
    margin-top: -0.08rem;
    vertical-align: middle;
}
.livemessages .livemessages_item_teaplease span {
	margin-right: .1rem;
	vertical-align: middle;
	line-height: .34rem;
}
.livemessages .livemessages_item_teaplease span.puser {
	margin: 0 .1rem;
	color: #ffc21e;
}

/*通话*/
.appmsvideocallwrap {
	
}
.appmsvideocallwrap .appmsvideocall {
	padding: .2rem .2rem .5rem;
}
.appmsvideocallwrap .appmsvideocallus2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: .4rem 0 0;
}
.appmsvideocallwrap .appmsvideocallus2 .icon {
	display: block;
	width: 1.4rem;
    height: 1.4rem;
	margin: 0 auto;
}
.appmsvideocallwrap .appmsvideocallus2 .icon img {
	width: 100%;
	vertical-align: top;
	border-radius: .8rem;
}
.appmsvideocallwrap .appmsvideocallus2 .name {
	display: block;
	margin-top: .1rem;
	font-size: .26rem;
	line-height: .38rem;
	text-align: center;
	color: #272729;
}
.appmsvideocallwrap .appmsvideocallus2tip {
	display: block;
	margin-top: .8rem;
	font-size: .28rem;
	line-height: .4rem;
	text-align: center;
	color: #333;
}
.appmsvideocallwrap .doops {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: .72rem;
}

.appmsvideocallwrap .doops .oabtn_openmk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallwrap .doops .oabtn_openmk i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(../images/app/obclosemkc.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsvideocallwrap .doops .oabtn_closemk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallwrap .doops .oabtn_closemk i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(../images/app/obclosemk.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsvideocallwrap .doops .oabtn_cancel,
.appmsvideocallwrap .doops .oabtn_refuse,
.appmsvideocallwrap .doops .oabtn_hangup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallwrap .doops .oabtn_cancel i,
.appmsvideocallwrap .doops .oabtn_refuse i,
.appmsvideocallwrap .doops .oabtn_hangup i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(../images/app/obguaduan.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsvideocallwrap .doops .oabtn_pickup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallwrap .doops .oabtn_pickup i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/oacjieting.png) center center no-repeat;
	background-size: 100% auto;
}


.appmsvideocallus {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-height: 4.9rem;
	margin: 0 auto;
	overflow-y: auto;
}
.appmsvideocallus .appmsvideocalluitem {
	display: block;
	width: 33.33%;
	margin-top: .22rem;
	padding: 0 .1rem .1rem;
	box-sizing: border-box;
}
.appmsvideocallus .appmsvideocalluitem .icon {
	display: block;
	position: relative;
	width: .8rem;
	height: .8rem;
	margin: 0 auto;
	border-radius: .8rem;
}
.appmsvideocallus .appmsvideocalluitem .icon img {
	width: 100%;
	vertical-align: top;
	border-radius: .8rem;
}

.appmsvideocallus .appmsvideocalluitem .icon .iconmic {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.06rem;
	right: 0;
}
.appmsvideocallus .appmsvideocalluitem .statusbuzyingdiv {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: .2rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    background: rgba(218,218,218,.8);
    border-radius: 0.8rem;
}
.appmsvideocallus .appmsvideocalluitem .icon .iconmic.iconmicon {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.04rem;
	right: 0.05rem;
	background: url(../images/app/iconmic.png) center center no-repeat;
	background-size: 96% auto;
}
.appmsvideocallus .appmsvideocalluitem .icon .iconmic.iconmicdis {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.04rem;
	right: 0.05rem;
	background: url(../images/app/iconmicclose.png) center center no-repeat;
	background-size: 96% auto;
}

.appmsvideocallus .appmsvideocalluitem .name {
	display: block;
	margin-top: .1rem;
	font-size: .24rem;
	line-height: .4rem;
	text-align: center;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.appmsvideocallus .appmsvideocalluitem .status_1 {}
.appmsvideocallus .appmsvideocalluitem .status_4 {}
.appmsvideocallus .appmsvideocalluitem .status_0 {}


.appmsvideocalluitem.status_0 .statusdiv {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(218,218,218,.8);
	border-radius: .8rem;
}
.appmsvideocalluitem.status_0 .statusdiv i {
	display: block;
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appmsvideocalluitem.status_0 .statusdiv i::before {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	left: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appmsvideocalluitem.status_0 .statusdiv i::after {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	right: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}

.appmsvideocalluitem.status_0.ring_status .statusdiv {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(218,218,218,.6);
	border-radius: .8rem;
}
.appmsvideocalluitem.status_0.ring_status .statusdiv i {
	display: none;
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appmsvideocalluitem.status_0.ring_status .statusdiv i::before {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	left: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appmsvideocalluitem.status_0.ring_status .statusdiv i::after {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	right: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load {
	0%{
		opacity: 1;
	}
	100%{
		opacity: .5;
	}
}
.appmsvideocalluitem.status_0 .statusdiv i::before {
	-webkit-animation-delay:0.13s;
}
.appmsvideocalluitem.status_0 .statusdiv i {
	-webkit-animation-delay:0.26s;
}
.appmsvideocalluitem.status_0 .statusdiv i::after {
	-webkit-animation-delay:0.39s;
}






.uuusers-selector-wrap {
	padding: .2rem;
	box-sizing: border-box;
}

.uuusers-selector-wrap .uuusers-selector-users {
	display: flex;
	padding-bottom: .1rem;
	overflow-x: auto;
}

.uuusers-selector-wrap .uuusers-selector-users .icon {
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 0 .1rem;
	box-sizing: border-box;
}

.uuusers-selector-wrap .uuusers-selector-users .icon img {
	width: .8rem;
	height: .8rem;
	vertical-align: top;
	border-radius: .8rem;
}

.uuusers-selector-wrap .uuusers-selector-ops {
	display: flex;
	align-items: center;
}

.uuusers-selector-wrap .uuusers-selector-ops .aopsbtn {
	display: block;
    width: 1.44rem;
    height: 0.66rem;
	margin-left: auto;
    padding: 0 0.1rem;
    overflow: hidden;
    font-size: .26rem;
    line-height: .64rem;
    text-align: center;
    color: #fff;
    background: #ff641b;
    border: 1px solid #ff641b;
    border-radius: 5px;
    box-sizing: border-box;
}

.uuusers-selector-wrap .uuusers-selector-ops .aopsbtn.disabled {
	background: rgba(255,101,25,.5);
}




.appmsvideocallsmallwrap {
	position: fixed;
	top: 5.6rem;
	right: 1.2rem;
	width: 2.12rem;
	min-height: 2.3rem;
	padding: 0 0 .2rem;
	background: #063564;
	z-index: 9999;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-sizing: border-box;
}


.appmsvideocallsmallu1 {
	display: block;
	padding-top: .3rem;
}
.appmsvideocallsmallu1 .icon {
	display: block;
	width: 1rem;
	height: 1rem;
	margin: 0 auto;
	border-radius: 1rem;
	overflow: hidden;
}
.appmsvideocallsmallu1 .icon img {
	width: 100%;
	vertical-align: top;
}
.appmsvideocallsmallu1 .name {
	display: block;
	margin-top: .1rem;
	padding: 0 .2rem;
	font-size: .26rem;
	line-height: .44rem;
	text-align: center;
	color: #fff;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.appmsvideocallus2tip {
	display: block;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #fff;
}



.appmsvideocallsmallwrap .doops {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: .22rem;
}

.appmsvideocallsmallwrap .doops .oabtn_openmk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: .8rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallsmallwrap .doops .oabtn_openmk i {
	display: block;
	width: .6rem;
	height: .6rem;
	margin: 0 auto .1rem;
	background: url(../images/app/obclosemkc.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsvideocallsmallwrap .doops .oabtn_closemk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: .8rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallsmallwrap .doops .oabtn_closemk i {
	display: block;
	width: .6rem;
	height: .6rem;
	margin: 0 auto .1rem;
	background: url(../images/app/obclosemk.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsvideocallsmallwrap .doops .oabtn_cancel,
.appmsvideocallsmallwrap .doops .oabtn_refuse,
.appmsvideocallsmallwrap .doops .oabtn_hangup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: .8rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallsmallwrap .doops .oabtn_cancel i,
.appmsvideocallsmallwrap .doops .oabtn_refuse i,
.appmsvideocallsmallwrap .doops .oabtn_hangup i {
	display: block;
	width: .6rem;
	height: .6rem;
	margin: 0 auto .1rem;
	background: url(../images/app/obguaduan.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsvideocallsmallwrap .doops .oabtn_pickup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: .8rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appmsvideocallsmallwrap .doops .oabtn_pickup i {
	display: block;
	width: .6rem;
	height: .6rem;
	margin: 0 auto .1rem;
	background: url(../images/app/objieting.png) center center no-repeat;
	background-size: 100% auto;
}



.appmsvideocallsmallus {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 0 .1rem;
}
.appmsvideocallsmallus .appmsvideocallsmalluitem {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	padding: .2rem 0;
	border-bottom: 1px solid #506980;
	border-right: 1px solid #506980;
	box-sizing: border-box;
}
.appmsvideocallsmallus .appmsvideocallsmalluitem .icon {
	display: block;
	width: .6rem;
	height: .6rem;
	border-radius: .4rem;
	overflow: hidden;
}
.appmsvideocallsmallus .appmsvideocallsmalluitem .icon img {
	width: 100%;
	vertical-align: top;
}
.appmsvideocallsmallus .appmsvideocallsmalluitem1,
.appmsvideocallsmallus .appmsvideocallsmalluitem3 {
	border-right: 0;
}
.appmsvideocallsmallus .appmsvideocallsmalluitem2,
.appmsvideocallsmallus .appmsvideocallsmalluitem3 {
	border-bottom: 0;
}
.appmsvideocallsmallus .appmsvideocallsmalluitem .iconmore {
	background: url(../images/app/iiconmore.png) center center no-repeat;
	background-size: 100% auto;
}


.appmsvideocallsmallus1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: .1rem 0;
}
.appmsvideocallsmallus1 .appmsvideocallsmalluitem {
	margin: .1rem .1rem 0;
}
.appmsvideocallsmallus1 .appmsvideocallsmalluitem .icon {
	display: block;
	width: .4rem;
	height: .4rem;
	border-radius: .4rem;
	overflow: hidden;
}
.appmsvideocallsmallus1 .appmsvideocallsmalluitem .icon img {
	width: 100%;
	vertical-align: top;
}

.appmsvideocallsmallwraptalking {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 60px;
	min-height: 60px;
	min-height: 60px;
	padding: 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.appmsvideocallsmallwraptalking .videocalltalkingw {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/app/videocalltalkingw.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsvideocallsmallwraptalking .appmsvideocallus2tip {
	margin-top: 7px;
	font-size: 12px;
	line-height: 15px;
	color: #0cb409;
}

.appminitalkinghead {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	width: 60px;
	min-height: 90px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	z-index: 9999;
}
.appminitalkinghead .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 60px;
	height: 60px;
}
.appminitalkinghead .icon img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 5px 5px 0 0;
}
.appminitalkinghead .icon span {
	display: block;
	position: absolute;
	width: 100%;
	height: 16px;
	left: 0;
	bottom: 0;
	font-size: 9px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
}
.appminitalkinghead .icon i {
	display: block;
	width: 40px;
	height: 40px;
	margin-top: 10px;
	background: url(../images/app/videocalltalkingw.png) center center no-repeat;
	background-size: 30px auto;
}
.appminitalkinghead .text {
	margin: auto 0;
	font-size: 12px;
	line-height: 15px;
	color: #0cb409;
}
.appminitalkinghead_nohead {
	height: 70px;
	min-height: 70px;
}
.appminitalkinghead_nohead .icon {
	width: 60px;
	height: 40px;
}

/*福袋*/
.bbag .bbag_in_top {
	display: block;
	position: absolute;
	width: 4.2rem;
	height: 2.04rem;
	top: -1.31rem;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/app/bbagtop.png?1) center center no-repeat;
	background-size: 100% auto;
}
.bbag .bbag_in {
	display: block;
	width: 5.7rem;
	margin: 0 auto;
	padding: .77rem .27rem .42rem;
	background: #F31A2E;
	border-radius: .5rem;
	box-sizing: border-box;
}
.bbag .bbag_con {
	position: relative;
	background: #fff;
	padding: .5rem .2rem .2rem;
	border-radius: .1rem;
}
.bbag .bbag_con .bbag_countdown {
	display: block;
	position: absolute;
	width: 2.27rem;
	height: .38rem;
	top: -0.1rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: .2rem;
	line-height: .36rem;
	text-align: center;
	color: #F31A2E;
	background: url(../images/app/bbagcountdown.png) center center no-repeat;
	background-size: 100% auto;
}

.bbag_quans_one {
	display: flex;
	align-items: center;
}
.bbag_quans_one .icon {
	display: block;
	width: 1.9rem;
	min-width: 1.9rem;
	height: 1.9rem;
	border-radius: .1rem;
	overflow: hidden;
}
.bbag_quans_one .icon img {
	width: 100%;
	vertical-align: top;
}
.bbag_quans_one .itemin {
	display: flex;
	flex-direction: column;
	min-height: 1.9rem;
	margin-left: .22rem;
}
.bbag_quans_one .itemin .name {
	display: block;
	font-size: .3rem;
	line-height: .44rem;
	color: #333;
}
.quaninfo {
	display: table;
	height: .4rem;
	margin: 0 auto;
	padding: 0 .08rem;
	font-size: .2rem;
	line-height: .36rem;
	color: #9E9E9E;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	box-sizing: border-box;
}
.quaninfo span {
	color: #F64E15;
}
.bbag_quans_one .itemin .quaninfo {
	margin-top: auto;
}

.bbag_quans {
	display: flex;
	flex-wrap: wrap;
}
.bbag_quans .item {
	display: block;
	width: 1.5rem;
	margin-top: .16rem;
	margin-left: .12rem;
}
.bbag_quans .item:nth-child(3n+1) {
	margin-left: 0;
}
.bbag_quans .item .icon {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .08rem;
	overflow: hidden;
}
.bbag_quans .item .icon img {
	width: 100%;
	vertical-align: top;
}
.bbag_quans .item .name {
	display: block;
	font-size: .22rem;
	line-height: .44rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.bbag .bbag_password {
	display: block;
	position: relative;
	margin-top: .2rem;
	background: #fff;
	padding: .12rem .2rem;
	border-radius: .1rem;
}
.bbag .bbag_password .label {
	display: block;
	font-size: .26rem;
	line-height: .44rem;
	color: #666;
}
.bbag .bbag_password .text {
	display: block;
	font-size: .26rem;
	line-height: .44rem;
	color: #333;
}

.bbag .bbag_btn {
	display: block;
	width: 3.52rem;
	height: .82rem;
	margin: .3rem auto 0;
	font-size: .28rem;
	line-height: .82rem;
	text-align: center;
	color: #FD1220;
	background: rgba(252, 243, 230, 1);
	border-radius: .1rem;
}
.bbag .bbag_btn.disabeld {
	background: rgba(252, 243, 230, .5);
}

.btn1 {
	display: block;
	height: .7rem;
	font-size: .28rem;
	line-height: .7rem;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	background: #ff6519;
	border:0;
}


.btn1.off {
	background: rgba(252, 101, 25, .5 );
}

/*参数弹窗*/
.vrapp_product-udialog-in {
	position: fixed;
	width: 7.2rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.tables .rebox .rebox_in {
	padding: 0 .2rem .2rem;
}

/*麦克风授权*/
.invituser {
  padding-bottom: 1px;
}
.invituser .invittext {
  display: block;
  margin: .4rem .34rem 0;
  font-size: .3rem;
  line-height: .4rem;
  color: #333;
}
.invituser .smbtnwrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .86rem;
  margin-bottom: .4rem;
}
.invituser .smbtnwrap .item {
  display: block;
  width: 2rem;
  height: .8rem;
  margin: 0 .2rem;
  font-size: .3rem;
  line-height: .8rem;
  text-align: center;
  border-radius: .1rem;
}
.invituser .smbtnwrap .itemcancel {
  color: #666;
  background: #EDEDED;
}
.invituser .smbtnwrap .itemsend {
  color: #fff;
  background: #FF6411;
}

.invitusermike {
	position: relative;
	padding-top: 1.7rem;
}
.invitusermike .tgamike {
	display: block;
	position: absolute;
	width: 4.44rem;
	height: 2.06rem;
	top: -0.5rem;
	left: 50%;
	margin-left: -2.22rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/tgamike.png) center center no-repeat;
	background-size: 100% auto;
}

/*视频通话*/
.appvrmsvideocallwrap .rebox {
	display: block;
	width: 6.4rem;
	margin: 0 auto;
}
.appvrmsvideocallwrap .appvrmsvideocall {
	padding: 0.2rem 0.2rem 0;
	background: #232835;
}

.appvrmsvideocallwrap .appvrmsvideocall .atop {
	display: flex;
	justify-content: space-between;
}
.appvrmsvideocallwrap .appvrmsvideocall .atop .aminibar {
	display: flex;
	align-items: center;
	padding: 0 0.14rem;
	position: relative;
	z-index: 1;
	min-width: .5rem;
	height: 0.5rem;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.48rem;
	color: #fff;
}
.appvrmsvideocallwrap .appvrmsvideocall .atop .aminibar i {
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	margin-top: -0.06rem;
	margin-right: 0.08rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/moveicon.png) center center no-repeat;
	background-size: 120% auto;
	transform: rotateY(180deg);
}

.appvrmsvideocallwrap .appvrmsvideocall .atop .invitebtn {
	display: flex;
	align-items: center;
	padding: 0 0.14rem;
	position: relative;
	z-index: 1;
	min-width: .5rem;
	height: 0.5rem;
	margin-left: auto;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.48rem;
	color: #fff;
}
.appvrmsvideocallwrap .appvrmsvideocall .atop .invitebtn i {
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	margin-top: -0.04rem;
	margin-right: 0.08rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/inviteicon.png) center center no-repeat;
	background-size: 120% auto;
	transform: rotateY(180deg);
}
 
.appvrmsvideocallwrap .appvrmsvideocall .atop .drawbtn {
	display: flex;
	align-items: center;
	padding: 0 0.14rem;
	position: relative;
	z-index: 1;
	min-width: .5rem;
	height: 0.5rem;
	margin-left: auto;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.48rem;
	color: #fff;
}
.appvrmsvideocallwrap .appvrmsvideocall .atop .drawbtn i {
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	margin-top: -0.04rem;
	margin-right: 0.08rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/drawbtnicon.png) center center no-repeat;
	background-size: 120% auto;
	transform: rotateY(180deg);
}

.appvrmsvideocallwrap .appvrmsvideocall .atop .aminibar {
	display: flex;
	align-items: center;
	padding: 0 0.14rem;
	position: relative;
	z-index: 1;
	min-width: .5rem;
	height: 0.5rem;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.48rem;
	color: #fff;
}
.appvrmsvideocallwrap .appvrmsvideocall .atop .aminibar.aminibar_uuicon .icon {
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	margin-top: -0.06rem;
	margin-right: 0.08rem;
}
.appvrmsvideocallwrap .appvrmsvideocall .atop .aminibar.aminibar_uuicon .icon img {
	width: 100%;
	vertical-align: top;
}

/*通话*/
.appvrmsvideocallwrap {
	
}
.appvrmsvideocallwrap .appvrmsvideocall {
	padding: .2rem .2rem 0;
}

.appvrmsvideocallwrap .doops {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: .72rem;
}

.appvrmsvideocallwrap .doops .oabtn_openmk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap .doops .oabtn_openmk i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(https://liuboen-test-dev.lmjx.net/mtcloud/images/app/obclosemkc.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallwrap .doops .oabtn_closemk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap .doops .oabtn_closemk i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(https://liuboen-test-dev.lmjx.net/mtcloud/images/app/obclosemk.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallwrap .doops .oabtn_cancel,
.appvrmsvideocallwrap .doops .oabtn_refuse,
.appvrmsvideocallwrap .doops .oabtn_hangup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap .doops .oabtn_cancel i,
.appvrmsvideocallwrap .doops .oabtn_refuse i,
.appvrmsvideocallwrap .doops .oabtn_hangup i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(https://liuboen-test-dev.lmjx.net/mtcloud/images/app/obguaduan.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallwrap .doops .oabtn_pickup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	margin: 0 .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #666;
	border: 0;
}
.appvrmsvideocallwrap .doops .oabtn_pickup i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
}

.appvrmsvideocallus {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding-top: .2rem;
	overflow-y: auto;
}
.appvrmsvideocallus .appvrmsvideocalluitemin {
	display: block;
	position: relative;
	width: 1.96rem;
	height: 1.96rem;
	margin-top: 2px;
	margin-left: 2px;
	box-sizing: border-box;
	overflow: hidden;
	background: #494C55;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .icon {
	display: block;
	position: relative;
	width: 1.96rem;
	height: 1.96rem;
	margin: 0 auto;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .icon img {
	width: 100%;
	vertical-align: top;
}

.appvrmsvideocallus .appvrmsvideocalluitemin .icon .iconmic {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.06rem;
	right: 0;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .statusbuzyingdiv {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: .2rem;
	line-height: .4rem;
	text-align: center;
	color: #fff;
	background: rgba(218,218,218,.8);
	border-radius: 0.8rem;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .icon .iconmic.iconmicon {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.04rem;
	right: 0.05rem;
	background: url(../images/app/iconmic.png) center center no-repeat;
	background-size: 96% auto;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .icon .iconmic.iconmicdis {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.04rem;
	right: 0.05rem;
	background: url(../images/app/iconmicclose.png) center center no-repeat;
	background-size: 96% auto;
}

.appvrmsvideocallus .appvrmsvideocalluitemin .itemin {
	display: flex;
	align-items: center;
	position: absolute;
	height: .32rem;
	left: 0;
	bottom: 0;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .itemin .ititle {
	display: block;
	padding: 0 .06rem;
	font-size: .18rem;
	line-height: .32rem;
	color: #fff;
	white-space: nowrap;
	background: #FF6411;
	box-sizing: border-box;
}

.appvrmsvideocallus .appvrmsvideocalluitemin .name {
	display: flex;
	align-items: center;
	padding: 0 .1rem 0 2px;
	font-size: .18rem;
	line-height: .32rem;
	text-align: center;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(0, 0, 0, 0.8);
}
.appvrmsvideocallus .appvrmsvideocalluitemin .name i {
	display: block;
	width: .24rem;
	height: .24rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/micon.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .name i.off {
	display: block;
	width: .24rem;
	height: .24rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/micoff.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallus .appvrmsvideocalluitemin .status_1 {}
.appvrmsvideocallus .appvrmsvideocalluitemin .status_4 {}
.appvrmsvideocallus .appvrmsvideocalluitemin .status_0 {}


.appvrmsvideocalluitemin.status_0 .statusdiv {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(218,218,218,.8);
	border-radius: .8rem;
}
.appvrmsvideocalluitemin.status_0 .statusdiv .i {
	display: block;
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appvrmsvideocalluitemin.status_0 .statusdiv .i::before {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	left: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appvrmsvideocalluitemin.status_0 .statusdiv .i::after {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	right: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}

.appvrmsvideocalluitemin.status_0.ring_status .statusdiv {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(218,218,218,.6);
	border-radius: .8rem;
}
.appvrmsvideocalluitemin.status_0.ring_status .statusdiv .i {
	display: none;
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appvrmsvideocalluitemin.status_0.ring_status .statusdiv .i::before {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	left: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}
.appvrmsvideocalluitemin.status_0.ring_status .statusdiv .i::after {
	display: block;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	right: -10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load {
	0%{
		opacity: 1;
	}
	100%{
		opacity: .5;
	}
}
.appvrmsvideocalluitemin.status_0 .statusdiv .i::before {
	-webkit-animation-delay:0.13s;
}
.appvrmsvideocalluitemin.status_0 .statusdiv .i {
	-webkit-animation-delay:0.26s;
}
.appvrmsvideocalluitemin.status_0 .statusdiv .i::after {
	-webkit-animation-delay:0.39s;
}

.appvrmsvideocallwrap .appvrmsvideocallusbig {
	
}
.appvrmsvideocallwrap .appvrmsvideocallusbig .appvrmsvideocalluitemin {
	display: block;
	width: 100%;
	height: 6rem;
}
.appvrmsvideocallwrap .appvrmsvideocalluitemin .vpic {
	display: block;
	width: 100%;
	height: 100%;
}
.appvrmsvideocallwrap .appvrmsvideocalluitemin .vpic img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}


.appvrmsvideocallwrap .appvrmsvideocallusbigs {
	display: flex;
	flex-wrap: wrap;
}
.appvrmsvideocallwrap .appvrmsvideocallusbigs .appvrmsvideocalluitemin {
	width: 1.96rem;
	height: 1.96rem;
}
.appvrmsvideocallwrap .appvrmsvideocallusbigs .appvrmsvideocalluitemin:first-child {
	width: 100%;
	height: 4rem;
}

.appvrmsvideocallwrap .appvrmsvideocallus2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.appvrmsvideocallwrap .appvrmsvideocallus2 .appvrmsvideocalluitemin {
	width: 2.94rem;
	height: 2.94rem;
	margin-top: 4px;
}
.appvrmsvideocallwrap .appvrmsvideocallus2 .appvrmsvideocalluitemin:nth-child(2n+1) {
	margin-left: 0;
}
.appvrmsvideocallwrap .appvrmsvideocallus2 .icon {
	display: block;
	width: 2.94rem;
	height: 2.94rem;
	margin: 0 auto;
}

.appvrmsvideocallwrap .appvrmsvideocallus2tip {
	display: block;
	margin: .8rem auto 0;
	font-size: .28rem;
	line-height: .4rem;
	text-align: center;
	color: #fff;
}
.appvrmsvideocallwrap .appvrmsvideocallus2time {
	display: block;
	margin-top: .8rem;
	font-size: .3rem;
	line-height: .4rem;
	text-align: center;
	color: #9e9e9e;
}


.appvrmsvideocallus3 {
	max-height: 6rem;
	overflow-x: hidden;
	overflow-y: auto;
}
.appvrmsvideocallus3::-webkit-scrollbar {
	display: none;
}
.appvrmsvideocallus3 .appvrmsvideocalluitemin:nth-child(3n+1) {
	margin-left: 0;
}
.appvrmsvideocallwrap .appvrmsvideocalluitemin .hpic {
	display: block;
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 1.2rem;
	overflow: hidden;
}
.appvrmsvideocallus3 .appvrmsvideocalluitemin .hpic {
	width: .8rem;
	height: .8rem;
}


.appvrmsvideocallwrap .dobops {
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 1rem;
	margin: .5rem -0.2rem 0;
	padding: 0 .1rem;
	background: #1B1B1B;
	border-radius: 0 0 .1rem .1rem;
}

.appvrmsvideocallwrap .dobops .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	min-width: 1.2rem;
	font-size: .2rem;
	line-height: .3rem;
	text-align: center;
	color: #fff;
	border: 0;
}

.appvrmsvideocallwrap .dobops .item i {
	display: block;
	width: .5rem;
	height: .5rem;
	margin: 0 auto;
}

.appvrmsvideocallwrap .dobops .item1 i {
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/wdobiconc1.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap .dobops .item2 i {
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/wdobiconc2.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap .dobops .item3 i {
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/wdobiconc3.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap .dobops .item4 i {
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/wdobicon4.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap .dobops .item1.open i {
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/wdobicon1.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap .dobops .item2.open i {
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/wdobicon2.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap .dobops .item3.open i {
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/wdobicon3.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap .doops .oabtn_pickup {
  	color: rgb(228, 228, 228);
}
.appvrmsvideocallwrap .doops .oabtn_pickup i {
	display: block;
	width: .8rem;
	height: .8rem;
	margin: 0 auto .1rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/oacjieting.png) center center no-repeat;
	background-size: 100% auto;
}



.liveplayer_poster .rtcmainuser_ops { position: absolute; top: -1rem; height:1rem; left:0; right:0; display:flex; flex-direction:row; justify-content: flex-end; font-size:.28rem; }
.liveplayer_poster .rtcmainuser_ops .tostartbtn { height:.8rem; font-size:.28rem; background:#ccc; border:1px solid #ccc; text-align:center; }
.liveplayer_poster .playpostericon { background: url(../images/kliveapp/nplay.png) center center no-repeat; background-size:1.5rem auto; width:100%; height:100%; position:absolute; top:0; z-index:1; }
.liveplayer_poster .liveplayer_poster_imgwrap { position:relative; }



.liveplayer_poster .pkhosts { display:flex; flex-wrap:wrap;align-content: flex-start; font-size:.24rem; color:#fff; justify-content: center;}
.liveplayer_poster .pkhosts .pkhosts_item { display:flex; position:relative;  }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in { display:flex; height:100%; width:100%;  flex-direction: column; justify-content: center;  align-items: center; position: relative;}
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_aicon { position:absolute; left:.12rem; bottom:.12rem; z-index:1; display: flex; align-items: center; width: auto; padding: 0 0.08rem;height: .4rem;border-radius: 4px;background: rgba(0, 0, 0, 0.5);font-size: .2rem;line-height: .4rem;color: #fff; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_aicon0 {  }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_aicon0 i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/app/mic-off.png) center center no-repeat;background-size: 100% auto;}
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_aicon1 {  }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_aicon1 i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/app/mic-on.png) center center no-repeat;background-size: 100% auto;}
/*.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinf { position:absolute; left:5px; top:5px; z-index:1; display:flex; }*/
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinf .icon { width:25px; height:25px; overflow:hidden; border-radius:50%; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinf .icon img { width:100%; height:100%; display:block; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinf .name { color:#fff; margin-left:2px; justify-content: center;  align-items: center; display:flex; }

.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinfcin {  display:flex; flex-direction: column; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinfcin .icon { width:.7rem; height:.7rem; margin: 0 auto; overflow:hidden;margin-bottom: .12rem; border-radius:50%; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinfcin .icon img { width:100%; height:100%; display:block; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinfcin .name { color:#fff;  justify-content: center;  align-items: center; display:flex; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_myarea  { position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; width:100%; height:100%; display:flex; align-items: center; justify-content:center; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_myarea .tobabtn { 
	width: 1.6rem;
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .6rem;
    background: #00B578;
    cursor: pointer;
}
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .asettingicon_wrap { position: absolute; right:.12rem; top:.12rem; z-index:1;  }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .asettingicon { display: flex; align-items: center;  padding: 0 .16rem; background:rgba(0, 0, 0, 0.8);margin-top:.15rem; border-radius: .5rem;height: .5rem;font-size: .2rem;font-weight: bold;line-height: .5rem;color: #fff; }
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .asettingicon i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/app/settings.png) center center no-repeat;background-size: 100% auto;}


/*回放*/
.liveplayer_replay {
	display: block;
	position: relative;
	z-index: 1;
}
.liveplayer_replay .liveplayer_replay_btn {
	display: flex;
	align-items: center;
	height: .58rem;
	padding: 0 .16rem 0 .12rem;
	font-size: .24rem;
	color: #fff;
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.7);
	
	cursor: pointer;
	justify-content:center;
	font-weight:bold;
}
.liveplayer_replay .liveplayer_replay_btn i {
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(315deg);
	margin: 0 0 0 6px;
	margin-top: 5px;
}
.liveplayer_replay .liveplayer_replay_in {
	position: absolute;
	top: .74rem;
	left: 50%;
	transform: translateX(-50%);	
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.8);
}
.liveplayer_replay .liveplayer_replay_list {
	max-height: 50vh;
	overflow-y: auto;
}
.liveplayer_replay .liveplayer_replay_in::before {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-bottom: 5px solid rgba(0, 0, 0, 0.8);
}
.liveplayer_replay .liveplayer_replay_list .item {
	display: flex;
	align-items: center;
	height: .8rem;
	padding: 1px .36rem 1px .28rem;
	font-size: .24rem;
	color: rgba(255, 255, 255, 0.8);
	white-space: nowrap;
	cursor: pointer;
}
.liveplayer_replay .liveplayer_replay_list .item i {
	display: block;
	width: .32rem;
	height: .32rem;
	margin-right: .18rem;
	background: url(../images/app/replay_icon.png) center center no-repeat;
	background-size: 100% auto;
}
.liveplayer_replay .liveplayer_replay_list .item span {
	display: flex;
	align-items: center;
	flex: 1;
	height: .8rem;
	padding: 0 2px 0 .12rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.liveplayer_replay_close.liveplayer_replay .liveplayer_replay_in {
	display: none;
}
.liveplayer_replay_close.liveplayer_replay .liveplayer_replay_btn i {
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(135deg);
	margin: 0 0 0 6px;
	margin-top: -3px;
}

.liveplayer_replay .liveplayer_replay_list .item.current {
	color: #FE7A1B;
}
.liveplayer_replay .liveplayer_replay_list .item.current i {
	background: url(../images/app/replay_icono.png) center center no-repeat;
	background-size: 100% auto;
}



.appms_interactive_minrtcwrap { position:relative; z-index:3; height:0; font-size:.24rem; display: flex;  flex-direction: row; justify-content: flex-end; margin-right:1.2rem; }
.appms_interactive_minrtcwrap .minrtcitem {  width:2.08rem; margin-left: .1rem; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemops { display: flex; align-items: center; height:.8rem; padding: 0 .12rem; line-height:.8rem; font-size: .24rem; color:#fff; text-align:center;background: #272B37; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemops i { display: block;width: .7rem;height: .7rem;margin-right: .04rem;background: url(../images/app/miclinkcicon.png) center center no-repeat;background-size: 100% auto; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin { background:#1E2024; width:2.08rem; height:2.47rem; position:relative;  }

.appms_interactive_minrtcwrap .minrtcitem { height:.8rem; line-height:.8rem; font-size: .24rem; color:#fff; text-align:center;background: #272B37; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemops_userinf {  display:flex; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemops_userinf .icon { width:20px; height:20px; overflow:hidden; border-radius:50%; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemops_userinf .icon img { width:100%; height:100%; display:block; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemops_userinf .name { color:#fff;  justify-content: center;  align-items: center; display:flex; line-height: .32rem; }


.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_aicon { position:absolute; left:.12rem; bottom:.12rem; z-index:1; display: flex; align-items: center; width: auto; padding: 0 0.08rem;height: .4rem;border-radius: 4px;background: rgba(0, 0, 0, 0.5);font-size: .2rem;line-height: .4rem;color: #fff; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_aicon0 {  }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_aicon0 i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/app/mic-off.png) center center no-repeat;background-size: 100% auto;}
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_aicon1 {  }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_aicon1 i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/app/mic-on.png) center center no-repeat;background-size: 100% auto;}

.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_userinfcin {  display:flex; flex-direction: column;align-items: center; justify-content: center;height: 100%; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_userinfcin .icon { width:.7rem; height:.7rem; margin: 0 auto; overflow:hidden;margin-bottom: .12rem; border-radius:50%; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_userinfcin .icon img { width:100%; height:100%; display:block; }
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .pkhosts_item_in_userinfcin .name { color:#fff;  justify-content: center;  align-items: center; display:flex; line-height: .32rem; }


.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .appmsinteractivelive_audioicon {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    bottom: 0.12rem;
    left: 0.12rem;
    background: url(../images/app/miciconw.png) center center no-repeat;
    background-size: 100% auto;
}
.appms_interactive_minrtcwrap .minrtcitem .minrtcitemin .appmsinteractivelive_audioicon .appmsinteractivelive_audioiconin {
	display: block;
	position: absolute;
	width: 100%;
	bottom: .12rem;
	left: 0;
	background: url(../images/app/micicongreen.png) bottom -0.12rem center no-repeat;
	background-size: 100% auto;
}

/*多人视频*/
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinf .icon {
	width: .7rem;
	height: .7rem;
	margin: 0 auto .12rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
}
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .pkhosts_item_in_userinf .name {
	color: rgba(255, 255, 255, 0.5);
}

.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .appmsinteractivelive_audioicon {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    left: 50%;
    margin-top: 0.12rem;
    margin-left: 0.1rem;
    background: #000 url(../images/app/miciconw.png) center center no-repeat;
    background-size: 100% auto;
}
.liveplayer_poster .pkhosts .pkhosts_item .pkhosts_item_in .appmsinteractivelive_audioicon .appmsinteractivelive_audioiconin {
	display: block;
	position: absolute;
	width: 100%;
	bottom: .12rem;
	left: 0;
	background: url(../images/app/micicongreen.png) bottom -0.12rem center no-repeat;
	background-size: 100% auto;
}


.appmsinteractivelive_setting {
	font-size: .24rem;
}

.appmsinteractivelive_setting .rebox .rebox_in {
	padding: 0;
	border-radius: .1rem;
}

.appmsinteractivelive_setting .appaudiovolume {
	display: flex;
	position: absolute;
	width: .2rem;
	height: 80%;
	top: 10%;
	right: .2rem;
	box-sizing: border-box;
	flex-direction: column;
}

.appmsinteractivelive_setting .appaudiovolume .appaudiovolumeicon {
	width: .2rem;
	height: .2rem;
	margin-top: .06rem;
	background: rgba(0, 0, 0, 0.3) url(../images/app/vector-open.png) center center no-repeat;
	background-size: 100% auto;
	display: block;
}
.appmsinteractivelive_setting .appaudiovolume .appaudiovolumeicon.close {
	background: rgba(0, 0, 0, 0.3) url(../images/app/vector-close.png) center center no-repeat;
	background-size: 100% auto;
}

.appmsinteractivelive_setting .appaudiovolume .appaudiovolumeline {
	display: flex;
	width: .2rem;
	height: 100%;
	margin: 0 auto;
	align-items: flex-end;
	background: rgba(0, 0, 0, 0.5);
}

.appmsinteractivelive_setting .appaudiovolume .appaudiovolumelinein {
	width: 100%;
	background: url(../images/app/appaudiovolumelinebg.png) top center no-repeat;
	background-size: 100% auto;
}

.appmsinteractivelive_setting .appnetworkquality {}

.appmsinteractivelive_setting .appnetworkquality .appnetworkqualityin {}

.appmsinteractivelive_setting .appnetworkquality .appnetworkqualityline {
	border: 1px solid #ccc;
	flex: 1;
}

.appmsinteractivelive_setting .appnetworkquality .appnetworkqualitylinein {
	height: 100%;
	background: #f60;
}

.appmsinteractivelive_setting .totoops {
	display: flex;
	flex-direction: row;
	padding-top: 0.2rem;
	justify-content: center;
}

.appmsinteractivelive_setting .totoops .totobox {
	width: 1.5rem;
	position: relative;
	margin: 0 0.2rem;
	text-align: center;
	font-size: .2rem;
	line-height: .34rem;
	color: #666;
}

.appmsinteractivelive_setting .totoops .totobox .totobtn {
	width: .94rem;
	height: .94rem;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: .14rem;
	background: #eee;
}


.appmsinteractivelive_setting .totoops .totobox.switch-camera .totobtn {
	background: url(../images/app/switch-camera.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsinteractivelive_setting .totoops .totobox.camera-open .totobtn {
	background: url(../images/app/camera-open.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsinteractivelive_setting .totoops .totobox.camera-close .totobtn {
	background: url(../images/app/camera-close.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsinteractivelive_setting .totoops .totobox.mic-open .totobtn {
	background: url(../images/app/mic-open.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsinteractivelive_setting .totoops .totobox.mic-close .totobtn {
	background: url(../images/app/mic-close.png) center center no-repeat;
	background-size: 100% auto;
}

.appmsinteractivelive_setting .totoops .totobox .brnum {
	position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    top: 0.68rem;
    right: 50%;
    margin-right: -0.4rem;
    font-size: .2rem;
    line-height: .3rem;
    text-align: center;
    color: #fff;
    background: #FF8F1F;
    border-radius: 0.3rem;
}

.appmsinteractivelive_setting .appmsinteractivelive_videobox_wrap {
	position: relative;
	margin: 0 auto;
	padding: 0.1rem;
    box-sizing: border-box;
}

.appmsinteractivelive_setting .appmsinteractivelive_videobox_wrap .appmsinteractivelive_videobox_wrapin {
	max-width: 100%;
	background: #eee;
	margin: 0 auto;
}

.appmsinteractivelive_setting .totobtns {
	padding: .5rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.appmsinteractivelive_setting .totobtns .toabtn {
	width: 3rem;
	height: .76rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .3rem;
	line-height: .76rem;
	text-align: center;
	color: #fff;
	background: #52C77A;
	border-radius: .1rem;
}

.appmsinteractivelive_setting .totobtns .toabtntxt {
	margin-top: .2rem;
}

.appmsinteractivelive_setting .totobtns .toabtn.disabled { background:#eee; } 


.appmsinteractivelive_videobox_wrap {
	position: relative;
	padding: .1rem;
	background: #fff;
	border-radius: .1rem;
}
.appmsinteractivelive_videobox_wrap .appmsinteractivelive_videobox_wrapin {
	max-width: 100%;
}

.appmsinteractivelive_videobox_wrap .appaudiovolume {
	display: flex;
	position: absolute;
	width: .2rem;
	height: 80%;
	top: 10%;
	right: .2rem;
	box-sizing: border-box;
	flex-direction: column;
}

.appmsinteractivelive_videobox_wrap .appaudiovolume .appaudiovolumeicon {
	width: .2rem;
	height: .2rem;
	margin-top: .06rem;
	background: rgba(0, 0, 0, 0.3) url(../images/app/vector-open.png) center center no-repeat;
	background-size: 100% auto;
	display: block;
}
.appmsinteractivelive_videobox_wrap .appaudiovolume .appaudiovolumeicon.close {
	background: rgba(0, 0, 0, 0.3) url(../images/app/vector-close.png) center center no-repeat;
	background-size: 100% auto;
}

.appmsinteractivelive_videobox_wrap .appaudiovolume .appaudiovolumeline {
	display: flex;
	width: .2rem;
	height: 100%;
	margin: 0 auto;
	align-items: flex-end;
	background: rgba(0, 0, 0, 0.5);
}

.appmsinteractivelive_videobox_wrap .appaudiovolume .appaudiovolumelinein {
	width: 100%;
	background: url(../images/app/appaudiovolumelinebg.png) top center no-repeat;
	background-size: 100% auto;
}


.appmsinteractivelive_videobox_wrap .appmsinteractivelive_videobox_userbox {
	display: flex;
	align-items: center;
	position: absolute;
	top: .2rem;
	left: .2rem;
	padding: 0 0.08rem;
	height: .4rem;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.5);
	font-size: .2rem;
	line-height: .4rem;
	color: #fff; 
}


.appmsinteractivelive_tmic {
	height: 100%;
}
.appmsinteractivelive_tmic_list {}
.appmsinteractivelive_tmic_list .item {
	display: flex;
	padding: .34rem 0;
	border-bottom: 1px solid #F5F5F5;
}
.appmsinteractivelive_tmic_list .item:first-child {
	padding-top: .1rem;
}
.appmsinteractivelive_tmic_list .item .icon {
	display: block;
	width: .8rem;
	height: .8rem;
	margin-right: .16rem;
	border-radius: .8rem;
	overflow: hidden;
}
.appmsinteractivelive_tmic_list .item .icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.appmsinteractivelive_tmic_list .item .itemin {
	display: flex;
	flex: 1;
	overflow: hidden;
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	max-width: 3rem;
	margin-right: .2rem;
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg .nname {
	display: flex;
	align-items: center;
	font-size: .3rem;
	line-height: .36rem;
	color: #222;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg .nname .ittip {
	display: block;
	height: .3rem;
	margin-left: .08rem;
	padding: 0 .08rem;
	font-size: .18rem;
	line-height: .3rem;
	color: #fff;
	border-radius: .3rem;
	box-sizing: border-box;
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg .nname .ittip1 {
	background: linear-gradient(90deg, #00B578 0%, #38D3B1 100%);
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg .nname .ittip2 {
	background: linear-gradient(90deg, #FF8F1F 0%, #FFBB00 97%);
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg .nname .ittip3 {
	background: gray;
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg .uname {
	display: block;
	font-size: .24rem;
	line-height: .36rem;
	color: #666;
}
.appmsinteractivelive_tmic_list .item .itemin .inmsg .cname {
	display: block;
	font-size: .24rem;
	line-height: .36rem;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.appmsinteractivelive_tmic_list .item .itemin .ibtnwrap {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.appmsinteractivelive_tmic_list .item .itemin .ibtnwrap .it {
	display: block;
	min-width: 1rem;
	height: .5rem;
	margin-left: .24rem;
	padding: 0 .18rem;
	font-size: .24rem;
	line-height: .46rem;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
}
.appmsinteractivelive_tmic_list .item .itemin .ibtnwrap .it:first-child {
	margin-left: 0;
}
.appmsinteractivelive_tmic_list .item .itemin .ibtnwrap .itagree {
	color: #52C77A;
	background: #F3FFF7;
	border: 1px solid #CAF0D6;
}
.appmsinteractivelive_tmic_list .item .itemin .ibtnwrap .itrefuse {
	color: #666;
	border: 1px solid #D8D4D4;
}
.appmsinteractivelive_tmic_list .item .itemin .ibtnwrap .itfinish {
	color: #fff;
	background: #D74A4A;
	border: 1px solid #D74A4A;
}

.appmsinteractivelive_tmic_bsorry {
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	height: 100%;
}
.appmsinteractivelive_tmic_bsorry .icon {
	display: block;
	width: 4.4rem;
	height: 2.36rem;
	margin: 0 auto;
	background: url(../images/app/appmsinteractivelive_tmic_bsorry.png) bottom center no-repeat;
	background-size: 100% auto;
}


.appmsinteractivelive_popupcc_tmic {
	
}
.appmsinteractivelive_popupcc_tmic .tmicusers {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .7rem;
	padding: .74rem .2rem .56rem;
}
.appmsinteractivelive_popupcc_tmic .tmicusers .icon {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 1.2rem;
	overflow: hidden;
}
.appmsinteractivelive_popupcc_tmic .tmicusers .icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.appmsinteractivelive_popupcc_tmic .tmicusers i {
	display: block;
	width: .7rem;
	height: .7rem;
	margin: 0 .6rem;
	background: url(../images/app/tmiclinkani.gif) center center no-repeat;
	background-size: 100% auto;
	animation: tmiclink 2s linear infinite;
}


/*@keyframes tmidclink {
    0% { opacity: .2; transform: scale(.9); }
	50% { opacity: 1; transform: scale(1); }
    100% { opacity: .2; transform: scale(.9); }
}

*/

/*@keyframes tmiclink {
	0% { background: url(../images/app/tmiclink1.png) center center no-repeat; background-size: 100% auto; }
	10% { background: url(../images/app/tmiclink2.png) center center no-repeat; background-size: 100% auto; }
	20% { background: url(../images/app/tmiclink3.png) center center no-repeat; background-size: 100% auto; }
	30% { background: url(../images/app/tmiclink4.png) center center no-repeat; background-size: 100% auto; }
	40% { background: url(../images/app/tmiclink5.png) center center no-repeat; background-size: 100% auto; }
	50% { background: url(../images/app/tmiclink6.png) center center no-repeat; background-size: 100% auto; }
	60% { background: url(../images/app/tmiclink7.png) center center no-repeat; background-size: 100% auto; }
	70% { background: url(../images/app/tmiclink8.png) center center no-repeat; background-size: 100% auto; }
	80% { background: url(../images/app/tmiclink9.png) center center no-repeat; background-size: 100% auto; }
	90% { background: url(../images/app/tmiclink10.png) center center no-repeat; background-size: 100% auto; }
	100% { background: url(../images/app/tmiclink11.png) center center no-repeat; background-size: 100% auto; }
}*/

.appmsinteractivelive_popupcc_tmic .tmictext {
	display: block;
	font-size: .32rem;
	line-height: .44rem;
	text-align: center;
	color: #242424;
}
.appmsinteractivelive_popupcc_tmic .tmictips {
	display: block;
	margin-top: .2rem;
	font-size: .24rem;
	line-height: .3rem;
	text-align: center;
	color: #9E9E9E;
}

.appmsinteractivelive_popupcc_tmic .tmicbtnwrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .72rem;
	padding: 0 .4rem;
}
.appmsinteractivelive_popupcc_tmic .tmicbtnwrap .item {
	display: block;
	/*width: 2.1rem;*/
	height: .8rem;
	margin: 0 .26rem;
	padding: 0 .26rem;
	font-size: .26rem;
	line-height: .8rem;
	text-align: center;
	border-radius: .14rem;
}
.appmsinteractivelive_popupcc_tmic .tmicbtnwrap .item.itemcancel {
	color: #666666;
	background: #EDEDED;
}
.appmsinteractivelive_popupcc_tmic .tmicbtnwrap .item.itemdefine {
	color: #fff;
	background: #FF6411;
}

.tmicbtntotip {}


.liveplayer_wrap .liveplayer_poster_screen.liveplayer_poster  { display:none; }

.liveplayer_wrap .liveplayer_poster.liveplayer_poster_desk .liveplayer_poster { background:#000; }

.liveplayer_wrap .liveplayer_poster.liveplayer_poster_desk {
	position: absolute;
    right: 0;
    top: 0;
    z-index: 8;
    width: auto;
    height: auto;
}



/*滚动抽奖*/
.scrolllottery {
	display: block;
	width: 6.04rem;
	height: 8.45rem;
	padding: .26rem .7rem .36rem .5rem;
	background: url(../images/app/scrolllotterybg.png) center center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.scrolllottery .slgifts {
	display: flex;
	justify-content: center;
}
.scrolllottery .slgifts .item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .96rem;
	height: .96rem;
	margin: 0 .12rem;
	padding: .1rem;
	background: url(../images/app/slgiftbg.png) center center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.scrolllottery .slgifts .item img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.scrolllottery .sluserlist {
	display: block;
	width: 4.1rem;
	height: 2.2rem;
	margin: .74rem auto 0;
	padding: 0 .9rem;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}
.scrolllottery .sluserlist .item {
	display: flex;
	font-size: .24rem;
	line-height: .48rem;
	color: #ffd8a4;
}
.scrolllottery .sluserlist .item span {
	display: block;
}
.scrolllottery .sluserlist .item .itel {
	display: block;
	margin-left: auto;
}

.scrolllottery .sltit {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .5rem;
	font-size: .3rem;
	font-weight: bold;
	line-height: .56rem;
	text-align: center;
	color: #c1351f;
}
.scrolllottery .sltit i {
	display: block;
	width: .49rem;
	height: .17rem;
}
.scrolllottery .sltit .sltit_l {
	background: url(../images/app/sltit_l.png) center center no-repeat;
	background-size: 100% 100%;
}
.scrolllottery .sltit .sltit_r {
	background: url(../images/app/sltit_r.png) center center no-repeat;
	background-size: 100% 100%;
}
.scrolllottery .sltit span {
	margin: 0 .56rem;
}
.scrolllottery .slbingolist {
	display: block;
	width: 4.52rem;
	height: 2.84rem;
	margin: .1rem auto 0;
	padding: .22rem .8rem;
	background: #fff5e4;
	border-radius: .1rem;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
.scrolllottery .slbingolist .slbnothing {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #fe9617;
}
.scrolllottery .slbingolist .slbnothing i {
	display: block;
	width: 1.08rem;
	height: 1.08rem;
	min-height: 1.08rem;
	margin-bottom: .1rem;
	background: url(../images/app/slnotingicon.png) center center no-repeat;
	background-size: 100% 100%;
}

.scrolllottery .slbgiftname {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .24rem;
	line-height: .46rem;
	text-align: center;
	color: #fff;
}
.scrolllottery .slbgiftname span {
	display: block;
	width: 1.56rem;
	height: .46rem;
	padding: 0 .3rem;
	background: #f45e29;
	border-radius: .46rem;
}


.scrolllottery .slbulist {
	display: block;
	margin: .2rem 0;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}
.scrolllottery .slbulist .item {
	display: flex;
	font-size: .24rem;
	line-height: .48rem;
	color: #c1351f;
}
.scrolllottery .slbulist .item span {
	display: block;
}
.scrolllottery .slbulist .item .itel {
	display: block;
	margin-left: auto;
}


.liveplayer_poster_wrapw { margin:0 auto; position:relative;box-sizing:border-box; }

.appms_component_lottery_my_bingos  { height:6.6rem;  overflow:auto ;}

.bigdiaechartbox{ height:5rem; }

/*文件管理*/
.appmsfnodedetail {
	display: block;
    width: 80vw;
    margin: 0 auto;
	background: #fff;
	border-radius: .1rem;
}
.appfiles {
	height: 100%;
	padding: 0 .25rem;
	overflow-y: auto;
}
.appfiles .item {
	display: flex;
	align-items: center;
	height: 1.28rem;
	border-top: 1px solid #F5F5F5;
}
.appfiles .item .icon {
	display: block;
	width: .56rem;
	height: .56rem;
	font-size: 0;
	line-height: .56rem;
	text-align: center;
}
.appfiles .item .icon img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.appfiles .item .iname {
	flex: 1;
	max-width: 3.2rem;
	height: .68rem;
	margin-left: .24rem;
	margin-right: auto;
	font-size: .26rem;
	line-height: .34rem;
	color: #222;
	overflow: hidden;
}
.appfiles .item .ibtn {
	display: block;
	width: .88rem;
	min-width: .88rem;
	height: .48rem;
	margin-left: .2rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	box-sizing: border-box;
	border-radius: 4px;
}
.appfiles .item .ibtndownload {
	color: #F16E1C;
	border: 1px solid #F09A42;
}
.appfiles .item .ibtnpreview {
	color: #4A8AF4;
	border: 1px solid #86B3FF;
}
.appfiles .item .ibtnmore {
	background: url(../images/app/more-horizontal.png) center center no-repeat;
	background-size: .35rem auto;
}


.popup_filename {
	display: block;
	font-size: .26rem;
	line-height: .34rem;
	color: #222;
}
.popup_file_bottom {
	display: flex;
	align-items: center;
	margin: .36rem 0 .16rem;
}
.popup_file_bottom .popup_file_vstatus {
	display: flex;
	align-items: center;
	font-size: .24rem;
	line-height: .3rem;
	color: #767676;
}
.popup_file_bottom .popup_file_vstatus .popup_file_vstatusin {
	display: flex;
	align-items: center;
	font-size: .24rem;
	line-height: .3rem;
	color: #767676;
}
.popup_file_bottom .popup_file_vstatus i {
	display: block;
	width: .24rem;
	height: .24rem;
	margin-right: 2px;
	background: url(../images/app/fileliveicon0.png) center center no-repeat;
	background-size: 100% auto;
}
.popup_file_bottom .popup_file_vstatus.status1 .popup_file_vstatusin {
	color: #00B578;
}
.popup_file_bottom .popup_file_vstatus.status1 i {
	background: url(../images/app/fileliveicon1.png) center center no-repeat;
	background-size: 100% auto;
}
.popup_file_bottom .popup_file_submit {
	display: block;
	margin-left: auto;
	width: 2rem;
	height: .66rem;
	font-size: .24rem;
	line-height: .66rem;
	text-align: center;
	color: #fff;
	border-radius: .1rem;
}
.popup_file_bottom .popup_file_submit.subgreen {
	background: #52C77A;
}
.popup_file_bottom .popup_file_submit.subdanger {
	background: #D74A4A;
}
.popup_file_bottom .popup_file_submit.subdisable {
	background: #565656;
}


.succtips {
	display: flex;
	align-items: center;
	position: fixed;
	height: .72rem;
	padding: 0 .2rem;
	left: 50%;
	bottom: 1rem;
	transform: translate(-50%);
	font-size: .24rem;
	line-height: .44rem;
	color: #fff;
	white-space: nowrap;
	background: rgba(0, 0, 0, .7);
	z-index:999992;
}
.succtips i {
	display: block;
	width: .24rem;
	min-width: .24rem;
	height: .24rem;
	margin-right: .1rem;
	background: url(../images/app/tipsucceicon.png) center center no-repeat;
	background-size: 100% auto;
}

.warntips {
	display: flex;
	align-items: center;
	position: fixed;
	height: .72rem;
	padding: 0 .2rem;
	left: 50%;
	bottom: 1rem;
	transform: translate(-50%);
	font-size: .24rem;
	line-height: .44rem;
	color: #fff;
	white-space: nowrap;
	background: rgba(0, 0, 0, .7);
	z-index:999992;
}
.warntips i {
	display: block;
	width: .24rem;
	min-width: .24rem;
	height: .24rem;
	margin-right: .1rem;
	background: url(../images/app/tipwarnicon.png) center center no-repeat;
	background-size: 100% auto;
}

.infotips {
	display: flex;
	align-items: center;
	position: fixed;
	height: .72rem;
	padding: 0 .2rem;
	left: 50%;
	bottom: 1rem;
	transform: translate(-50%);
	font-size: .24rem;
	line-height: .44rem;
	color: #fff;
	white-space: nowrap;
	background: rgba(0, 0, 0, .7);
	z-index:999992;
}
.infotips i {
	display: block;
	width: .24rem;
	min-width: .24rem;
	height: .24rem;
	margin-right: .1rem;
	background: url(../images/app/tipinfoicon.png) center center no-repeat;
	background-size: 100% auto;
}

.failtips {
	display: flex;
	align-items: center;
	position: fixed;
	height: .72rem;
	padding: 0 .2rem;
	left: 50%;
	bottom: 1rem;
	transform: translate(-50%);
	font-size: .24rem;
	line-height: .44rem;
	color: #fff;
	white-space: nowrap;
	background: rgba(0, 0, 0, .7);
	z-index:999992;
}
.failtips i {
	display: block;
	width: .24rem;
	min-width: .24rem;
	height: .24rem;
	margin-right: .1rem;
	background: url(../images/app/tipfailicon.png) center center no-repeat;
	background-size: 100% auto;
}

.liveplayer_wrap .screenswrap .screens_itemin .asettingicon {
	display: flex;
	align-items: center;
	width: 2.4rem;
	z-index: 1;
	padding: 0 .24rem;
	background: rgba(0, 0, 0, 0.8);
	height: .68rem;
	font-size: .2rem;
	font-weight: bold;
	line-height: .68rem;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
 }
.liveplayer_wrap .screenswrap .screens_itemin .asettingicon.asettingicondesk {
	top: .8rem;
}
.liveplayer_wrap .screenswrap .screens_itemin .asettingicon.asettingiconscrenstyleset { }

.appmsinteractivelive_screenshowstyleidset .livevtypestitle {
	display: block;
	font-size: .32rem;
	font-weight: bold;
	line-height: .76rem;
	text-align: center;
	color: #333;
}

.appmsinteractivelive_screenshowstyleidset .livevtypes {
	display: flex;
	flex-wrap: wrap;
	width: 6rem;
	margin-top: .1rem;
}
.appmsinteractivelive_screenshowstyleidset .livevtypes .item {
	display: block;
	width: 2.8rem;
	margin: 0 .1rem .1rem;
	padding: .1rem;
	border-radius: .16rem;
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid #fff;
}
.appmsinteractivelive_screenshowstyleidset .livevtypes .item .icon {
	display: block;
	border-radius: .16rem;
	overflow: hidden;
}
.appmsinteractivelive_screenshowstyleidset .livevtypes .item .icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.appmsinteractivelive_screenshowstyleidset .livevtypes .item .text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .28rem;
	line-height: .72rem;
	text-align: center;
	color: #333;
}
.appmsinteractivelive_screenshowstyleidset .livevtypes .item i {
	display: block;
	width: .32rem;
	height: .32rem;
	margin-right: .1rem;
	background: url(https://u-static.lmjx.net/2022/klive/images/lticheck.png) center center no-repeat;
	background-size: 100% auto;
}
.appmsinteractivelive_screenshowstyleidset .livevtypes .item.cur {
	border: 1px solid rgba(255, 121, 43, .7);
	box-shadow: 0 0 10px rgba(255, 121, 43, .5);
}
.appmsinteractivelive_screenshowstyleidset .livevtypes .item.cur i {
	background: url(https://u-static.lmjx.net/2022/klive/images/ltichecked.png) center center no-repeat;
	background-size: 100% auto;
}

.appmsinteractivelive_screenshowstyleidset .totobtns {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .12rem;
	padding: 0 .4rem .2rem;
}
.appmsinteractivelive_screenshowstyleidset .totobtns .toabtn {
	display: block;
	width: 2.28rem;
	height: .8rem;
	margin-left: .28rem;
	font-size: .28rem;
	line-height: .76rem;
	text-align: center;
	color: #ff792b;
	border: 1px solid #ff792b;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: pointer;
}
.appmsinteractivelive_screenshowstyleidset .totobtns .toabtn2 {
	color: #fff;
	background: #ff792b;
}

.liveplayer_wrap .liveplayer_poster.liveplayer_poster_desk_0 { display:none; }

.liveplayer_wrap .liveplayer_poster.liveplayer_poster_desk_1 { position: absolute; right: 0;  top: 0;   z-index: 8; width: auto;   height: auto;  z-index:8 ; }
.liveplayer_wrap .liveplayer_poster.liveplayer_poster_desk_2 { position: absolute; right: 0;  bottom: 0;   z-index: 8;   width: auto;   height: auto;  z-index:8 ; } 
.liveplayer_wrap .liveplayer_poster.liveplayer_poster_desk_4 { position: absolute; right: 0; top: 0; width: auto; height: auto; z-index:8 ; }

.liveplayer_wrap .screenswrap.screenswrap_3 { position: relative; } 
.liveplayer_wrap .screenswrap.screenswrap_-1 { display:none; } 
.liveplayer_wrap .appms_interactive_minrtcwrap_4 { z-index:9; }

.liveplayer_wrap .screenswrap .screens_itemin { position: relative;overflow: hidden; }
.liveplayer_wrap .screenswrap .screens_itemin .asettingiconwrap { position: absolute;  left: 0;  top: 0;  z-index: 1; }


.sharescreens {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	white-space: nowrap;
}
.sharescreens .sharescreens_in {
	display: flex;
	align-items: center;
	padding: 0 .16rem;
	height: .56rem;
	font-size: .2rem;
	line-height: .56rem;
	color: #fff;
	border-radius: 0px 0px 0px 4px;
	background: rgba(3, 3, 3, 0.7);
}
.sharescreens .sharescreens_in i {
	display: block;
	width: .28rem;
	height: .28rem;
	margin-right: .12rem;
	background: url(../images/app/sharescreens.png) center center no-repeat;
	background-size: 100% auto;
}
.sharescreens .sharescreens_in .name {
	margin-right: .24rem;
	max-width: 5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sharescreens .sharescreens_in .shareend {
	display: block;
	padding: 0 .12rem;
	height: .4rem;
	margin-left: .26rem;
	font-size: .2rem;
	line-height: .4rem;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background: #FF3930;
	cursor: pointer;
}
.sharescreens .sharescreens_in .shareend span {
	display: none;
}
.sharescreens .sharescreens_seeting {
	display: flex;
	align-items: center;
	padding: 0 .16rem;
	height: .56rem;
	font-size: .2rem;
	line-height: .56rem;
	color: #fff;
	border-radius: 0px 0px 4px 0px;
	background: #292727;
	cursor: pointer;
}
.sharescreens .sharescreens_seeting i {
	display: block;
	width: .28rem;
	height: .28rem;
	margin-right: .08rem;
	background: url(../images/app/sharescreens_seeting.png) center center no-repeat;
	background-size: 100% auto;
}
.sharescreens .sharescreens_seeting span {
	display: none;
}


.toplayerbtn_zoominout {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index:900;
}
.toplayerbtn_zoominout .toplayerbtn_zoomin {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
}
.toplayerbtn_zoominout.toplayerbtn_zoominout_tomin { bottom: 14px; right: 10px; }
.toplayerbtn_zoominout .toplayerbtn_zoomin i {
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/app/zoomout.png) center center no-repeat;
	background-size: 100% auto;
}

.toplayerbtn_zoominout .toplayerbtn_zoomout {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
}
.toplayerbtn_zoominout .toplayerbtn_zoomout i {
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/app/zoomin.png) center center no-repeat;
	background-size: 100% auto;
}

/*虚实背景*/
.appbackgroundsetting {
	position: absolute;
	left: .2rem;
	top: .2rem;
	z-index: 900;
}
.appbackgroundsetting .appbackgroundsetting_real {
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
	padding: 0 .16rem;
	font-size: .22rem;
	line-height: .52rem;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	cursor: pointer;
}
.appbackgroundsetting .appbackgroundsetting_real i {
	display: block;
	width: .4rem;
	height: .4rem;
	margin-right: .1rem;
	background: url(../images/app/bgrealicon.png) center center no-repeat;
	background-size: 100% auto;
}
.appbackgroundsetting .appbackgroundsetting_empty {
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
	padding: 0 .16rem;
	font-size: .22rem;
	line-height: .52rem;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	cursor: pointer;
}
.appbackgroundsetting .appbackgroundsetting_empty i {
	display: block;
	width: .4rem;
	height: .4rem;
	margin-right: .1rem;
	background: url(../images/app/bgemptyicon.png) center center no-repeat;
	background-size: 100% auto;
}


/* 音乐播放器 */
.appmsinteractivelive_player {}
.appmsinteractivelive_player .rebox {
	position: relative;
	background: #fff;
	border-radius: 0.1rem;
	box-sizing: border-box;
}
.rebox_inline {
	display: flex;
	align-items: center;
	padding: .22rem .3rem;
}
.rebox_title_l {
	display: block;
	font-size: .28rem;
	line-height: .42rem;
	color: #333;
}
.rebox_title_l small {
	margin-left: .1rem;
	font-size: .22rem;
	color: #999;
}
/*.appmsinteractivelive_player .popupclose {
	display: block;
	position: absolute;
	width: 0.34rem;
	height: 0.34rem;
	top: 0.2rem;
	right: 0.2rem;
	margin: 0;
	background: url(../images/kliveapp/dbclose.png) center center no-repeat;
	background-size: 100% auto;
}*/

.audiolist {
	max-height: 6rem;
	padding: 0 .33rem .32rem;
	overflow-y: auto;
}
.audiolist .item {
	display: flex;
	align-items: center;
	padding: .24rem 0;
	border-bottom: 1px solid #F5F5F5;
}
.audiolist .item i {
	display: block;
	width: .32rem;
	height: .32rem;
	margin-right: .2rem;
	background: url(../images/app/aicheck.png) center center no-repeat;
	background-size: 100% auto;
}
.audiolist .item .itemin {
	display: block;
	flex: 1;
	overflow: hidden;
}
.audiolist .item .itit {
	display: block;
	font-size: .26rem;
	line-height: .38rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.audiolist .item .itime {
	display: block;
	font-size: .22rem;
	line-height: .32rem;
	color: #9E9E9E;
}
.audiolist .item .ibtnwrap {
	display: flex;
	align-items: center;
}
.audiolist .item .ibtnwrap .ibtn {
	display: block;
	width: .4rem;
	height: .4rem;
	margin-left: .2rem;
}
.audiolist .item .ibtnwrap .ibtn.ibtnplay {
	background: url(../images/app/ibtnplay.png) center center no-repeat;
	background-size: .3rem auto;
}

.audiolist .item .ibtnwrap .ibtn.ibtnmore {
	background: url(../images/app/ibtnpause.png) center center no-repeat;
	background-size: .3rem auto;
}
.audiolist .item.cur > i {
	background: url(../images/app/aichecked.png) center center no-repeat;
	background-size: 100% auto;
}
.audiolist .item.cur .itit {
	color: #FA8222;
}
/*.audiolist .item .ibtn.ibtnplay {
	background: url(../images/app/ibtnpause.png) center center no-repeat;
	background-size: .3rem auto;
}*/



.playerpanel {
	padding-bottom: .6rem;
}
.playerpanel .btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .4rem 1.08rem;
}
.playerpanel .btns .it {
	display: block;
	position: relative;
	width: .46rem;
	height: .46rem;
}
.playerpanel .btns .it.itback {
	background: url(../images/app/playerback.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .btns .it.itskip {
	background: url(../images/app/playerskip.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .btns .it.itplay,
.playerpanel .btns .it.itsuspend,
.playerpanel .btns .it.itstop {
	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/app/playcd.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .btns .it .irecord {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/app/playcd.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .btns .it.itplay i {
	display: block;
	position: absolute;
	width: .4rem;
	height: .4rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(../images/app/playerpause.png) center center no-repeat;
	background-size: .34rem auto;
}
.playerpanel .btns .it.itsuspend i {
	display: block;
	position: absolute;
	width: .4rem;
	height: .4rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(../images/app/playerplay.png) center center no-repeat;
	background-size: .34rem auto;
}
.playerpanel .btns .it.itstop i {
	display: block;
	position: absolute;
	width: .4rem;
	height: .4rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(../images/app/playerstop.png) center center no-repeat;
	background-size: .34rem auto;
}


.playerpanel .songtitle {
	display: block;
	position: relative;
	max-width: 5.22rem;
	margin: 0 auto;
	font-size: .26rem;
	line-height: .38rem;
	text-align: center;
	color: #333;
}
.playerpanel .songtitle .songtitle_con {
	display: flex;
	align-items: center;
	justify-content: center;
}
.playerpanel .songtitle .songtitle_con span {
	max-width: 4.06rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.playerpanel .songtitle .songtitle_con i {
	display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    transform: rotate(135deg);
    margin: 0 0 0 10px;
    margin-top: -4px;
}
.playerpanel .songtitle .songtitle_in {
	display: block;
	position: absolute;
	width: 5.6rem;
	padding: .12rem .2rem .2rem;
	top: .56rem;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 4px;
	background: #FFFFFF;
	box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.1);
	z-index: 6;
	box-sizing: border-box;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_title {
	display: flex;
	align-items: center;
	font-size: .28rem;
	line-height: .5rem;
	color: #333;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_title i {
	display: block;
	width: 0.34rem;
    height: 0.34rem;
	margin-left: auto;
    background: url(../images/kliveapp/dbclose.png) center center no-repeat;
    background-size: 100% auto;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_list {
	max-height: 2.8rem;
	overflow-y: auto;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_list .item {
	display: flex;
	align-items: center;
	height: .9rem;
	padding: 0 .14rem;
	font-size: .26rem;
	line-height: .5rem;
	color: #333;
	border-bottom: 1px solid #F5F5F5;
	box-sizing: border-box;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_list .item .name {
	max-width: 4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_list .item.cur .name {
	color: #FA8222;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_list .item .ibtnwrap {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_list .item .ibtnwrap .it {
	display: block;
	width: .5rem;
	height: .5rem;
}
.playerpanel .songtitle .songtitle_in .songtitle_in_list .item .ibtnwrap .it.itdel {
	background: url(../images/app/stidelicon.png) center center no-repeat;
	background-size: .3rem auto;
}


.songtitle_gochoose {
	display: flex;
	align-items: center;
	justify-content: center;
}
.songtitle_gochoose .notit {
	font-size: .26rem;
	color: #999;
}
.songtitle_gochoose .gcbtn {
	display: flex;
	align-items: center;
	margin-left: .12rem;
	font-size: .26rem;
	color: #FA8222;
}
.songtitle_gochoose .gcbtn i {
	display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FA8222;
    border-right: 1px solid #FA8222;
    transform: rotate(45deg);
    margin: 0 0 0 2px;
    margin-top: 1px;
}


.playerpanel .mpbar {
	display: block;
	position: relative;
	margin: .6rem .59rem 0;
	border-radius: 3px;
}
.playerpanel .mpbar .rdy {
	height: 3px;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.playerpanel .mpbar .cur {
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	background: #FA8222;
}
.playerpanel .mpbar .cur i {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	right: -2px;
	top: -1px;
	background: #FA8222;
	border-radius: 5px;
}
.playerpanel .mpbar .times {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .06rem;
	font-size: .22rem;
	line-height: .3rem;
	color: #B3B3B3;
}


.playerpanel .loopbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.1rem;
	height: .62rem;
	margin: .58rem auto 0;
	font-size: .26rem;
	line-height: .4rem;
	color: #666;
	border: 1px solid #D8D8D8;
	border-radius: .62rem;
	box-sizing: border-box;
}
.playerpanel .loopbtn i {
	display: block;
	width: .36rem;
	height: .36rem;
	margin-right: .18rem;
	
}
.playerpanel .loopbtn.loop-loop i {
	background: url(../images/app/loopicon.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .loopbtn.loop-single i {
	background: url(../images/app/loop-one.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .loopbtn.loop-none i {
	background: url(../images/app/play-one.png) center center no-repeat;
	background-size: 100% auto;
}


.playerpanel .mpbar_green {
	display: block;
	position: relative;
	margin: .6rem .59rem 0;
	border-radius: 3px;
}
.playerpanel .mpbar_green .rdy {
	height: 3px;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.playerpanel .barbgbox {
	display: flex;
	align-items: center;
}
.playerpanel .barbgbox > i {
	display: block;
	width: .3rem;
	height: .3rem;
	margin-right: .1rem;
	background: url(../images/app/volumeicon.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .barbgbox .barbg {
	display: block;
	position: relative;
	flex: 1;
}
.playerpanel .mpbar_green .cur {
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	background: #00B578;
}
.playerpanel .mpbar_green .cur i {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	right: -2px;
	top: -1px;
	background: #00B578;
	border-radius: 5px;
}
.playerpanel .mpbar_green .volumenum {
	display: block;
	margin-top: .06rem;
	font-size: .22rem;
	font-weight: bold;
	line-height: .3rem;
	text-align: right;
	color: #B3B3B3;
}

.mpcontrol_btnwrap {
	display: flex;
	align-items: center;
	margin-top: .58rem;
	padding: 0 .5rem;
}
.mpcontrol_btnwrap .cbtn {
	display: block;
	width: 1rem;
	font-size: .22rem;
	font-weight: bold;
	line-height: .32rem;
	text-align: center;
	color: #777;
}
.mpcontrol_btnwrap .cbtn i {
	display: block;
	width: .36rem;
	height: .36rem;
	margin: 0 auto;
}
.mpcontrol_btnwrap .cbtn.cbtn_songname i {
	background: url(../images/app/cbtn_songname.png) center center no-repeat;
	background-size: 100% auto;
}
.mpcontrol_btnwrap .cbtn.cbtn_monitor_open i {
	background: url(../images/app/cbtn_monitor_open.png) center center no-repeat;
	background-size: 100% auto;
}
.mpcontrol_btnwrap .cbtn.cbtn_monitor_close i {
	background: url(../images/app/cbtn_monitor_close.png) center center no-repeat;
	background-size: 100% auto;
}
.playerpanel .mpcontrol_btnwrap .loopbtn {
	margin-top: 0;
}



.ani-rotate {
	animation: anirotate 2s infinite linear;
}


/* 旋转 */
@keyframes anirotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes fadeout {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}



.itstatus {
	display: flex;
	align-items: flex-end;
	height: 12px;
	margin-top: 2px;
	margin-right: 3px;
}

.itstatus i:nth-child(1) {
	-webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.itstatus i:nth-child(2) {
	-webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.itstatus i:nth-child(3) {
	-webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.itstatus i:nth-child(4) {
	-webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
}


.itstatus i {
	background-color: #FA8222;
	width: 2px;
	height: 12px;
	border-radius: 2px;
	margin: 1px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
}

/* 跳动 */
@-webkit-keyframes line-scale {
	0% {
		height: 12px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 12px;
	}
}

@keyframes line-scale {
	0% {
		height: 12px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 12px;
	}
}


.reinputwdivin { display:flex; flex:1; justify-content:center; align-items:center ; }
.reinputwdivin .reinputwdivinicon { width:50px; height:50px; overflow:hidden; border-radius:50%; }

.vboxs-item-wrap { display:flex;align-items: center;justify-content: center; }
.vboxs-item-wrap .vboxs-item-poster { width:100%; height:100%; background:no-repeat center center;  background-size: cover;  }
.vboxs-item-wrap .vboxs-item-video { width:100%; height:100%;  }
.vboxs-item-wrap .vboxs-item-video { width:100%; height:100%; display:flex;  }
.vboxs-item-wrap .vboxs-item-video .vboxs-item-videoin { width:100%; height:100%;  }
.vboxs-item-wrap .titleicon { position: absolute; z-index: 1; display: flex;  flex-direction: column;  left: 0; align-items: center;  right: 0; bottom: 0; }



.ulinks_us{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-between;width:100%;padding:0 .2rem 0;box-sizing:border-box}
.ulinks_us .item{position:relative;width:3.44rem;height:2.08rem;margin-bottom:.2rem;background:#21252E url(../images/kliveapp_console/udefaultbg_online.png) center center no-repeat;background-size:auto 100%;}
.ulinks_us .item:nth-child(1),.ulinks_us .item:nth-child(2) { margin-top: 0; }
.ulinks_us .item::before{display:block;position:absolute;content:'';width:100%;height:.68rem;top:0;left:0;background:linear-gradient(180deg,rgba(8,8,8,0.50) 0%,rgba(8,8,8,0.00) 100%)}
.ulinks_us .item .idesk{display:flex;align-items:center;justify-content:center;position:absolute;top:.1rem;left:.1rem;font-size:.24rem;line-height:.48rem;color:#333}
.ulinks_us .item .idesk i{display:block;width:.4rem;height:.4rem;margin-right:4px;background:#999 url(../images/kliveapp_console/ideskicon_white.png) center center no-repeat;background-size:auto 100%;border-radius:.4rem}
.ulinks_us .item_online .idesk{color:#04bc34}
.ulinks_us .item_online .idesk i{background:#02B653 url(../images/kliveapp_console/ideskicon_white.png) center center no-repeat;background-size:100% auto}
.ulinks_us .item .t1it{display:flex;align-items:center;position:absolute;top:.1rem;left:.1rem}
.ulinks_us .item .num{display:block;width:.4rem;height:.4rem;margin-right:.12rem;font-size:.24rem;line-height:.4rem;text-align:center;color:#fff;background:#999;border-radius:.4rem;border:1px solid #999}
.ulinks_us .item_desk{background:#21252E url(../images/kliveapp_console/udefaultbg.png) center center no-repeat;background-size:auto 100%}
.ulinks_us .item_online .num{background:#2A88D6;border-color:#2A88D6;color:#fff}

.ulinks_us .item .name{display:block;max-width:6em;font-size:.24rem;line-height:.4rem;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ulinks_us .item .ops_shd { display:flex;align-items: center;justify-content: flex-end;position:absolute;top:.16rem;right:.2rem;height:.32rem; }
.ulinks_us .item .imic{display:block;width:.32rem;height:.32rem;margin-left: .12rem;background:url(../images/kliveapp_console/mic-off.png) center center no-repeat;background-size:100% auto}
.ulinks_us .item .imic.imic_ing{display:block;width:.32rem;height:.32rem;background:url(../images/kliveapp_console/mic_on_green.png) center center no-repeat;background-size:100% auto}
.ulinks_us .item .icamera{display:block;width:.32rem;height:.32rem;margin-left: .12rem;background:url(../images/kliveapp_console/icamera-off.png) center center no-repeat;background-size:100% auto}
.ulinks_us .item .icamera.icamera_ing{display:block;width:.32rem;height:.32rem;background:url(../images/kliveapp_console/icamera-on.png) center center no-repeat;background-size:100% auto}
.ulinks_us .item .imore{display:block;width:.32rem;height:.32rem;margin-left: .12rem;background:url(../images/kliveapp_console/more-horizontal.png) center center no-repeat;background-size:100% auto;border-radius:.4rem;overflow:hidden;cursor:pointer}
.ulinks_us .item .abtn{display:block;height:.48rem;font-size:.24rem;line-height:.48rem;text-align:center;color:#fff;background:#BFC3C8;border-radius:3px;cursor:pointer}
.ulinks_us .item .abtn.abtn_mainscreen{position:absolute;bottom:4px;left:4px;width:1.4rem}
.ulinks_us .item .abtnabl{background:#0EAA54}
.ulinks_us .item .abtning{background:#E74646}
.ulinks_us .item .ops_upordown{display:flex;position:absolute;right:4px;bottom:4px}
.ulinks_us .item .ops_upordown .abtn{position:relative;width:.8rem;margin-left:4px}
.ulinks_us .item .videoin{position:absolute;z-index:0;width:100%;height:100%}
.ulinks_us .item .utiping{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:.24rem;font-size:.24rem;color:#fff;box-sizing:border-box;background:#21252E}
.ulinks_us .item .ops_upordown .abtn.abtn_autowidth {width: auto;padding-left: .1rem;padding-right: .1rem;}
.ulinks_us_1 {justify-content: center;}


.kliveapp_console_rtc { position: relative;padding: 0 .2rem;border-bottom: 1px solid #ededed; }
.kliveapp_console_rtc .auinf { display: flex;align-items: center;height:1rem; padding: 0 .4rem;border-bottom: 1px solid #282B30; }
.kliveapp_console_rtc .auinf .shname { font-size: .28rem;color: #D1D5DB; }
.kliveapp_console_rtc .auinf .isplay { margin-left: .2rem;font-size: .24rem;color: #D1D5DB; }
.kliveapp_console_rtc .auinf .isplay.isplay_on { color: #02B653; }
.kliveapp_console_rtc .auinf .isplay.isplay_off { color: #E74646; }
.kliveapp_console_rtc .auinf .shedit { display: block;width: .4rem;height: .4rem;margin-left: auto;font-size: 0;background: url(../images/kliveapp_console/shediticon.png) center center no-repeat;background-size: 100% auto;cursor: pointer; }
.kliveapp_console_rtc .atop { display: flex;align-items: center;justify-content: center;position: relative;height:1.2rem;margin-left: auto;padding: 0 .4rem;font-size: .24rem; }
.kliveapp_console_rtc .rtc_deskshare { display: flex;align-items: center;justify-content: center;position: relative;font-size: .24rem;color:#505666;cursor: pointer;width: 2.4rem;height: .8rem;margin: 0 .2rem;border: 1px solid #EDEDED;border-radius: 4px;box-sizing: border-box; }
.kliveapp_console_rtc .rtc_deskshare i { display: block;width: .4rem;height: .4rem;margin-right: .12rem;background: url(../images/kliveapp_console/rtc_deskshare.png) center center no-repeat;background-size: 100% auto; }
.kliveapp_console_rtc .rtc_deskshare.sding { background: #E74646;color: #fff;border-color: #E74646; }
.kliveapp_console_rtc .rtc_deskshare.sding i { background: url(../images/kliveapp_console/rtc_deskshare_offn.png) center center no-repeat;background-size: 100% auto; }
.kliveapp_console_rtc .rtc_deskshare.disabled i { background: url(../images/kliveapp_console/rtc_deskshare_offn.png) center center no-repeat;background-size: 100% auto; }
.kliveapp_console_rtc .rtc_ic { display: flex; align-items: center;justify-content: center;width: 2.4rem;height: .8rem;margin: 0 .2rem;border: 1px solid #EDEDED;border-radius: 4px;box-sizing: border-box; }
.kliveapp_console_rtc .rtc_ic .rtc_ic_in { display: flex; align-items: center;  font-size: .24rem;color:#505666; }
.kliveapp_console_rtc .rtc_ic .rtc_ic_in i { display: block;width: .4rem;height: .4rem;margin-right: .12rem; }
.kliveapp_console_rtc .rtc_ic .rtc_ic_more { display: block;position: relative;width: .4rem;height: .4rem;cursor: pointer;font-size: 0; }
.kliveapp_console_rtc .rtc_ic .rtc_ic_more::after { display: block;content: '';width: .12rem;height: .12rem;border-top: 1px solid #505666;border-right: 1px solid #505666;transform: rotate(135deg);margin: 0 0 0 .12rem;margin-top: 4px; }
.kliveapp_console_rtc .rtc_ic.rtc_ic_camera { position: relative; }
.kliveapp_console_rtc .rtc_ic.rtc_ic_camera .rtc_ic_in i { background: url(../images/app/rtc_camera_gray.png) center center no-repeat;background-size: 100% auto; }
.kliveapp_console_rtc .rtc_ic.rtc_ic_camera .rtc_ic_in.disabled i { background: url(../images/app/rtc_camera_close.png) center center no-repeat;background-size: 100% auto; }
.kliveapp_console_rtc .rtc_ic.rtc_ic_microphone { position: relative; }
.kliveapp_console_rtc .rtc_ic.rtc_ic_microphone .rtc_ic_in i { background: url(../images/app/rtc_mic_gray.png) center center no-repeat;background-size: 100% auto; }
.kliveapp_console_rtc .rtc_ic.rtc_ic_microphone .rtc_ic_in.disabled i { background: url(../images/app/rtc_mic_close.png) center center no-repeat;background-size: 100% auto; }
.kliveapp_console_rtc .rtc_smore { display: block;position: absolute;min-width: 2.4rem;max-width: 3.6rem;padding: .1rem 0;background: #fff;border: 1px solid #DCDFE6;box-sizing: border-box;box-shadow: 0 0 .2rem rgba(0,0,0,.1);z-index: 11;left: 50%;transform: translateX(-50%); }
.kliveapp_console_rtc .rtc_smore.rtc_smore_camera { top: 106%; }
.kliveapp_console_rtc .rtc_smore.rtc_smore_microphone { top: 106%; }
.kliveapp_console_rtc .rtc_smore .aitem { display: block;padding: 0 .24rem;font-size: .24rem;line-height: .68rem;color: #333;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.kliveapp_console_rtc .rtc_smore .aatitle { margin-bottom: .14rem;padding: 0 .24rem .14rem;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid #e8e8e8; }
.kliveapp_console_rtc .rtc_smore .aacbtn { display: block;padding: 0 .24rem;font-size: .24rem;line-height: .68rem;color: #333;cursor: pointer; }
.kliveapp_console_rtc .rtc_smore .aitem:hover { color: #1154B5; }
.kliveapp_console_rtc .rtc_smore .aatitle:hover { color: #333; }
.kliveapp_console_rtc .videobox { width: 100%; height: 4.21rem;margin: 0 auto;background: #000; }



/*视频通话*/
.appvrmsvideocallwrap_new {}
.appvrmsvideocallwrap_new .appvrmsvideocallwrap_in {
	display: block;
	width: 300px;
	background: #1D1D27;
	border-radius: 10px;
	overflow: hidden;
}
.appvrmsvideocallwrap_new .appvrmsvideocall {
	padding: 10px 10px 0;
	background: #232835;
}

.appvrmsvideocallwrap_new .atop {
	display: flex;
	justify-content: space-between;
	height: 0.7rem;
	padding: 0 .2rem;
}
.appvrmsvideocallwrap_new .atop .aminibar {
	display: flex;
	align-items: center;
	margin-right: auto;
	padding: 0 7px;
	position: relative;
	z-index: 1;
	min-width: 25px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
}
.appvrmsvideocallwrap_new .atop .aminibar i {
	display: block;
	width: 13px;
	height: 13px;
	margin-top: -3px;
	margin-right: 4px;
	background: url(../images/app/aminimizeicon.png) center center no-repeat;
	background-size: 120% auto;
	transform: rotateY(180deg);
}
.appvrmsvideocallwrap_new .atop .aminibar_maximize i {
	background: url(../images/app/maximizeicon.png) center center no-repeat;
	background-size: 120% auto;
}
.appvrmsvideocallwrap_new .atop .aminibar_minimize i {
	background: url(../images/app/minimizeicon.png) center center no-repeat;
	background-size: 120% auto;
}
.appvrmsvideocallwrap_new .atop .aminibar_normal i {
	background: url(../images/app/normalicon.png) center center no-repeat;
	background-size: 120% auto;
}

.appvrmsvideocallwrap_new .atop .aminibar .icon {display: block;width: 13px;height: 13px;margin-right: 4px;}
.appvrmsvideocallwrap_new .atop .aminibar .icon img {width: 100%;vertical-align: top;}

.appvrmsvideocallwrap_new .atop .aminibar_message i {display: block;width: 13px;height: 13px;margin-right: 4px;background: url(../images/kserviceapp/moresend.png) center center no-repeat;background-size: 100% auto;}
.appvrmsvideocallwrap_new .atop .aminibar_message em {font-style: normal;}

.appvrmsvideocallwrap_new .atop .appvrmsvideocallus2time_new {
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-top: 0;
	font-size: 12px;
	line-height: 24px;
	color: #9E9E9E;
	transform: translateX(-50%);
}

.appvrmsvideocallwrap_new .atop .managebtn {
	display: flex;
	align-items: center;
	padding: 0 7px;
	position: relative;
	z-index: 1;
	min-width: 25px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
}
.appvrmsvideocallwrap_new .atop .managebtn i {
	display: block;
	width: 13px;
	height: 13px;
	margin-top: -2px;
	margin-right: 4px;
	background: url(../images/app/nmanageicon.png) center center no-repeat;
	background-size: 100% auto;
	transform: rotateY(180deg);
}

.appvrmsvideocallwrap_new .atop .invitebtn {
	display: flex;
	align-items: center;
	margin-left: 0;
	padding: 0 7px;
	position: relative;
	z-index: 1;
	min-width: 25px;
	height: 25px;
	margin-left: auto;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
}
.appvrmsvideocallwrap_new .atop .invitebtn i {
	display: block;
	width: 13px;
	height: 13px;
	margin-top: -2px;
	margin-right: 4px;
	background: url(../images/app/ninviteicon2.png) center center no-repeat;
	background-size: 100% auto;
	transform: rotateY(180deg);
}
.appvrmsvideocallwrap_new .atop .drawbtn {
	display: flex;
	align-items: center;
	padding: 0 0.14rem;
	position: relative;
	z-index: 1;
	min-width: .5rem;
	height: 0.5rem;
	margin-left: auto;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.48rem;
	color: #fff;
}
.appvrmsvideocallwrap_new .atop .drawbtn i {
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	margin-top: -0.04rem;
	margin-right: 0.08rem;
	background: url(https://u-static.lmjx.net/2022/vrkefu/images/drawbtnicon.png) center center no-repeat;
	background-size: 100% auto;
	transform: rotateY(180deg);
}

.appvrmsvideocallwrap_fullsc {}
.appvrmsvideocallwrap_fullsc.popup .popupcon {top: auto;bottom: 0;transform: translate(-50%,0);}
.appvrmsvideocallwrap_fullsc.popup .popupcon .appvrmsvideocallwrap_in {padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}

.sscreenbtn {display: flex;align-items: center;font-size: .2rem;color: #53C231;}
.sscreenbtn .vswitch {margin-right: .12rem;}
.sscreenbtn.sscreenbtn-off {color:#999;}

.vswitchbox {font-size: .24rem;}
.devsetvswitchboxouter {font-size: .24rem;padding-bottom: .2rem;}
.devsetvswitchboxouter .text {margin: 0 .12rem;}

.vswitch{display:block;position:relative;width:26px;height:15px;border:1px solid #DFDFDF;outline:0;border-radius:16px;box-sizing:border-box;background-color:#999;transition:background-color 0.1s,border 0.1s;cursor:pointer}
.vswitch:before{content:" ";position:absolute;top:0;left:0;width:24px;height:13px;border-radius:15px;background-color:#999;transition:transform 0.35s cubic-bezier(0.45,1,0.4,1)}
.vswitch:after{content:" ";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:15px;background-color:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,0.4);transition:transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35)}
.vswitch-on{border-color:#53C231;background-color:#53C231}
.vswitch-on:before{border-color:#53C231;background-color:#53C231}
.vswitch-on:after{transform:translateX(12px);-webkit-transform:translateX(12px);-moz-transform:translateX(12px);-ms-transform:translateX(12px);-o-transform:translateX(12px)}

.vswitchbox .vswitch {margin-right: .12rem;}


.appvrmsvideocallwrap_new .atop .atopr {
	display: flex;
	align-items: center;
}
.appvrmsvideocallwrap_new .atop .atopl  {
	display: flex;
	align-items: center;
}

.appvrmsvideocallwrap_new .doops {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 6px;
	position: relative;
	flex: 1;
	padding-top: 10px;
	height: 50px;
	background: #1B1B1B;
	z-index: 0;
}

.appvrmsvideocallwrap_new .doops .doopsin { display:flex; flex:1 }

.appvrmsvideocallwrap_new .doops .oabtn_openmk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	width: 33.33%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap_new .doops .oabtn_openmk i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/ndoops_closemk.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallwrap_new .doops .oabtn_closemk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	width: 33.33%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap_new .doops .oabtn_closemk i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/ndoops_closemkc.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap_new .doops .oabtn_opencamera {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	width: 33.33%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap_new .doops .oabtn_opencamera i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/ndoops_closev.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallwrap_new .doops .oabtn_closecamera {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	width: 33.33%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap_new .doops .oabtn_closecamera i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/ndoops_closevc.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap_new .doops .oabtn_rcamera {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	background: none;
	width: 33.33%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap_new .doops .oabtn_rcamera i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/ndoops_rcamera.png) center center no-repeat;
	background-size: 100% auto;
}
.appvrmsvideocallwrap_new .doops .oabtn_rcamerac {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	background: none;
	width: 33.33%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #E4E4E4;
	border: 0;
}
.appvrmsvideocallwrap_new .doops .oabtn_rcamerac i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/ndoops_rcamera.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap_new .doops .oabtn_rcamera .camera_num,
.appvrmsvideocallwrap_new .doops .oabtn_rcamerac .camera_num {
	position: absolute;
    width: 15px;
    height: 15px;
    top: 28px;
    right: 50%;
    margin-right: -20px;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #1154B5;
}

.appvrmsvideocallwrap_new .doops .oabtn_pickup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	width: 33.33%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: rgb(228, 228, 228);
	border: 0;
}
.appvrmsvideocallwrap_new .doops .oabtn_pickup i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/noabtn_pickup.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap_new .doops .oabtn_shutoff {
	display: block;
	width: 90px;
	min-width: 90px;
	height: 36px;
	margin: 0 8px;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: #E75D58;
	border-radius: 5px;
}
.appvrmsvideocallwrap_new .doops .oabtn_shutoff i {
	display: none;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(../images/app/noabtn_shutoff.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallwrap_new .doops .oabtn_openmk,
.appvrmsvideocallwrap_new .doops .oabtn_closemk,
.appvrmsvideocallwrap_new .doops .oabtn_opencamera,
.appvrmsvideocallwrap_new .doops .oabtn_closecamera,
.appvrmsvideocallwrap_new .doops .oabtn_rcamera,
.appvrmsvideocallwrap_new .doops .oabtn_rcamerac,
.appvrmsvideocallwrap_new .doops .oabtn_pickup,
.appvrmsvideocallwrap_new .doops .oabtn_shutoff {
	flex: 1;
	font-size: 10px;
}
.appvrmsvideocallwrap_new .doops .oabtn_openmk i,
.appvrmsvideocallwrap_new .doops .oabtn_closemk i,
.appvrmsvideocallwrap_new .doops .oabtn_opencamera i,
.appvrmsvideocallwrap_new .doops .oabtn_closecamera i,
.appvrmsvideocallwrap_new .doops .oabtn_rcamera i,
.appvrmsvideocallwrap_new .doops .oabtn_rcamerac i,
.appvrmsvideocallwrap_new .doops .oabtn_pickup i,
.appvrmsvideocallwrap_new .doops .oabtn_shutoff i {
	width: 25px;
	height: 25px;
	margin-bottom: 0;
}

.appvrmsvideocallwrap_new .doops .oabtn_shutoff { flex:0;font-size: 12px; }

.appvrmsvideocallwrap_new .doops .oabtn_messageicon {display:block;flex: 1;font-size: 10px;line-height: 22px;text-align: center;color: #E4E4E4;}
.appvrmsvideocallwrap_new .doops .oabtn_messageicon i{display:block;position: relative;;width:25px;min-width:25px;height:25px;margin: 0 auto;font-size:0;line-height:25px;overflow:hidden;background: url(../images/kserviceapp/oabtn_messageicon.png) center center no-repeat;background-size: 100% auto;}
.appvrmsvideocallwrap_new .doops .oabtn_messageicon.hasmsg i::before {display: block;position: absolute;content: '';right: 0;top: 0;width: .14rem;height: .14rem;background: #F14949;border-radius: .14rem;}
.appvrmsvideocallwrap_new .doops .oabtn_uuicon {display:block;flex: 1;font-size: 10px;line-height: 22px;text-align: center;color: #E4E4E4;}
.appvrmsvideocallwrap_new .doops .oabtn_uuicon .icon {display:block;width:25px;min-width:25px;height:25px;margin: 0 auto;font-size:0;line-height:25px;border-radius:25px;overflow:hidden;}
.appvrmsvideocallwrap_new .doops .oabtn_uuicon .icon img {width: 100%;vertical-align: top;}


.appvrmsvideocallus_new {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
}
.appvrmsvideocallus_new .appvrmsvideocalluitem {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 50%;
	height: 149px;
	box-sizing: border-box;
	overflow: hidden;
	
	box-sizing: border-box;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin {
	position: relative;
	width: 100%;
	height: 100%;
	background: #494C55 url(../images/app/calldefaultbg.png) center center no-repeat;
	background-size: 100% auto;
}

.appvrmsvideocallus_new .appvrmsvideocalluitemin.bgnone {
	background: none;
}


.appvrmsvideocalluitemin_vin {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #494C55 url(../images/app/calldefaultbg.png) center center no-repeat;
	background-size: 100% auto;
}


.appvrmsvideocallus_new .appvrmsvideocalluitemin .icon {
	display: block;
	position: absolute;
	width: 100%;
	height: 149px;
	margin: 0 auto;
	top: 0;
	left: 0;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .icon img {
	width: 100%;
	vertical-align: top;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .amaximize {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 6px;
	top: 6px;
	background: rgba(0, 0, 0, 0.5) url(../images/app/amaximizeicon.png) center center no-repeat;
	background-size: 12px auto;
	border-radius: 2px;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .amin {
	display: block;
	position: absolute;
    width: 13px;
    height: 13px;
    left: 6px;
	top: 6px;
    background: url(../images/app/aminimizeicon.png) center center no-repeat;
    background-size: 120% auto;
    transform: rotateY(180deg);
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .uuname {
	display: block;
	position: absolute;
	max-width: 50%;
	left: 22px;
	bottom: 6px;
	padding: 0 5px 0 2px;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(0, 0, 0, 0.8);
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .uuname span {
	color: #53C231;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .cusermsg {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .cusermsg .uicon {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0;
	border-radius: 50px;
	overflow: hidden;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .cusermsg .uname {
	display: block;
	font-size: .28rem;
	font-weight: bold;
	line-height: .38rem;
	text-align: center;
	color: #A9AEB6;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .cusermsg .utitle {
	display: block;
	font-size: .22rem;
	line-height: .38rem;
	text-align: center;
	color: #A9AEB6;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .cusermsg .uicon img {
	max-width: 100%;
	vertical-align: top;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .tmic_on {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 6px;
	bottom: 6px;
	background: rgba(0, 0, 0, 0.5) url(../images/app/tmicicon_on.png) center center no-repeat;
	background-size: 12px auto;
	border-radius: 2px;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .tmic_off {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 6px;
	bottom: 6px;
	background: rgba(0, 0, 0, 0.5) url(../images/app/tmicicon_off.png) center center no-repeat;
	background-size: 12px auto;
	border-radius: 2px;
}

.appvrmsvideocallus_new .itemxxops {}
.appvrmsvideocallus_new .itemxxops .user_leave_text {display: block;position: absolute;left: 22px;bottom: 6px;padding: 0 5px 0 2px;font-size: 10px;font-weight: bold;line-height: 16px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.8);white-space: nowrap;}

.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .itemxxops .user_leave_text {position: static;background: none;}
.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .itemxxops .user_leave {background: url(../images/kserviceapp/user_leave.png) center center no-repeat;background-size: 12px auto;}

.appvrmsvideocallus_new .appvrmsvideocalluitemin .user_leave {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 6px;
	bottom: 6px;
	background: rgba(0, 0, 0, 0.5) url(../images/kserviceapp/user_leave.png) center center no-repeat;
	background-size: 12px auto;
	border-radius: 2px;
}

.appvrmsvideocallus_new .appvrmsvideocalluitemin .imore {
	display: block;
	position: absolute;
    margin-left: 6px;
    width: 24px;
    height: 24px;
	right: 6px;
	bottom: 6px;
    background: url(../images/app/imoreicon_bw.png) center center no-repeat;
    background-size: 100% auto;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.appvrmsvideocallus_new .appvrmsvideocalluitemin .callroom-item-video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .callroom-item-videoin {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .itemmask {
	display: block;
	position: absolute;
	width: 100%;
    height: 100%;
	background-color: transparent;
    backdrop-filter: blur(4px);
    top: 0;
    left: 0;
	z-index: 1;
}



.appvrmsvideocallus_new .appvrmsvideocalluitem .appmsaudiocalluitemin .icon {
	display: block;
	position: relative;
	width: .8rem;
	height: .8rem;
	margin: 0 auto;
	border-radius: .8rem;
}
.appvrmsvideocallus_new .appvrmsvideocalluitem .appmsaudiocalluitemin .icon img {
	width: 100%;
	vertical-align: top;
	border-radius: .8rem;
}

.appvrmsvideocallus_new .appvrmsvideocalluitem .appmsaudiocalluitemin .icon .iconmic {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.06rem;
	right: 0;
}
.appvrmsvideocallus_new .appvrmsvideocalluitem .appmsaudiocalluitemin .icon .iconmic.iconmicon {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.04rem;
	right: 0.05rem;
	background: url(../images/app/iconmic_n.png) center center no-repeat;
	background-size: 96% auto;
}
.appvrmsvideocallus_new .appvrmsvideocalluitem .appmsaudiocalluitemin .icon .iconmic.iconmicdis {
	display: block;
	position: absolute;
	width: .26rem;
	height: .26rem;
	bottom: -0.04rem;
	right: 0.05rem;
	background: url(../images/app/iconmicclose_n.png) center center no-repeat;
	background-size: 96% auto;
}
.appvrmsvideocallus_new .appvrmsvideocalluitem .appmsaudiocalluitemin .uuname {
    display: block;
    margin-top: 0.1rem;
    font-size: .24rem;
    line-height: .4rem;
    text-align: center;
    color: #E4E4E4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.appvrmsvideocallwrap_new .appvrmsvideocallus2tips_new {
	display: block;
	margin-top: 40px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #fff;
}
.appvrmsvideocallwrap_new .appvrmsvideocallus2time_new {
	display: block;
	margin-top: 26px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #9e9e9e;
}

.oasub_finish {
	display: block;
	width: 101px;
	height: 36px;
	margin: 0 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: #E75D58;
	border-radius: 5px;
}

.appvrmsvideocalluitem_opstop .itemxxops {position: absolute;height: 20px;top: 6px;left: 6px;display: flex;align-items: center;background: rgba(0, 0, 0, 0.5);border-radius: 20px;padding: 0 0 0 2px;}
.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .tmic_on,.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .tmic_off,.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .uuname,.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .imore,.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .user_leave {position: relative;top: 0;left: 0;bottom: 0;}
.appvrmsvideocallus_new .appvrmsvideocalluitemin .imore {bottom: auto;top: 20px;background: url(../images/kliveapp_console/more-horizontal-w.png) center center no-repeat;background-size: 100% auto;}
.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .itemxxops .imore {width: 22px;height: 100%;background: rgba(0, 0, 0, 0.2) url(../images/app/itemxxops_more.png) center center no-repeat;background-size: 10px auto;border-radius: 0 20px 20px 0;}
.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .itemxxops .uuname {background: none;}
.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .tmic_on {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: rgba(255, 255, 255, 0.5) url(../images/app/tmicicon_on.png) center center no-repeat;
	background-size: 12px auto;
	border-radius: 16px;
	
}
.appvrmsvideocallus_new .appvrmsvideocalluitem_opstop .appvrmsvideocalluitemin .tmic_off {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: rgba(255, 255, 255, 0.5) url(../images/app/tmicicon_off.png) center center no-repeat;
	background-size: 12px auto;
	border-radius: 16px;
}

.appvrmsvideocallus_new .appvrmsvideocalluitemin .tmic_on {background: rgba(0, 0, 0, 0.5) url(../images/app/ntmicicon_on.png) center center no-repeat;background-size: 12px auto;}



.mmdoops {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 58px;
	margin-top: 26px;
	position: relative;
	z-index: 0;
	background: #EDF0F6;
	border-radius: 0 0 .1rem .1rem;
	padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.mmdoops .oabtn_openmk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	flex: 1;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #333;
	border: 0;
}
.mmdoops .oabtn_openmk i {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/app/cctoolmic_o.png) center center no-repeat;
	background-size: 100% auto;
}
.mmdoops .oabtn_closemk {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	flex: 1;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #333;
	border: 0;
}
.mmdoops .oabtn_closemk i {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/app/cctoolmic_c.png) center center no-repeat;
	background-size: 100% auto;
}

.mmdoops .oabtn_opencamera {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	flex: 1;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #333;
	border: 0;
}
.mmdoops .oabtn_opencamera i {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/app/cctoolvideo.png) center center no-repeat;
	background-size: 100% auto;
}
.mmdoops .oabtn_closecamera {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	flex: 1;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #333;
	border: 0;
}
.mmdoops .oabtn_closecamera i {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/app/cctoolvideo.png) center center no-repeat;
	background-size: 100% auto;
}

.mmdoops .oabtn_openmove {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	background: none;
	flex: 1;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #333;
	border: 0;
}
.mmdoops .oabtn_openmove i {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/app/cctoolmove_o.png) center center no-repeat;
	background-size: 100% auto;
}
.mmdoops .oabtn_closemove {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	background: none;
	flex: 1;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #333;
	border: 0;
}
.mmdoops .oabtn_closemove i {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/app/cctoolmove_c.png) center center no-repeat;
	background-size: 100% auto;
}

.popup_ccustomers {
	padding: 0.2rem 0 0;
    background: #fff;
    border-radius: 0.1rem;
    box-sizing: border-box;
}

.ccustomers_thead {
	display: flex;
	height: .46rem;
	margin: 0 .2rem 0;
	font-size: .24rem;
	line-height: .46rem;
	color: #505666; 
	background: #F7F7F7;
}
.ccustomers_thead .hicon {
	display: block;
	flex: 1;
	padding: 0 .36rem;
}
.ccustomers_thead .hcscreen,
.ccustomers_thead .hcmic,
.ccustomers_thead .hcvideo,
.ccustomers_thead .hcmore {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .72rem;
	text-align: center;
}


.ccustomers_con {
	height: 7.1rem;
	padding: 0 .2rem;
	overflow-x: auto;
	font-size: 0;
}
.ccustomers_con .ccustomers_item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #F5F5F5;
}
.ccustomers_con .ccustomers_item .uicon {
	display: flex;
	align-items: center;
	flex: 1;
	padding: .2rem;
}
.ccustomers_con .ccustomers_item .uicon .icon {
	display: block;
	position: relative;
	width: .8rem;
	min-width: .8rem;
	height: .8rem;
	margin-right: .08rem;
	
	
}
.ccustomers_con .ccustomers_item .uicon .icon img {
	width: 100%;
	border-radius: .8rem;
	vertical-align: top;
}
.ccustomers_con .ccustomers_item .uicon .icon .userleave {display: none;}
.ccustomers_con .offline .uicon .icon .userleave { display: block;position: absolute;top: 28px;left: 3px; font-size: 12px; transform:scale(0.7); padding: 2px 5px 3px; border-radius: 50px;line-height: 12px;background:#bbbbbb; color:#fff; }
.ccustomers_con .ccustomers_item .uicon .uname {
	display: block;
	max-width: 10em;
	font-size: .26rem;
	line-height: .36rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ccustomers_con .ccustomers_item .iedit {width: .8rem;height: .8rem;background: url(../images/kmeetingapp/mnameediticonm.png) center center no-repeat;background-size: .32rem auto;cursor: pointer;}
.ccustomers_con .ccustomers_item .uicon .utit {
	display: block;
	font-size: .2rem;
	line-height: .3rem;
	color: #9E9E9E;
}
.ccustomers_con .ccustomers_item .csinvite,
.ccustomers_con .ccustomers_item .cscreen,
.ccustomers_con .ccustomers_item .cmic,
.ccustomers_con .ccustomers_item .cvideo,
.ccustomers_con .ccustomers_item .cmore {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .72rem;
	padding: .2rem 0;
	text-align: center;
}
.ccustomers_con .ccustomers_item .csinvite i,
.ccustomers_con .ccustomers_item .cscreen i,
.ccustomers_con .ccustomers_item .cmic i,
.ccustomers_con .ccustomers_item .cvideo i,
.ccustomers_con .ccustomers_item .cmore i {
	display: block;
	width: .4rem;
	height: .4rem;
}
.ccustomers_con .ccustomers_item .cscreen i {background: url(../images/app/cscreen_o.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .cscreen_close i {background: url(../images/app/cscreen_c.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .cmic i {background: url(../images/app/cmic_o.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .cmic_close i {background: url(../images/app/cmic_c.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .cvideo i {background: url(../images/app/cvideo_o.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .cvideo_close i {background: url(../images/app/cvideo_c.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .cmore i {background: url(../images/app/cmore.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .cmore i {background: url(../images/app/cmore.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .csinvite i {background: url(../images/app/bbaricon1.png) center center no-repeat;background-size: 100% auto;}
.ccustomers_con .ccustomers_item .csinvite_close i {background: url(../images/app/bbaricon1-2.png) center center no-repeat;background-size: 100% auto;}


.ccustomers_imore { display: block;position: absolute;min-width: 120px;max-width: 180px;padding: 5px 0;background: #fff;border: 1px solid #DCDFE6;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.1);z-index: 11;left: 50%;transform: translateX(-50%); }
.ccustomers_imore .aitem { display: block;padding: 0 12px;font-size: 12px;line-height: 34px;color: #333;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.ccustomers_imore .aatitle { margin-bottom: 7px;padding: 0 12px 7px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid #e8e8e8; }
.ccustomers_imore .aacbtn { display: block;padding: 0 12px;font-size: 12px;line-height: 34px;color: #333;cursor: pointer; }
.ccustomers_imore .aitem:hover { color: #1154B5; }
.ccustomers_imore .aatitle:hover { color: #333; }


.nccustomers_popup .bbbbox .bbbbox_top {height: auto;}
.nccustomers_usermsg {display: flex;align-items: center;margin: 0 .24rem;padding: .16rem 0 .24rem;border-bottom: 1px solid #DCDFE6;}
.nccustomers_usermsg .icon {display: flex;align-items: center;justify-content: center;width: .8rem;height: .8rem;margin-right: .36rem;border-radius: .8rem;overflow: hidden;font-size: .28rem;color: #fff;}
.nccustomers_usermsg .icon img {width: 100%;vertical-align: top;}
.nccustomers_usermsg .icon.icon0 {background: #5176D5;}
.nccustomers_usermsg .icon.icon1 {background: #7D51D5;}
.nccustomers_usermsg .icon.icon2 {background: #B8444C;}
.nccustomers_usermsg .icon.icon3 {background: #D09734;}
.nccustomers_usermsg .icon.icon4 {background: #438814;}
.nccustomers_usermsg .icon.icon5 {background: #F4774B;}
.nccustomers_usermsg .icon.icon6 {background: #9C4046;}
.nccustomers_usermsg .icon.icon7 {background: #46479F;}
.nccustomers_usermsg .icon.icon8 {background: #017869;}
.nccustomers_usermsg .icon.icon9 {background: #DE9C83;}
.nccustomers_usermsg .icon.icona {background: #CB4B20;}
.nccustomers_usermsg .icon.iconb {background: #D07786;}
.nccustomers_usermsg .icon.iconc {background: #DEAD4C;}
.nccustomers_usermsg .icon.icond {background: #89AC9B;}
.nccustomers_usermsg .icon.icone {background: #1E5868;}
.nccustomers_usermsg .icon.iconf {background: #45465E;}
.nccustomers_usermsg .icon.icong {background: #57759E;}
.nccustomers_usermsg .usermsgin {display: flex;align-items: center;}
.nccustomers_usermsg .uname {display: block;max-width: 5em;font-size: .24rem;font-weight: bold;line-height: .36rem;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nccustomers_usermsg .iedit {width: .8rem;height: .8rem;background: url(../images/kmeetingapp/mnameediticonm.png) center center no-repeat;background-size: .32rem auto;cursor: pointer;}
.nccustomers_usermsg .itpc {width: .3rem;height: .3rem;margin-left: 0.06rem;background: url(../images/kmeetingapp/xkmtpcicon.png) center center no-repeat;background-size: .32rem auto;}

.nccustomers_usermsg .itm {width: .3rem;height: .3rem;margin-left: 0.06rem;background: url(../images/kmeetingapp/xkmtmicon.png) center center no-repeat;background-size: .32rem auto;}
.nccustomers_usermsg .usermsgr {display: flex;align-items: center;margin-left: auto;}
.nccustomers_usermsg .indictation {display: flex;align-items: center;position: relative;font-size: .24rem;line-height: .4rem;color: #222}
.nccustomers_usermsg .indictation .iicon {display: flex;align-items: center;height: 14px;margin-right: .1rem}
.nccustomers_usermsg .indictation .iicon i {display: block;width: 2px;height: 28%;margin: 0 1px;background: #0E6FE5;}
.nccustomers_usermsg .indictation .iicon i:nth-child(1) {animation: barwave 2s linear infinite;}
.nccustomers_usermsg .indictation .iicon i:nth-child(2) {animation: barwave 2s 0.5s linear infinite;}
.nccustomers_usermsg .indictation .iicon i:nth-child(3) {animation: barwave 2s 1s linear infinite;}
.nccustomers_usermsg .indictation .iicon i:nth-child(4) {animation: barwave 2s 1.5s linear infinite;}
.nccustomers_usermsg .indictation .iicon i:nth-child(5) {animation: barwave 2s 2s linear infinite;}
.nccustomers_usermsg .indictation::after {display: block;position: absolute;right: -0.2rem;top: 50%;margin-top: -7px;content: '';width: 1px;height: 14px;background: #DCDFE6;}
.nccustomers_usermsg .slanbtn {display: flex;align-items: center;justify-content: center;position: relative;margin: 0 .4rem 0 .4rem;font-size: .24rem;line-height: .4rem;color: #222}
.nccustomers_usermsg .slanbtn i {display: block;width: .12rem;height: .12rem;margin-left: .1rem;border-right: 1px solid #222;border-bottom: 1px solid #222;transform: rotate(-45deg);}

.nccustomers_advsettingbtn {display: flex;align-items: center;justify-content: center;margin: .4rem auto;font-size: .28rem;line-height: .44rem;color: #222}
.nccustomers_advsettingbtn i {display: block;width: .12rem;height: .12rem;margin-left: .1rem;border-right: 1px solid #222;border-bottom: 1px solid #222;transform: rotate(45deg);}
.nccustomers_advsettingbtn.show i {transform: rotate(-135deg);margin-top: .1rem;}

.popup_nccustomerslan .bbbbox_inin {max-height: 60vh;overflow-y: auto;}
.popup_nccustomerslan .lansitem {padding: .1rem 0.2rem;overflow: hidden;box-sizing: border-box;}
.popup_nccustomerslan .lansitem .itarea {display: flex;align-items: center;justify-content: center;position: relative;margin-top: 0.1rem}
.popup_nccustomerslan .lansitem .itarea::before {display: block;content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 0.02rem;background: #eaeaea;}
.popup_nccustomerslan .lansitem .itarea span {display: block;position: relative;padding: 0 0.16rem;background: #F5F5F5;font-size: 0.24rem;line-height: 0.4rem;color: #818181;}
.popup_nccustomerslan .lansitem .it {display: flex;position: relative;padding: 0.2rem .8rem .2rem 0;border-bottom: 1px solid #f2f2f2;}
.popup_nccustomerslan .lansitem .it .sx {display: block;width: 0.5rem;min-width: 0.5rem;height: 0.42rem;margin-right: 0.3rem;font-size: 0.24rem;line-height: 0.38rem;color: #505666;text-align: center;border: 0.02rem solid #C2C8D3;border-radius: 0.06rem;box-sizing: border-box;}
.popup_nccustomerslan .lansitem .it .itin {flex: 1;}
.popup_nccustomerslan .lansitem .it .text {font-size: 0.28rem;line-height: 0.38rem;color: #333;}
.popup_nccustomerslan .lansitem .it .tip {margin-top: 0.12rem;font-size: 0.24rem;line-height: 0.32rem;color: #bababa;}
.popup_nccustomerslan .lansitem .it.cur .sx {color: #0E6FE5;}
.popup_nccustomerslan .lansitem .it.cur .text {color: #0E6FE5;}
.popup_nccustomerslan .lansitem .it.cur .icheck {display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.4rem;height: 0.4rem;margin-left: auto;background: url(../images/kmeetingapp/lanchecked.png) center center no-repeat;background-size: 100% auto;}
.ncustomerslan_btn {display: block;width: 70%;height: .72rem;margin: .2rem auto;background: #0E6FE5;font-size: .28rem;line-height: .72rem;text-align: center;color: #fff;border-radius: 4px;}



.nccustomers_utools {display: flex;}
.nccustomers_utools .item {flex: 1;margin-top: .25rem}
.nccustomers_utools .item .icon {display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;background: #F6F6F6;border-radius: .2rem;margin: 0 auto;}
.nccustomers_utools .item .icon i {display: block;width: .56rem;height: .56rem;}
.nccustomers_utools .item .text {display: block;margin-top: .12rem;font-size: .24rem;line-height: .36rem;text-align: center;color: #666;}
.nccustomers_utools .cscreen i{background:url(../images/app/cscreen_o_blue.png) center center no-repeat;background-size:100% auto}
.nccustomers_utools .cscreen_close i{background:url(../images/app/cscreen_c.png) center center no-repeat;background-size:100% auto}
.nccustomers_utools .cmic i{background:url(../images/app/cmic_o_blue.png) center center no-repeat;background-size:100% auto}
.nccustomers_utools .cmic_close i{background:url(../images/app/cmic_c.png) center center no-repeat;background-size:100% auto}
.nccustomers_utools .cvideo i{background:url(../images/app/cvideo_o_blue.png) center center no-repeat;background-size:100% auto}
.nccustomers_utools .cvideo_close i{background:url(../images/app/cvideo_c.png) center center no-repeat;background-size:100% auto}
.nccustomers_utools .remove i{background:url(../images/app/cremove.png) center center no-repeat;background-size:100% auto}

.nccustomers_btnwrap {display: flex;align-items: center;margin-top: .34rem;padding: 0 .26rem;}
.nccustomers_btnwrap .btn {flex: 1;display: flex;align-items: center;justify-content: center;height: .72rem;margin-left: .26rem;padding: 0 .12rem;font-size: .24rem;line-height: .34rem;border-radius: .14rem;box-sizing: border-box;}
.nccustomers_btnwrap .btn:first-child {margin-left: 0;}
.nccustomers_btnwrap .btn.btn_close {color: #51C19A;border: 1px solid #CBEDE1;background: #FAFFFD;}
.nccustomers_btnwrap .btn.btn_open {color: #E75D58;border: 1px solid #FADADA;background: #FFF8F8;}
.nccustomers_btnwrap .btn.default {color: #2B91D9;border: 1px solid #D3E7F4;background: rgba(233, 241, 247, 0.302)}


.nccustomers_viewtype {display: flex;flex-wrap: wrap;margin: 0 .26rem;padding: 1px .4rem .32rem;background: #fff;box-shadow: 0px 0px 10px 0px #E9EDF1;border-radius: .2rem;}
.nccustomers_viewtype .item {flex: 1;margin-top: .32rem;}
.nccustomers_viewtype .item .icon {display: flex;align-items: center;justify-content: center;position: relative;width: 1.28rem;height: 1.88rem;margin: 0 auto;border: 1px solid #F0F0F0;border-radius: .1rem;}
.nccustomers_viewtype .item .icon i {display: block;width: .92rem;height: 1.4rem;}
.nccustomers_viewtype .item.itemtype1 .icon i {background: url(../images/app/viewtype1.png) center center no-repeat;background-size: 100% auto;}
.nccustomers_viewtype .item.itemtype2 .icon i {background: url(../images/app/viewtype2.png) center center no-repeat;background-size: 100% auto;}
.nccustomers_viewtype .item.itemtype3 .icon i {background: url(../images/app/viewtype3.png) center center no-repeat;background-size: 100% auto;}
.nccustomers_viewtype .item .text {display: block;margin-top: .12rem;font-size: .24rem;line-height: .36rem;text-align: center;color: #666;}
.nccustomers_viewtype .item.cur .icon {border-color: #505050;}
.nccustomers_viewtype .item.cur .icheck {display: block;position: absolute;width: .4rem;height: .4rem;top: .08rem;right: .08rem;background: url(../images/app/checkedicon_blue.png) center center no-repeat;background-size: 100% auto;}


.bbbbox .stit {display: block;margin: .1rem .26rem 0;padding: .12rem 0;font-size: .28rem;line-height: .42rem;color: #505666;}


.appcalling {
	display: block;
	width: 6rem;
	background: #272B37;
	border-radius: 5px;
}
.appcalling .appcalling_in {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: .8rem .22rem .4rem;
	box-sizing: border-box;
}
.appcalling .icon {
	display: block;
	position: relative;
	width: 1.26rem;
	height: 1.26rem;
	margin: 0 auto;
	border-radius: 1.76rem;
	overflow: hidden;
}

.appcalling .icon img {
	width: 100%;
	vertical-align: top;
}
.appcalling .name {
	display: block;
	margin-top: .28rem;
	font-size: .36rem;
	line-height: .64rem;
	text-align: center;
	color: #fff;
}
.appcalling .utit {
	display: block;
	margin-top: .1rem;
	font-size: .24rem;
	line-height: .34rem;
	text-align: center;
	color: #eee;
}
.appcalling .tips {
	display: block;
	margin-top: .48rem;
	font-size: .28rem;
	line-height: .38rem;
	text-align: center;
	color: #fff;
}

.appcalling_pro {
	display: flex;
	align-items: center;
	margin-top: 24px;
	padding: 10px;
	background: rgba(55, 65, 81, 0.3);
	border-radius: 5px;
}
.appcalling_pro .picon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	height: 40px;
	margin-right: 16px;
	border-radius: 3px;
	overflow: hidden;
}
.appcalling_pro .picon img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.appcalling_pro .appcalling_proin {
	flex: 1;
}
.appcalling_pro .tit {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	word-break: break-all;
}

.appcalling .doops {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
	padding-bottom: 6px;
	position: relative;
	z-index: 0;
}
.appcalling .doops .oabtn_pickup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	width: 40%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: rgb(228, 228, 228);
	border: 0;
}
.appcalling .doops .oabtn_pickup i {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 5px;
	background: url(../images/app/noabtn_pickup.png) center center no-repeat;
	background-size: 100% auto;
}

.appcalling .doops .oabtn_shutoff {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	width: 40%;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: rgb(228, 228, 228);
	border: 0;
}
.appcalling .doops .oabtn_shutoff i {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 5px;
	background: url(../images/app/noabtn_shutoff.png) center center no-repeat;
	background-size: 100% auto;
}


/*申请连麦*/
.apply_tmic {
	width: 6rem;
	padding: .32rem .32rem .7rem;
	background: #232835;
	border-radius: 5px;
}
.apply_tmic .tmic_users {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .7rem;
	padding: 0.64rem .2rem 0.16rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #fff;
}
.apply_tmic .tmic_users .icon {
	display: block;
	position: relative;
	width: 1.2rem;
	height: 1.2rem;
	margin-bottom: 4px;
	border-radius: 1.2rem;
	overflow: hidden;
}
.apply_tmic .tmic_users .icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.apply_tmic .tmic_users i {
	display: block;
	width: .7rem;
	height: .7rem;
	margin: 0 .6rem .4rem;
	background: url(../images/app/tmiclinkani_black.gif) center center no-repeat;
	background-size: 100% auto;
	animation: tmiclink 2s linear infinite;
}

.apply_tmic .tmic_text {
	display: block;
	font-size: .30rem;
	line-height: .44rem;
	text-align: center;
	color: #fff;
}
.apply_tmic .tmic_tips {
	display: block;
	margin-top: .2rem;
	font-size: .24rem;
	line-height: .3rem;
	text-align: center;
	color: #9E9E9E;
}

.apply_tmic .tmic_btnwrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .72rem;
	padding: 0 .4rem;
}
.apply_tmic .tmic_btnwrap .item {
	display: block;
	/*width: 2.1rem;*/
	height: .8rem;
	margin: 0 .26rem;
	padding: 0 .26rem;
	font-size: .26rem;
	line-height: .8rem;
	text-align: center;
	border-radius: .14rem;
}
.apply_tmic .tmic_btnwrap .item.itemcancel {
	color: #ADADAD;
	background: #464A53;
}
.apply_tmic .tmic_btnwrap .item.itemdefine {
	color: #fff;
	background: #FF6411;
}

/*连麦列表*/
.popupconin {
	padding: 16px 0 10px;
	background: #fff;
}
.popupconin {
	
}
.ptmiclist {
	padding: 0 10px;
	font-size: 0;
	box-sizing: border-box;
}
.ptmiclist .item {
	display: flex;
	align-items: center;
	padding: 13px 0 10px;
	border-bottom: 1px solid #f5f5f5;
}
.ptmiclist .item .icon {
	display: block;
	position: relative;
	width: 34px;
	min-width: 34px;
	height: 34px;
	margin-right: 12px;
}
.ptmiclist .item .icon img {
	max-width: 100%;
	border-radius: 34px;
	vertical-align: top;
}
.ptmiclist .item .itemin {
	flex: 1;
}
.ptmiclist .item .cname {
	flex: 1;
}
.ptmiclist .item .username {
	display: flex;
	font-size: 14px;
	line-height: 19px;
	color: #333;
}
.ptmiclist .item .utext {
	display: block;
	margin-top: 1px;
	font-size: 12px;
	line-height: 15px;
	color: #777;
}
.ptmiclist .item .text {
	display: block;
	margin-left: auto;
	font-size: 13px;
	line-height: 15px;
	color: #333;
}
.ptmiclist .item .icon span { display: block;position: absolute;top: 24px; font-size: 12px; transform:scale(0.7); padding: 2px 5px 3px; border-radius: 50px;line-height: 12px; }


.ptmiclist .item .icon .toffline { background:#bbbbbb; color:#fff; }
.ptmiclist .item .icon .toonline { background:#55b844; color:#fff; }

.ptmiclist .item .icheck {
	display: block;
	width: 18px;
	min-width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url(../images/kliveapp/scheck.png) center center no-repeat;
	background-size: 100% auto;
	border: 0;
	cursor: pointer;
}

.ptmiclist .item .icheck.disabled {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../images/kliveapp/disabled.png) center center no-repeat;
	background-size: 100% auto;
}

.ptmiclist .item .icheck.ichecked {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../images/kliveapp/schecked.png) center center no-repeat;
	background-size: 100% auto;
}

.ptmiclist .item .cname .textt {display: flex;}
.ptmiclist .item .cname .textt .username {max-width: 2em;color: #242424;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ptmiclist .item .cname .textt span { display: flex;align-items: center; font-size: 12px; transform:scale(0.7); padding:.2px 5px 3px; border-radius: 50px;line-height: 12px;white-space: nowrap; }
.ptmiclist .item .cname .textt .toffline { background:#bbbbbb; color:#fff; }
.ptmiclist .item .cname .textt .toonline { background:#55b844; color:#fff; }
.ptmiclist .item .cname .inuser {margin-top: 3px;font-size: 12px;color: #777;}
.ptmiclist .item .cname .utext {font-size: 12px ;}
.ptmiclist .item .cname .utext .sourceuname {font-size: 12px;}
.ptmiclist .item .ctext {width: 50px;}
.ptmiclist .item .answerstatus {
	display: block;
	width: 63px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #242424;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.ptmiclist .item .answerstatus .text0 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 22px;
	margin: 0 auto;
	color: #ff6f28;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
}

.ptmiclist .item .answerstatus .text1 {
	color: #5dbc4d;
}
.ptmiclist .item .answerstatus .text4 {
	color: #777;
}
.ptmiclist .item .cseat {
	display: block;
	width: 63px;
	padding: 0 5px;
	margin-left: auto;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #242424;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.ptmiclist .item .iops {
	display: block;
	width: 63px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #242424;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.ptmiclist .item .iops .text0 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 22px;
	margin: 0 auto;
	color: #55b844;
	border: 1px solid #55b844;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
}
.ptmiclist .item .iops .text0.disabled {
	border-color: #ccc;
	color: #bbb;
}
.ptmiclist .item .iops .text1 {
	color: #5dbc4d;
}
.ptmiclist .item .iops .text4 {
	color: #777;
}
.ptmiclisth6 {
	height: 7.2rem;
	overflow-y: auto;
}

.initiatebtn {
    margin: 20px auto 10px;
    width: 250px;
    border: 1px solid #55b844;
    text-align: center;
    height: 37px;
    font-size: 14px;
    line-height: 35px;
    color: #55b844;
    box-sizing: border-box;
    border-radius: 5px;
}
.initiatebtn.disabled {
	border-color: #ccc;
	color: #bbb;
}


.itemfbtnwrap{display:block;position:absolute;min-width:2.4rem;max-width:3.6rem;padding:.1rem 0;background:#fff;border:1px solid #DCDFE6;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.1);}
.itemfbtnwrap .item{display:block;padding:0 .24rem;font-size:.24rem;line-height:.68rem;color:#333;cursor:pointer}
.itemfbtnwrap .itemtitle{margin-bottom:.14rem;padding:0 .24rem .14rem;line-height:.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e8e8e8}

/*邀请  分享*/
.xap_callroom_app_share .bbbbox {background: #F5F5F5;}
.bbinvite {display: flex;flex-direction: column;width: 100%;min-height: 10rem;padding: 2px .25rem .4rem;border-radius: .3rem .3rem 0 0;background: #F5F5F5;font-size: 4px;box-sizing: border-box;}
.bbinvite .bbinvite_inline {display: flex;align-items: center;}
.bbinvite .bbinvite_inline .tit {display: block;font-size: .3rem;line-height: .44rem;color: #333;}
.bbinvite .bbinvite_inline .iclose {display: block;position: absolute;width: .36rem;height: .36rem;top: .27rem;right: .22rem;background: url(../images/app/bbiclose.png) center center no-repeat;background-size: 100% auto;}
.bbinvite .bbinvitein {display: flex;flex-direction: column;flex: 1;}
.bbinvite .binvite_con {margin-top: .32rem;margin-bottom: .4rem;padding: .4rem;border-radius: .2rem;box-shadow: 0px 4px 30px 0px #E4E5EB;background: #fff;}
.bbinvite .bctilte {display: block;font-size: .32rem;line-height: .4rem;color: #333;}
.bbinvite .bcproname {display: block;font-size: .26rem;line-height: .36rem;color: #505666;margin-top: .4rem;}
.bbinvite .bctext {display: block;font-size: .24rem;line-height: .3rem;color: #777;margin-top: .16rem;}
.bbinvite .bclink {display: block;font-size: .24rem;line-height: .34rem;color: #5AA6F7;word-break: break-all;margin-top: .1rem;}
.bbinvite .bcfoot {/*display: flex;align-items: center;*/margin-top: .08rem;}
.bbinvite .bcfoot .bctext {margin-top: 0;}
.bbinvite .bccopybtn {display: table;margin: .2rem auto 0;padding: 0 .3rem;height: .6rem;font-size: .24rem;line-height: .56rem;color: #fff;background: #207FEE;border-radius: 3px;box-sizing: border-box;}

.bbinvite .binvite_bbtnwrap .bbtn {display: flex;align-items: center;justify-content: center;width: 100%;height: .8rem;margin-top: .2rem;font-size: .24rem;line-height: .8rem;border-radius: 4px;background: #fff;color: #333;}
.bbinvite .binvite_bbtnwrap .stowechat {color: #fff;background: #53C231;}
.bbinvite .binvite_bbtnwrap .stowechat i {display: block;width: .36rem;height: .36rem;margin-right: .12rem;background: url(../images/app/wechat_white.png) center center no-repeat;background-size: 100% auto;}

.popupshare {display: block;position: fixed;width: 100%;height: 100vh;top: 0;left: 0;padding: .5rem .54rem;background: rgba(0,0,0,.7);box-sizing: border-box;}
.popupshare .icon {display: block;width: 100%;height: 2.55rem;background: url(../images/app/sharehand.png) right center no-repeat;background-size: auto 100%;}
.popupshare .text {display: block;margin-top: .5rem;font-size: .26rem;line-height: .5rem;text-align: center;color: #fff;}
.popupshare .btn {display: block;width: 1.66rem;height: .6rem;margin: 2.38rem auto .4rem;padding: 0 .3rem;font-size: .24rem;line-height: .56rem;color: #fff;border: 1px solid #fff;box-sizing: border-box;border-radius: 3px;box-sizing: border-box;}

/*名片 vcard*/
.vcardbar{display:flex;align-items:center;position:fixed;width:100%;max-width:100vw;height:45px;top:0;left:0;font-size:0;padding:0 0 0 6px;background:url(https://vip-static.lmjx.net/inmark/u/images/liveheadfollowbg.png) repeat;box-sizing:border-box;z-index:2}
.vcardbar .vcardbar-icon{display:block;width:36px;height:36px;border-radius:36px}
.vcardbar .vcardbar-icon-incompany{display:block;width:36px;height:36px}
.vcardbar .vcardbar-name{display:block;margin-left:16px;font-size:15px;font-weight:bold;max-width:7em}
.vcardbar .vrcsocard-companyname{display:block;margin-top:3px;font-size:12px;font-weight:normal;line-height:15px;text-align:left;color:#fff}
.vcardbar .vcardbar-name .vcardbar-nicon{display:flex;height:18px;width:36px;min-width:36px}
.vcardbar .vcardbar-name .vcardbar-nicon image{max-width:100%;max-height:100%}
.vcardbar .vcardbar-name .vcardbar-njob{display:block;margin-top:2px;font-size:15px;line-height:15px;color:#fff}
.vcardbar .vcardbar-name .vcardbar-njob text{margin-left:5px;font-size:12px;font-weight:normal}
.vcardbarright{display:flex;margin-left:auto}
.vcardbar .vcardbar-seecard{display:block;position:relative;height:100%;margin-left:auto;margin-right:0;padding:24px 13px 0;font-size:11px;line-height:15px;text-align:center;color:#fff;background:none;background-size:6px 10px;border-radius:0;box-sizing:border-box;border:0}
.vcardbar .vcardbar-seecard i{display:block;position:absolute;content:'';top:50%;right:0;width:1px;height:30px;transform:translateY(-50%);background:#8b919a}
.vcardbar .vcardbar-seecard:last-child i{display:none}
.vcardbar .vcardbar-seecardwx{background:url(https://vip-static.lmjx.net/inmark/u/images/card/vrcardwxicon.png) top center no-repeat;background-size:20px 20px}
.vcardbar .vcardbar-seecardtel{background:url(https://vip-static.lmjx.net/inmark/u/images/card/vrcardtelicon.png) top center no-repeat;background-size:20px 20px}
.vcardbar .vcardbar-seecardtalku{background:url(../images/app/vrcardtalkuicon.png) top center no-repeat;background-size:20px 20px}
.vcardbar .vcardbar-ask{display:block;height:20px;margin-right:0;padding:0 10px 0 23px;font-size:13px;line-height:20px;text-align:center;color:#fff;background:#ee7e31 url(https://vip-static.lmjx.net/inmark/u/images/card/vcardbar-ask.png) left 9px center no-repeat;background-size:12px 12px;border-radius:20px}
.vcardbar .vcardbar-seecardtalku{display:block;position:relative;margin-left:auto;margin-right:0;font-size:12px;line-height:15px;text-align:center;color:#fff;border-radius:0;box-sizing:border-box;height:40px;padding-top:24px;border:0;padding:24px 0 0;width:50px;margin-left:12px}
.vcardbar .vcardbar-seecardtalku::after{display:none}

.vcardvcard {border-bottom: .2rem solid #F4F8FB;}
.vcardvcard .vcardopmorebtn {display: block;width: 3.5rem;height: .7rem;margin: .3rem auto;font-size: .24rem;line-height: .66rem;text-align: center;color: #1154B5;box-sizing: border-box;border: 1px solid #A1BAF7;border-radius: .7rem;}
.vcardtemplate{display:block;width:100%}
.vcardtemplate_1{display:flex;flex-direction:column;width:6.7rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;background: linear-gradient(95deg, #FFFFFF 2%, #ECEFFF 97%);box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_1 .vcardbase{position:relative}
.vcardtemplate_1 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_1 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_1 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_1 .vctelnum{display:block;margin:.3rem 0 .2rem;font-size:.28rem;line-height:.4rem;color:#505666}
.vcardtemplate_1 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_1 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_1 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;white-space: pre-wrap;}
.vcardtemplate_1 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_1 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_1 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_1 .vcardothers{display:flex;flex: 1;overflow: hidden;margin-top:0.28rem;margin-top:auto;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_1 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_1 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_1 .vcardother .vcoitem span {display: block;text-align: left;white-space: pre-wrap;}
.vcardvcard .vcardtemplate_1 .vcardothers .vcardother {flex: 1;}
.vcardother .vcoitem i{display:block;width:.3rem;min-width:.3rem;height:.3rem;margin-right:.16rem}
.vcardother .vcoitem span{display:block;word-break:break-all;text-align:right}
.vcardother .vcoitem_email i{background:url(../images/vcard/vcoitem_email.png) center center no-repeat;background-size:100% auto}
.vcardother .vcoitem_address i{background:url(../images/vcard/vcoitem_address.png) center center no-repeat;background-size:100% auto}
.vcardother .vcoitem_webaddress i{background:url(../images/vcard/vcoitem_webaddress.png) center center no-repeat;background-size:100% auto}
.vcardother .vcoitem_tel i{background:url(../images/vcard/vcoitem_tel.png) center center no-repeat;background-size:100% auto}
.vcardother .vcoitem_ctel i{background:url(../images/vcard/vcoitem_ctel.png) center center no-repeat;background-size:100% auto}
.vcardtemplate_1 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_1 .vcardqrcode img{max-width:100%;vertical-align:middle}
.vcardtemplate_2{display:flex;position:relative;width:6.7rem;margin:0 auto;background:#fff;border-radius:.2rem;box-sizing:border-box;overflow:hidden;background: linear-gradient(95deg, #FFFFFF 2%, #ECEFFF 97%);box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_2 .vcardicon{display:block;width:3rem;min-width:3rem;max-width:3rem;height:4rem;font-size:0;line-height:4rem;text-align:center;border-radius:0;overflow:hidden}
.vcardtemplate_2 .vcardicon img{max-width:100%;vertical-align:middle}
.vcardtemplate_2 .vcardbase{display:block;position:absolute;width:4.41rem;height:100%;top:0;right:0;padding:.12rem .32rem .32rem .71rem;background:url(../images/vcard/vcardbg2.png) right center no-repeat;background-size:auto 100%;box-sizing:border-box}
.vcardtemplate_2 .vcardbase .ccompanysinfo{display:flex;justify-content:flex-end}
.vcardtemplate_2 .vcardbase .ccompanysinfo .ccompanysinfo_logo{display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_2 .vcardbase .ccompanysinfo .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_2 .vcardbase .ccompanysinfo .ccompanysinfo_tit{font-size:0.24rem;height:1.2rem;line-height:1.2rem}
.vcardtemplate_2 .vcardbase .vcardsinfo{display:flex;align-items: flex-end;font-size:0.24rem}
.vcardtemplate_2 .vcardbase .vcardsinfo .vcardsinfo_name{margin-right: .2rem;font-size:0.32rem;font-weight:bold}
.vcardtemplate_2 .vcardbase .vcardother{display:block;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#505666}
.vcardtemplate_2 .vcardbase .vcardother .vcoitem{display:flex;justify-content:flex-end;max-width:4rem;margin-top:.18rem}
.vcardtemplate_2 .vcardbase .vcardother .vcoitem i{display:block;width:.3rem;height:.3rem;margin-left:.16rem}

.vcardtemplate_3{display:flex;flex-direction:column;width:6.7rem;margin:0 auto;padding:.32rem .32rem .32rem .44rem;background:#fff;border-radius:.2rem;box-sizing:border-box;/*background:url(../images/vcard/vcardbg3.png) right center no-repeat;background-size:auto 100%;*/box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_3 .vcardbase{position:relative}
.vcardtemplate_3 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_3 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_3 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_3 .vctelnum{display:block;margin-top:.4rem;font-size:.32rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_3 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_3 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_3 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_3 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_3 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_3 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_3 .vcardothers{display:flex;flex: 1;overflow: hidden;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_3 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_3 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_3 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_3 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_3 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_4{display:flex;flex-direction:column;width:6.7rem;height: 4.06rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;background:url(../images/vcard/vcardbg4.png) right center no-repeat;background-size:auto 100%;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_4 .vcardbase{position:relative}
.vcardtemplate_4 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_4 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_4 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_4 .vctelnum{display:block;margin-top:.3rem;font-size:.28rem;line-height:.4rem;color:#505666}
.vcardtemplate_4 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_4 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_4 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;/*height: .28rem;*/padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;white-space: pre-wrap;}
.vcardtemplate_4 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_4 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_4 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_4 .vcardothers{display:flex;flex: 1;overflow: hidden;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_4 .vcardother {display: flex;flex-direction: column;justify-content: flex-end;margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_4 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_4 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_4 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_4 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_5{display:flex;flex-direction:column;width:6.7rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;background:url(../images/vcard/vcardbg5.png) right center no-repeat;background-size:auto 100%;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_5 .vcardbase{position:relative}
.vcardtemplate_5 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_5 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;line-height: 1rem;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_5 .vcardicon img{width:100%;vertical-align:middle}
.vcardtemplate_5 .vctelnum{display:block;margin-top:.3rem;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_5 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_5 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_5 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_5 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_5 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_5 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_5 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_5 .vcardothers{display:flex;flex: 1;overflow: hidden;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_5 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_5 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_5 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_5 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_5 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_6{display:flex;flex-direction:column;position: relative;width:6.7rem;height: 4.06rem;margin:0 auto;padding: .32rem .32rem .32rem 2.16rem;background:#fff;border-radius:.2rem;box-sizing:border-box;background:url(../images/vcard/vcardbg6.png) right center no-repeat;background-size:auto 100%;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_6 .vcardbase{position:relative}
.vcardtemplate_6 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_6 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_6 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_6 .vctelnum{display:block;margin-top:.44rem;font-size:.32rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_6 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_6 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_6 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;border-left: 1px solid #505666;}
.vcardtemplate_6 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_6 .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:50%;left:.5rem;transform:translateY(-50%);font-size:0;line-height:1.2rem;text-align:center;border-radius:1.2rem;overflow: hidden;}
.vcardtemplate_6 .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_6 .vcardothers{display:flex;flex: 1;overflow: hidden;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_6 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_6 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_6 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_6 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_6 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_7{display:flex;flex-direction:column;width:6.7rem;height: 4.06rem;margin:0 auto;padding: .6rem .32rem .32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;background:url(../images/vcard/vcardbg7.png) right center no-repeat;background-size:auto 100%;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_7 .vcardbase{position:relative}
.vcardtemplate_7 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_7 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_7 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_7 .vctelnum{display:block;margin-top:.3rem;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_7 .vctelnum span {display: block;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_7 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_7 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_7 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_7 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_7 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:-0.3rem;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:1.2rem;overflow: hidden;}
.vcardtemplate_7 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_7 .vcardothers{display:flex;flex: 1;overflow: hidden;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_7 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_7 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_7 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_7 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_7 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_8{display:flex;flex-direction:column;width:6.7rem;height: 4.06rem;margin:0 auto;padding: .6rem .32rem .32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_8 .vcardbase{position:relative}
.vcardtemplate_8 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_8 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_8 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_8 .vctelnum{display:block;margin-top:.1rem;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_8 .vctelnum span {display: block;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_8 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_8 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-top: 4px;font-weight: normal;}
.vcardtemplate_8 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_8 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_8 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:-0.3rem;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:1.2rem;overflow: hidden;}
.vcardtemplate_8 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_8 .vcardothers{display:flex;flex: 1;flex-direction: column;justify-content: flex-end;overflow: hidden;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_8 .vcardother {margin-right: .2rem;display:flex;flex: 1;flex-direction: column;justify-content: flex-end;overflow: hidden;}
.vcardtemplate_8 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_8 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_8 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_8 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_9{display:flex;flex-direction:column;width:6.7rem;height: 4.06rem;margin:0 auto;padding: .6rem .32rem .32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_9 .vcardbase{position:relative}
.vcardtemplate_9 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_9 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_9 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_9 .vctelnum{display:block;margin-top:.1rem;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_9 .vctelnum span {display: block;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_9 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_9 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-top: 4px;margin-left: .1rem;font-weight: normal;}
.vcardtemplate_9 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_9 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_9 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:-0.3rem;right:0;font-size:0;line-height:1.2rem;text-align:center;overflow: hidden;}
.vcardtemplate_9 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_9 .vcardothers{display:flex;flex: 1;flex-direction: column;justify-content: flex-end;overflow: hidden;margin-top:0.28rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_9 .vcardother {margin-right: .2rem;display:flex;flex: 1;flex-direction: column;justify-content: flex-end;overflow: hidden;}
.vcardtemplate_9 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_9 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_9 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_9 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_10{display:flex;position:relative;width:6.7rem;margin:0 auto;background:#fff;border-radius:.2rem;box-sizing:border-box;overflow:hidden;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_10 .vcardicon{display:block;width:2.7rem;min-width:2.7rem;max-width:3rem;height:4rem;font-size:0;line-height:4rem;text-align:center;border-radius:0;overflow:hidden}
.vcardtemplate_10 .vcardicon img{max-width:100%;vertical-align:middle}
.vcardtemplate_10 .vcardbase{display:flex;flex-direction: column;position:absolute;width:4.41rem;height:100%;top:0;right:0;padding:.12rem .32rem .32rem .71rem;box-sizing:border-box}
.vcardtemplate_10 .vcardbase .ccompanysinfo{display:flex;justify-content:flex-end}
.vcardtemplate_10 .vcardbase .ccompanysinfo .ccompanysinfo_logo{display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_10 .vcardbase .ccompanysinfo .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_10 .vcardbase .ccompanysinfo .ccompanysinfo_tit{font-size:0.24rem;height:1.2rem;line-height:1.2rem}
.vcardtemplate_10 .vcardbase .vcardsinfo{display:flex;align-items: flex-end;padding-top: .52rem;font-size:0.24rem}
.vcardtemplate_10 .vcardbase .vcardsinfo .vcardsinfo_name{margin-right: .2rem;font-size:0.32rem;font-weight:bold}
.vcardtemplate_10 .vcardbase .vcardother{display:block;margin-top:auto;font-size:.24rem;line-height:.3rem;color:#505666}
.vcardtemplate_10 .vcardbase .vcardother .vcoitem{display:flex;justify-content:flex-start;max-width:4rem;margin-top:.18rem}
.vcardtemplate_10 .vcardbase .vcardother .vcoitem i{display:none;}

.vcardtemplate_11{display:flex;flex-direction:column;width:6.7rem;height: 4.06rem;margin:0 auto;padding: .6rem .32rem .32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_11 .vcardbase{position:relative}
.vcardtemplate_11 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_11 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_11 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_11 .vctelnum{display:block;margin-top:auto;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_11 .vctelnum span {font-size: .24rem;margin-left: .1rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_11 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_11 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_11 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_11 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_11 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:-0.3rem;right:0;font-size:0;line-height:1.2rem;text-align:center;overflow: hidden;}
.vcardtemplate_11 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_11 .vcardothers{display:flex;overflow: hidden;margin-top:0.08rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_11 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_11 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_11 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_11 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_11 .vcardqrcode img{max-width:100%;vertical-align:middle}


.vcardtemplate_12{display:flex;flex-direction:column;width:6.7rem;height: 4.46rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_12 .vcardbase{position:relative}
.vcardtemplate_12 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_12 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;line-height: 1rem;text-align:center;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden}
.vcardtemplate_12 .vcardicon img{width:100%;vertical-align:middle}
.vcardtemplate_12 .vctelnum{display:block;margin-top:auto;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_12 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_12 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_12 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_12 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_12 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_12 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_12 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_12 .vcardothers{display:flex;overflow: hidden;margin-top:0.08rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_12 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_12 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_12 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_12 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_12 .vcardqrcode img{max-width:100%;vertical-align:middle}


.vcardtemplate_13{display:flex;flex-direction:column;width:6.7rem;height: 4.46rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_13 .vcardbase{position:relative}
.vcardtemplate_13 .vcardbase .vcardsinfo{display:flex;flex-direction: column;justify-content: center;align-items:center;font-size:0.28rem}
.vcardtemplate_13 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden}
.vcardtemplate_13 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_13 .vctelnum{display:block;margin-top:auto;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_13 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_13 .vcardbase .vcardsinfo .vcardsinfo_name{margin-top: .1rem;font-size:0.32rem;font-weight:bold}
.vcardtemplate_13 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_13 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_13 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_13 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_13 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_13 .vcardothers{display:flex;overflow: hidden;margin-top:0.08rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_13 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_13 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_13 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_13 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_13 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_14{display:flex;flex-direction:column;position: relative;width:6.7rem;height: 4.06rem;margin:0 auto;padding: .32rem .32rem .32rem 2.16rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_14 .vcardbase{position:relative}
.vcardtemplate_14 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_14 .vcardbase .vcardsinfo_in {display: flex;}
.vcardtemplate_14 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_14 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_14 .vctelnum{display:block;margin-top:auto;font-size:.32rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_14 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_14 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-top: 4px;}
.vcardtemplate_14 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;border-left: 1px solid #505666;}
.vcardtemplate_14 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_14 .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:50%;left:.5rem;transform:translateY(-50%);font-size:0;line-height:1.2rem;text-align:center;border-radius:1.2rem;overflow: hidden;}
.vcardtemplate_14 .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_14 .vcardothers{display:flex;overflow: hidden;margin-top:0.08rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_14 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_14 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_14 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_14 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_14 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_15{display:flex;flex-direction:column;width:6.7rem;height: 4.46rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_15 .vcardbase{position:relative}
.vcardtemplate_15 .vcardbase .vcardsinfo{display:flex;flex-direction: column;justify-content: center;align-items:center;font-size:0.28rem}
.vcardtemplate_15 .vcardicon{display:block;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden}
.vcardtemplate_15 .vcardicon img{max-width:100%;max-height: 100%;vertical-align:top}
.vcardtemplate_15 .vctelnum{display:block;margin-top:auto;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_15 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_15 .vcardbase .vcardsinfo .vcardsinfo_name{margin-top: .1rem;font-size:0.32rem;font-weight:bold}
.vcardtemplate_15 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_15 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_15 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_15 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_15 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_15 .vcardothers{display:flex;overflow: hidden;margin-top:0.08rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_15 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_15 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_15 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_15 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_15 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_16{display:flex;flex-direction:column;width:6.7rem;height: 4.06rem;margin:0 auto;padding: .6rem .32rem .32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_16 .vcardbase{position:relative}
.vcardtemplate_16 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_16 .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_16 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_16 .vctelnum{display:flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;width: 1.2rem;margin-right: .8rem;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_16 .vctelnum span {display: block;font-size: .24rem;margin-left: .1rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_16 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_16 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_16 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_16 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_16 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:-0.3rem;right:0;font-size:0;line-height:1.2rem;text-align:center;overflow: hidden;}
.vcardtemplate_16 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_16 .vcardothers{display:flex;overflow: hidden;margin-top:auto;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_16 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_16 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_16 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_16 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_16 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_17{display:flex;flex-direction:column;width:6.7rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_17 .vcardbase{position:relative;flex: 1;display: flex;flex-direction: column;}
.vcardtemplate_17 .vcardbase .vcardsinfo{display:flex;flex-direction: column;justify-content: center;align-items:center;font-size:0.28rem;flex: 1;}
.vcardtemplate_17 .vcardicon{display:block;width: 100%;max-height: 1rem;margin-right:.24rem;font-size:0;text-align:center;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden}
.vcardtemplate_17 .vcardicon img{max-height: .9rem;vertical-align: middle;max-width: 100%;}
.vcardtemplate_17 .vctelnum{display:block;margin-top:auto;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_17 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_17 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold;text-align: center;}
.vcardtemplate_17 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-top: 4px;}
.vcardtemplate_17 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;padding: 0 .2rem;font-size: .24rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_17 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_17 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_17 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_17 .vcardothers{display:flex;overflow: hidden;margin-top: auto;padding-left: .1rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_17 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;display: flex;flex-wrap: wrap;}
.vcardtemplate_17 .vcardothers .vcoitem{display:flex;margin-top:.1rem;min-width: 50%;}
.vcardtemplate_17 .vcardother .vcoitem span {display: block;text-align: left;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
.vcardtemplate_17 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_17 .vcardqrcode img{max-width:100%;vertical-align:middle}
.vcardtemplate_17 .vcardsinfo_in {flex: 1;display: flex;flex-direction: column;justify-content: center;margin: .2rem 0 .3rem;}
.vcardtemplate_17 .vcardother .vcoitem i {width: .24rem;height: .24rem;min-width: .24rem;margin-top: .04rem;}

.vcardtemplate_18{display:flex;flex-direction:column;width:6.7rem;height: 4.46rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_18 .vcardbase{position:relative}
.vcardtemplate_18 .vcardbase .vcardsinfo{display:flex;flex-direction: column;justify-content: center;align-items:center;font-size:0.28rem}
.vcardtemplate_18 .vcardicon{display:block;width: 100%;height:1.4rem;margin-right:.24rem;font-size:0;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden}
.vcardtemplate_18 .vcardicon img{max-height: 100%;vertical-align:top}
.vcardtemplate_18 .vctelnum{display:block;margin-top:auto;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_18 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_18 .vcardsinfo_in {width: 100%;}
.vcardtemplate_18 .vcardbase .vcardsinfo .vcardsinfo_name{display: flex;margin-top: .1rem;font-size:0.32rem;font-weight:bold;text-align: left;}
.vcardtemplate_18 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-top: 4px;}
.vcardtemplate_18 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_18 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_18 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_18 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_18 .vcardothers{display:flex;overflow: hidden;margin-top: auto;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_18 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_18 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_18 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_18 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_18 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_19{display:flex;flex-direction:column;width:6.7rem;height: 4.46rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_19 .vcardbase{position:relative}
.vcardtemplate_19 .vcardbase .vcardsinfo{display:flex;flex-direction: column;justify-content: center;align-items:center;font-size:0.28rem}
.vcardtemplate_19 .vcardicon{display:block;width: 100%;height:1.4rem;margin-right:.24rem;font-size:0;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden;text-align: center;}
.vcardtemplate_19 .vcardicon img{max-height: 100%;vertical-align:top}
.vcardtemplate_19 .vctelnum{display:block;margin-top:auto;font-size:.28rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_19 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_19 .vcardsinfo_in {width: 100%;}
.vcardtemplate_19 .vcardbase .vcardsinfo .vcardsinfo_name{display: flex;margin-top: .1rem;font-size:0.32rem;font-weight:bold;text-align: left;}
.vcardtemplate_19 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-top: 4px;}
.vcardtemplate_19 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_19 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_19 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_19 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_19 .vcardothers{display:flex;overflow: hidden;margin-top: auto;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_19 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_19 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_19 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_19 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_19 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_20{display:flex;flex-direction:column;width:6.7rem;height: 4.46rem;margin:0 auto;padding:.32rem;background:#fff;border-radius:.2rem;box-sizing:border-box;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_20 .vcardbase{position:relative}
.vcardtemplate_20 .vcardbase .vcardsinfo{display:flex;flex-direction: column;justify-content: center;align-items:center;font-size:0.28rem}
.vcardtemplate_20 .vcardicon{display:block;width: 100%;height:1.4rem;margin-right:.24rem;font-size:0;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden;text-align: center;}
.vcardtemplate_20 .vcardicon img{max-height: 100%;vertical-align:top}
.vcardtemplate_20 .vctelnum{display:block;margin-top:auto;font-size:.32rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_20 .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vcardtemplate_20 .vcardsinfo_in {width: 100%;}
.vcardtemplate_20 .vcardbase .vcardsinfo .vcardsinfo_name{display: flex;margin-top: .1rem;font-size:0.32rem;font-weight:bold;text-align: left;}
.vcardtemplate_20 .vcardbase .vcardsinfo .vcardsinfo_stexts {display: flex;margin-top: 4px;}
.vcardtemplate_20 .vcardbase .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_20 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_20 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_20 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_20 .vcardothers{display:flex;overflow: hidden;margin-top: .1rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_20 .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_20 .vcardothers .vcoitem{display:flex;margin-top:.18rem;}
.vcardtemplate_20 .vcardother .vcoitem span {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vcardtemplate_20 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_20 .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_inforeenviro{display:flex;flex-direction:column;width:6.7rem;/*height: 4.46rem;*/margin:0 auto;padding:.32rem .32rem .32rem .44rem;background:#fff;border-radius:.2rem;box-sizing:border-box;background:  url(../images/vcard/inforeenviro_vcardbg.png) right center no-repeat;background-size: auto 100%;box-shadow: 0px 4px 30px 0px #D8DAE5;}
.vcardtemplate_inforeenviro .vcardbase{position:relative}
.vcardtemplate_inforeenviro .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_inforeenviro .vcardicon{display:block;width:1rem;height:1rem;margin-right:.24rem;font-size:0;line-height: 1rem;text-align:center;border:2px solid #FFFFFF;box-sizing:border-box;overflow:hidden;border-radius: 1rem;}
.vcardtemplate_inforeenviro .vcardicon img{width:100%;vertical-align:middle}
.vcardtemplate_inforeenviro .vctelnum{display:block;margin-top:auto;font-size:.32rem;font-weight: bold;line-height:.4rem;color:#505666}
.vcardtemplate_inforeenviro .vctelnum span {margin-left: 6px;font-size: .24rem;font-weight: normal;line-height: .3rem;color: #707072;}
.vdepartment {display: block;margin-top: .12rem;font-size: .24rem;line-height: .24rem;color: #505666;}
.vcardtemplate_inforeenviro .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_inforeenviro .vcardsinfo .vcardsinfo_stexts {display: flex;margin-left: -0.2rem;margin-top: 4px;}
.vcardtemplate_inforeenviro .vcardsinfo .vcardsinfo_stexts span {display: block;height: .28rem;padding: 0 .2rem;font-size: .26rem;line-height: .3rem;color: #707072;border-left: 1px solid #505666;}
.vcardtemplate_inforeenviro .vcardsinfo .vcardsinfo_stexts span:first-child {border-left: 0;}
.vcardtemplate_inforeenviro .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_inforeenviro .vcardbase .ccompanysinfo_logo img{max-width:100%;vertical-align:middle}
.vcardtemplate_inforeenviro .vcardothers{display:flex;overflow: hidden;margin-top:0.4rem;font-size:.24rem;line-height:.3rem;color:#333}
.vcardtemplate_inforeenviro .vcardother {margin-right: .2rem;flex: 1;overflow: hidden;}
.vcardtemplate_inforeenviro .vcoitem{display:flex;margin-top:.18rem;font-size:.24rem;line-height:.3rem;color:#505666}
.vcardtemplate_inforeenviro .vcardother .vcoitem span {display: block;text-align: left;white-space: pre-wrap;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}

.vcardtemplate_inforeenviro .vcardother .vcoitem i{display:block;width:.3rem;min-width:.3rem;height:.3rem;margin-right:.16rem}
.vcardtemplate_inforeenviro .vcardother .vcoitem span{display:block;word-break:break-all;}
.vcardtemplate_inforeenviro .vcardother .vcoitem_email i{background:url(../images/vcard/ivemail.png) center center no-repeat;background-size:100% auto}
.vcardtemplate_inforeenviro .vcardother .vcoitem_address {margin-top: 0;}
.vcardtemplate_inforeenviro .vcardother .vcoitem_address i{margin-right: 0;background:url(../images/vcard/ivaddress.png) center center no-repeat;background-size:100% auto}
.vcardtemplate_inforeenviro .vcardother .vcoitem_tel i{background:url(../images/vcard/ivtel.png) center center no-repeat;background-size:100% auto}
.vcardtemplate_inforeenviro .vcardother .vcoitem_phone i{background:url(../images/vcard/ivphone.png) center center no-repeat;background-size:100% auto}
.vcardtemplate_inforeenviro .vcardother .vcoitem_wechat i{background:url(../images/vcard/ivwechat.png) center center no-repeat;background-size:100% auto}

.vcardtemplate_inforeenviro .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_inforeenviro .vcardqrcode img{max-width:100%;vertical-align:middle}

.vcardtemplate_inforeenviro .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.6rem;min-width:1.6rem;max-width:1.6rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_inforeenviro .vcardbase .ccompanysinfo_logo img{max-width:100%;vertical-align:middle}
.vcardtemplate_inforeenviro .vcardsinfo {margin-top: .46rem;}


.vcardtemplate_22{display:flex;flex-direction:column;width:6.7rem;height:4.05rem;margin:0 auto;padding:0.42rem 0.32rem;background:#fff;border-radius:0.2rem;box-sizing:border-box;box-shadow:0px 4px 30px 0px #D8DAE5}
.vcardtemplate_22 .vcardbase{position:relative;display:flex;align-items:center}
.vcardtemplate_22 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem;flex:1;padding-right:0.3rem}
.vcardtemplate_22 .vcardbase .vcardsinfo .vcardsinfo_in{width:100%;padding:0.06rem 0;border-bottom:2px solid #CC020F}
.vcardtemplate_22 .vcardicon{display:block;width:1rem;height:1rem;margin-right:0.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_22 .vcardicon img{width:100%;vertical-align:top}
.vcardtemplate_22 .vctelnum{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:1.82rem;margin-right:0.36rem;font-size:0.32rem;font-weight:bold;line-height:0.4rem;color:#505666}
.vcardtemplate_22 .vctelnum span{margin-top:0.12rem;display:block;font-size:0.24rem;font-weight:normal;line-height:0.3rem;color:#707072;text-align:center}
.vcardtemplate_22 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.28rem;font-weight:bold;margin:0;font-family:"Microsoft YaHei,Helvetica"}
.vcardtemplate_22 .vcardbase .vcardsinfo .vcardsinfo_stexts{display:flex;margin-left:-0.2rem;margin-top:4px}
.vcardtemplate_22 .vcardbase .vcardsinfo .vcardsinfo_stexts span{display:block;height:0.28rem;padding:0 0.2rem;font-size:0.26rem;line-height:0.3rem;color:#707072;border-left:1px solid #505666}
.vcardtemplate_22 .vcardbase .vcardsinfo .vcardsinfo_stexts span:first-child{border-left:0}
.vcardtemplate_22 .vcardbase .ccompanysinfo_logo{display:flex;align-items:center;justify-content:center;width:1.82rem;min-width:1.82rem;max-width:1.82rem;height:1.2rem;margin-right:0.36rem;font-size:0;line-height:1.2rem;text-align:center;overflow:hidden}
.vcardtemplate_22 .vcardbase .ccompanysinfo_logo img{max-width:100%;max-height:100%;vertical-align:middle}
.vcardtemplate_22 .vcardothers{display:flex;overflow:hidden;margin-top:auto;font-size:0.24rem;line-height:0.3rem;color:#333}
.vcardtemplate_22 .vcardother{flex:1;overflow:hidden}
.vcardtemplate_22 .vcardothers .vcoitem{display:flex;margin-top:0.18rem}
.vcardtemplate_22 .vcardothers .vctenum{text-align:center}
.vcardtemplate_22 .vcardothers .vctelnumname {margin-bottom: .1rem;margin-top: .1rem;}
.vcardtemplate_22 .vcardother .vcoitem span{display:block;text-align:left;white-space: pre-wrap;}
.vcardtemplate_22 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_22 .vcardqrcode img{max-width:100%;vertical-align:middle}
.vcardtemplate_22 .vdepartment{font-weight:normal;text-align:center}


.vcardtemplate_23{display:flex;flex-direction:column;width:6.7rem;height: 4.1rem;margin:0 auto;padding: 0.8rem 0.32rem 0;background:#fff;border-radius:0.2rem;box-sizing:border-box;background: url(https://u-static.lmjx.net/mtcloud/images/vcard/vcardtemplate_23.png) right center no-repeat;background-size:auto 100%;box-shadow:0px 4px 30px 0px #D8DAE5}
.vcardtemplate_23 .vcardbase{position:relative}
.vcardtemplate_23 .vcardbase .vcardsinfo{display:flex;align-items:center;font-size:0.28rem}
.vcardtemplate_23 .vcardicon{display:block;width:1rem;height:1rem;margin-right:0.24rem;font-size:0;text-align:center;border-radius:1rem;border:2px solid #FFFFFF;box-sizing:border-box;box-shadow:0px 0px 10px 0px #8CAEFD;overflow:hidden}
.vcardtemplate_23 .vcardicon img {width:0.94rem;height:0.94rem;vertical-align:top}
.vcardtemplate_23 .vctelnum{display:block;margin-top:0.4rem;font-size:0.28rem;font-weight:bold;line-height:0.4rem;color:#505666}
.vcardtemplate_23 .vctelnum span {margin-left:6px;font-size:0.24rem;font-weight:normal;line-height:0.3rem;color:#707072}
.vcardtemplate_23 .vcardbase .vcardsinfo .vcardsinfo_name{font-size:0.32rem;font-weight:bold}
.vcardtemplate_23 .vcardbase .vcardsinfo .vcardsinfo_stexts{display:flex;margin-left:-0.2rem;margin-top:4px}
.vcardtemplate_23 .vcardbase .vcardsinfo .vcardsinfo_stexts span{display:block;height:0.28rem;padding:0 0.2rem;font-size:0.26rem;line-height:0.3rem;color:#707072;border-left:1px solid #505666}
.vcardtemplate_23 .vcardbase .vcardsinfo .vcardsinfo_stexts text:first-child{border-left:0}
.vcardtemplate_23 .vcardbase .ccompanysinfo_logo{display:block;position:absolute;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;top:0;right:0;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_23 .vcardbase .ccompanysinfo_logo img {width:1.2rem;height:1.2rem;vertical-align:middle}
.vcardtemplate_23 .vcardothers{display:flex;flex:1;overflow:hidden;margin-top:0.18rem;font-size:0.24rem;line-height:0.3rem;color:#333}
.vcardtemplate_23 .vcardother{margin-right:0.2rem;flex:1;overflow:hidden}
.vcardtemplate_23 .vcardothers .vcoitem{display:flex;margin-top:0.18rem}
.vcardtemplate_23 .vcardother .vcoitem span{display:block;text-align:left;/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis*/}
.vcardtemplate_23 .vcardqrcode{margin-left:auto;display:block;width:1.2rem;min-width:1.2rem;max-width:1.2rem;height:1.2rem;margin-top:auto;margin-bottom: .78rem;font-size:0;line-height:1.2rem;text-align:center;border-radius:0}
.vcardtemplate_23 .vcardqrcode img {width:1.2rem;height:1.2rem;vertical-align:middle}


.vcardvcard_slanguage{display:flex;position:relative;width:6.3rem;margin:0 auto;z-index: 98;}
.vcardvcard_slanguage .item{display:flex;align-items:center;justify-content:center;position: relative;height:0.42rem;margin-left:0.1rem;padding:0 0.2rem;font-size:0.24rem;line-height:0.42rem;color:#333;border-radius:0.1rem 0.1rem 0px 0px;background:#E9EEFA}
.vcardvcard_slanguage .item.cur{background:#F3B421}
.vcardvcard_slanguage .itemmore i{display:block;width:0.34rem;height:0.34rem;background:url(https://u-static.lmjx.net/mtcloud/images/vcard/slanguagemore.png) center center no-repeat;background-size:100% auto}
.vcardvcard_slanguage .vcardvcard_slanguagemore{position:absolute;width:2.6rem;top:100%;right:0;padding:0.1rem 0;background:#333;border-radius:0.2rem 0px 0.2rem 0.2rem}
.vcardvcard_slanguage .vcardvcard_slanguagemore .it{display:flex;padding:0.1rem 0.32rem;font-size:0.24rem;line-height:0.44rem;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vcardvcard_slanguage .vcardvcard_slanguagemore .it.cur{color:#F3B421}


.vcardconblock {padding: 0.25rem;background: #fff; }
.vcardconstart {border-radius: 0.4rem 0.4rem 0 0;}
.vcardinline{display:flex;align-items:center;justify-content:space-between}
.vcardinline .vcardinline_ltit{display:flex;align-items:center;font-size:.3rem;font-weight:bold}
.vcardinline .vcardinline_ltit i{display:block;width:.1rem;height:.3rem;margin-right:.14rem;background:#FF6411}
.vcardprofile .vcardprofile_intro {font-size: 0.26rem;line-height: .48rem;}
.vcardconblock_con {margin-top: 0.16rem;}
.vcarddia .bbbbox_inin {padding: .15rem 0;}

.xap_callroom_app_manusers .bbbbox { background: #EDF0F6; }
.xap_callroom_app_manusers .bbbbox_top { background:#fff}

/*封面倒计时*/
.liveadv{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}

.liveadv img {
	display: block;
	position: absolute;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));
	-webkit-transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));
	-moz-transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));
	-ms-transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));
	-o-transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));
}

.liveadv .posteradv-countdown {
	display: block;
	position: absolute;
	height: 22px;
	padding: 0 10px;
	top: 16px;
	right: 8px;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	-ms-border-radius: 22px;
	-o-border-radius: 22px;
	background: rgba(0, 0, 0, .5);
	cursor: pointer;
}
/*头部*/
.liveheader {
	display: block;
	height: 1.7rem;
	min-height: 1.62rem;
	padding: .2rem .24rem;
	box-sizing: border-box;
}
.liveheadertop {
	display: flex;
	height: .92rem;
	min-height: .84rem;
	padding: .2rem .24rem 0;
	box-sizing: border-box;
	z-index: 1;
	position: relative;
}
.livebrand {
	display: flex;
	align-items: center;
	min-width: 2.28rem;
	height: .78rem;
	padding: 0 .36rem 0 .06rem;
	border-radius: .7rem;
	-webkit-border-radius: .7rem;
	-moz-border-radius: .7rem;
	-ms-border-radius: .7rem;
	-o-border-radius: .7rem;
	background: rgba(0, 0, 0, .3);
	box-sizing: border-box;
}
.livebrand .icon {
	display: block;
	width: .6rem;
	min-width: .6rem;
	height: .6rem;
	margin-right: .12rem;
	font-size: 0;
	line-height: .6rem;
	text-align: center;
	border-radius: .6rem;
	overflow: hidden;
}
.livebrand .icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.livebrand .name {
	display: block;
	font-size: .26rem;
	font-weight: bold;
	line-height: .34rem;
	color: #fff;
}
.livebrand .pnum {
	display: block;
	font-size: .16rem;
	line-height: .26rem;
	color: #fff;
}
.lhfollowbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: .48rem;
	font-size: .2rem;
	font-weight: bold;
	line-height: .48rem;
	color: #fff;
	background-image: linear-gradient(to right, #f89428 , #ff6519);
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.lhfollowbtn i {
	display: block;
	width: .18rem;
	height: .18rem;
	margin-right: .06rem;
	background: url(https://u-static.lmjx.net/2022/live/m/images/followplus.png) center center no-repeat;
	background-size: 100% auto;
}
.liveheadertop .lhfollowbtn {
	margin-left: auto;
}


/*公告*/
.livenotice {
	display: table;
	position: relative;
	max-width: 7.02rem;
	align-items: center;
	margin-top: 0.2rem;
	margin-left: .24rem;
	padding: 0 .26rem 0 .62rem;
	background: rgba(0, 0, 0, .5);
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
	overflow: hidden;
	box-sizing: border-box;
}
.livenotice i {
	display: block;
    position: absolute;
    width: 0.36rem;
    height: 0.36rem;
    top: 50%;
    left: 0.18rem;
    margin-top: -0.18rem;
    margin-right: 0.06rem;
    background: url(https://u-static.lmjx.net/2022/live/m/images/hornicon.png) center center no-repeat;
    background-size: .32rem auto;
}
.livenotice .noticeswiper {
	display: block;
	/* flex: 1; */
	max-width: 6.28rem;
	height: .48rem;
	font-size: .22rem;
	line-height: .48rem;
	color: #fff;
	overflow: hidden;
}
.livenotice .noticeswiper .swiper-slide {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*视频*/
.liveplayer_wrap {
  	position: relative;
	margin-top:.24rem;
}
.liveplayer_wrap .liveplayer_poster {
	display: block;
	position: relative;
	width: 100%;
}
.liveplayer_wrap .liveplayer_poster img {
	width: 100%;
	vertical-align: top;
}
.liveplayer_wrap .videoobj {
	display: block;
	width: 100%;
}
.liveplayer_wrap .liveplayer_danmu {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 20;
	font-size: .18rem;
	line-height: .4rem;
	color: #fff;
	pointer-events: none;
	box-sizing: border-box;
    padding-top: 0.2rem;
}

.liveplayer_danmu_item {
	font-size:.24rem;
	position: absolute;
	top: 0;
}

.liveplayer_danmu_itemw1 .liveplayer_danmu_item {
	top:.1rem ;
}


.liveplayer_danmu_itemw2 .liveplayer_danmu_item {
	top:.4rem ;
}


.liveplayer_danmu_itemw3 .liveplayer_danmu_item {
	top:.7rem ;
}


.iconright_wrap {
	position: relative;
	height:0;
	overflow:visible;
	z-index:9;
}

.formitem-title {display: block; flex: 1 1 0%; font-size: 0.28rem; line-height: 0.6rem; color: rgb(51, 51, 51);}

.appvrmsvideocallwrap_new .sscreenbtn.sscreenbtn-off{color: #fff;}
.appvrmsvideocallwrap_new .vswitch {border: 1px solid rgba(255, 255, 255, 0.1);}
.appvrmsvideocallwrap_new .vswitch:before {background: #2A343A}

.pagealoading { position:absolute; left:0; right:0; top:0; bottom:0; background:#000; z-index:30000000; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.pagealoading .pagealoadingline { width:120px; margin:0 auto; height:3px; background:#555;  }
.pagealoading .pagealoadingline .pagealoadinglinein { height:3px; background:#f60;  }
.pagealoading .loadingimg {  }

.c1nav{display:flex;align-items:center;justify-content:space-around;margin:0 -0.2rem;border-radius:0.1rem 0.1rem 0 0;overflow:hidden}
.c1nav .item{display:flex;align-items:center;justify-content:center;position:relative;flex:1;font-size:.26rem;line-height:.7rem;text-align:center;color:#666;background:#f8f8f8}
.c1nav .item.cur{font-size:.32rem;font-weight:bold;color:#ff6519;background:#fff}
.c1nav .item i{display:block;width:0;height:0;margin-top:0.08rem;margin-left:.1rem;font-size:0;border:.08rem solid transparent;border-top:.08rem solid #666}
.c1nav .item.cur i{display:block;width:0;height:0;margin-top:0.08rem;margin-left:.1rem;font-size:0;border:.08rem solid transparent;border-top:.08rem solid #ff6519}
.c1nav .item .itemin{display:table;position:relative;margin:0 auto}
.c1nav .item .itemin span{display:block;position:absolute;min-width:.2rem;top:0.1rem;right:-0.16rem;padding:0 0.04rem;font-size:.18rem;line-height:.2rem;text-align:center;color:#fff;background:#fa4444;border-radius:0.2rem;transform:translateX(-30%)}

.fnodemata_filetype {display: flex;width: 100%;padding: 0 .26rem;font-size: 0;overflow-x: auto;border-bottom: 1px solid #f5f5f5;box-sizing: border-box;}
.fnodemata_filetype .item {display: flex;align-items: center;position: relative;height: .76rem;margin-left: .8rem;font-size: .26rem;line-height: .36rem;color: #333;white-space: nowrap;}
.fnodemata_filetype .item:first-child {margin-left: 0;}
.fnodemata_filetype .item.cur {font-size: .28rem;font-weight: bold;color: #034EA2;}
.fnodemata_filetype .item.cur i {display: block;position: absolute;width: .4rem;height: 3px;bottom: 0;left: 50%;margin-left: -0.2rem;background: #034EA2;border-radius: 3px;}
 
.fnodemate_modcates {display: flex;width: 100%;margin-top: .26rem;padding: 0 .26rem;font-size: 0;overflow-x: auto;box-sizing: border-box;}
.fnodemate_modcates .item {display: flex;align-items: center;position: relative;height: .5rem;margin-left: .2rem;padding: 0 .3rem;font-size: .24rem;line-height: .46rem;color: #333;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: .5rem;white-space: nowrap;}
.fnodemate_modcates .item:first-child {margin-left: 0;}
.fnodemate_modcates .item.cur {color: #034EA2;border-color: #034EA2;}

.fnodemata_filelist {padding: 0 .24rem;}
.fnodemata_filelist .item {display: flex;align-items: center;padding: .3rem 0;border-bottom: 1px solid #F5F5F5;}
.fnodemata_filelist .item .icon {display: block;width: .8rem;height: .8rem;margin-right: .16rem;border-radius: .1rem;overflow: hidden;font-size: 0;}
.fnodemata_filelist .item .icon img {width: 100%;height: 100%;vertical-align: top;}
.fnodemata_filelist .item .iname {display: block;flex: 1;font-size: .28rem;line-height: .36rem;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fnodemata_filelist .item .ibtns {display: flex;align-items: center;margin-left: auto;}
.fnodemata_filelist .item .ibtns .ibtn {display: flex;align-items: center;justify-content: center;height: .5rem;margin-left: .2rem;padding: 0 .16rem;font-size: .24rem;color: #505666;cursor: pointer;border: 1px solid #D8D4D4;border-radius: 3px;box-sizing: border-box;} 

.fnodematein .more{display: block;width: 4.84rem;height: 0.75rem;margin: 0.68rem auto 0;background: #1154B5;border-radius: 0.1rem;font-size: .3rem;line-height: .75rem;text-align: center;color: #fff;}

.num-new-message{display:flex;position:absolute;left:.24rem;bottom:.2rem;height:.44rem;padding:0 .12rem;font-size:.24rem;line-height:.44rem;color:#e4393c;border-radius:.44rem;background:#fff;box-sizing:border-box;animation:slideUp 1s}
@keyframes slideUp {
  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

/*覆盖样式*/
.ml10 {margin-left: .1rem;}
.flex {display: flex;}
.flex-column {display: flex;flex-direction: column;}
.flex1 {flex: 1;}
.flex1-auto {flex: 1;padding: 0 2px;overflow-x: hidden;overflow-y: auto;}
.flexac {display: flex;align-items: center;}
.flexcc {display: flex;align-items: center;justify-content: center;}


.kmeetingapp_container_material { position:relative; }

.kmeetingapp_container_material_bar { z-index: 5;display: flex;align-items: center;position: absolute;width: 100%;height: .7rem;bottom: 0;left: 0;background: rgba(0,0,0,.5);}
.kmeetingapp_container_material_bar .kmeetingapp_ctools { width: 100%;display: flex;align-items: center;}
.kmeetingapp_container_material_bar .kmeetingapp_ctoolsin { flex:1; display: flex; justify-content: flex-end; align-items:center;}
.kmeetingapp_container_material_bar .ibtnclose {display: flex;align-items: center;justify-content: center;height: .48rem;margin-left: .2rem;padding: 0 .2rem 0 .1rem;font-size: .22rem;line-height: .32 rem;color: #fff;background: #F14949;border-radius: 3px;}
.kmeetingapp_container_material_bar .ibtnclose i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/kmeetingapp/ibtnclose.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_container_material_bar .ibtnprev {display: flex;align-items: center;justify-content: center;width: 1.28rem;height: .48rem;margin:0 .3rem;font-size: .22rem;line-height: .3rem;color: #fff;background: #555;border-radius: 3px;}
.kmeetingapp_container_material_bar .ibtnprev i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/kmeetingapp/ibtnprev.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_container_material_bar .ibtnnext {display: flex;align-items: center;justify-content: center;width: 1.28rem;height: .48rem;margin: 0 .3rem;font-size: .22rem;line-height: .3rem;color: #fff;background: #555;border-radius: 3px;}
.kmeetingapp_container_material_bar .ibtnnext i {display: block;order: 1;width: .3rem;height: .3rem;margin-left: .04rem;background: url(../images/kmeetingapp/ibtnnext.png) center center no-repeat;background-size: 100% auto;}

.kmeetingapp_container_material_bar .ibtnnext.disabled,.kmeetingapp_container_material_bar .ibtnprev.disabled { background:#000; }

.kmeetingapp_container_material .kmeetingapp_cops_zoom { position:absolute; top:0; right:0; overflow:hidden; z-index: 3; }
.kmeetingapp_container_material .kmeetingapp_cops_zoom .ibtnzoom { 
	display: flex;
	align-items: center;
	padding: 0 7px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
}
.kmeetingapp_container_material .kmeetingapp_cops_zoom .ibtnzoom i {
	display: block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	background: url(../images/app/aminimizeicon.png) center center no-repeat;
	background-size: 120% auto;
	transform: rotateY(180deg);
}

.kmeetingapp_container_material .kmeetingapp_cops_zoom  {background: #000;}


.xapcallmateplayer_topright {display: flex;position: absolute;top: 0;right: 0;overflow: hidden;z-index: 3;}

.xapcallmateplayer_cops_zoom {  }
.xapcallmateplayer_cops_zoom .ibtnzoom { 
	display: flex;
	align-items: center;
	padding: 0 7px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
}
.xapcallmateplayer_cops_zoom .ibtnzoom i {
	display: block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	background: url(../images/app/aminimizeicon.png) center center no-repeat;
	background-size: 120% auto;
	transform: rotateY(180deg);
}

.xapcallmateplayer_cops_zoom  {background: #000;}

.xapcallmateplayer_top_zoom {margin-left: 5px;}
.xapcallmateplayer_top_zoom .ibtntozoombig {display: flex;align-items: center;padding: 0 7px;height: 25px;font-size: 10px;font-weight: bold;line-height: 24px;color: #fff;cursor: pointer;background: #000;}
.xapcallmateplayer_top_zoom .ibtntozoombig i {display:block;width:13px;height:13px;margin-top:-3px;margin-right:4px;background: url(../images/app/maximizeicons.png) center center no-repeat;background-size: 100% auto;}

/*评论框*/
.ffinputmsg{position:fixed;bottom:0;left:0;height:1.1rem;width:100%;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.ffinputmsg .ffinputmsg_bg{position:fixed;bottom:1.1rem;left:0;width:100%;height:100%;background:#000;opacity:.3}
.ffinputmsg .ffinputmsg_in{position:relative;width:100%;padding:0 .24rem;background:#fff;box-sizing:border-box;display:flex;align-items:center;height:1.1rem}
.ffinputmsg input{display:block;flex:1;height:.8rem;padding:0 .28rem;font-size:.26rem;line-height:.8rem;color:#000024;background:#f3f3f3;border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;box-sizing:border-box}
.ffinputmsg .sendbtn{display:block;width:.54rem;height:.8rem;margin-left:.16rem;background:url(https://u-static.lmjx.net/2022/live/m/images/sendbtn.png) center center no-repeat;background-size:.54rem auto}

/*购物车*/
.callroom_shopitem {display: flex;align-items: center;position: fixed;bottom: 5rem;left: .2rem;height: .88rem;padding: .14rem;box-sizing: border-box;border-radius: .12rem;background: rgba(0,0,0,.3);}
.callroom_shopitem .icon {display: flex;align-items: center;justify-content: center;width: .6rem;min-width: .6rem;height: .6rem;margin-right: .14rem;border-radius: 3px;overflow: hidden;background: #fff;}
.callroom_shopitem .icon img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.callroom_shopitem .itemin {max-width: 2.6rem;margin-right: .12rem}
.callroom_shopitem .name {display: block;font-size: .26rem;line-height: .36rem;color: #fff;}
.callroom_shopitem .stext {display: block;font-size: .18rem;line-height: .22rem;color: #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.callroom_shopitem .btns {}
.callroom_shopitem .btns .aaskp {display: block;padding: 0 .2rem;font-size: .24rem;line-height: .52rem;color: #fff;border-radius: 3px;background: #F6722A;white-space: nowrap;}
.callroom_shopitem .btnclose {display: block;position: absolute;width: .4rem;height: .4rem;top: 50%;margin-top: -0.2rem;right: -0.6rem;background: url(../images/kserviceapp/bgwclose.png) center center no-repeat;background-size: 100% auto;}

.livemessages_shopitem {display: flex;align-items: center;position: relative;height: 0.88rem;margin-bottom: 0.08rem;padding: 0.14rem;box-sizing: border-box;border-radius: 0.12rem;/*background: rgba(0,0,0,.3);*/}
.livemessages_shopitem .icon {display: flex;align-items: center;justify-content: center;width: 0.6rem;min-width: 0.6rem;height: 0.6rem;margin-right: 0.14rem;border-radius: 0.06rem;overflow: hidden;background: #fff;}
.livemessages_shopitem .icon img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.livemessages_shopitem .itemin {max-width: 3.24rem;margin-right: 0.12rem}
.livemessages_shopitem .name {display: block;font-size: 0.26rem;line-height: 0.36rem;color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.livemessages_shopitem .stext {display: block;font-size: 0.18rem;line-height: 0.22rem;color: #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.livemessages_shopitem .btns {}
.livemessages_shopitem .btns .aaskp {display: block;padding: 0 0.2rem;font-size: 0.24rem;line-height: 0.52rem;color: #fff;border-radius: 0.06rem;background: #F6722A;white-space: nowrap;text-decoration: none;}
.livemessages_shopitem .btnclose {display: block;position: absolute;width: 0.4rem;height: 0.4rem;top: 50%;margin-top: -0.2rem;right: -0.6rem;background: url(../images/kserviceapp/bgwclose.png) center center no-repeat;background-size: 100% auto;}

/*画笔*/
.kserviceapp_drawtools {display: flex;align-items: center;position: fixed;width:100%;top: 0;right: 0;padding: .1rem 0 0;background: rgba(0, 0, 0, 0.7);box-sizing: border-box;z-index: 1;}
.kserviceapp_drawtools .item {flex: 1;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: .96rem;font-size: .2rem;line-height: .46rem;color: #fff;overflow: hidden;}
.kserviceapp_drawtools .item .icon {display: block;width: .46rem;height: .46rem;}
.kserviceapp_drawtools .item .iarrow {display: none;width: 5px;height: 5px;margin-right: .15rem;border-bottom: 1px solid #D6D6D6;border-right: 1px solid #D6D6D6;transform: rotate(45deg);}
.kserviceapp_drawtools .item_draw .icon {background: url(../images/kserviceapp/drawpen.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_colordisc .icon {background: url(../images/kserviceapp/colordisc.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_cleartrace .icon {background: url(../images/kserviceapp/cleartrace.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_drawpen_close .icon {background: url(../images/kserviceapp/drawpen_close.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_video .icon {background: url(../images/kserviceapp/ivideo.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_transfer .icon {background: url(../images/kserviceapp/transfer.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_videoclose .icon {background: url(../images/kserviceapp/videoclose.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_screenuser .icon {background: url(../images/kserviceapp/screenuser.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_undo .icon {background: url(../images/kserviceapp/undo.png) center center no-repeat;background-size: 100% auto;}

.kserviceapp_drawtools .item_cutimg .icon {background: url(../images/kserviceapp/cutimgicon1.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item_cutimg.cur {color: #4479FF;}
.kserviceapp_drawtools .item_cutimg.cur .icon {background: url(../images/kserviceapp/cutimgicon2.png) center center no-repeat;background-size: 100% auto;}

.kserviceapp_drawtools .item:first-child {margin-top: 0;}

.kserviceapp_drawtools .item .itemin {display: flex;position: absolute;top: calc(100% + 0.2rem);left: 0;padding: .14rem;background: rgba(0, 0, 0, 0.7);border-radius: .1rem;box-sizing: border-box;width: 100vw;}
.kserviceapp_drawtools .item .itemin::before {display: block;position: absolute;content: '';width: 0;height: 0;bottom: 100%;left: 50%;transform: translateX(-50%);border: 4px solid transparent;border-bottom: 4px solid rgba(0, 0, 0, 0.7);}
.kserviceapp_drawtools .item .itemin .it {/*margin-top: .3rem;*/margin: 0 .15rem;position: relative;}
.kserviceapp_drawtools .item .itemin .it .cicon {display: block;position: relative;width: .7rem;height: .48rem;margin: 0 auto;}
.kserviceapp_drawtools .item .itemin .it .cicon img {display: block;width: .48rem;height: .48rem;margin: 0 auto;}
.kserviceapp_drawtools .item .itemin .it .cicon.drawline1 {background: #fff url(../images/kserviceapp/drawline1.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item .itemin .it .cicon.drawline2 {background: #fff url(../images/kserviceapp/drawline2.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item .itemin .it .cicon.drawline3 {background: #fff url(../images/kserviceapp/drawline3.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item .itemin .it .cicon.drawline4 {background: #fff url(../images/kserviceapp/drawline4.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item .itemin .it .cicon span {display: block;width: 100%;height: 100%;}
.kserviceapp_drawtools .item .itemin .it .itext {display: block;font-size: .24rem;line-height: .34rem;text-align: center;color: #fff;margin-top: .08rem;}
.kserviceapp_drawtools .item .itemin .it.icheck i {display: block;position: absolute;width: .24rem;height: .24rem;top: .06rem;right: .06rem;background: url(../images/kserviceapp/check.png) center center no-repeat;background-size: 100% auto;}
.kserviceapp_drawtools .item .itemin .it:first-child {margin-top: 0;}
.kserviceapp_drawtools .item_disabeld {opacity: .5;}
.kserviceapp_drawtools .item .text {max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.kserviceapp_drawtools.kserviceapp_drawtools_portrait {backdrop-filter: blur(4px);background: rgba(0, 0, 0, 0.5);border-radius: .2rem;}


.vrvideopopup {display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;}
.vrvideopopupmask {display: block;display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(21, 21, 23, 0.9);z-index: 999;}
.vrvideopopupin {display: block;display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;}
.vrvideopopup .vrvideoin {display: block;position: fixed;height: auto;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000;box-sizing: border-box;}
.vrvideopopup .vrvideoin video {width: 100%;height: 100%;}
.vrvideoclosebtn {display: flex;align-items: center;position: absolute;height: .64rem;top: .28rem;left: .34rem;padding: 0 .36rem 0 .2rem;font-size: .24rem;line-height: .64rem;color: #fff;background: rgba(0, 0, 0, 0.5);z-index: 1001;border-radius: .64rem;}
.vrvideoclosebtn i {display: block;width: .3rem;height: .3rem;margin-right: .06rem;background: url(../images/vrapp/v_back_w.png) center center no-repeat;background-size: 100% auto;}
.vrvideopopup .closebtn {position: absolute;width: .64rem;height: .64rem;top: .28rem;right: .34rem;background: url(../images/vrapp/aop_close_w.png) center center no-repeat;background-size: 70% auto;z-index: 1001;}


.vvpptpopupmask {display: block;display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(21, 21, 23, 0.9);z-index: 999;}
.vvpptpopuppptin {display: block;position: fixed;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000;box-sizing: border-box;}
.vvpptpopuppptin .icon {width: 100%;}
.vvpptpopuppptin .icon img {width: 100%;vertical-align: top;}
.vvpptpopuppptin .vvpptpopup_ctools {width: 100%;display: flex;align-items: center;background: rgba(0,0,0,.5);}
.vvpptpopuppptin .vvpptpopup_ctools .vvpptpopup_ctoolsin { flex:1; display: flex; justify-content: space-around; align-items:center;}
.vvpptpopuppptin .vvpptpopup_ctools .ibtnclose {display: flex;align-items: center;justify-content: center;width: 1.6rem;height: .7rem;font-size: .22rem;line-height: .3rem;color: #fff;background: #555;}
.vvpptpopuppptin .vvpptpopup_ctools .ibtnclose i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/kmeetingapp/ibtnclose.png) center center no-repeat;background-size: 100% auto;}
.vvpptpopuppptin .vvpptpopup_ctools .ibtnprev {display: flex;align-items: center;justify-content: center;width: 1.28rem;height: .48rem;margin:0 .3rem;font-size: .22rem;line-height: .3rem;color: #fff;background: #555;border-radius: 3px;}
.vvpptpopuppptin .vvpptpopup_ctools .ibtnprev i {display: block;width: .3rem;height: .3rem;margin-right: .04rem;background: url(../images/kmeetingapp/ibtnprev.png) center center no-repeat;background-size: 100% auto;}
.vvpptpopuppptin .vvpptpopup_ctools .ibtnnext {display: flex;align-items: center;justify-content: center;width: 1.28rem;height: .48rem;margin: 0 .3rem;font-size: .22rem;line-height: .3rem;color: #fff;background: #555;border-radius: 3px;}
.vvpptpopuppptin .vvpptpopup_ctools .ibtnnext i {display: block;order: 1;width: .3rem;height: .3rem;margin-left: .04rem;background: url(../images/kmeetingapp/ibtnnext.png) center center no-repeat;background-size: 100% auto;}

.vvpptpopuppptin .vvpptpopup_ctools .ibtnnext.disabled,.vvpptpopuppptin .vvpptpopup_ctools .ibtnprev.disabled { background:#000; }


/*购买详情*/
.shopitemdetailwrap{}
.shopitemdetailwrap .bbbbox_top {height: auto;}
.shopitemdetail{}
.shopitemdetailwrap .shopitemdetail{padding:0 0 1.6rem}
.shopitemdetail .mainicon{display:block;position:relative;height: 7.5rem;font-size:0;text-align: center;overflow:hidden;}
.shopitemdetail .mainicon .swiper-slide {display:flex;align-items: center;justify-content: center;}
.shopitemdetail .mainicon img{max-width:100%;max-height:100%;vertical-align:middle}
.shopitemdetail .mainicon>.swiper-pagination-bullets,.shopitemdetail .mainicon .swiper-pagination-custom,.shopitemdetail .mainicon .swiper-pagination-fraction{display:flex;align-items:center;width:auto;height:.36rem;left:50%;padding:0 .14rem;transform:translateX(-50%);background:rgba(0,0,0,.3);border-radius:.36rem}
.shopitemdetail .mainicon>.swiper-pagination-bullets .swiper-pagination-bullet{width:.12rem;height:.12rem;background:#fff}
.shopitemdetail .ptitle{display:block;margin-top:.26rem;padding:0 .24rem;font-size:.36rem;line-height:.4rem;color:#242424}
.shopitemdetail .ppinf{display:flex;align-items:flex-end;margin-top:.26rem;padding:0 .24rem}
.shopitemdetail .ppinf .pprice{display:flex;align-items:center}
.shopitemdetail .ppinf .pprice .num{display:flex;font-size:.36rem;line-height:.34rem;color:#ff3f0b}
.shopitemdetail .ppinf .pprice .num i{margin-top:2px;font-size:.18rem;font-style:normal}
.shopitemdetail .ppinf .pprice .num span{font-weight: bold;}
.shopitemdetail .ppinf .pprice .onum{display:block;margin-left:.2rem;margin-top:4px;font-size:.24rem;color:#999;text-decoration:line-through}
.shopitemdetail .ppinf .stocknum{display:block;margin-left:auto;margin-top:4px;font-size:.24rem;line-height:.3rem;color:#999}
.pintro {margin-top: .2rem;padding: .32rem;font-size: .28rem;line-height: .5rem;color: #333;border-top: 1px solid #f5f5f5;}
.shopitemdetail .pcontents{margin-top:.2rem;padding-bottom: 1.8rem;border-top:.2rem solid #f5f5f5}
.shopitemdetail .pcontents .icon{}
.shopitemdetail .pcontents .icon img{max-width:100%;vertical-align:top}
.shopitemdetail .pcontents p{padding:.2rem .24rem}
.shopitemdetailwrap .bbbbox .bbbbox_close{z-index:100}
.shopitemdetail .pcontent{margin:0 .2rem}
.shopitemdetail .buybtn{display:block;position:fixed;width:6.84rem;height:.92rem;left:50%;bottom:.22rem;transform:translateX(-50%);font-size:.3rem;line-height:.92rem;text-align:center;color:#fff;background:#ff7800}
.shopitemdetail .buybtn.disabled{color:#606060;background:#9a9a9a}
/*.shopitemdetail .pbs{display:flex;position:fixed;width:100%;bottom:0;left:0;padding:.4rem 8vw .4rem 8vw;background:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.shopitemdetail .pbs .buybtn{position:relative;width:auto;flex:1;height:.88rem;margin:0 2vw;left:0;bottom:0;transform:translateX(0);line-height:.88rem;border-radius:3px}*/

.shopitemdetail .pbs{display:flex;position:fixed;width:100%;bottom:0;left:0;padding:0.4rem 4vw 0.4rem 4vw;background:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.shopitemdetail .pbs .buybtn{position:relative;width:auto;flex:1;height:0.88rem;margin:0 2vw;left:0;bottom:0;transform:translateX(0);line-height:0.88rem;border-radius:3px}
.shopitemdetail .pbs .buybtn_askp{background:#FFA406}
.pbsbtnwrap{display:flex;flex:1}
.shopitemdetail .pbs .btnkefu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:0.8rem;margin:0 0.4rem 0 0.2rem}
.shopitemdetail .pbs .btnkefu i{display:block;width:0.4rem;height:0.4rem;background:url(https://u-static.lmjx.net/mtcloud/images/vcard/fbtnkefuicon.png) center center no-repeat;background-size:100% auto}


.shopitempurchasewrap .bbbbox .bbbbox_inin,.shopitempurchasewrap .bbbbox .bbbbox_inin .shopitempurchase{padding:0 0 1.6rem}
.shopitempurchasewrap .bbbbox_top .bbbbox_title{align-items:center;height:1rem;box-sizing:border-box}
.shopitempurchase{padding:.16rem}
.shopitempurchase .dproduct{display:flex;padding:.26rem .24rem 0;box-sizing:border-box}
.shopitempurchase .dproduct .icon{display:block;width:2.02rem;min-width:2.02rem;height:2rem;font-size:0;line-height:1.96rem;text-align:center;border:1px solid #f5f5f5;box-sizing:border-box}
.shopitempurchase .dproduct .icon img{max-width:100%;max-height:100%;vertical-align:top}
.shopitempurchase .dproduct .in{display:flex;flex-direction:column;flex:1;margin-left:.24rem;background:none}
.shopitempurchase .dproduct .pname{display:block;margin-top:.1rem;font-size:.28rem;font-weight:bold;line-height:.32rem;color:#313131}
.shopitempurchase .dproduct .pname2{display:block;font-size:.24rem;line-height:.32rem;margin-top:auto;color:#6b6b6b}
.shopitempurchase .dproduct .pprice{display:block;margin-top:.1rem;font-size:.28rem;line-height:.6rem;color:#ff4200}
.shopitempurchase .dproduct .pprice span{}
.shopitempurchase .dpinput{margin:.2rem .2rem 0}
.shopitempurchase .dpinput input{display:block;width:100%;height:.5rem;margin:0 auto;padding:0 .16rem;font-size:.24rem;line-height:.5rem;color:#535353;background:#f9f9fb;box-sizing:border-box}
.shopitempurchase .dpselect{margin:.2rem .2rem 0;padding:0 .56rem 0 .16rem;font-size:.24rem;line-height:.48rem;color:#535353;box-sizing:border-box;background:#f9f9fb url(https://vip-static.lmjx.net/inmark/u/images/live/dpselect.png) right .44rem center no-repeat;background-size:.16rem auto}
.shopitempurchase .dpselect .text{display:block;width:100%;height:.5rem;margin:0 auto;font-size:.24rem;line-height:.48rem;color:#535353;background:#f9f9fb;box-sizing:border-box;background:url(https://vip-static.lmjx.net/inmark/u/images/live/dpselect.png) right .44rem center no-repeat;background-size:.16rem auto}
.shopitempurchase .num{display:block;margin:.12rem .2rem 0;font-size:.24rem;line-height:.48rem;color:#535353}
.shopitempurchase .num span{color:#fb6f24}
.shopitempurchase .pbbs{display:flex;position:fixed;width:100%;bottom:0;left:0;padding:0.3rem .24rem 0.3rem .24rem;background:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);box-sizing:border-box;box-shadow:0 -2px 10px rgba(0,0,0,.1)}
.shopitempurchase .toprice{display:flex;align-items:center;font-size:.2rem;line-height:.84rem;color:#666}
.shopitempurchase .toprice span{margin-left:2px;font-size:.4rem;font-weight:bold;line-height:.84rem;color:#ff3f0b}
.shopitempurchase .submit{display:block;width:2.28rem;height:.84rem;margin-left:auto;font-size:.3rem;line-height:.84rem;text-align:center;color:#fff;background:#fb6f24;border-radius:3px}
.shopitempurchase .submit.dis{background:#bbabab}
.shopitempurchase .tips{display:block;margin:.2rem .24rem 0;font-size:.24rem;line-height:.48rem;text-align:center;color:#ff0000}
.shopitempurchase .fffbg{background:#fff;padding:.16rem;border-radius:.2rem;height:auto}
.shopitempurchase .components-form-number-inputs{display:flex;flex-direction:row;width:2.24rem}
.shopitempurchase .components-form-number-inputs-add{display:block;width:.6rem;height:.6rem;font-size:.44rem;line-height:.56rem;text-align:center;color:#777;border:1px solid #ddd;box-sizing:border-box}
.shopitempurchase .components-form-number-inputs-add.disabled{color:#ddd}
.shopitempurchase .components-form-number-inputs-add:first-child{border-radius:.1rem 0 0 .1rem}
.shopitempurchase .components-form-number-inputs-add:last-child{border-radius:0 .1rem .1rem 0}
.shopitempurchase .components-form-number-inputs-num{display:block;width:1.04rem;height:.6rem;font-size:.24rem;text-align:center;line-height:.58rem;color:#4f4f4f;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;-webkit-appearance:none;border-radius:0;outline:none;box-shadow:0}
.shopitempurchase .buynum{display:flex;align-items:center;margin-top:.2rem;padding:.2rem .24rem;font-size:.24rem;line-height:.6rem;color:#666}
.shopitempurchase .buynum .buynum-span{font-size:.28rem;color:#000}
.shopitempurchase .buynum .buynum-span-tip{margin-left:.2rem}
.shopitempurchase .components-form-number-inputs{margin-left:auto}
.shopitempurchase .address{display:flex;align-items:center;height:1.92rem;padding:0 .32rem;font-size:.3rem;font-weight:600;line-height:.4rem;color:#999;border-top:1px solid #f5f5f5;border-bottom:.2rem solid #f5f5f5;background:url(../images/kliveapp/shopaddressbg.jpg) bottom center no-repeat;background-size:100% auto}
.shopitempurchase .address i{display:block;width:.32rem;min-width:.32rem;height:.32rem;margin-right:.2rem;background:url(../images/kliveapp/shopaddressgray.png) bottom center no-repeat;background-size:100% auto}
.shopitempurchase .address .addressin{flex:1;margin-left:.16rem}
.shopitempurchase .address .addressin .head{display:flex;justify-content:flex-start;font-size:.24rem;line-height:.38rem;color:#333}
.shopitempurchase .address .addressin .addresstext{display:block;font-size:.26rem;font-weight:normal;line-height:.38rem;color:#333}
.shopitempurchase .address .addressin .addresstext .text2{display:block;margin-top:.1rem;font-size:.3rem;font-weight:bold;color:#242424}
.shopitempurchase .address .addressuinf{margin-top:.1rem;color:#242424;font-size:.26rem;font-weight:normal;line-height:.38rem;color:#333}
.shopitempurchase .address span.dd{display:block;width:.14rem;height:.14rem;margin-left:.1rem;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg)}
.newaddress{display:flex;align-items:center;height:1.92rem;padding:0 .32rem;font-size:.3rem;font-weight:600;line-height:.4rem;color:#999;border-top:1px solid #f5f5f5;border-bottom:.2rem solid #f5f5f5;background:url(../images/kliveapp/shopaddressbg.jpg) bottom center no-repeat;background-size:100% auto}
.newaddress i{display:block;width:.44rem;height:.44rem;margin-right:.32rem;margin-bottom:1px;background:url(../images/kliveapp/shopaddressgray.png) center center;background-size:100% auto}
.newaddress span{margin-left:auto;font-size:.26rem;color:#555}
.newaddress span.dd{display:block;width:.14rem;height:.14rem;margin-left:.1rem;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg)}


.shopcarteorderwrap{}
.shopcarteorderwrap .shopcarteorderin{padding:0}
.shopcarteorderwrap .shopcarteorderin .shopcarteordercontent{margin-top:.2rem;padding-bottom:1rem}
.eorder-item{padding:.26rem .24rem .3rem;border-top:.2rem solid #f5f5f5}
.eorder-item .eorder-item-top{display:flex;align-items:center;font-size:.26rem;line-height:.38rem;color:#757575}
.eorder-item .eorder-item-top span{display:block;margin-left:auto;color:#ff6f28}
.eorder-item .eorder-item-in-1{display:flex;margin-top:.16rem}
.eorder-item .eorder-item-in-1 .icon1{display:block;width:1.76rem;min-width:1.76rem;height:1.76rem;margin-right:.24rem;font-size:0;line-height:1.72rem;text-align:center;border:1px solid #f5f5f5;box-sizing:border-box;border-radius:3px;overflow:hidden}
.eorder-item .eorder-item-in-1 .icon1 img{max-width:100%;max-height:100%;vertical-align:middle}
.eorder-item .eorder-item-in-1 .eorder-item-in{display:flex;flex-direction:column;padding:.14rem 0 .2rem}
.eorder-item .eorder-item-in-1 .eorder-title{display:block;font-size:.28rem;font-weight:bold;line-height:.32rem;color:#180d15}
.eorder-item .eorder-item-in-1 .eorder-mselects{display:block;font-size:.26rem;line-height:.4rem;color:#666}
.eorder-item .eorder-item-in-1 .eorder-mselects{margin-top:auto}
.eorder-item .eorder-item-b1{display:flex;align-items:center;margin-top:.2rem;font-size:.24rem;line-height:.34rem;color:#666}
.eorder-item .eorder-item-b1 span{margin-left:auto}
.eorder-item .eorder-item-b2{display:flex;align-items:center;margin-top:.48rem}
.eorder-item .eorder-item-b2 .bprice{display:block;font-size:.24rem;line-height:.34rem;color:#666}
.eorder-item .eorder-item-b2 .bprice span{margin-left:.1rem;font-size:.32rem;font-weight:bold;color:#242424}
.eorder-item .eorder-item-b2 .opds{display:flex;margin-left:auto}
.eorder-item .eorder-item-b2 .opds .abtn{display:block;width:1.5rem;height:.6rem;margin-left:.34rem;font-size:.24rem;font-weight:bold;line-height:.56rem;text-align:center;color:#333;border-radius:3px;box-sizing:border-box}
.eorder-item .eorder-item-b2 .opds .abtn.abtne{border:1px solid #d8d8d8}
.eorder-item .eorder-item-b2 .opds .abtn.abtnn{color:#fff;background:#ff6519;border:1px solid #ff6519}
.eorderdetailwrap{}
.eorderdetailwrap .eorderdetail{padding:0 0 1.44rem !important;}
.eorderdetailwrap .eorderdetail .eorderstatus{display:flex;align-items:center;padding:.28rem .24rem;font-size:.36rem;line-height:.46rem;color:#333}
.eorderdetailwrap .eorderdetail .eorderstatus i{display:block;width:.4rem;height:.4rem;margin-right:.16rem}
.eorderdetailwrap .eorderdetail .eorderstatus i.status-7{background:url(../images/kliveapp/daifukuan.png) center center no-repeat;background-size:100% auto}
.eorderdetailwrap .eorderdetail .eorderstatus i.status1{background:url(../images/kliveapp/daifahuo.png) center center no-repeat;background-size:100% auto}
.eorderdetailwrap .eorderdetail .eorderstatus i.status8{background:url(../images/kliveapp/yifahuo.png) center center no-repeat;background-size:100% auto}
.eorderdetailwrap .eorderdetail .eorderstatus i.status9{background:url(../images/kliveapp/wancheng.png) center center no-repeat;background-size:100% auto}
.eorderdetailwrap .eorderdetail .eexpress{display:flex;align-items:center;padding:0 .28rem;height:1.25rem;font-size:.3rem;line-height:.5rem;color:#333;border-top:1px solid #f5f5f5}
.eorderdetailwrap .eorderdetail .eexpress span{display:block;margin-left:auto}
.eorderdetailwrap .eorderdetail .address{display:flex;align-items:center;height:1.92rem;padding:0 .32rem;font-size:.3rem;font-weight:600;line-height:.4rem;color:#999;border-top:1px solid #f5f5f5;border-bottom:.2rem solid #f5f5f5;background:url(../images/kliveapp/shopaddressbg.jpg) bottom center no-repeat;background-size:100% auto}
.eorderdetailwrap .eorderdetail .address i{display:block;width:.32rem;min-width:.32rem;height:.32rem;margin-right:.2rem;background:url(../images/kliveapp/shopaddressgray.png) bottom center no-repeat;background-size:100% auto}
.eorderdetailwrap .eorderdetail .address .addressin{flex:1;margin-left:.16rem}
.eorderdetailwrap .eorderdetail .address .addressin .head{display:flex;justify-content:flex-start;font-size:.24rem;line-height:.38rem;color:#333}
.eorderdetailwrap .eorderdetail .address .addressin .addresstext{display:block;font-size:.26rem;font-weight:normal;line-height:.38rem;color:#333}
.eorderdetailwrap .eorderdetail .address .addressin .addresstext .text2{display:block;margin-top:0.1rem;font-size:.3rem;font-weight:bold;color:#242424}
.eorderdetailwrap .eorderdetail .address .addressuinf{margin-top:0.1rem;color:#242424;font-size:.26rem;font-weight:normal;line-height:.38rem;color:#333}
.eorderdetailwrap .eorderdetail .address span.dd{display:block;width:.14rem;height:.14rem;margin-left:.1rem;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg)}
.eorderdetailwrap .eorderdetail .eordereitems{padding:0 .22rem}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem{display:flex;padding:.24rem 0;border-top:1px solid #f2f2f2}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem:first-child{border:0}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .icon1{display:block;width:1.76rem;min-width:1.76rem;height:1.76rem;margin-right:.24rem;font-size:0;line-height:1.72rem;text-align:center;border:1px solid #f5f5f5;box-sizing:border-box;border-radius:3px;overflow:hidden}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .icon1 img{max-width:100%;max-height:100%;vertical-align:middle}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .eorder-item-in{display:flex;flex-direction:column;flex:1;padding:.14rem 0 .2rem}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .eorder-title{display:block;font-size:.28rem;font-weight:bold;line-height:.32rem;color:#180d15}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .eorder-sprice{display:block;margin-top:auto;font-size:.24rem;line-height:.34rem;color:#323232}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .eorder-mselects{display:block;font-size:.26rem;line-height:.4rem;color:#666}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .eorder-mselects{margin-top:auto}
.eorderdetailwrap .eorderdetail .eordereitems .eordereitem .eorder-item-num{display:flex;align-items:flex-end;margin-bottom:.2rem;font-size:.28rem;line-height:.38rem;color:#333}
.eorderdetailwrap .eorderdetail .eorderinfos{padding:.42rem .34rem;border-top:.2rem solid #f5f5f5}
.eorderdetailwrap .eorderdetail .eorderinfos .dinftitle{display:block;font-size:.26rem;line-height:.34rem;color:#242424}
.eorderdetailwrap .eorderdetail .eorderinfos .dinfos{margin-top:.24rem}
.eorderdetailwrap .eorderdetail .eorderinfos .dinfos .dinfositem{display:flex;font-size:.24rem;line-height:.6rem;color:#666}
.eorderdetailwrap .eorderdetail .eorderinfos .dinfos .dinfositem .in{margin-left:auto}
.eorderdetailwrap .eorderdetail .pbbs{display:flex;position:fixed;width:100%;bottom:0;left:0;padding:0.3rem .24rem 0.3rem .24rem;background:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);box-sizing:border-box;box-shadow:0 -2px 10px rgba(0,0,0,.1)}
.eorderdetailwrap .eorderdetail .toprice{display:flex;align-items:center;font-size:.2rem;line-height:.84rem;color:#666}
.eorderdetailwrap .eorderdetail .toprice span{margin-left:2px;font-size:.4rem;font-weight:bold;line-height:.84rem;color:#ff3f0b}
.eorderdetailwrap .eorderdetail .submit{display:block;width:2.28rem;height:.84rem;margin-left:auto;font-size:.3rem;line-height:.84rem;text-align:center;color:#fff;background:#fb6f24;border-radius:3px}
.eorderdetailwrap .eorderdetail .submit.dis{background:#bbabab}
.eorderdetailwrap .eorderdetail .atipbtn{display:block;width:2.28rem;height:.84rem;margin-left:auto;font-size:.3rem;line-height:.8rem;text-align:center;color:#333;border-radius:3px;border:1px solid #d8d8d8;box-sizing:border-box}

.kmeetingapp_top_zoom { position: absolute;bottom: -0.5rem;right: 0;z-index: 2;}
.kmeetingapp_top_zoom .ibtntozoombig {display: flex;align-items: center;padding: 0 .14rem;height: 0.5rem;font-size: 0.2rem;font-weight: bold;line-height: 0.48rem;color: #fff;cursor: pointer;background: #000;}
.kmeetingapp_top_zoom .ibtntozoombig i {display:block;width:0.26rem;height:0.26rem;margin-top:-0.06rem;margin-right:0.08rem;background: url(../images/app/maximizeicons.png) center center no-repeat;background-size: 100% auto;}

.caddressslistbox .bbbbox_top{}
.caddressslistbox .bbbbox_top .bbbbox_title{align-items:center;height:1rem;box-sizing:border-box}
.caddressslistbox{}
.caddressslistbox .caddressslistboxin{padding:0 0 1.4rem;border-top:1px solid #f5f5f5}
.caddressslistbox .caddressslistboxin .uweichataddress{display:block;position:relative;font-size:.28rem;line-height:.6rem;color:#242424;background:url(https://u-static.lmjx.net/2022/live/m/images/selectarrow.png) right 0.34rem center no-repeat;background-size:0.2rem auto;display:flex;flex-wrap:wrap;align-items:center;position:relative;padding:0.28rem .24rem 0.28rem 0.24rem;border-bottom:1px solid #f5f5f5;box-sizing:border-box}
.caddressslistbox .caddressslistboxin .uweichataddress span{display:block;width:.4rem;height:.4rem;margin-left:auto;margin-right:.4rem;background:url(../images/kliveapp/waddressicon.png) center center no-repeat;background-size:.35rem auto}
.caddressslistbox .caddress-item{display:block;position:relative;border-bottom:.2rem solid #f5f5f5}
.caddressslistbox .caddress-item .caddress-item-h{padding:.42rem .24rem .32rem}
.caddressslistbox .caddress-item .caddress-item-h span{display:block}
.caddressslistbox .caddress-item .caddress-item-h .item-h-1{display:block;font-size:.26rem;line-height:.34rem;color:#555}
.caddressslistbox .caddress-item .caddress-item-h .item-hd{display:block;margin-top:.1rem;font-size:.3rem;font-weight:bold;line-height:.34rem;color:#242424}
.caddressslistbox .caddress-item .caddress-item-h .item-uf{display:block;margin-top:.2rem;font-size:.26rem;line-height:.34rem;color:#555}
.caddressslistbox .caddress-item .item-ops{display:flex;align-items:center;height:.86rem;padding:0 .34rem 0 .24rem;font-size:.24rem;line-height:.86rem;color:#666;border-top:1px solid #f5f5f5;box-sizing:border-box}
.caddressslistbox .caddress-item .item-ops .checkop{padding-left:.42rem;background:url(../images/kliveapp/addresscheck.png) left center no-repeat;background-size:.28rem auto}
.caddressslistbox .caddress-item .item-ops .checkop.checkoped{background:url(../images/kliveapp/addresschecked.png) left center no-repeat;background-size:.28rem auto}
.caddressslistbox .caddress-item .item-ops .item-ops-r{display:flex;margin-left:auto}
.caddressslistbox .caddress-item .item-ops .atbtn{margin-left:.8rem}
.caddressslistbox .caddress-item .ucheck{display:block;position:absolute;width:.4rem;height:.4rem;top:.7rem;right:.24rem}
.caddressslistbox .caddress-item .ucheck.checked{background:url(../images/kliveapp/addressitemcheck.png) center center no-repeat;background-size:.28rem auto}
.caddressslistbox .ppbs{position:fixed;width:100%;bottom:0;left:0;padding:.4rem 0 .4rem 10vw;background:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.caddressslistbox .ppbs .btn1{width:80vw;height:.88rem;line-height:.88rem}

.caddresseditbox .ppbs{width:100%;padding:.4rem 0 .4rem 10vw;background:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.caddresseditbox .ppbs .btn1{width:80vw;height:.88rem;line-height:.88rem}


/*预览*/
.appvideopopup{display:block;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999}
.appvideopopupmask{display:block;display:block;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(21,21,23,0.9);z-index:999}
.appvideopopupin{display:block;display:block;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999}
.appvideopopup .appvideoin{display:block;position:fixed;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;box-sizing:border-box}
.appvideopopup .appvideoin video{width:100%;height:100%}
.appvideoclosebtn{display:flex;align-items:center;position:absolute;height:.64rem;top:.28rem;left:.34rem;padding:0 .36rem 0 .2rem;font-size:.24rem;line-height:.64rem;color:#fff;background:rgba(0,0,0,0.5);z-index:1001;border-radius:.64rem}
.appvideoclosebtn i{display:block;width:.3rem;height:.3rem;margin-right:.06rem;background:url(../images/vrapp/v_back_w.png) center center no-repeat;background-size:100% auto}
.appvideopopup .closebtn{position:absolute;width:.64rem;height:.64rem;top:.28rem;right:.34rem;background:url(../images/vrapp/aop_close_w.png) center center no-repeat;background-size:70% auto;z-index:1001}


/*浮动产品*/
.callroom_app_kserviceapp_ffproduct {display: block;position: fixed;bottom: 2.02rem;right: .25rem;;width: 2.16rem;height: 3.32rem;padding-top: .15rem;background: #fff;border-radius: .1rem;border-bottom: .1rem solid #FCBC0B;box-sizing: border-box;}
.callroom_app_kserviceapp_ffproduct .icon {display: flex;align-items: center;justify-content: center;width: 100%;height: 1.58rem;font-size: 0;}
.callroom_app_kserviceapp_ffproduct .icon img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.callroom_app_kserviceapp_ffproduct .name {display: block;height: .6rem;padding: 0 .16rem;margin-top: .14rem;font-size: .24rem;line-height: .3rem;color: #333;}
.callroom_app_kserviceapp_ffproduct .godetail {display: block;margin-top: .22rem;font-size: .24rem;line-height: .44rem;font-weight: bold;text-align: center;color: #F6722A;}
.callroom_app_kserviceapp_ffproduct .iclose {display: block;position: absolute;width: .4rem;height: .4rem;margin: 0;top: 0;right: 0;background: url(../images/vrapp/close_d.png) center center no-repeat;background-size: 20px auto;}


.livemessages_dops {display: flex;align-items: center;position: relative;margin-left: .24rem;background: rgba(0, 0, 0, 0.7);border-radius: 3px;}
.livemessages_dmore {display: flex;align-items: center;margin-right: .2rem;padding: 0.1rem 0.12rem;font-size: .24rem;line-height: .34rem;color: #fff;background: rgba(0, 0, 0, .3);box-sizing: border-box;word-break: break-all;}
.livemessages_dmore i {display: block;width: 5px;height: 5px;margin-left: 5px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(45deg);}
.livemessages_dmore .mmnum {color: #ffc21e;}
.livemessages_dmore_open i {transform: rotate(-135deg);margin-top: 2px;}
.livemessages_moresendbtn {display: flex;align-items: center;padding: 0.1rem 0.12rem;font-size: .24rem;line-height: .34rem;color: #fff;border-radius: 0.1rem;box-sizing: border-box;word-break: break-all;}
.livemessages_moresendbtn i {display: block;width: .28rem;height: .28rem;margin-right: 5px;background: url(../images/kserviceapp/moresend.png) center center no-repeat;background-size: 100% auto;}
.livemessages_dops .livemessages_zoombig {display: flex;align-items: center;position: relative;padding: 0 .14rem;height: 0.5rem;font-size: 0.2rem;font-weight: bold;line-height: 0.48rem;color: #fff;cursor: pointer;}
.livemessages_dops .livemessages_zoombig i {display: block;width: .28rem;height: .28rem;margin-right: 5px;background: url(../images/app/maximizeicons.png) center center no-repeat;background-size: 100% auto;}
.livemessages_dops .livemessages_zoombig::before {display: block;position: absolute;content: '';width: 1px;height: .2rem;left: 0;top: 50%;margin-top: -0.1rem;background: #8C8C8C;}
.livemessages_dops .livemessages_dops_bar {display: block;position: absolute;width: .78rem;height: .1rem;border-radius: .1rem;background: rgba(42, 42, 42, 0.5);top: -0.2rem;left: 50%;margin-left: -0.39rem;}


.sendbtn_video {font-size: .2rem;line-height: .26rem;color: #333;margin-right: .2rem;}
.sendbtn_video i {display: block;width: .52rem;height: .52rem;margin: 0 auto;font-size: 0;background: url(../images/kserviceapp/sendbtn_video.png) center center no-repeat;background-size: .46rem auto;}
.sendbtn_img {font-size: .2rem;line-height: .26rem;color: #333;margin-right: .2rem;}
.sendbtn_img i {display: block;width: .52rem;height: .52rem;margin: 0 auto;font-size: 0;background: url(../images/kserviceapp/sendbtn_img.png) center center no-repeat;background-size: .46rem auto;}


.xap_callroom_app_chatroom_wrap.xap_callroom_app_chatroom_wrap_full {position: static;top: auto;bottom: 0;left: 0;width: 100%;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_app_chatroom_inwrap {display: flex;flex-direction: column;position: absolute;width: 100vw;height: 7rem;margin: 0 auto;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(20px);overflow: hidden;border-radius: 0.3rem 0.3rem 0 0;}
.xap_callroom_app_chatroom_wrap_full .livemessages_dops {margin-left: 0;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_app_chatroom {max-height: calc(60vh - 1.92rem);flex: 1;position: relative;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_app_chatroom_full_bg {}

.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_bottombar{display:flex;align-items:center;height:1.2rem;min-height:1.2rem;padding:0 .24rem 0;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_bottombar .xap_callroom_full_messagesender{display:block;flex:1;height:.7rem;padding:0 .28rem;font-size:.24rem;line-height:.7rem;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:rgba(0,0,0,.3);border-radius:.7rem;-webkit-border-radius:.7rem;-moz-border-radius:.7rem;-ms-border-radius:.7rem;-o-border-radius:.7rem}

.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_bottombar_icons {display: flex;align-items: center;margin-left: .3rem;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_bottombar_icons .sendbtn_video {font-size: .2rem;line-height: .26rem;color: #333;margin-right: .3rem;background: #000000;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: .7rem;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_bottombar_icons .sendbtn_video i {display: block;width: .52rem;height: .52rem;margin: 0 auto;font-size: 0;background: rgba(0,0,0,.3) url(../images/kserviceapp/sendbtn_videoc.png) center center no-repeat;background-size: .36rem auto;border-radius: .52rem;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_bottombar_icons .sendbtn_img {font-size: .2rem;line-height: .26rem;color: #333;margin-right: .3rem;background: #000000;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: .7rem;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_bottombar_icons .sendbtn_img i {display: block;width: .52rem;height: .52rem;margin: 0 auto;font-size: 0;background: rgba(0,0,0,.3) url(../images/kserviceapp/sendbtn_imgc.png) center center no-repeat;background-size: .36rem auto;border-radius: .52rem;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_topbar {height: .72rem;order: -1;}
.xap_callroom_app_chatroom_wrap_full .xap_callroom_full_topbar .xap_callroom_full_topbar_close {display: block;position: absolute;width: .4rem;height: .4rem;margin: 0;top: .16rem;right: .16rem;background: url(../images/vrapp/close_d.png) center center no-repeat;background-size: 20px auto;}

.xap_callroom_app_chatroom_wrap_full .sendbtn_voice {font-size: .2rem;line-height: .26rem;color: #333;margin-right: .3rem;background: #000000;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: .7rem;}
.xap_callroom_app_chatroom_wrap_full .sendbtn_voice i {display: block;width: .52rem;height: .52rem;margin: 0 auto;font-size: 0;background: rgba(0,0,0,.3) url(../images/kserviceapp/sendbtn_voice.png) center center no-repeat;background-size: .36rem auto;border-radius: .52rem;}


/*评价*/
.callroom_app_kserviceapp_servicetip {position: relative;width: 5.98rem;padding: .52rem .55rem .42rem;background: #fff;box-sizing: border-box;border-radius: .24rem;}
.callroom_app_kserviceapp_servicetip .ttit {display: block;margin: 0 auto;font-size: .32rem;font-weight: bold;line-height: .42rem;text-align: center;color: #F6722A;}
.callroom_app_kserviceapp_servicetip .ttext {display: block;margin: .8rem auto 0;font-size: .26rem;line-height: .34rem;text-align: center;color: #333;}
.callroom_app_kserviceapp_servicetip .btnwrap {display: flex;align-items: center;justify-content: center;margin: .94rem auto 0;}
.callroom_app_kserviceapp_servicetip .btnwrap .btn {display: block;min-width: 2.2rem;max-width: 2.8rem;flex: 1;height: .8rem;margin: 0 .2rem;padding: 0 .2rem;font-size: .28rem;line-height: .76rem;text-align: center;color: #767676;border: 1px solid #D8D8D8;border-radius: .1rem;box-sizing: border-box;}
.callroom_app_kserviceapp_servicetip .btnwrap .btn.gray {color: #999;background: #F4F4F4;border-color: #F4F4F4;}
.callroom_app_kserviceapp_servicetip .btnwrap .btn.orange {color: #fff;background: #F6722A;border-color: #F6722A;}
.callroom_app_kserviceapp_servicetip .tclose {display: block;position: absolute;width: .6rem;height: .6rem;top: .06rem;right: .06rem;background: url(../images/vrapp/close_d.png) center center no-repeat;background-size: .4rem auto;}

.callroom_app_kserviceapp_comment {background: #f5f5f5;padding-bottom: .6rem;}
.callroom_app_kserviceapp_comment .kcshead {display: flex;align-items: center;justify-content: center;position: relative;height: .94rem;}
.callroom_app_kserviceapp_comment .kcshead .kcshback {display: block;position: absolute;top: 0;left: 0;width: .94rem;height: .94rem;}
.callroom_app_kserviceapp_comment .kcshead .kcshback i {display: block;position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;margin-top: -4px;transform: translate(-50%,-50%);border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(135deg);}
.callroom_app_kserviceapp_comment .kcshead .kcstitle {display: block;font-size: .3rem;line-height: .94rem;color: #333;}
.callroom_app_kserviceapp_comment .kcsuser {padding: .5rem 0;background: #fff;}
.callroom_app_kserviceapp_comment .kcsuser .icon {display: block;width: 1.4rem;height: 1.4rem;margin: 0 auto;border-radius: 1.4rem;overflow: hidden;}
.callroom_app_kserviceapp_comment .kcsuser .icon img {vertical-align: top;width: 100%;}
.callroom_app_kserviceapp_comment .kcsuser .name {display: block;margin-top: .26rem;font-size: .28rem;line-height: .4rem;text-align: center;color: #333;}
.callroom_app_kserviceapp_comment .kcsbox {display: block;width: 7rem;min-height: 3.5rem;margin: .25rem auto 0;padding: .24rem .28rem;background: #fff;box-sizing: border-box;}
.callroom_app_kserviceapp_comment .kcsbox .kcstit {display: block;font-size: .26rem;line-height: .36rem;color: #777;}
.callroom_app_kserviceapp_comment .kcsbox .vstar {margin-top: .1rem;}
.callroom_app_kserviceapp_comment .kcsbox .vstar .item {display: flex;align-items: center;padding: .2rem 0;}
.callroom_app_kserviceapp_comment .kcsbox .vstar .item h5 {display: block;width: 2.1rem;font-size: .3rem;line-height: .36rem;color: #333;}

.callroom_app_kserviceapp_comment .btnwrap {display: flex;align-items: center;justify-content: center;margin: 1.22rem auto 0;}
.callroom_app_kserviceapp_comment .btnwrap .btn {display: block;min-width: 2.2rem;max-width: 3.1rem;flex: 1;height: .8rem;margin: 0 .2rem;padding: 0 .2rem;font-size: .28rem;line-height: .76rem;text-align: center;color: #767676;border: 1px solid #D8D8D8;border-radius: .1rem;box-sizing: border-box;}
.callroom_app_kserviceapp_comment .btnwrap .btn.gray {color: #999;background: #F4F4F4;border-color: #DFDFDF;}
.callroom_app_kserviceapp_comment .btnwrap .btn.orange {color: #fff;background: #F6722A;border-color: #F6722A;}

.vstar span{float:left;width:28px;height:28px;padding:0;margin:0;overflow:hidden;cursor:pointer}
.vstar .vstar-blank{background:none;width:auto;margin-left:5px;line-height:32px}
.vstar div{clear:both}
.vstar .vstar-s1 span{width:20px}
.vstar .vstar-1{background:url(../images/app/vstar1.png) center center no-repeat;background-size: 100% auto;}
.vstar .vstar-2{background:url(../images/app/vstar2.png) center center no-repeat;background-size: 100% auto;}


.proaboutbtn {position: fixed;left: .48rem;bottom: 1rem;display: flex;align-items: center;justify-content: center;height: .52rem;padding: 0 .14rem 0 .04rem;background: rgba(255, 255, 255, 0.1);box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.15);font-size: .24rem;line-height: .24rem;color: #9E9E9E;}
.proaboutbtn i {display: block;width: .46rem;height: .46rem;margin-right: .18rem;background: url(../images/vcard/proaboutbtn.png) center center no-repeat;background-size: 100% auto;position: relative;}
.proaboutbtn i::after {display: block;position: absolute;content: '';width: 1px;height: .24rem;top: 50%;margin-top: -0.12rem;background: rgba(255, 255, 255, .2);left: calc(100% + 0.06rem);}


.ffproswiper_box {position: fixed;left: .4rem;bottom: 1.86rem;}
.ffproswiper {width: 6.7rem;}
.ffproswiper .item {display: flex;position: relative;width: 5.3rem;height: 1.7rem;padding: .2rem;box-sizing: border-box;background: #fff;border-radius: .1rem;}
.ffproswiper .item .icon {display: flex;align-items: center;justify-content: center;width: 1.3rem;min-width: 1.3rem;height: 1.3rem;margin-right: .26rem;box-sizing: border-box;border: 1px solid #F5F5F5;border-radius: .1rem;}
.ffproswiper .item .icon img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.ffproswiper .item .itemin {padding: .12rem 0;}
.ffproswiper .item .name {display: block;font-size: .28rem;line-height: .42rem;color: #242424;}
.ffproswiper .item .agodetail {display: block;position: absolute;width: 1.3rem;height: .52rem;right: .2rem;bottom: .2rem;font-size: .22rem;font-weight: bold;line-height: .52rem;text-align: center;color: #fff;background: #F6722A;border-radius: .06rem;}

/*.ffproswiper .swiper-slide-active::before,*/
.ffproswiper .swiper-slide:first-child::before {display: block;position: absolute;content: '';width: .2rem;height: .2rem;background: #fff;border-radius: 3px;transform: rotate(45deg);left: .3rem;bottom: -5px;}

/*同声传译*/
.btranscontent {padding: .24rem .24rem;}
.btranscontent .btranscontent_switch {display: flex;align-items: center;margin-bottom: .1rem;}
.btranscontent .btranscontent_switch .label {width: 1.42rem;font-size: .26rem;line-height: .58rem;color: #444;}
.btranscontent .btranscontent_switch .tips {margin-left: .16rem;font-size: .24rem;line-height: .58rem;color: #505666;}

.btranscontent_language_from {display: flex;padding-top: .08rem;}
.btranscontent_language_from .label {width: 1.42rem;font-size: .26rem;line-height: .58rem;color: #444;}
.btranscontent_language_from .lanlist {display: flex;flex-wrap: wrap;flex: 1;margin-left: -0.15rem;}
.btranscontent_language_from .lanlist .item {display: block;width: 1.26rem;height: .58rem;margin-bottom: .24rem;margin-left: .15rem;font-size: .24rem;line-height: .58rem;color: #222;text-align: center;background: #F6F6F6;border-radius: 3px;}
.btranscontent_language_from .lanlist .item.cur {background: #FF7744;color: #fff;}

.btranscontent_language_to {display: flex;padding-top: .08rem;}
.btranscontent_language_to .label {width: 1.42rem;font-size: .26rem;line-height: .58rem;color: #444;}
.btranscontent_language_to .lanlist {display: flex;flex-wrap: wrap;flex: 1;margin-left: -0.15rem;}
.btranscontent_language_to .lanlist .item {display: block;width: 1.26rem;height: .58rem;margin-bottom: .24rem;margin-left: .15rem;font-size: .24rem;line-height: .58rem;color: #222;text-align: center;background: #F6F6F6;border-radius: 3px;}
.btranscontent_language_to .lanlist .item.cur {background: #FF7744;color: #fff;}

.itranslatebtn {display:block;width:.7rem;min-width:.7rem;height:.7rem;font-size:0;line-height:.7rem;background:rgba(0,0,0,.3);border-radius:.7rem;overflow:hidden;margin-right: .2rem;background: url(../images/kmeetingapp/voiceinputicon.png) center center no-repeat;background-size: .4rem auto;}
.itranslatebtn_off {background: url(../images/kmeetingapp/itranslateicon2.png) center center no-repeat;background-size: .5rem auto;}

.kmeetingapp_message_sender_ist {max-height: .68rem;padding: .2rem .24rem .1rem;font-size: .24rem;line-height: .34rem;color: #fff;overflow-y: auto;border-top: 1px solid #42454d;}

/*技术支持*/
.tcopyright {display: flex;flex-direction: column;justify-content: center;position: fixed;width: 4.14rem;height: 1.92rem;bottom: 1.54rem;right: .1rem;padding: .28rem .38rem;background: rgba(0, 0, 0, 0.7);border-radius: .2rem;box-sizing: border-box;z-index: 2;}
.tcopyright::before {display: block;position: absolute;content: '';width: 0;height: 0;bottom:  -0.16rem;right: .4rem;border: 4px solid transparent;border-top: 4px solid rgba(0, 0, 0, 0.7);}
.tcopyright .tctext {padding: .1rem;font-size: .26rem;line-height: .38rem;color: #CBCBCB;}
.tcopyright .tctext span,.tcopyright .tctext a {color: #F07217;}
.tcopyright .tctel {padding: .1rem;font-size: .26rem;line-height: .38rem;color: #CBCBCB;}
.tcopyright .tctel span,.tcopyright .tctel a {color: #fff;}


.appvideopopup .appimagesin {  }
.appvideopopup .appimagesin .swiper-slide { width:100vw; height:100vh; display:flex; justify-content: center; align-items: center; }


.kmeetingapp_toolsbar_smore {
    display: block;
    position: absolute;
    width: 4rem;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: .24rem 0 0;
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 5px;
}

.kmeetingapp_toolsbar_smore::after {
    display: block;
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    left: 50%;
    bottom: -4px;
    margin-left: -3px;
    background: #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    transform: rotate(45deg);
}

.kmeetingapp_toolsbar_smore .aatitle {
    display: block;
    margin-bottom: .06rem;
    padding: 0 .24rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #333;
}

.kmeetingapp_toolsbar_smore .aitem {
    display: block;
    position: relative;
    padding: .1rem .24rem .1rem .54rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #333;
}

.kmeetingapp_toolsbar_smore .aitem::before {
    display: block;
    position: absolute;
    content: '';
    width: .2rem;
    height: .2rem;
    top: .2rem;
    left: .24rem;
    border: 1px solid #444;
    border-radius: .2rem;
    box-sizing: border-box;
}

.kmeetingapp_toolsbar_smore .aitem.cur::before {
    border: 3px solid #034EA2;
}

.kmeetingapp_toolsbar_smore .aacbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .8rem;
    margin-top: .1rem;
    font-size: .26rem;
    line-height: .4rem;
    text-align: center;
    color: #333;
    border-top: 1px solid #eee;
}


.kmeetingapp_devset {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.kmeetingapp_devset-bg {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.kserviceapp_int_entermsg .kmeetingapp_devset { margin:0 auto; }
.kmeetingapp_devset-in {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 6.4rem;
    padding:0 .3rem;
    
    border-radius: .1rem;
    box-sizing: border-box;
	
	    display: flex;
    flex-direction: column;
    align-items: center;
}

.kmeetingapp_devset .roomname {
    display: flex;
    justify-content: center;
    margin-bottom: .45rem;
    font-size: .3rem;
    font-weight: bold;
    line-height: .62rem;
    text-align: center;
    color: #333;
}

.kmeetingapp_devset .roomname span {
    display: block;
    padding: 0 .3rem;
    border-bottom: 1px solid #D8D8D8;
}

.kmeetingapp_devset .close {
    display: block;
    width: .36rem;
    height: .36rem;
    position: absolute;
    top: .16rem;
    right: .16rem;
    background: url(../images/kmeetingapp/close.png) center center no-repeat;
    background-size: 100% auto;
}

.kmeetingapp_devset .rtc_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .55rem;
}

.kmeetingapp_devset .rtc_ic {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
	padding-right:.1rem;
    height: .68rem;
    margin: 0 .1rem;
    background: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    box-sizing: border-box;
}

.kmeetingapp_devset .rtc_ic .rtc_ic_in {
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #333;
}

.kmeetingapp_devset .rtc_ic .rtc_ic_in i {
    display: block;
    width: .4rem;
    height: .4rem;
    margin-right: .12rem;
}

.kmeetingapp_devset .rtc_ic .rtc_ic_more {
    display: block;
    position: relative;
    width: .64rem;
    height: .64rem;
	margin-right: -0.12rem;
    cursor: pointer;
    font-size: 0;
}

.kmeetingapp_devset .rtc_ic .rtc_ic_more::after {
    display: block;
    content: '';
    width: .12rem;
    height: .12rem;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(315deg);
    margin: 0 0 0 .36rem;
    margin-top: .3rem;
}

.kmeetingapp_devset .rtc_ic.rtc_ic_camera {
    position: relative;
}

.kmeetingapp_devset .rtc_ic.rtc_ic_camera .rtc_ic_in i {
    background: url(../images/kliveapp_console/rtc_camera_green.png) center center no-repeat;
    background-size: 100% auto;
}

.kmeetingapp_devset .rtc_ic.rtc_ic_camera .rtc_ic_in.disabled i {
    background: url(../images/kliveapp_console/rtc_camera_close.png) center center no-repeat;
    background-size: 100% auto;
}

.kmeetingapp_devset .rtc_ic.rtc_ic_microphone {
    position: relative;
}

.kmeetingapp_devset .rtc_ic.rtc_ic_microphone .rtc_ic_in i {
    background: url(../images/kliveapp_console/mic_on_green.png) center center no-repeat;
    background-size: 100% auto;
}

.kmeetingapp_devset .rtc_ic.rtc_ic_microphone .rtc_ic_in.disabled i {
    background: url(../images/kliveapp_console/rtc_mic_close.png) center center no-repeat;
    background-size: 100% auto;
}

.kmeetingapp_devset .tostartbtn {
    display: block;
    width: 4.84rem;
    height: .75rem;
    margin: .68rem auto 0;
    background: #1154B5;
    border-radius: .1rem;
    font-size: .3rem;
    line-height: .75rem;
    text-align: center;
    color: #fff;
}


/*语音翻译*/
.livemessages_voice {
  display: flex;
}
.livemessages_voice .voicein {
  display: flex;
  align-items: center;
  position: relative;
  width: 2.6rem;
  height: .52rem;
  margin-top: .14rem;
  padding: 0 .48rem 0 .16rem;
  font-size: .26rem;
  line-height: .36rem;
  color: #333;
  border-radius: .1rem;
  background: #fff;
  box-sizing: border-box;
}
.livemessages_voice .voicein::before {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: -9px;
  left: .1rem;
  border: 5px solid transparent;
  border-bottom: 5px solid #fff
}
.livemessages_voice .voicein .icon {
  display: block;
  width: .46rem;
  height: .46rem;
  background: url(https://u-static.lmjx.net/2023/activeindex/images/voiceline1.png) center center no-repeat;
  background-size: 100% auto;
}
.livemessages_voice .voicein i {
  display: block;
  position: absolute;
  width: .16rem;
  height: .16rem;
  top: 50%;
  right: .16rem;
  transform: translateY(-50%);
  background: #E36059;
  border-radius: .16rem;
}
.livemessages_voice.playing .icon {
  animation: playing 1.5s infinite ease-in-out;
}
@keyframes playing {
  0% {
    background: url(https://u-static.lmjx.net/2023/activeindex/images/voiceline3.png) center center no-repeat;
    background-size: 100% auto;
  }
  25% {
    background: url(https://u-static.lmjx.net/2023/activeindex/images/voiceline2.png) center center no-repeat;
    background-size: 100% auto;
  }
  75% {
    background: url(https://u-static.lmjx.net/2023/activeindex/images/voiceline1.png) center center no-repeat;
    background-size: 100% auto;
  }
  100% {
    background: url(https://u-static.lmjx.net/2023/activeindex/images/voiceline3.png) center center no-repeat;
    background-size: 100% auto;
  }
}

.kmeeting_voicepopup .bbbbox {
  border-radius: 0;
}
.kmeeting_voicepopup .bbbbox .bbbbox_inin {
  padding: 0 0 .15rem;
}
.bbbbox_lanselect {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: .28rem;
  line-height: .4rem;
  color: #313131;
}
.bbbbox_lanselect i {
  display: block;
  width: 0;
  height: 0;
  margin-top: .1rem;
  margin-left: .16rem;
  border: 4px solid transparent;
  border-top: 4px solid #313131;
}

.kmeeting_voicepopup .bbbbox .bbbbox_title {
  text-align: center;
  justify-content: center;
}

.kmeeting_voicepopup .bbbbox .bbbbox_putaway {
  display: flex;
  align-items: center;
  position: absolute;
  left: .3rem;
  top: 0;
  font-size: .3rem;
  line-height: .8rem;
  color: #505666;
}
.kmeeting_voicepopup .bbbbox .bbbbox_putaway i {
  display: block;
  width: .14rem;
  height: .14rem;
  margin-top: -0.08rem;
  margin-right: .16rem;
  border-right: 2px solid #505666;
  border-bottom: 2px solid #505666;
  transform: rotate(45deg);
  border-radius: 1px;
}

.kmeeting_voicepopup .voiceduration {
  display: flex;
  align-items: center;
  padding: 0 .16rem;
}
.kmeeting_voicepopup .voiceduration .voiceduration_line {
  display: block;
  flex: 1;
  height: 2px;
  background: #EAEAEA;
}
.kmeeting_voicepopup .voiceduration .voiceduration_line i {
  display: block;
  width: 0;
  height: 2px;
  background: #5ACB6C;
}
.kmeeting_voicepopup .voiceduration .text {
  display: block;
  min-width: 2.5em;
  font-size: .24rem;
  line-height: .38rem;
  text-align: center;
  color: #505666;
}
.kmeeting_voicepopup .voicetextarea {
  display: block;
  height: 1.9rem;
  margin: .2rem 0 0;
  padding: 0 .16rem;
}
.kmeeting_voicepopup .voicetextarea textarea {
  display: block;
  width: 100%;
  height: 100%;
  padding: .16rem;
  font-size: .28rem;
  line-height: .38rem;
  color: #2F2F2F;
  border: 0;
  font-family: "Microsoft YaHei,Helvetica";
  box-sizing: border-box;
}
.kmeeting_voicepopup .texttranslate {
  display: flex;
  align-items: center;
  height: 1rem;
  padding: 0 .34rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.kmeeting_voicepopup .texttranslate .vswitch {
  margin-right: .2rem;
}
.kmeeting_voicepopup .texttranslate .cbtn {
  display: flex;
  align-items: center;
  margin-left: auto
}
.kmeeting_voicepopup .texttranslate .cbtn i {
  display: block;
  width: .14rem;
  height: .14rem;
  margin-left: .16rem;
  border-right: 2px solid #505666;
  border-bottom: 2px solid #505666;
  transform: rotate(-45deg);
  border-radius: 1px;
}
.kmeeting_voicepopup .texttranslate.texttranslate_dis {
  color: #969696;
}
.kmeeting_voicepopup .saybtn {
  display: block;
  width: 3.6rem;
  height: .68rem;
  margin: .4rem auto .6rem;
  font-size: .28rem;
  line-height: .68rem;
  text-align: center;
  color: #fff;
  background: #207FEE;
  border-radius: .1rem;
}
.kmeeting_voicepopup .saybtn_recording {
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;     
	-moz-user-select: none;
	-ms-user-select: none;
}
.kmeeting_voicepopup .saybtn_recording span {
	display: flex;
	align-items: center;
	height: .4rem;
	margin: 0 .2rem;
}
.kmeeting_voicepopup .saybtn_recording span i {
	display: block;
	width: 2px;
	height: 20%;
	margin: 0 1px;
	background: #fff;
	animation: loading 1.2s infinite linear;
}
.kmeeting_voicepopup .saybtn_recording span i:nth-child(1) {
	animation-delay: .3s;
}
.kmeeting_voicepopup .saybtn_recording span i:nth-child(2){
	animation-delay: 0.6s;
}
.kmeeting_voicepopup .saybtn_recording span i:nth-child(3) {
	animation-delay: .9s;
}
@keyframes loading {
	0% {
		background-image: linear-gradient(to right, #fff 0%, #fff 100%);
		height: 20%;
		border-radius: calc(var(--h) * 0.2 * 0.5);
	}
	50% {
		background-image: linear-gradient(to top, #fff 0%, #fff 100%);
		height: 100%;
		border-radius: calc(var(--h) * 1 * 0.5);
	}
	100% {
		background-image: linear-gradient(to top, #fff 0%, #fff 100%);
		height: 20%;
		border-radius: calc(var(--h) * 0.2 * 0.5);
	}
}
@keyframes loading {
	0% {
		background-image: linear-gradient(to right, #fff 0%, #fff 100%);
		height: 20%;
		border-radius: calc(var(--h) * 0.2 * 0.5);
	}
	50% {
		background-image: linear-gradient(to top, #fff 0%, #fff 100%);
		height: 100%;
		border-radius: calc(var(--h) * 1 * 0.5);
	}
	100% {
		background-image: linear-gradient(to top, #fff 0%, #fff 100%);
		height: 20%;
		border-radius: calc(var(--h) * 0.2 * 0.5);
	}
}

.kmeeting_voicepopup .saybtn_send {background: #1154B5;width: 2.4rem;margin: .4rem .2rem .6rem;}
.kmeeting_voicepopup .saybtn_cancel {background: rgba(0, 0, 0, 0.05);width: 2.4rem;color: #505666;margin: .4rem .2rem .6rem;}



.kmeetingapp_voice .bbbbox {overflow: visible;border-radius: 0;}

.kmeetingapp_voicetips {display: block;margin-top: .1rem;font-size: .24rem;line-height: .36rem;text-align: center;color: #777;}

.kmeetingapp_voicebtn_speak {display: flex;align-items: center;justify-content: center;position: relative;width: 2.4rem;height: 2.4rem;margin: .2rem auto 1rem;border-radius: 2.4rem;box-sizing: border-box;}
.kmeetingapp_voicebtn_speak::before {display: block;position: absolute;content: '';width: 2.4rem;height: 2.4rem;top: 50%;left: 50%;margin-left: -1.2rem;margin-top: -1.2rem;background: rgba(14, 111, 229, 0.3);border-radius: 10rem;z-index: 0;}
.kmeetingapp_voicebtn_speak.speaking::before {animation: roundscale 1.2s infinite linear;}
.kmeetingapp_voicebtn_speak .voicebtn_speakin {display: flex;align-items: center;justify-content: center;position: relative;width: 2rem;height: 2rem;background: #0E6FE5;border-radius: 2rem;box-sizing: border-box;user-select: none;user-select: none;cursor: none;}
.kmeetingapp_voicebtn_speak .voicebtn_speakin i {display: block;width: 1rem;height: 1rem;background: url(../images/kmeetingapp/voicebtn_speak.png) center center no-repeat;background-size: 100% auto;}

.kmeetingapp_voicebtn_speak .voicebtn_speakco {display: block;position: absolute;width: 2.4rem;height: 2.4rem;top: 50%;left: 50%;margin-left: -1.2rem;margin-top: -1.2rem;background: rgba(255,255,255,0);} 

.kmeetingapp_voicetext {display: block;position: absolute;left: 50%;transform: translateX(-50%);/*bottom: calc(100% + 1.22rem);*/bottom: 6.65rem;width: 6.8rem;min-height: 2.24rem;padding: .2rem .32rem;box-sizing: border-box;background: #fff;border-radius: .2rem;}
.kmeetingapp_voicetext .icon {display: block;height: .4rem;padding-left: .5rem;font-size: .24rem;line-height: .4rem;color: #222;background: url(../images/kmeetingapp/voicetexticon.png) left center no-repeat;background-size: auto 100%;}
.kmeetingapp_voicetext .voicetextarea {margin-top: .2rem;height: 1.08rem;}
.kmeetingapp_voicetext .voicetextarea textarea{display:block;width:100%;height:100%;padding: 0;font-size:.28rem;line-height:.36rem;color:#222;border:0;font-family:"Microsoft YaHei,Helvetica";box-sizing:border-box}
.kmeetingapp_voicetext::after {display: block;position: absolute;right: .54rem;bottom: -0.12rem;content: '';width: .28rem;height: .28rem;background: #fff;transform: rotate(45deg);}
.kmeetingapp_voicetext .voicetext_edittips {display: block;position: absolute;right: 0;bottom: -0.65rem;font-size: .26rem;line-height: .4rem;color: #9e9e9e;}

@keyframes roundscale {
	0% {
		transform: scale(1.1);
		opacity: .6;
	}
	50% {
		transform: scale(.9);
		opacity: 1;
	}
	100% {
		transform: scale(1.1);
		opacity: .6;
	}
}


.kmeetingapp_voice .voiceduration{display:flex;align-items:center;position: absolute;top: 0;left: 0;width: 100%;}
.kmeetingapp_voice .voiceduration .voiceduration_line{display:block;flex:1;height:3px;background:#EAEAEA}
.kmeetingapp_voice .voiceduration .voiceduration_line i{display:block;width:0;height:3px;background:#5ACB6C}
.kmeetingapp_voice .voiceduration .text{display:block;min-width:2.5em;font-size:.24rem;line-height:.38rem;text-align:center;color:#505666}


.kmeetingapp_voice_btnwrap {display: flex;align-items: center;justify-content: space-around;position: fixed;bottom: 0;left: 0;width: 100%;height: 5.56rem;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.kmeetingapp_voice_btnwrap .item {display: block;font-size: .24rem;line-height: .36rem;color: #fff;}
.kmeetingapp_voice_btnwrap .item .icon {display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;margin: 0 auto;background: rgba(255, 255, 255, 0.1);box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 1rem;}
.kmeetingapp_voice_btnwrap .item .icon i {display: block;width: .5rem;height: .5rem;}
.kmeetingapp_voice_btnwrap .item.itemcancel i {background: url(../images/kmeetingapp/voicecancel.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_voice_btnwrap .item.itemsend .icon {background: #0E6FE5;border-color: #0E6FE5;}
.kmeetingapp_voice_btnwrap .item.itemsend i {background: url(../images/kmeetingapp/voicesend.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_voice_btnwrap .item .text {margin-top: .18rem;text-align: center;}


.kmeetingapp_languages {}
.kmeetingapp_languages .bbbbox .bbbbox_inin {padding: 0;}
.klanguages_list {}
.klanguages_list .item {display: flex;align-items: center;min-height: 1.12rem;padding: .2rem .4rem;font-size: .32rem;line-height: .38rem;color: #222;border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.klanguages_list .item .icon {display: block;width: .5rem;height: .42rem;margin-right: .3rem;font-size: .24rem;line-height: .38rem;color: #505666;text-align: center;border: 1px solid #C2C8D3;border-radius: 3px;box-sizing: border-box;}
.klanguages_list .item.cur {color: #207FEE;}
.klanguages_list .item.cur .icon {color: #207FEE;}
.klanguages_list .item.cur .icheck {display: block;width: .4rem;height: .4rem;margin-left: auto;background: url(../images/kmeetingapp/lanchecked.png) center center no-repeat;background-size: 100% auto;}
.klanguages_list .item .tip {margin-top: 0.12rem;font-size: 0.24rem;line-height: 0.32rem;color: #bababa;}
.klanguages_list .itarea {display: flex;align-items: center;justify-content: center;position: relative;margin-top: 0.1rem}
.klanguages_list .itarea::before {display: block;content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 0.02rem;background: rgba(0,0,0,0.1);}
.klanguages_list .itarea span {display: block;position: relative;padding: 0 0.16rem;background: #fff;font-size: 0.24rem;line-height: 0.4rem;color: #818181;}

.klanguages_gglist .item {padding: .2rem;border: 0;}
.klanguages_gglist .item .icon {margin-bottom: auto;}

/*屏幕共享中*/
.sharedesking {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;background: #0D0D0E;}
.sharedesking_in {display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;height: 100%;}
.sharedesking_in .icon {display: block;width: 20%;}
.sharedesking_in .icon img {width: 100%;vertical-align: top;}
.sharedesking_in .text {display: block;margin-top: .56rem;font-size: .28rem;line-height: .48rem;color: #6B7280;}

/*聊天信息·新*/
.worderinfoscon {padding-right: 12px; overflow-x: hidden;}
.livemessagesnew .livemessages_more {margin-right: 0;}
.livemessagesnew_item{display: flex;margin-top: .3rem;margin-bottom: 0.08rem;position: relative;}
.livemessagesnew_item:first-child {margin-top: 0;}
.livemessagesnew_item .icon {display: block;width: .7rem;min-width: .7rem;height: .7rem;font-size: .24rem;line-height: .7rem;text-align: center;color: #fff;border-radius: .7rem;overflow: hidden;}
.livemessagesnew_item .icon img {width: 100%;height: 100%;vertical-align: middle;}
.livemessagesnew_item .itemcon {margin-left: .2rem;flex: 1;overflow: hidden;}
.livemessagesnew_item .name {display: flex;align-items: center;font-size: .24rem;line-height: .4rem;color: #dedede;}
.livemessagesnew_item .name span {display: block;max-width: 11em;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.livemessagesnew_item .itemin {display: block;width: 100%;position: relative;margin-top: .12rem;padding: .1rem .24rem;background: rgba(0, 0, 0, 0.3);border-radius: .1rem;box-sizing: border-box;}
.livemessagesnew_item .text {display: block;position: relative;padding: .2rem .5rem .2rem 0;font-size: .28rem;line-height: .38rem;color: #fff;}
.livemessagesnew_item .iline {width: 100%;height: 1px;background: rgba(255, 255, 255, 0.2);}
.livemessagesnew_item .playicon {display: block;width: .4rem;height: .4rem;position: absolute;right: 0;top: 50%;margin-top: -0.2rem;background:url(../images/kmeetingapp/nvoiceline1.png) center center no-repeat;background-size:100% auto}
.livemessagesnew_item .playicon i {display: block;width: .4rem;height: .4rem;background:url(../images/kmeetingapp/nvoiceline3.png) center center no-repeat;background-size:100% auto}
.livemessagesnew_item .playing i {animation:playing 1.5s infinite ease-in-out}
@keyframes playing{
	0%{background:url(../images/kmeetingapp/nvoiceline3.png) center center no-repeat;background-size:100% auto}
	25%{background:url(../images/kmeetingapp/nvoiceline2.png) center center no-repeat;background-size:100% auto}
	50%{background:url(../images/kmeetingapp/nvoiceline1.png) center center no-repeat;background-size:100% auto}
	100%{background:url(../images/kmeetingapp/nvoiceline3.png) center center no-repeat;background-size:100% auto}
}
.livemessagesnew_item_oneself .icon {order: 1;}
.livemessagesnew_item_oneself .itemcon {margin-left: 0;margin-right: .2rem;flex: 1;overflow: hidden;}
.livemessagesnew_item_oneself .name {justify-content: flex-end;}
/*.livemessagesnew_item:nth-child(5n+1) .icon {background: #5176D5;}
.livemessagesnew_item:nth-child(5n+2) .icon {background: #7D51D5;}
.livemessagesnew_item:nth-child(5n+3) .icon {background: #B8444C;}
.livemessagesnew_item:nth-child(5n+4) .icon {background: #D09734;}
.livemessagesnew_item:nth-child(5n) .icon {background: #438814;}*/

.livemessagesnew_item .icon.icon0 {background: #5176D5;}
.livemessagesnew_item .icon.icon1 {background: #7D51D5;}
.livemessagesnew_item .icon.icon2 {background: #B8444C;}
.livemessagesnew_item .icon.icon3 {background: #D09734;}
.livemessagesnew_item .icon.icon4 {background: #438814;}
.livemessagesnew_item .icon.icon5 {background: #F4774B;}
.livemessagesnew_item .icon.icon6 {background: #9C4046;}
.livemessagesnew_item .icon.icon7 {background: #46479F;}
.livemessagesnew_item .icon.icon8 {background: #017869;}
.livemessagesnew_item .icon.icon9 {background: #DE9C83;}
.livemessagesnew_item .icon.icona {background: #CB4B20;}
.livemessagesnew_item .icon.iconb {background: #D07786;}
.livemessagesnew_item .icon.iconc {background: #DEAD4C;}
.livemessagesnew_item .icon.icond {background: #89AC9B;}
.livemessagesnew_item .icon.icone {background: #1E5868;}
.livemessagesnew_item .icon.iconf {background: #45465E;}
.livemessagesnew_item .icon.icong {background: #57759E;}


.chatroom_message_user_icon { display: flex; flex-direction: row; }
.chatroom_message_user_icon .icon {display: block;width: .56rem;min-width: .56rem;height: .56rem;font-size: .24rem;line-height: .56rem;text-align: center;color: #fff;border-radius: .56rem;overflow: hidden;}
.chatroom_message_user_icon .icon img {width: 100%;height: 100%;vertical-align: top;}
.chatroom_message_user_icon .username {display: flex;align-items: center;font-size: .24rem;line-height: .4rem;color: #dedede;}
.chatroom_message_user_icon .username span {display: block;max-width: 11em;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.chatroom_message_user_icon .icon.icon0 {background: #5176D5;}
.chatroom_message_user_icon .icon.icon1 {background: #7D51D5;}
.chatroom_message_user_icon .icon.icon2 {background: #B8444C;}
.chatroom_message_user_icon .icon.icon3 {background: #D09734;}
.chatroom_message_user_icon .icon.icon4 {background: #438814;}
.chatroom_message_user_icon .icon.icon5 {background: #F4774B;}
.chatroom_message_user_icon .icon.icon6 {background: #9C4046;}
.chatroom_message_user_icon .icon.icon7 {background: #46479F;}
.chatroom_message_user_icon .icon.icon8 {background: #017869;}
.chatroom_message_user_icon .icon.icon9 {background: #DE9C83;}
.chatroom_message_user_icon .icon.icona {background: #CB4B20;}
.chatroom_message_user_icon .icon.iconb {background: #D07786;}
.chatroom_message_user_icon .icon.iconc {background: #DEAD4C;}
.chatroom_message_user_icon .icon.icond {background: #89AC9B;}
.chatroom_message_user_icon .icon.icone {background: #1E5868;}
.chatroom_message_user_icon .icon.iconf {background: #45465E;}
.chatroom_message_user_icon .icon.icong {background: #57759E;}

.chatroom_message_user_icon .username {  margin-left: 0.2rem; }

.livemessages .livemessages_in .theitem.theitem_shicon { margin-top:.2rem;position: relative; }

.livemessages .livemessages_in .theitem.theitem_shicon .theitemin { display: flex; flex-direction: column; justify-content: flex-start;flex-wrap: wrap;align-items: flex-start; padding-left:.8rem; margin-top:-0.1rem; }
.livemessages .livemessages_in .theitem.theitem_self .theitemin { display: flex; flex-direction: column; justify-content: flex-end;align-items: flex-end;padding-left: 0; padding-right:.8rem; margin-top:-0.1rem; }

.livemessages .livemessages_in .theitem.theitem_self .chatroom_message_user_icon  { flex-flow: row-reverse; }
.livemessages .livemessages_in .theitem.theitem_self .chatroom_message_user_icon .username { margin-right: 0.2rem; margin-left:0; }


.livemessages_in .translateitem {display: inline-block;position: relative;margin-top: 0;padding: .1rem .24rem;background: rgba(0, 0, 0, 0.3);border-radius: .1rem;box-sizing: border-box;}
.livemessages_in .translateitemin .text {display: block;position: relative;padding: .12rem .5rem .06rem 0;font-size: .28rem;line-height: 1.46;/*line-height: .38rem;*/color: #fff;}
.livemessages_in .translateitemin .text span {font-size: .28rem;}
.livemessages_in .translateitemin .iline {width: 100%;height: 1px;background: rgba(255, 255, 255, 0.2);}
.livemessages_in .teditbtn {display: inline-block;width: .7rem;height: .4rem;margin-left: .1rem;background: url(../images/kserviceapp/teditbtnicon.png) center center no-repeat;background-size: auto 100%;cursor: pointer;vertical-align: top;}
.livemessages_in .translateitemin .playicon {display: block;width: .4rem;height: .4rem;position: absolute;right: 0;top: 50%;margin-top: -0.2rem;background:url(../images/kmeetingapp/nvoiceline1.png) center center no-repeat;background-size:100% auto}
.livemessages_in .translateitemin .playicon i {display: block;width: .4rem;height: .4rem;background:url(../images/kmeetingapp/nvoiceline3.png) center center no-repeat;background-size:100% auto}
.livemessages_in .translateitemin .playing i {animation:playing 1.5s infinite ease-in-out}
@keyframes playing{
	0%{background:url(../images/kmeetingapp/nvoiceline3.png) center center no-repeat;background-size:100% auto}
	25%{background:url(../images/kmeetingapp/nvoiceline2.png) center center no-repeat;background-size:100% auto}
	50%{background:url(../images/kmeetingapp/nvoiceline1.png) center center no-repeat;background-size:100% auto}
	100%{background:url(../images/kmeetingapp/nvoiceline3.png) center center no-repeat;background-size:100% auto}
}
.theitem_self .translateitemin {margin-left: 0;}

.livemessages .livemessages_item .theitem_shicon span.user_helper, .theitem_shicon .user_helpersys { background: none;padding: 0;height: auto; }
.livemessages .livemessages_in .theitem .user_helpersys .username {display: inline-block;position: relative;margin-top: 0.1rem;padding: 0 0.1rem 0 0.42rem;height: 0.36rem;font-size: .22rem;line-height: .38rem;background: rgba(255,109,2,.3);border-radius: 0.3rem;margin-right: 0.1rem;color: #ffc21e;}
.livemessages .livemessages_in .theitem .user_helpersys .username::before {display: block;content:'';position:absolute;width:.24rem;height:.24rem;top:.06rem;left:.1rem;background:url(../images/app/msghelpericon.png) center center no-repeat;background-size:100% auto;}

.livemessages .livemessages_in .theitem .user_system .username{display:inline-block;position:relative;padding:0 .1rem 0 .42rem;height:.36rem;font-size:.22rem;line-height:.38rem;color:#fff;background:rgba(42,114,245,.3);border-radius:.3rem}
.livemessages .livemessages_in .theitem .user_system .username::before{display:block;content: '';position:absolute;width:.24rem;height:.24rem;top:.06rem;left:.1rem;background:url(../images/app/msgsystemicon.png) center center no-repeat;background-size:100% auto}

.livemessages .livemessages_in .theitem.theitem_shicon .messages_loading{font-size:25px;width:1em;height:1em;border-radius:50%;position:absolute;text-indent:-9999em;-webkit-animation:load5 1.1s infinite ease;animation:load5 1.1s infinite ease;-webkit-transform:translateZ(0) scale(.12);-ms-transform:translateZ(0) scale(.12);transform:translateZ(0) scale(.12);left:0.12rem;top:0.88rem}
.livemessages .livemessages_in .theitem.theitem_self .messages_loading{left:auto;right:.12rem}

.livemessages .livemessages_in { }
.livemessages .livemessages_in .theitem { margin:.2rem 0 0; position: relative; }

.livemessages_in .translateitem .translateitem_uname { font-size:.24rem; color: #ffc21e;}
.livemessages .livemessages_in .theitem .messages_loading {top: 0;  left: 0; }


@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}


.livemessages_in .translateitem .imore {display: block;position: absolute;top: 50%;right: 0;width: .5rem;height: .5rem;transform: translateY(-50%);background: url(../images/app/lmsgmoreicon.png) center center no-repeat;background-size: .3rem auto;}
.livemessages_in .translateitem.cur {background: #49709C;}
.theitemmenu {position: fixed;max-width: 5.96rem;padding: .3rem .18rem .33rem .18rem;background: #fff;border-radius: .1rem;display: flex;flex-wrap: wrap;z-index: 9999;box-sizing: border-box;left: .7rem;}
.theitemmenu.self {left: initial;right: .7rem;}
.theitemmenu .it {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 1.12rem;margin-top: .43rem;font-size: .22rem;line-height: .34rem;color: #505666;box-sizing: border-box;}
.theitemmenu .it span {display: block;font-size: .22rem;line-height: .34rem;color: #505666;white-space: nowrap;}
.theitemmenu .it i {display: block;width: .4rem;height: .4rem;margin-bottom: 2px;}
.theitemmenu .it.itedit i {background: url(../images/app/lmmediticon.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .it.itwithdraw i {background: url(../images/app/lmmwithdrawicon.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .it.itquote i {background: url(../images/app/lmmquoteicon.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .it.itcopy i {background: url(../images/app/lmmcopyicon.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .it.itshare i {background: url(../images/app/lmmshareicon.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .it.itmchoice i {background: url(../images/app/lmmmchoice.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .it.ittrs i {background: url(../images/app/lmmtrsicon.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .it.itfeedback i {background: url(../images/app/lmmfeedbackicon.png) center center no-repeat;background-size: 100% auto;}
.theitemmenu .iclose {display: block;position: absolute;top: -0.12rem;right: -0.12rem;width: .4rem;height: .4rem;background: url(../images/app/lmmclose.png) center center no-repeat;background-size: 100% auto;}

.theitemmenu_bg {display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: transparent;}

.theitemmenu .i {display: block;position: absolute;content: '';top: 100%;left: .8rem;width: 0;height: 0;border: 5px solid transparent;border-top: 5px solid #fff;}
.theitemmenu.self .i {left: initial;right: .8rem;}
.theitemmenu .it:nth-child(1),
.theitemmenu .it:nth-child(2),
.theitemmenu .it:nth-child(3),
.theitemmenu .it:nth-child(4),
.theitemmenu .it:nth-child(5) {margin-top: 0;}

.messages_withdraw {display: flex;align-items: center;justify-content: center;}
.messages_withdraw .messages_withdrawin {display: flex;font-size: .24rem;line-height: .36rem;color: #9E9E9E;}
.messages_withdraw .messages_withdrawin .edit {margin-left: .2rem;color: #367FEC;}


.kserviceintapp_quotemessage {display: flex;align-items: center;position: relative;width: 5.92rem;margin-left: .4rem;margin-bottom: .17rem;padding: .08rem .22rem;font-size: .22rem;font-weight: bold;line-height: .32rem;color: #989898;background: #2D3138;border-radius: .08rem;box-sizing: border-box;}
.kserviceintapp_quotemessage .iclose {display: block;width: .44rem;min-width: .44rem;height: .44rem;margin-left: .32rem;background: url(../images/app/quoteclose.png) center center no-repeat;background-size: .3rem auto;}

.livemessages_in .translateitem_quotemessage {display: flex;align-items: center;max-width: 4.76rem;margin-top: .12rem;padding: .08rem .22rem;font-size: .22rem;font-weight: bold;line-height: .32rem;color: #989898;background: #2D3138;border-radius: .08rem;}


.trsfeedback {padding: .12rem .32rem 0;}
.trsfeedback .oitem {margin-top: .32rem;}
.trsfeedback .oitem .ilabel {display: block;font-size: .3rem;line-height: .44rem;color: #222;}
.trsfeedback .oitem .text {display: block;margin-top: .16rem;font-size: .3rem;line-height: .44rem;color: #505666;}
.trsfeedback .titem {margin-top: .32rem;}
.trsfeedback .titem .ilabel {display: block;font-size: .3rem;line-height: .44rem;color: #222;}
.trsfeedback .titem .text {margin-top: .08rem;}
.trsfeedback .titem .text textarea {display: block;width: 100%;height: 1.85rem;padding: .14rem .3rem;border: 1px solid #367FEC;box-sizing: border-box;border-radius: .1rem;font-family: "Microsoft YaHei, Helvetica";font-size: .3rem;line-height: .44rem;color: #505666;}
.trsfeedback .tips {display: block;margin-top: .24rem;font-size: .24rem;line-height: .34rem;color: #8E939B;}

.trsfeedback_btn {display: flex;align-items: center;justify-content: center;width: 6rem;height: 1rem;margin: .32rem auto;background: #367FEC;border-radius: .16rem;font-size: .32rem;line-height: .42rem;text-align: center;color: #fff}
.trsfeedback_btn.dis {background: #BBBEC5;}



.effect_container { text-align:left;position: absolute;pointer-events: none ;top: 0; left: 0;  right:0; bottom:0; z-index:100000; } 

.vboxs_c_wrap .vboxs-item-wrap .vboxs-item-uname {display: flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;margin: 0 auto;padding: 0 .28rem;font-size: .24rem;line-height: .4rem;color: #fff;background: #202020;border-radius: 50%;box-sizing: border-box;}
.vboxs_c_wrap .vboxs-item-wrap .vboxs-item-uname span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*.vboxs_c_wrap .vboxs-item-micandname .vboxs-item-name {display: none;}
.vboxs_c_wrap .vboxs-item-micandname .vboxs-item-mic i {margin-right: 0;}
.vboxs_c_wrap .vboxs-item-poster {display: none;}*/

.vboxs_c_wrap .vboxs-item-uname-w {width: 100%;font-size: .24rem;}

.vboxs_c_wrap .vboxs-item-wrap {border-top: 1px solid #222;border-left: 1px solid #222;background: #141414;}

.vboxs_c_wrap_1 .vboxs-item-wrap,
.vboxs_c_wrap_2 .vboxs-item-wrap:nth-child(1),
.vboxs_c_wrap_3 .vboxs-item-wrap:nth-child(2n+1),
.vboxs_c_wrap_4 .vboxs-item-wrap:nth-child(2n+1),
.vboxs_c_wrap_5 .vboxs-item-wrap:nth-child(3n+1),
.vboxs_c_wrap_6 .vboxs-item-wrap:nth-child(3n+1),
.vboxs_c_wrap_7 .vboxs-item-wrap:nth-child(3n+1),
.vboxs_c_wrap_8 .vboxs-item-wrap:nth-child(3n+1),
.vboxs_c_wrap_9 .vboxs-item-wrap:nth-child(3n+1),
.vboxs_c_wrap_10 .vboxs-item-wrap:nth-child(4n+1),
.vboxs_c_wrap_11 .vboxs-item-wrap:nth-child(4n+1),
.vboxs_c_wrap_12 .vboxs-item-wrap:nth-child(4n+1),
.vboxs_c_wrap_13 .vboxs-item-wrap:nth-child(4n+1),
.vboxs_c_wrap_14 .vboxs-item-wrap:nth-child(4n+1),
.vboxs_c_wrap_15 .vboxs-item-wrap:nth-child(4n+1),
.vboxs_c_wrap_16 .vboxs-item-wrap:nth-child(4n+1) {border-left: 0;}

.vboxs_c_wrap_1 .vboxs-item-wrap,
.vboxs_c_wrap_2 .vboxs-item-wrap:nth-child(-n+2),
.vboxs_c_wrap_3 .vboxs-item-wrap:nth-child(-n+2),
.vboxs_c_wrap_4 .vboxs-item-wrap:nth-child(-n+2),
.vboxs_c_wrap_5 .vboxs-item-wrap:nth-child(-n+3),
.vboxs_c_wrap_6 .vboxs-item-wrap:nth-child(-n+3),
.vboxs_c_wrap_7 .vboxs-item-wrap:nth-child(-n+3),
.vboxs_c_wrap_8 .vboxs-item-wrap:nth-child(-n+3),
.vboxs_c_wrap_9 .vboxs-item-wrap:nth-child(-n+3),
.vboxs_c_wrap_10 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_11 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_12 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_13 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_14 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_15 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_16 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_17 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_18 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_19 .vboxs-item-wrap:nth-child(-n+4),
.vboxs_c_wrap_20 .vboxs-item-wrap:nth-child(-n+4) {border-top: 0;}


.vboxs_c_wrap_3 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_4 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_5 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_6 .vboxs-item-wrap .vboxs-item-uname {width: 1.6rem;height: 1.6rem;}

.vboxs_c_wrap_7 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_8 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_9 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_10 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_11 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_12 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_13 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_14 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_15 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_16 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_17 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_18 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_19 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_20 .vboxs-item-wrap .vboxs-item-uname {background: none;width: 100%;height: 100%;border-radius: 0;}

.vboxs_c_wrap_7 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_8 .vboxs-item-wrap .vboxs-item-uname,
.vboxs_c_wrap_9 .vboxs-item-wrap .vboxs-item-uname {background: none;width: 80%;height: 100%;border-radius: 0;margin: 0 auto;}

.kmeetingapp_usereditor .useredit{display:block;width:6rem;padding:.6rem .5rem .5rem;background:#fff;border-radius:.14rem;box-sizing:border-box}
.kmeetingapp_usereditor .useredit .uicon{display:block;position:relative;width:1.28rem;height:1.28rem;margin:0 auto}
.kmeetingapp_usereditor .useredit .uicon .icon{display:block;width:1.28rem;height:1.28rem;border:2px solid #fff;box-shadow:0px 4px 20px 0px #DBDCDE;border-radius:1.28rem;box-sizing:border-box;overflow: hidden;}
.kmeetingapp_usereditor .useredit .uicon .icon img {width: 100%;height: 100%;vertical-align: top;}
.kmeetingapp_usereditor .useredit .uicon i{display:block;position:absolute;width:.4rem;height:.4rem;right:.04rem;bottom:-0.04rem;background:url(../images/kmeetingapp/edit_cream.png) center center no-repeat;background-size:100% auto}
.kmeetingapp_usereditor .useredit .uname{display:block;width:100%;margin-top:.48rem}
.kmeetingapp_usereditor .useredit .uname input{display:block;width:100%;height:.8rem;padding:0 .3rem;font-size:.28rem;line-height:.8rem;color:#222;background:#F6F6F6;border-radius:.1rem;box-sizing:border-box}
.kmeetingapp_usereditor .useredit .btnwrap{display:flex;align-items:center;margin-top:.95rem}
.kmeetingapp_usereditor .useredit .btnwrap .btn{display:block;width:2rem;height:.7rem;margin:0 .3rem;font-size:.28rem;line-height:.7rem;text-align:center;border-radius:.1rem}
.kmeetingapp_usereditor .useredit .btnwrap .btn.btncancel{color:#505666;background:#D4D4D4}
.kmeetingapp_usereditor .useredit .btnwrap .btn.btnsure{color:#fff;background:#207FEE}

/*上线提示*/
.bubbletips{display:flex;position:fixed;top:1.25rem;left:50%;transform:translateX(-50%);z-index:11111}
.bubbletips .in{display:flex;align-items:center;width:6rem;height:.72rem;padding:0 .12rem 0 .22rem;background:linear-gradient(90deg,rgba(64,163,244,0.8) 2%,rgba(64,136,244,0.8) 100%);border-radius:.1rem;box-sizing:border-box}
.bubbletips .in .name{display:block;font-size:.3rem;line-height:.45rem;color:#EAF5FF}
.bubbletips .in .name span{font-weight:bold;margin-right:.12rem}
.bubbletips .in .golookbtn{display:flex;align-items:center;justify-content:center;width:.95rem;height:.48rem;margin-left:auto;font-size:.24rem;line-height:.48rem;color:#fff;background:linear-gradient(247deg,#5773FC 0%,#2C6FFF 95%)}
.bubbletips .in .golookbtn i{display:block;width:.12rem;height:.12rem;margin-top:-1px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg)}



/*国际版*/
.kserviceapp_int_entermsg {position: fixed;top: 0;left: 0;width: 100vw;height: 100%;padding: 1.39rem 0 .6rem;background: #fff url(../images/kserviceintapp/entermsgbg.png) center center no-repeat;background-size: 300% auto;box-sizing: border-box;overflow-y: auto;}
.intmx_company {display: flex;align-items: center;position: absolute;top: .4rem;left: .4rem;}
.intmxlogoimg {display: flex;align-items: center;justify-content: center;width: .6rem;height: .6rem;margin-right: .2rem;background: linear-gradient(164deg, #17B2EB 10%, #1565D8 81%);border-radius: .1rem;overflow: hidden;}
.intmxlogoimg img {width:.5rem;vertical-align: top;}
.intmxtext {display: block;font-size: .3rem;line-height: .44rem;text-align: center;color: #2B2B2B;margin-top: .1rem;}

.int_entermsg_form {width: 6rem;margin: 0 auto;padding-top: 1px;}
.int_entermsg_form .int_inputitem {display: block;width: 100%;height: .84rem;margin-top: .4rem;background: #fff;border-radius: .84rem;}
.int_entermsg_form .int_inputitem input {display: block;width: 100%;height: 100%;background: none;padding: 0 .36rem;font-size: .28rem;line-height: .84rem;color: #222;box-sizing: border-box;border: 0;outline: none;}
.int_entermsg_form .int_selectitem {display: flex;align-items: center;position: relative;height: .84rem;margin-top: .4rem;cursor: pointer;}
.int_entermsg_form .int_selectitem .lanselect {display: flex;align-items: center;width: 100%;height: 100%;padding: 0 .36rem;background: #fff;border-radius: .84rem;}
.int_entermsg_form .int_selectitem .lanselect span {font-size: .28rem;line-height: .84rem;color: #222;}
.int_entermsg_form .int_selectitem .lanselect i {display: block;position: absolute;content: '';width: 0;height: 0;right: .36rem;top: .38rem;border: 5px solid transparent;border-top: 5px solid #333;}

.int_btnitem {display: flex;}
.int_btnitem .int_btn {display: block;flex: 1;height: 0.84rem;margin: 1rem auto 0;padding: 0 0.24rem;font-size: 0.28rem;line-height: 0.84rem;text-align: center;color: #fff;border: 0;border-radius: 0.84rem;box-sizing: border-box;cursor: pointer;background: #2F7EEE;}
.int_btnitem .int_btn.disabeld  {background: #ccc;}


.kserviceintapp_background {display: flex;flex-direction: column;position: fixed;top: 0;left: 0;width: 100vw;height: 100%;background: #272D3A;overflow: hidden;z-index: 2;}
.kserviceintapp {display: flex;flex-direction: column;position: fixed;bottom: 0;left: 0;width: 100vw;height: 100%;background: #272D3A;overflow: hidden;z-index: 2;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box;}

.kserviceintapp_header {display: flex;align-items: center;width: 100%;height: .8rem;min-height: .8rem;background: #18202F;}

.kserviceintapp_htools {display: flex;align-items: center;justify-content: space-around;width: 100%;box-sizing: border-box;}
.kserviceintapp_htools .item {display: flex;align-items: center;justify-content: center;width: .64rem;height: .64rem;border-radius: .1rem;}
.kserviceintapp_htools .item i {display: block;width: .46rem;height: .46rem;}
.kserviceintapp_htools .itemmenu i {background: url(../images/kserviceintapp/intmenuicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .itemvoice i {background: url(../images/kserviceintapp/intmicicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .itemvoice_close i {background: url(../images/kserviceintapp/intmicicon_close.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .itemvideo i {background: url(../images/kserviceintapp/intvideoicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .itemvideo_close i {background: url(../images/kserviceintapp/intvideoicon_close.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .itemcamera i {background: url(../images/kserviceintapp/intcameraicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .itempen i {background: url(../images/kserviceintapp/intpenicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .itemoff {background: #E75D58;}
.kserviceintapp_htools .itemoff i {background: url(../images/kserviceintapp/intofficon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_htools .item img {width: 100%;vertical-align: middle;}


.kserviceintapp_videocall {}
.intvideocallcon {display: flex;flex-wrap: wrap;position: relative;}
.intvideocallcon .item {position: absolute;background: #494C55 url(../images/app/calldefaultbg.png) center center no-repeat;background-size: 100% auto;}
.intvideocallcon .item .uicon {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.intvideocallcon .item .uicon img,.intvideocallcon .item .uicon video {width: 100%;height: 100%;vertical-align: top;}
.intvideocallcon .item .uname {display: flex;align-items: center;position: absolute;left: 0;bottom: 0;height: .32rem;background: rgba(0,0,0,.8);overflow: hidden;max-width: 100%;}
.intvideocallcon .item .uname i {display: block;width: .32rem;height: .32rem;background: rgba(0,0,0,.8) url(../images/kserviceintapp/intvmicicon.png) center center no-repeat;background-size: .24rem auto;}
.intvideocallcon .item .uname i.intmicoff {background: rgba(0,0,0,.8) url(../images/kserviceintapp/intvmicicon_off.png) center center no-repeat;background-size: .24rem auto;}
.intvideocallcon .item .uname span {display: block;max-width: 6em;padding: 0 .06rem;font-size: .18rem;line-height: .32rem;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.intvideocallcon .item.itembig {display: block;width: 100vw;height: 100vw;}
.intvideocallcon .item .callroom-item-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.intvideocallcon .item .callroom-item-cutimg {position: relative;}


.kserviceintapp_messages {display: flex;flex-direction: column;flex: 1;padding: .2rem 0 0;overflow: hidden;background: #141a29;position: relative;}
.kserviceintapp_messages .kserviceintapp_moremsg_btn {display: flex;position: absolute;z-index: 5;top: .1rem;left: .1rem;}
.kserviceintapp_messages .kserviceintapp_moremsg_btn .moremsgbtn {display: flex;align-items: center;height: .52rem;padding: 0 .1rem;font-size: .24rem;line-height: .24rem;color: #207FEE;background: #D7DEEE;border: 1px solid #207FEE;box-sizing: border-box;border-radius: 6px;}
.kserviceintapp_messages .kserviceintapp_moremsg_btn .moremsgbtn i {display: block;width: .28rem;height: .28rem;margin-right: 0.06rem;background: url(../images/kserviceintapp/intmsgicon.png) center center no-repeat;background-size: 100% auto;}

.xap_callroom_app_chatroom_wwrap_implant {display: flex;flex-direction: column;overflow: hidden;}

.kserviceintapp_messages_in {flex: 1;overflow-y: auto;}

.kserviceintapp_messages .livemessages {display: flex;flex-direction: column;padding-right: .24rem;overflow: hidden;}

.messageitem {display: flex;margin-top: .1rem;padding: 0 .24rem .2rem;}
.messageitem .itemin {display: flex;max-width: 100%;padding: .12rem .24rem;background: #28303F;border-radius: .2rem;box-sizing: border-box;}
.messageitem .uicon { display: flex; flex-direction: row;margin-right: .2rem;}
.messageitem .uicon .icon {display: block;width: .4rem;min-width: .4rem;height: .4rem;font-size: .24rem;line-height: .4rem;text-align: center;color: #fff;border-radius: .4rem;overflow: hidden;}
.messageitem .uicon .icon img {width: 100%;height: 100%;vertical-align: top;}
.messageitem .uname {display: flex;align-items: center;font-size: .2rem;line-height: .4rem;color: #6B7280;}
.messageitem .uname span {display: block;max-width: 12em;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.messageitem .utext {display: block;font-size: .28rem;line-height: .42rem;color: #fff;}

.messageitem .uicon .icon.icon0 {background: #5176D5;}
.messageitem .uicon .icon.icon1 {background: #7D51D5;}
.messageitem .uicon .icon.icon2 {background: #B8444C;}
.messageitem .uicon .icon.icon3 {background: #D09734;}
.messageitem .uicon .icon.icon4 {background: #438814;}
.messageitem .uicon .icon.icon5 {background: #F4774B;}
.messageitem .uicon .icon.icon6 {background: #9C4046;}
.messageitem .uicon .icon.icon7 {background: #46479F;}
.messageitem .uicon .icon.icon8 {background: #017869;}
.messageitem .uicon .icon.icon9 {background: #DE9C83;}
.messageitem .uicon .icon.icona {background: #CB4B20;}
.messageitem .uicon .icon.iconb {background: #D07786;}
.messageitem .uicon .icon.iconc {background: #DEAD4C;}
.messageitem .uicon .icon.icond {background: #89AC9B;}
.messageitem .uicon .icon.icone {background: #1E5868;}
.messageitem .uicon .icon.iconf {background: #45465E;}
.messageitem .uicon .icon.icong {background: #57759E;}

.kserviceintapp_footer {background: #18202F;box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);position: relative;z-index: 1; /*position: absolute; 底部弹出会占满全屏*/left: 0;bottom: 0;width: 100%;}

.kserviceintapp_ftools {position: relative;display: flex;align-items: center;/*height: 1.2rem;*/min-height: 1.2rem;padding: .25rem .24rem .25rem;box-sizing: border-box;}
.kserviceintapp_ftools .inputtext {height: 100%;display: flex;align-items: center;flex: 1;margin-left: .16rem;overflow: hidden;}
.kserviceintapp_ftools .inputtext textarea,.kserviceintapp_ftools .inputtext .intext {flex: 1;height: .7rem;max-height: 1.9rem;padding: .16rem;font-size: .3rem;line-height: .38rem;color: #6B7280;background: rgba(55, 65, 81, 0.5);border: 1px solid rgba(75, 85, 99, 0.5);box-sizing: border-box;overflow-x: hidden;overflow-y: auto;resize: none;font-family: "Microsoft YaHei, Helvetica";border-radius: 4px;}
.kserviceintapp_ftools .inputtext .intext {color: #6B7280;}
.kserviceintapp_ftools .inputtext .intext_focus {color: #fff;}
/*.kserviceintapp_ftools .inputtext textarea:focus {height: auto;}*/
.kserviceintapp_ftools .btnsend {margin-left: .24rem;padding: 0 .2rem;min-width: .96rem;height: .7rem;border-radius: .14rem;font-size: .28rem;line-height: .7rem;color: #fff;background: #207FEE;box-sizing: border-box;}
.kserviceintapp_ftools .btnsend.dis {background: #323C4F;color: #7D8490;}

.kserviceintapp_ftools .inputvoice_btn {display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;margin-left: .24rem;}
.kserviceintapp_ftools .inputvoice_btn i {display: block;width: .56rem;height: .56rem;background: url(../images/kserviceintapp/inputvoiceicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_ftools .inputvoice_btn_close {margin-left: .24rem;}
.kserviceintapp_ftools .inputvoice_btn_close i {display: block;width: .56rem;height: .56rem;background: url(../images/kserviceintapp/inputvoiceicon_toggle.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_ftools .inputemote {display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;margin-left: .24rem;}
.kserviceintapp_ftools .inputemote i {display: block;width: .56rem;height: .56rem;background: url(../images/kserviceintapp/inputemoteicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_ftools .moretools_btn {display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;margin-left: .24rem;}
.kserviceintapp_ftools .moretools_btn i {display: block;width: .56rem;height: .56rem;background: url(../images/kserviceintapp/moretoolsicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_ftools .mycenter_btn {display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;margin-left: .24rem;}
.kserviceintapp_ftools .mycenter_btn i {display: block;width: .56rem;height: .56rem;background: url(../images/kserviceintapp/mycentericon.png) center center no-repeat;background-size: 100% auto;}

.kserviceintapp_ftools .ikeyboard_btn {display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;margin-left: .24rem;}
.kserviceintapp_ftools .ikeyboard_btn i {display: block;width: .56rem;height: .56rem;background: url(../images/kmeetingapp/kmutools_keyboard.png) center center no-repeat;background-size: 100% auto;}

.kserviceintapp_ftools .custom_btn {display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;margin-left: .24rem;}
.kserviceintapp_ftools .custom_btn img {display: block;width: .56rem;height: .56rem;}

.kserviceintapp_ftools .quickphrases_btn {display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;margin-left: .24rem;}
.kserviceintapp_ftools .quickphrases_btn i {display: block;width: .56rem;height: .56rem;background: url(../images/kserviceintapp/quickphrasesicon.png) center center no-repeat;background-size: 100% auto;}


.kserviceintapp_ftools_showinput {position: fixed;left:0;bottom:0;right:0;background-color: #000;}

.kserviceintapp_moretools {border-top: 1px solid #303744;background: #18202F;position: relative;}
.kserviceintapp_moretools .moretools {display: flex;flex-wrap: wrap;padding: .18rem 0 .22rem;}
.kserviceintapp_moretools .moretools .item {display: block;width: 25%;margin-top: .3rem;}
.kserviceintapp_moretools .moretools .item .icon {display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;margin: 0 auto;background: #fff;border-radius: .2rem;}
.kserviceintapp_moretools .moretools .item .icon img {width: .6rem;vertical-align: middle;}
.kserviceintapp_moretools .moretools .item .text {display: block;margin-top: .16rem;font-size: .24rem;line-height: .36rem;text-align: center;color: #EAEAEA;}


.kserviceintapp_setting {position:fixed;top:0;left:0;}
.kserviceintapp_setting .kserviceintapp_setting_mask {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}

.kserviceintapp_setting .kserviceintapp_setting_con {display:flex;flex-direction: column;position:fixed;top:0;left:0;width:4.86rem;height:100%;background:#fff;overflow: hidden;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box;}
.kserviceintapp_setting .kserviceintapp_setting_inline {display:flex;align-items:center;padding:.3rem}
.kserviceintapp_setting .kserviceintapp_setting_inline .tit {display:block;font-size:.3rem;line-height:.4rem;color:#222}
.kserviceintapp_setting .kserviceintapp_setting_inline .kserviceintapp_setting_close {display:block;width:0.4rem;height:0.4rem;position:absolute;top:0.3rem;right:0.3rem;background:url(../images/kserviceintapp/intclose.png) center center no-repeat;background-size:0.4rem auto;cursor:pointer}
.kserviceintapp_setting .kserviceintapp_setting_list {position: relative;flex: 1;overflow-y: auto;padding-bottom: 1.6rem;box-sizing: border-box;}
.kserviceintapp_setting .kserviceintapp_setting_list .item {display:flex;align-items:center;height:1rem;padding: 0 .3rem 0 .1rem;font-size: .28rem;line-height: .4rem;border-radius:4px;box-sizing:border-box;cursor: pointer;}
.kserviceintapp_setting .kserviceintapp_setting_list .item_mt30 {margin-top: .3rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .item_mtln {border-top: .2rem solid #f5f5f5;}
.kserviceintapp_setting .kserviceintapp_setting_list .item .itemin {display: flex;align-items: center;}
.kserviceintapp_setting .kserviceintapp_setting_list .item .itemin i {display: block;width: .9rem;height: 1rem;margin-right: .12rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .item .imore {display:block;position:relative;width:0.4rem;height:0.4rem;cursor:pointer;font-size:0;}
.kserviceintapp_setting .kserviceintapp_setting_list .item .imore::after {display:block;content:'';width:0.08rem;height:0.08rem;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(135deg);margin:0 0 0 0.16rem;margin-top:.12rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .rn {margin-left: auto;}
.kserviceintapp_setting .kserviceintapp_setting_list .vswitch-on {border-color: #207FEE;background-color: #207FEE;margin-right: 0;}
.kserviceintapp_setting .kserviceintapp_setting_list .vswitch-on:before {border-color: #207FEE;background-color: #207FEE;}

.kserviceintapp_setting .kserviceintapp_setting_list .item .rnext {display:block;position:relative;width:0.4rem;height:0.4rem;margin-left: auto;cursor:pointer;font-size:0;}
.kserviceintapp_setting .kserviceintapp_setting_list .item .rnext::after {display:block;content:'';width:0.12rem;height:0.12rem;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);margin:0 0 0 0.16rem;margin-top:.12rem;}

.kserviceintapp_setting .kserviceintapp_setting_list .itemxt .itemin i {background: url(../images/kserviceintapp/intside_xt.png) center center no-repeat;background-size: .46rem auto;}
.kserviceintapp_setting .kserviceintapp_setting_list .itemrecord .itemin i {background: url(../images/kserviceintapp/intside_record.png) center center no-repeat;background-size: .46rem auto;}
.kserviceintapp_setting .kserviceintapp_setting_list .itemusers .itemin i {background: url(../images/kserviceintapp/intside_users.png) center center no-repeat;background-size: .46rem auto;}
.kserviceintapp_setting .kserviceintapp_setting_list .itemmycenter .itemin i {background: url(../images/kserviceintapp/intside_mycenter.png) center center no-repeat;background-size: .46rem auto;}
.kserviceintapp_setting .kserviceintapp_setting_list .itemprorecord .itemin i {background: url(../images/kserviceintapp/intside_prorecord.png) center center no-repeat;background-size: .46rem auto;}
.kserviceintapp_setting .kserviceintapp_setting_list .itemshare .itemin i {background: url(../images/kserviceintapp/intside_share.png) center center no-repeat;background-size: .46rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .item .itemin .icon {display: flex;align-items: center;justify-content: center;width: .9rem;height: 1rem;margin-right: .12rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .item .itemin .icon img {width: .56rem;vertical-align: middle;}
.kserviceintapp_setting .kserviceintapp_setting_list .item .itemin span {white-space: nowrap;}


.kserviceintapp_setting .kserviceintapp_setting_list .item_langs .itemin i {background: url(../images/kserviceintapp/intside_lan.png) center center no-repeat;background-size: .46rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .item_videoxy .itemin i {background: url(../images/kserviceintapp/intside_videoxy.png) center center no-repeat;background-size: .46rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .item_videooptimizationmode .itemin i {background: url(../images/kserviceintapp/intside_videooptimizationmode.png) center center no-repeat;background-size: .46rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .item_videocameraencoderconfig .itemin i {background: url(../images/kserviceintapp/intside_videocameraencoderconfig.png) center center no-repeat;background-size: .46rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .item_set .itemin i {background: url(../images/kserviceintapp/intside_set.png) center center no-repeat;background-size: .6rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .itemvoice2txti .itemin i {background: url(https://u-static.lmjx.net/mtcloud/images/kserviceintapp/ksdictationicon.png) center center no-repeat;background-size: .46rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .item_exit {display: flex;align-items: center;justify-content: center;position: fixed;width: 4.86rem;bottom: 0;left: 0;margin-top: auto;padding: .5rem 0;padding-right: .1rem;box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);box-sizing: border-box;background: #fff;z-index: 1;}
.kserviceintapp_setting .kserviceintapp_setting_list .item_exit .itemin {display: flex;align-items: center;justify-content: center;min-width: 1.9rem;height: .72rem;margin: 0 .15rem;padding: 0 .28rem;background: #E74646;border-radius: .1rem;font-size: .28rem;line-height: .72rem;color: #fff;box-sizing: border-box;}
.kserviceintapp_setting .kserviceintapp_setting_list .item_exit .itemin i {display: block;width: .4rem;height: .4rem;margin-right: .14rem;background: url(../images/kmeetingapp/rtc_side_exit.png) center center no-repeat;background-size: .4rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .item_exit .itemin.callbtn {background: #207FEE;}
.kserviceintapp_setting .kserviceintapp_setting_list .item_exit .itemin.callbtn i {display: block;width: .4rem;height: .4rem;margin-right: .14rem;background: url(../images/kmeetingapp/rtc_side_call.png) center center no-repeat;background-size: .4rem auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .sitem {height: 0;background: #F5F5F5;overflow: hidden;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it {display: flex;align-items: center;padding: .3rem .3rem .3rem 1.08rem;font-size: .28rem;line-height: .38rem;color: #333;box-sizing: border-box;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it span {display: block;flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it i {display: block;width: .4rem;min-width: .4rem;height: .4rem;margin-left: .52rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it:first-child {padding-top: .4rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it:last-child {padding-bottom: .4rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it.cur {color: #0E6FE5;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it.cur i {background: url(../images/kmeetingapp/rtc_side_check.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem.show {height: auto;}

.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it .sx{display:block;margin-left: -0.68rem;width:0.5rem;min-width:0.5rem;height:0.42rem;margin-right:0.3rem;font-size:0.24rem;line-height:0.38rem;color:#505666;text-align:center;border:0.02rem solid #C2C8D3;border-radius:0.06rem;box-sizing:border-box;}
.kserviceintapp_setting .kserviceintapp_setting_list .sitem .it.cur .sx{color:#0E6FE5}


.kserviceintapp_setting .kserviceintapp_setting_list .lansitem {padding: 0.2rem;background: #F5F5F5;overflow: hidden;box-sizing: border-box;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .itarea {display: flex;align-items: center;justify-content: center;position: relative;margin-top: 0.1rem}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .itarea::before {display: block;content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 0.02rem;background: #eaeaea;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .itarea span {display: block;position: relative;padding: 0 0.16rem;background: #F5F5F5;font-size: 0.24rem;line-height: 0.4rem;color: #818181;}

.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it {display: flex;position: relative;padding: 0.2rem .8rem .2rem 0;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it .sx {display: block;width: 0.5rem;min-width: 0.5rem;height: 0.42rem;margin-right: 0.3rem;font-size: 0.24rem;line-height: 0.38rem;color: #505666;text-align: center;border: 0.02rem solid #C2C8D3;border-radius: 0.06rem;box-sizing: border-box;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it .itin {flex: 1;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it .itin > .text {font-size: 0.28rem;line-height: 0.38rem;color: #333;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it .tip {margin-top: 0.12rem;font-size: 0.24rem;line-height: 0.32rem;color: #bababa;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it.cur .sx {color: #0E6FE5;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it.cur .itin > .text {color: #0E6FE5;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem .it.cur .icheck {display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.4rem;height: 0.4rem;margin-left: auto;background: url(../images/kmeetingapp/lanchecked.png) center center no-repeat;background-size: 100% auto;}

.kserviceintapp_recordvideo {display: flex;align-items: center;position: fixed;top: 1.17rem;left: .14rem;height: .8rem;padding: 0 .3rem 0 .2rem;font-size: .28rem;line-height: .28rem;color: #FF5555;background: #fff;border: 1px solid #E75D58;border-radius: .8rem;box-sizing: border-box;z-index: 111;}
.kserviceintapp_recordvideo i {display: block;width: .46rem;height: .46rem;margin-right: .14rem;background: url(../images/kserviceintapp/stoprecordv.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_recordvideo span {display: block;margin-top: 1px;}


.kserviceintapp_say {padding-bottom: .32rem;position: relative;}
.kserviceintapp_sayline {display: block;height: 1px;background: #207fee;}
.kserviceintapp_saywavebox {width: 5.72rem;height: .6rem;display: flex;align-items: center;margin: .27rem auto .32rem;}

.kserviceintapp_say .kserviceintapp_say_vswitch { padding:.3rem 0.2rem 0;width: 100%;box-sizing: border-box;border-bottom: 1px solid #293141;}
.kserviceintapp_say .kserviceintapp_say_nav {display: flex;align-items: center;padding: .3rem 0.9rem .2rem 0;width: 100%;box-sizing: border-box;border-bottom: 1px solid #293141;}
.kserviceintapp_say .kserviceintapp_say_nav .item {display: block;position: relative;margin-left: 0.44rem;font-size: 0.28rem;line-height: 0.36rem;color: #8A8A8A;cursor: pointer;}
.kserviceintapp_say .kserviceintapp_say_nav .item.cur {color: #fff;font-weight: bold;}
.kserviceintapp_say .kserviceintapp_say_nav .item.cur i {display: block;position: absolute;left: 50%;margin-left: -0.24rem;bottom: -0.16rem;width: 0.48rem;height: 0.04rem;background: #d8d8d8;border-radius: 0.04rem;}

.kserviceintapp_say_close {display: block;position: absolute;width: 0.6rem;height: 0.6rem;top: .12rem;right: 0;background: url(../images/kserviceapp/close_w.png) center center no-repeat;background-size: 0.4rem auto;cursor: pointer;} 
.kserviceintapp_say_mini {display: block;position: absolute;width: 0.6rem;height: 0.6rem;top: .12rem;right:.2rem;background: url(../images/kserviceapp/miniicon_w.png) center center no-repeat;background-size: 0.4rem auto;cursor: pointer;} 

.kserviceintapp_say_processing {display: flex;align-items: center;height: .64rem;width: 100%;box-sizing: border-box;overflow: hidden;}
.kserviceintapp_say_processing .kserviceintapp_say_processing_in {display: flex;align-items: center;flex: 1;height: .64rem;padding: 0.12rem 0.28rem 0.12rem 0.2rem;background: #2D3340;box-sizing: border-box;}
.kserviceintapp_say_processing .num {width: .64rem;font-size: .28rem;line-height: .4rem;color: #9CA3AF;}
.kserviceintapp_say_processing .text {display: block;flex: 1;font-size: 0.28rem;line-height: 0.4rem;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.kserviceintapp_say_processing .status {display: block;width: .4rem;height: .4rem;margin-left: auto;}
.kserviceintapp_say_processing .status_succed {background: url(../images/kmeetingapp/processing_succed.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_say_processing .status_doing {background: url(../images/kmeetingapp/processing_doing.gif) center center no-repeat;background-size: 100% auto;}

.kserviceintapp_saywavebox span {width: .09rem;min-height: 10%;border-radius: 18px;margin-right: 0.09rem;background: #207fee;}

.kserviceintapp_saywave span:nth-child(1){animation:barwave2 1.5s 0.2s infinite linear}
.kserviceintapp_saywave span:nth-child(2){animation:barwave2 1.5s 0.4s infinite linear}
.kserviceintapp_saywave span:nth-child(3){animation:barwave2 1.5s 0.6s infinite linear}
.kserviceintapp_saywave span:nth-child(4){animation:barwave2 1.5s 0.8s infinite linear}
.kserviceintapp_saywave span:nth-child(5){animation:barwave2 1.5s 1.0s infinite linear}
.kserviceintapp_saywave span:nth-child(6){animation:barwave3 1.5s 1.2s infinite linear}
.kserviceintapp_saywave span:nth-child(7){animation:barwave2 1.5s 1.4s infinite linear}
.kserviceintapp_saywave span:nth-child(8){animation:barwave3 1.5s 1.6s infinite linear}
.kserviceintapp_saywave span:nth-child(9){animation:barwave2 1.5s 1.8s infinite linear}
.kserviceintapp_saywave span:nth-child(10) { animation: barwave 1.5s 2.0s infinite linear; }
.kserviceintapp_saywave span:nth-child(11) { animation: barwave 1.5s 2.2s infinite linear; }
.kserviceintapp_saywave span:nth-child(12) { animation: barwave 1.5s 2.4s infinite linear; }
.kserviceintapp_saywave span:nth-child(13) { animation: barwave 1.5s 2.6s infinite linear; }
.kserviceintapp_saywave span:nth-child(14) { animation: barwave 1.5s 2.8s infinite linear; }
.kserviceintapp_saywave span:nth-child(15) { animation: barwave 1.5s 3.0s infinite linear; }
.kserviceintapp_saywave span:nth-child(16) { animation: barwave 1.5s 3.2s infinite linear; }
.kserviceintapp_saywave span:nth-child(17) { animation: barwave 1.5s 3.4s infinite linear; }
.kserviceintapp_saywave span:nth-child(18) { animation: barwave 1.5s 3.6s infinite linear; }
.kserviceintapp_saywave span:nth-child(19) { animation: barwave3 1.5s 3.8s infinite linear; }
.kserviceintapp_saywave span:nth-child(20) { animation: barwave2 1.5s 4.0s infinite linear; }
.kserviceintapp_saywave span:nth-child(21) { animation: barwave3 1.5s 4.2s infinite linear; }
.kserviceintapp_saywave span:nth-child(22) { animation: barwave2 1.5s 4.4s infinite linear; }
.kserviceintapp_saywave span:nth-child(23) { animation: barwave3 1.5s 4.6s infinite linear; }
.kserviceintapp_saywave span:nth-child(24) { animation: barwave2 1.5s 4.8s infinite linear; }
.kserviceintapp_saywave span:nth-child(25) { animation: barwave3 1.5s 5.0s infinite linear; }
.kserviceintapp_saywave span:nth-child(26) { animation: barwave3 1.5s 5.2s infinite linear; }
.kserviceintapp_saywave span:nth-child(27) { animation: barwave2 1.5s 5.4s infinite linear; }
.kserviceintapp_saywave span:nth-child(28) { animation: barwave3 1.5s 5.6s infinite linear; }
.kserviceintapp_saywave span:nth-child(29) { animation: barwave2 1.5s 5.8s infinite linear; }
.kserviceintapp_saywave span:nth-child(30) { animation: barwave3 1.5s 6.0s infinite linear; }
.kserviceintapp_saywave span:nth-child(31) { animation: barwave2 1.5s 6.2s infinite linear; }
.kserviceintapp_saywave span:nth-child(32) { animation: barwave3 1.5s 6.4s infinite linear; }


@keyframes barwave {
	0% {
		height: 10%;
	}

	50% {
		height: 100%;
	}

	100% {
		height: 10%;
	}
}

@keyframes barwave2 {
	0% {
		height: 10%;
	}

	50% {
		height: 40%;
	}

	100% {
		height: 10%;
	}
}
@keyframes barwave3 {
	0% {
		height: 10%;
	}

	50% {
		height: 60%;
	}

	100% {
		height: 10%;
	}
}

.kserviceintapp_saymini_mini {display: flex;flex-direction: column;align-items: center;justify-content: center;position: fixed;width: 1.2rem;height: 1.2rem;top: 50%;right: .36rem;background: #fff;border-radius: .2rem;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.302);z-index: 30;}
.kserviceintapp_saymini_mini i {display: block;width: .6rem;height: .56rem;background: url(../images/kserviceapp/roboticon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_saymini_mini .in {height: 0.3rem;display: flex;align-items: center;margin: .1rem auto 0;}
.kserviceintapp_saymini_mini span {display: block;width: 1px;min-height: 10%;border-radius: 18px;margin-right: 1px;background: #207fee;}

.kserviceintapp_saymini_mini .in.wav span:nth-child(1){animation:barwave2 1.5s 0.2s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(2){animation:barwave2 1.5s 0.4s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(3){animation:barwave3 1.5s 0.6s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(4){animation:barwave 1.5s 0.8s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(5){animation:barwave2 1.5s 1.0s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(6){animation:barwave3 1.5s 1.2s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(7){animation:barwave 1.5s 1.4s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(8){animation:barwave2 1.5s 1.6s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(9){animation:barwave3 1.5s 1.8s infinite linear}
.kserviceintapp_saymini_mini .in.wav span:nth-child(10) { animation: barwave 1.5s 2.0s infinite linear; }
.kserviceintapp_saymini_mini .in.wav span:nth-child(11) { animation: barwave2 1.5s 2.2s infinite linear; }
.kserviceintapp_saymini_mini .in.wav span:nth-child(12) { animation: barwave3 1.5s 2.4s infinite linear; }
.kserviceintapp_saymini_mini .in.wav span:nth-child(13) { animation: barwave 1.5s 2.6s infinite linear; }

.kserviceintapp_saybtn {display: flex;align-items: center;justify-content: center;}
.kserviceintapp_saybtn .btn {display: blcok;min-width: 1.64rem;height: .82rem;margin: 0 .35rem;padding: 0 .4rem;font-size: .28rem;line-height: .82rem;text-align: center;color: #fff;box-sizing: border-box;border: 1px solid rgba(75, 85, 99, 0.5);border-radius: .14rem;background: #207FEE;}
.kserviceintapp_saybtn .btn.btntoend {background: #E45151;}
.kserviceintapp_saybtn .btn.brown {background: #F69F1C;}

.kmeetingapp_voice_implant .bbbbox {background: #18202F;}


.kserviceintapp_popup_workorder .bbbbox {display: flex;flex-direction: column;height: calc(100vh - 1.8rem);}
.kserviceintapp_popup_workorder .bbbbox_con {flex: 1;overflow-y: auto;padding-bottom: 1.2rem;}

.worderinfos {}
.worderinfos .btit {display: block;padding: .12rem .2rem;font-size: .32rem;line-height: .48rem;color: #505666;}

.worderinfoscon {padding: .16rem .2rem .2rem;display: flex;flex-wrap: wrap;}
.worderinfoscon .item {display: flex;width: 100%;padding: .18rem 0;overflow: hidden;box-sizing: border-box;}
.worderinfoscon .item .label {display: block;/*width: 1.3rem;min-width: 1.3rem;*/font-size: .26rem;line-height: .4rem;color: #505666;}
.worderinfoscon .item .text {display: block;flex: 1;overflow: hidden;font-size: .26rem;line-height: .4rem;color: #242424;}
.worderinfoscon .item:nth-child(1),.worderinfoscon .item:nth-child(2) {width: 50%;}
.worderinfoscon .item .navbtn {display: flex;margin-left: .46rem;padding: 0 .1rem;font-size: .28rem;line-height: .34rem;color: #2F7EEE;}
.worderinfoscon .item .navbtn i {display: block;width: .32rem;height: .32rem;margin-top: 2px;margin-right: .08rem;background: url(https://u-static.lmjx.net/mtcloud/images/kserviceapp/worderinfonavicon.png) center center no-repeat;background-size: 100% auto;}
.worderinfoscon .item .timebtn {display: flex;align-items: center;margin-left: .46rem;padding: 0 .1rem;font-size: .28rem;line-height: .34rem;color: #2F7EEE;}
.worderinfoscon .item .timebtn i {display: block;width: .32rem;height: .32rem;margin-right: .04rem;background: url(https://u-static.lmjx.net/mtcloud/images/kserviceapp/worderinfotimeicon.png) center center no-repeat;background-size: 100% auto;}

.woproblemdesc {border-top: .2rem solid #f5f5f5;}

.btitinline {display: flex;align-items: center;padding: .2rem;}
.btitinline .btit {display: block;font-size: .32rem;line-height: .48rem;color: #505666;}
.voiceibtn {display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: .12rem;padding: 0 .12rem;height: .5rem;font-size: .24rem;line-height: .34rem;color: #207FEE;border: 1px solid #207fee;box-sizing: border-box;border-radius: 6px;user-select: none;}
.voiceibtn i {display: block;width: .28rem;height: .28rem;margin-right: .06rem;background: url(../images/kserviceintapp/descvoiceicon.png) center center no-repeat;background-size: 100% auto;}

.btitinline .editibtn {display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: .12rem;padding: 0 .12rem;height: .5rem;font-size: .24rem;line-height: .34rem;color: #207FEE;border: 1px solid #207fee;box-sizing: border-box;border-radius: 6px;}
.btitinline .editibtn i {display: block;width: .28rem;height: .28rem;margin-right: .06rem;background: url(../images/kserviceintapp/editibtn.png) center center no-repeat;background-size: 100% auto;}

.problemdesc_text {padding: 0 .2rem .28rem;font-size: .26rem;line-height: .38rem;color: #242424;position: relative;}
.problemdesc_text textarea {display: block;width: 100%;height: 1.32rem;margin: 0 auto;padding: .24rem .3rem;font-size: .26rem;line-height: .38rem;color: #242424;box-sizing: border-box;border: 1px solid #E5E5E5;border-radius: .14rem;font-family: "Microsoft YaHei, Helvetica";}

.problemdesc_text .voiceibtn {display: flex;align-items: center;justify-content: center;margin: .3rem auto 0;padding: 0 .12rem;width: 2.66rem;height: .72rem;font-size: .28rem;line-height: .72rem;color: #fff;border: 1px solid #207fee;box-sizing: border-box;border-radius: .1rem;background: #207FEE;}
.problemdesc_text .voiceibtn i {display: block;width: .4rem;height: .4rem;margin-right: .16rem;background: url(../images/kserviceintapp/descvoiceicon_w.png) center center no-repeat;background-size: 100% auto;}

.voicemini_mini {display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;width: 2.66rem;height: .72rem;top: .4rem;left: 50%;margin-left: -1.33rem;background: #2A3241;border-radius: .2rem;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.302);z-index: 999;}
.voicemini_mini .in {height: 0.4rem;display: flex;align-items: center;margin: 0 auto;}
.voicemini_mini span {display: block;width: 2px;min-height: 10%;border-radius: 18px;margin-right: 2px;background: #207FEE;}
.voicemini_mini span:nth-child(1){animation:barwave2 1.5s 0.2s infinite linear}
.voicemini_mini span:nth-child(2){animation:barwave2 1.5s 0.4s infinite linear}
.voicemini_mini span:nth-child(3){animation:barwave3 1.5s 0.6s infinite linear}
.voicemini_mini span:nth-child(4){animation:barwave 1.5s 0.8s infinite linear}
.voicemini_mini span:nth-child(5){animation:barwave2 1.5s 1.0s infinite linear}
.voicemini_mini span:nth-child(6){animation:barwave3 1.5s 1.2s infinite linear}
.voicemini_mini span:nth-child(7){animation:barwave 1.5s 1.4s infinite linear}
.voicemini_mini span:nth-child(8){animation:barwave2 1.5s 1.6s infinite linear}
.voicemini_mini span:nth-child(9){animation:barwave3 1.5s 1.8s infinite linear}
.voicemini_mini span:nth-child(10) { animation: barwave 1.5s 2.0s infinite linear; }
.voicemini_mini span:nth-child(11) { animation: barwave2 1.5s 2.2s infinite linear; }
.voicemini_mini span:nth-child(12) { animation: barwave3 1.5s 2.4s infinite linear; }
.voicemini_mini span:nth-child(13) { animation: barwave 1.5s 2.6s infinite linear; }
.voicemini_mini span:nth-child(14) { animation: barwave2 1.5s 2.8s infinite linear; }
.voicemini_mini span:nth-child(15) { animation: barwave3 1.5s 3s infinite linear; }
.voicemini_mini span:nth-child(16) { animation: barwave 1.5s 3.2s infinite linear; }
.voicemini_mini span:nth-child(17) { animation: barwave2 1.5s 3.4s infinite linear; }
.voicemini_mini span:nth-child(18) { animation: barwave3 1.5s 3.6s infinite linear; }
.voicemini_mini span:nth-child(19) { animation: barwave 1.5s 3.8s infinite linear; }
.voicemini_mini span:nth-child(20) { animation: barwave2 1.5s 4s infinite linear; }
.voicemini_mini span:nth-child(21) { animation: barwave3 1.5s 4.2s infinite linear; }
.voicemini_mini span:nth-child(22) { animation: barwave 1.5s 4.4s infinite linear; }
.voicemini_mini span:nth-child(23) { animation: barwave2 1.5s 4.6s infinite linear; }
.voicemini_mini span:nth-child(24) { animation: barwave3 1.5s 4.8s infinite linear; }

.woupproblemdata {border-top: .2rem solid #f5f5f5;}
.woupproblemdata_list {display: flex;flex-wrap: wrap;padding-left: .16rem;padding-bottom: .28rem;}
.woupproblemdata_list .item {display: flex;align-items: center;justify-content: center;position: relative;width: 2rem;height: 2rem;margin-left: .14rem;margin-top: .14rem;border-radius: .1rem;overflow: hidden;}
.woupproblemdata_list .item img {width: 100%;height: 100%;vertical-align: middle;}
.woupproblemdata_list .item .idel {display: block;position: absolute;top: 0;right: 0;width: .44rem;height: .44rem;background: rgba(0,0,0,.6) url(https://u-static.lmjx.net/mtcloud/images/vcard/ridel.png) center center no-repeat;background-size: .36rem auto;}

.woupproblemdata_list .itemadd {border: 1px solid #eee;}
.woupproblemdata_list .itemadd i {display: block;width: 100%;height: 100%;background: url(../images/kserviceapp/progress_plus.png) center center no-repeat;background-size: .64rem auto;}

.woupproblemdata_list .item {border-top: .2rem solid #f5f5f5;}


.otabsnav {display: flex;width: 100%;padding: .1rem .26rem;font-size: 0;overflow-x: auto;box-sizing: border-box;}
.otabsnav .item {display: flex;align-items: center;position: relative;height: .76rem;margin-left: .8rem;font-size: .28rem;line-height: .36rem;color: #333;white-space: nowrap;}
.otabsnav .item:first-child {margin-left: 0;}
.otabsnav .item.cur {font-size: .32rem;font-weight: bold;color: #F6722A;}
.otabsnav .item.cur i {display: block;position: absolute;width: .4rem;height: 3px;bottom: 0;left: 50%;margin-left: -0.2rem;background: #F6722A;border-radius: 3px;}

.wochathistroy {padding: .1rem .24rem .4rem;flex: auto;height: auto;}
.wochathistroy .messageitem {padding-bottom: .1rem;}
.wochathistroy .messageitem .itemin {background: none;padding: .12rem 0;}
.wochathistroy .messageitem .uname {color: #505666;}
.wochathistroy .messageitem .utext {margin-top: .1rem;padding: .12rem .2rem;color: #222;background: #F2F2F4;border-radius: .1rem;}


.wovideos {display: flex;flex-wrap: wrap;padding: .1rem 0 .4rem 1px;}
.wovideos .item {margin-left: .24rem;margin-top: .24rem;}
.wovideos .item .icon {display: flex;align-items: center;justify-content: center;position: relative;width: 3.36rem;height: 2.18rem;border-radius: .1rem;background: #000;overflow: hidden;}
.wovideos .item .icon img {height: 100%;vertical-align: middle;}
.wovideos .item .icon i {display: block;width: .64rem;height: .64rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url(../images/kserviceapp/winplay.png) center center no-repeat;background-size: 100% auto;}


.wocalllog {padding: .1rem .3rem;}
.wocalllog .item {display: flex;align-items: center;margin-top: .1rem;padding: .2rem 0;border-bottom: 1px solid #E5E5E5;}
.wocalllog .item .uicon { display: flex; flex-direction: row;margin-right: .2rem;}
.wocalllog .item .uicon .icon {display: block;width: .7rem;min-width: .7rem;height: .7rem;font-size: .24rem;line-height: .7rem;text-align: center;color: #fff;border-radius: .7rem;overflow: hidden;}
.wocalllog .item .uicon .icon img {width: 100%;height: 100%;vertical-align: top;}

.wocalllog .uicon .icon.icon0 {background: #5176D5;}
.wocalllog .uicon .icon.icon1 {background: #7D51D5;}
.wocalllog .uicon .icon.icon2 {background: #B8444C;}
.wocalllog .uicon .icon.icon3 {background: #D09734;}
.wocalllog .uicon .icon.icon4 {background: #438814;}
.wocalllog .uicon .icon.icon5 {background: #F4774B;}
.wocalllog .uicon .icon.icon6 {background: #9C4046;}
.wocalllog .uicon .icon.icon7 {background: #46479F;}
.wocalllog .uicon .icon.icon8 {background: #017869;}
.wocalllog .uicon .icon.icon9 {background: #DE9C83;}
.wocalllog .uicon .icon.icona {background: #CB4B20;}
.wocalllog .uicon .icon.iconb {background: #D07786;}
.wocalllog .uicon .icon.iconc {background: #DEAD4C;}
.wocalllog .uicon .icon.icond {background: #89AC9B;}
.wocalllog .uicon .icon.icone {background: #1E5868;}
.wocalllog .uicon .icon.iconf {background: #45465E;}
.wocalllog .uicon .icon.icong {background: #57759E;}

.wocalllog .item .itemin {flex: 1;}
.wocalllog .item .uname {display: block;font-size: .28rem;line-height: .38rem;color: #333;}
.wocalllog .item .idate {display: block;font-size: .24rem;line-height: .34rem;color: #777;}
.wocalllog .item .iduration {display: block;font-size: .24rem;line-height: .34rem;color: #333;}
.wocalllog .item .iduration.notc {color: #666;}

.woproinfo {border-top: .2rem solid #f5f5f5;}
.woproinfo_form {padding: 0 .24rem .3rem;}
.woproinfo_form .item {display: flex;align-items: center;padding: .24rem 0;border-bottom: 1px solid #e5e5e5;}
.woproinfo_form .item .label {display: block;min-width: 1.4rem;font-size: .28rem;line-height: .42rem;color: #505666;}
.woproinfo_form .item .iselect {display: flex;align-items: center;flex: 1;font-size: .28rem;line-height: .42rem;color: #242424;}
.woproinfo_form .item .iselect i {display: block;margin-left: auto;margin-right: .2rem;width: .12rem;height: .12rem;border-right: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(-45deg);}
.woproinfo_form .item .iinput {display: flex;flex: 1;}
.woproinfo_form .item .iinput input {display: block;flex: 1;font-size: .28rem;line-height: .42rem;color: #242424;}

.wowhether {border-top: .2rem solid #f5f5f5;}

.woradiowrap {display: flex;flex-wrap: wrap;padding-bottom: .3rem;}
.woradiowrap .item {display: flex;align-items: center;margin-left: .24rem;min-width: 2.48rem;font-size: .26rem;line-height: .38rem;color: #242424;}
.woradiowrap .item input {margin-right: .3rem;}

.woonsiterepair {border-top: .2rem solid #f5f5f5;}

.woonsiterepair_in {padding-bottom: .3rem;}
.woreservation {display: flex;align-items: center;width: 7rem;height: .9rem;margin: 0 auto;padding: 0 .2rem;border: 1px solid #e5e5e5;box-sizing: border-box;border-radius: .14rem;}
.woreservation .label {display: block;font-size: .28rem;line-height: .42rem;color: #505666;}
.woreservation .in {display: flex;flex: 1;margin-left: .2rem;font-size: .28rem;line-height: .42rem;color: #242424;}
.woreservation .in i {display: block;width: .4rem;height: .4rem;margin-right: .24rem;background: url(../images/kserviceintapp/calendar.png) center center no-repeat;background-size: 100% auto;}

.woffbtnwrap {display: flex;align-items: center;justify-content: center;position: fixed;left: 0;bottom: 0;width: 100%;height: 1.2rem;background: #fff;}
.woffbtnwrap .btn.submit {display: block;width: 5rem;height: .8rem;font-size: .28rem;line-height: .8rem;text-align: center;color: #fff;background: #F6722A;border-radius: .1rem;box-sizing: border-box;}

.kserviceintapp_chathistory .bbbbox {background: #272D3A;}
.kserviceintapp_chathistory .bbbbox .bbbbox_close {background: url(../images/kserviceapp/close_w.png) center center no-repeat;background-size: 70% auto;}
.kserviceintapp_chathistory .bbbbox_con {padding: 0 .24rem 1rem;max-height: 70vh;overflow-y: auto;    overflow-x: hidden;}
.kserviceintapp_chathistory .livemessages .livemessages_more {margin-right: 0;}


.kserviceintapp_popup_imgpreview .popupmask {background: #000;}
.kserviceintapp_popup_imgpreview .popupcon {width: 100%;height:100%;display: flex;align-items: center;justify-content: center;}
.kserviceintapp_popup_imgpreview .popupcon_top {position: fixed;top: 0;right: 0;}
.kserviceintapp_popup_imgpreview .popup_close {position: absolute;width: 30px;height: 30px;top: 5px;right: 5px;background: url(../images/kserviceapp/close_w.png) center center no-repeat;background-size: 70% auto;}
.kserviceintapp_imgpreview_img {display: flex;align-items: center;justify-content: center;width: 100vw;position: relative;}
.kserviceintapp_imgpreview_img img {max-width: 100%;max-height: 100%;}

.kserviceintapp_imgpreview_tools {position: fixed;bottom: 2.74rem;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;}
.kserviceintapp_imgpreview_tools .itbtn {display: block;;height: .62rem;padding: 0 .24rem;font-size: .28rem;line-height: .62rem;text-align: center;color: #fff;background: #28303F;border-radius: .1rem;box-sizing: border-box;}
.kserviceintapp_imgpreview_tools .itnum {display: block;margin: 0 .6rem;font-size: .3rem;line-height: .62rem;color: #fff;}

.uubtns {margin-left: auto;}
.uubtns .abtn {color: #fff;font-size: .28rem;border: 1px solid #f60;height: 0.6rem;line-height: .6rem;padding: 0 0.3rem;background: #f60;border-radius: 0.08rem;}

.kserviceapp_gift_display_sidebar .gift_display_sidebar {z-index: 99;}


.kserviceapp_int_entermsg .kmeetingapp_devset,.applyor_dia .kmeetingapp_devset {position: relative;width: auto;height: auto;margin-top: .4rem;}
.kserviceapp_int_entermsg .kmeetingapp_devset-in,.applyor_dia .kmeetingapp_devset-in {position: relative;top: 0;left: 50%;transform: translate(-50%,0);width: auto;width: auto;}
.applyor_dia .rebox_in {max-height: 90vh;overflow-y: auto;overflow-x: hidden;}

.shopitemdetailwrap .shopitemdetail {max-height: 72vh;}

.kserviceintapp_popup_instruction {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: .64rem .3rem;background: #272D3A;box-sizing: border-box;}
.instruction_title {display: flex;align-items: center;justify-content: center;}
.instruction_title i {display: block;width: 1.11rem;height: .13rem;background: linear-gradient(270deg, #424958 0%, rgba(49, 56, 70, 0) 95%);}
.instruction_title i:last-child {display: block;width: 1.11rem;height: .13rem;background: linear-gradient(270deg, rgba(49, 56, 70, 0) 0%, #424958 95%);}
.instruction_title span {display: block;margin: 0 .1rem;font-size: .46rem;font-weight: bold;color: #fff;}
.instruction_text {display: block;margin-top: .65rem;font-size: .3rem;line-height: .44rem;color: #fff;}
.instruction_text span {line-height: .48rem;color: #207FEE;padding: 0 .1rem;margin: 0 .1rem;border-radius: .08rem;border: 1px solid #207FEE;box-sizing: border-box;background: #fff;}
.instruction_dashed {width: 100%;height: 1px;border-bottom: 1px dashed #434853;}
.instruction_img1 {display: block;width: 3.1rem;margin: .27rem 0 .6rem;}
.instruction_img1 img {max-width: 100%;vertical-align: top;}
.instruction_img2 {display: block;width: 5rem;margin: .27rem 0 1.4rem;}
.instruction_img2 img {max-width: 100%;vertical-align: top;}
.instruction_btns {display: flex;align-items: center;justify-content: center;}
.instruction_btns .instruction_btn {display: block;min-width: 3.52rem;height: .66rem;margin: 0 auto;font-size: .28rem;line-height: .62rem;text-align: center;color: #fff;border: 1px solid #959595;border-radius: .66rem;box-sizing: border-box;}

.bbbbox_btns {display: flex;position: absolute;right: .8rem;top: .1rem;}
.bbbbox_btns .bbbbox_btn {display: flex;align-items: center;margin-right: .2rem;font-size: .26rem;line-height: .6rem;color: #3288F1;}
.bbbbox_btns .bbbbox_btn i {display: block;width: .3rem;height: .3rem;margin-right: 3px;}
.bbbbox_btns .bbbbox_btn_edit i {background: url(../images/kserviceintapp/bbbboxbtn_edit.png) center center no-repeat;background-size: 100% auto;}
.bbbbox_btns .bbbbox_btn_add i {background: url(../images/kserviceintapp/bbbboxbtn_add.png) center center no-repeat;background-size: 100% auto;}

.kserviceintapp_quickphrases .bbbbox_inin {background: #F5F5F5;padding: .15rem 0;}

.quickphrases_nav {display: flex;margin: .1rem 0 .24rem;padding: 0 .22rem;}
.quickphrases_nav .item {display: block;position: relative;margin-left: .6rem;font-size: .28rem;line-height: .56rem;color: #333;}
.quickphrases_nav .item.cur {padding-bottom: .12rem;font-size: .32rem;font-weight: bold;line-height: .44rem;color: #5A8DFF;}
.quickphrases_nav .item.cur i {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -0.22rem;width: .44rem;height: 3px;background: #5A8DFF;border-radius: 3px;}
.quickphrases_nav .item:first-child {margin-left: 0;}

.quickphrases_list {padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.quickphrases_list .item {display: flex;align-items: center;margin-top: .1rem;padding: .18rem .3rem;background: #fff;/*border-radius: .1rem;*/}
.quickphrases_list .item .itemin {display: flex;align-items: center;flex: 1;overflow: hidden;}
.quickphrases_list .item .icon {display: block;width: 1.2rem;min-width: 1.2rem;height: 1.2rem;margin-right: .14rem;border-radius: 8px;overflow: hidden;}
.quickphrases_list .item .icon img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.quickphrases_list .item:first-child {margin-top: 0;}
.quickphrases_list .item .itools {display: flex;align-items: center;margin-left: .4rem;}
.quickphrases_list .item .itools .it {display: block;width: .6rem;height: .6rem;}
.quickphrases_list .item .itools .it i {display: block;width: .44rem;height: .44rem;}
.quickphrases_list .item .itools .it.itsend i {background: url(../images/kserviceintapp/quickphrases_send.png) center center no-repeat;background-size: 100% auto;}
.quickphrases_list .item .itools .it.itmove i {background: url(../images/kserviceintapp/quickphrases_move.png) center center no-repeat;background-size: 100% auto;}
.quickphrases_list .item .itools .it.itdel i {background: url(../images/kserviceintapp/quickphrases_del.png) center center no-repeat;background-size: 100% auto;}
.quickphrases_list .item .itools .it.itedit i {background: url(../images/kserviceintapp/quickphrases_edit.png) center center no-repeat;background-size: 100% auto;}

.quickphrases_from {display: block;width: 7rem;padding: .54rem .5rem .48rem;background: #fff;border-radius: .1rem;box-sizing: border-box;}
.quickphrases_from .quickphrases_textarea {}
.quickphrases_from .quickphrases_textarea textarea {display: block;width: 100%;height: 1.48rem;font-size: .3rem;line-height: .48rem;color: #333;outline: none;border: 0 none;font-family: "Microsoft YaHei";}
.quickphrases_from .quickphrases_upimgs {display: flex;flex-wrap: wrap;margin-top: .1rem;margin-left: -0.2rem;}
.quickphrases_from .quickphrases_upimgs .item {display: flex;align-items: center;justify-content: center;position: relative;width: 2.24rem;height: 2.24rem;margin-left: .2rem;margin-top: .2rem;background: #F7F7F7;border-radius: .1rem;}
.quickphrases_from .quickphrases_upimgs .item img {width: 100%;height: 100%;vertical-align: top;border-radius: .1rem;}
.quickphrases_from .quickphrases_upimgs .item i {display: block;width: .6rem;height: .6rem;background: url(../images/kserviceapp/progress_plus.png) center center no-repeat;background-size: 100% auto;}
.quickphrases_from .quickphrases_upimgs .item .idel {display: block;position: absolute;top: 0;right: 0;width: .4rem;height: .4rem;background: rgba(0,0,0.7) url(../images/kserviceintapp/ridel.png) center center no-repeat;background-size: .32rem auto;cursor: pointer;}
.quickphrases_fbtns {display: flex;align-items: center;justify-content: center;margin-top: .66rem;}
.quickphrases_fbtns .fbtn {display: block;width: 1.96rem;height: .82rem;margin: 0 .3rem;font-size: .28rem;line-height: .82rem;text-align: center;border-radius: .14rem;box-sizing: border-box;}
.quickphrases_fbtns .fbtn_cancel {background: #DADEE6;color: #666;}
.quickphrases_fbtns .fbtn_sure {background: #207FEE;color: #fff;}


/*实时听写*/
.interactivelive_voice2txtdia_voice2txts {pointer-events: none;display: flex;flex-direction: column;align-items: flex-start;}

.interactivelive_voice2txtdia_voice2txt_it {position: relative;margin-bottom: .16rem;padding: 0.24rem 0.4rem;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(0.2rem);border-radius: 0.2rem;}
/*.interactivelive_voice2txtdia_voice2txt_it:first-child {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 97%);}*/
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr {display: flex;align-items: center;font-size: 0.28rem;line-height: 0.48rem;color: #fff;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon {display: flex;align-items: center;justify-content: center;width: 0.3rem;height: 0.3rem;margin-right: 0.2rem;font-size: 0.2rem;line-height: 0.3rem;text-align: center;color: #fff;border-radius: 0.3rem;overflow: hidden;}

.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .ilan {display:block;position:absolute;left:0.68rem;top:0.2rem;padding:0 0.06rem;height:0.32rem;border:0.02rem solid #3288F1;border-radius:0.2rem;box-sizing:border-box;background:#fff;font-size:0.24rem;font-weight:bold;line-height:0.28rem;color:#3288F1;transform:scale(.83);transform-origin:left top}

.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon0 {background: #5176D5;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon1 {background: #7D51D5;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon2 {background: #B8444C;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon3 {background: #D09734;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon4 {background: #438814;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon5 {background: #F4774B;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon6 {background: #9C4046;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon7 {background: #46479F;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon8 {background: #017869;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icon9 {background: #DE9C83;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icona {background: #CB4B20;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.iconb {background: #D07786;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.iconc {background: #DEAD4C;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icond {background: #89AC9B;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icone {background: #1E5868;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.iconf {background: #45465E;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon.icong {background: #57759E;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .icon img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_voice2txt_usr .interactivelive_voice2txtdia_voice2txt_usr_name {font-size: 0.26rem;font-weight: bold;line-height: 0.48rem;color: #6B7280;}

.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_itemvoice2txt_tr {margin-top: 0.08rem;font-size: 0.28rem;line-height: 0.48rem;color: #fff;}

.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_itemvoice2txt_or {position: relative;margin-top: 0.32rem;font-size: 0.28rem;line-height: 0.48rem;color: #fff;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_itemvoice2txt_or i {display: inline-block;width: 0.28rem;min-width: 0.28rem;height: 0.28rem;margin-right: 0.08rem;margin-bottom: 0.04rem;background: url(../images/kmeetingapp/subvoice.png) center center no-repeat;background-size: 100% auto;vertical-align: middle;}
.interactivelive_voice2txtdia_voice2txt_it .interactivelive_voice2txtdia_itemvoice2txt_or::before {display: block;position: absolute;content: '';top: -0.18rem;left: 0;width: 100%;height: 0.02rem;border-bottom: 0.02rem dashed #393E46;}

.kserviceintapp_manuallist {max-height: 60vh;padding: .1rem .2rem 1.24rem;background: #F5F5F5;overflow-y: auto;}
.kserviceintapp_manuallist .item {display: flex;align-items: center;margin-top: .2rem;padding: .15rem .36rem;background: #fff;border-radius: .1rem;box-sizing: border-box;}
.kserviceintapp_manuallist .item .icon {display: flex;align-items: center;justify-content: center;position: relative;width: .7rem;min-width: .7rem;height: .7rem;margin-right: .82rem;border-radius: .2rem;background: #E1E5E8;box-sizing: border-box;}
.kserviceintapp_manuallist .item .icon img {max-width: .46rem;max-height: .46rem;vertical-align: middle;}
.kserviceintapp_manuallist .item .icon::after {display: block;position: absolute;content: '';width: 1px;height: .46rem;background: #DADADA;left: 1.12rem;top: 50%;margin-top: -0.23rem;}
.kserviceintapp_manuallist .item .text {display: block;font-size: .3rem;line-height: .44rem;color: #181818;}


/*视频窗口移动按钮*/
.kmeetingapp_container_movebtnwrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 999;}
.kmeetingapp_container_movebtnwrap .item {display: flex;align-items: center;justify-content: center;width: .8rem;height: .8rem;border-radius: .2rem;background: rgba(0, 0, 0, 0.3);}
.kmeetingapp_container_movebtnwrap .item i {display: block;width: .46rem;height: .46rem;}

.kmeetingapp_container_movebtnwrap .item.itop {position: absolute;top: -1.1rem;left: 0;}
.kmeetingapp_container_movebtnwrap .item.itop i {background: url(../images/kserviceintapp/ksmbtopicon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_container_movebtnwrap .item.ibottom {position: absolute;bottom: -1.1rem;left: 0;}
.kmeetingapp_container_movebtnwrap .item.ibottom i {background: url(../images/kserviceintapp/ksmbboticon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_container_movebtnwrap .item.iright {position: absolute;top: 0;left: -1.1rem;}
.kmeetingapp_container_movebtnwrap .item.iright i {background: url(../images/kserviceintapp/ksmbrighticon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_container_movebtnwrap .item.ileft {position: absolute;top: 0;right: -1.1rem;}
.kmeetingapp_container_movebtnwrap .item.ileft i {background: url(../images/kserviceintapp/ksmblefticon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_container_movebtnwrap .item.icenter i {background: url(../images/kserviceintapp/ksmbcentericon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_container_movebtnwrap .item.cur {background: rgba(0, 0, 0, 0.6);} 


.kmeetingapp_popup_movev {display: flex;align-items: center;justify-content: center;height: 4rem;background: #f5f5f5;}

.kmeetingapp_popup_movebtnwrap {position: relative;width: 2.5rem;height: 2.5rem;background: url(../images/kserviceintapp/movebtnwrapbg.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item {display: flex;align-items: center;justify-content: center;width: .8rem;height: .8rem;border-radius: .2rem;}
.kmeetingapp_popup_movebtnwrap .item i {display: block;width: .46rem;height: .46rem;}

.kmeetingapp_popup_movebtnwrap .item.itop {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.kmeetingapp_popup_movebtnwrap .item.itop i {background: url(../images/kserviceintapp/ksmvtopicon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item.itop.cur i {background: url(../images/kserviceintapp/ksmvtopicon2.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item.ibottom {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.kmeetingapp_popup_movebtnwrap .item.ibottom i {background: url(../images/kserviceintapp/ksmvboticon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item.ibottom.cur i {background: url(../images/kserviceintapp/ksmvboticon2.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item.iright {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.kmeetingapp_popup_movebtnwrap .item.iright i {background: url(../images/kserviceintapp/ksmvrighticon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item.iright.cur i {background: url(../images/kserviceintapp/ksmvrighticon2.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item.ileft {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.kmeetingapp_popup_movebtnwrap .item.ileft i {background: url(../images/kserviceintapp/ksmvlefticon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_popup_movebtnwrap .item.ileft.cur i {background: url(../images/kserviceintapp/ksmvlefticon2.png) center center no-repeat;background-size: 100% auto;}

.kmeetingapp_popup_movebtncen {display: flex;align-items: center;justify-content: center;width: 1.6rem;height: 1.6rem;margin-left: 1.24rem;background: #fff;border: 1px solid #DADEE6;border-radius: 1.6rem;box-sizing: border-box;}
.kmeetingapp_popup_movebtncen i {display: block;width: .5rem;height: .5rem;background: #fff;border: 1px solid #DADEE6;border-radius: .5rem;box-sizing: border-box;}
.kmeetingapp_popup_movebtncen.cur,.kmeetingapp_popup_movebtncen.cur i {border-color: #ADADAD;}


/*kmeetingapp_container_material_bar new*/
.kmeetingapp_container_material_newbar {z-index:5;display:flex;align-items:center;justify-content: center;position: absolute;left: 0;bottom: .24rem;width: 100%;}
.kmeetingapp_container_material_newbar .kmeetingapp_nctools{width:100%;height: 100%;display:flex;align-items:center;padding: .2rem .2rem 0;box-sizing: border-box;}
.kmeetingapp_container_material_newbar .kmeetingapp_ctoolsin{flex:1;display:flex;justify-content:flex-end;align-items:center;}
.kmeetingapp_container_material_newbar .ibtnclose{display:flex;align-items:center;justify-content:center;width:0.72rem;height:0.72rem;background:#E74646;cursor: pointer;border-radius: 0.08rem;}
.kmeetingapp_container_material_newbar .ibtnclose i{display:block;width:0.68rem;height:0.68rem;background:url(../images/kmeetingapp/nibtnclose2.png) center center no-repeat;background-size:100% auto}
.kmeetingapp_container_material_newbar .ibtnprev,.kmeetingapp_container_material_newbar .ibtnnext{display:flex;align-items:center;justify-content:center;width:0.72rem;height:0.72rem;margin-left: .2rem;background: #2C323F;border: 0.02rem solid #3C414F;border-radius:0.08rem;cursor: pointer;box-sizing: border-box;transition: background .3s;}
.kmeetingapp_container_material_newbar .ibtnprev i{display:block;width:0.3rem;height:0.3rem;background:url(../images/kmeetingapp/nibtnprev.png) center center no-repeat;background-size:100% auto}
.kmeetingapp_container_material_newbar .ibtnnext i{display:block;order:1;width:0.3rem;height:0.3rem;background:url(../images/kmeetingapp/nibtnnext.png) center center no-repeat;background-size:100% auto}
.kmeetingapp_container_material_newbar .ibtnnext.disabled,.kmeetingapp_container_material_newbar .ibtnnext.disabled:hover,.kmeetingapp_container_material_newbar .ibtnprev.disabled,.kmeetingapp_container_material_newbar .ibtnprev.disabled:hover {background:#555}
.kmeetingapp_container_material_newbar .ibtnnext:hover,.kmeetingapp_container_material_newbar .ibtnprev:hover{background:#161617}

.kmeetingapp_m_body_fullscreen .kmeetingapp_container_material_newbar {position: absolute;width: auto;height: auto;top: 50%;right: 0;left: auto;flex-direction: column;transform: translateY(-50%);}
.kmeetingapp_m_body_fullscreen .kmeetingapp_container_material_newbar .kmeetingapp_nctools {flex-direction: column;justify-content: center;}
.kmeetingapp_m_body_fullscreen .kmeetingapp_container_material_newbar .kmeetingapp_ctoolsin {flex-direction: column;flex: 0;}
.kmeetingapp_m_body_fullscreen .kmeetingapp_container_material_newbar .ibtnprev,.kmeetingapp_m_body_fullscreen .kmeetingapp_container_material_newbar .ibtnnext {margin-left: 0;margin-top: .32rem;}

/*.xapcallmateplayer_top_todown,.xapcallmateplayer_top_toup {position: absolute;top: 25px;right: 0;}*/
.xapcallmateplayer_top_todown .ibtn {width: .7rem;height: .7rem;background: rgba(0, 0, 0, 0.7) url(../images/app/top_todown.png) center center no-repeat;background-size: .44rem auto;}
.xapcallmateplayer_top_toup .ibtn {width: .7rem;height: .7rem;background: rgba(0, 0, 0, 0.7) url(../images/app/top_toup.png) center center no-repeat;background-size: .44rem auto;}

.xapcallmateplayer_top_zoom .ibtn {width: .7rem;height: .7rem;background: rgba(0, 0, 0, 0.7) url(../images/app/kmtozoombig.png) center center no-repeat;background-size: .44rem auto;}

.kmeetingapp_m_body_fullscreen .xapcallmateplayer_top_zoom .ibtn {width: .7rem;height: .7rem;background: rgba(0, 0, 0, 0.7) url(../images/app/kmtozoommini.png) center center no-repeat;background-size: .44rem auto;}

.xapcallmateplayer_topops {display: flex;position: absolute;top: .14rem;right: .24rem;z-index: 3;}


.kmeetingapp_fullscreen_m_tip {display: flex;flex-direction: column;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;font-size: .24rem;line-height: .36rem;text-align: center;color: #fff;background: #000;z-index: 999999;}
.kmeetingapp_fullscreen_m_tip i {display: block;width: 3.45rem;height: 1.42rem;margin: 0 auto .62rem;background: url(../images/kmeetingapp/fullscreen_tipsicon.png) center center no-repeat;background-size: 100% auto;}

.kmeetingapp_fullscreen_m_tip_h i {display: block;width: 3.45rem;height: 1.42rem;margin: 0 auto .62rem;background: url(../images/kmeetingapp/fullscreen_tipsicon2.png) center center no-repeat;background-size: 100% auto;}

.kmeetingapp_m_body_fullscreen {width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg) translateY(-100%);min-height:auto;min-width:auto;max-width:100vh;max-height:100vw;}
.kmeetingapp_fullscreen_m {position:absolute;left:0;right:0;top:0;bottom:0;background:#333;display:flex;justify-content:center;align-items:center}

.kmeetingapp_btn_fullscreen {display: block;position: absolute;top: -0.96rem;right: .36rem;width: .72rem;height: .72rem;font-size: 0;background: rgba(0,0,0,0.3) url(../images/kmeetingapp/changelscreen.png) center center no-repeat;background-size: .5rem auto;z-index: 5;border-radius: 5px;}

.kmeetingapp_m_body_fullscreen .kmeetingapp_btn_fullscreen {display:flex;align-items:center;position:absolute;width: auto;height:0.64rem;top:0.26rem;left:0.2rem;right: auto;padding:0 0.36rem 0 0.2rem;font-size:0.24rem;line-height:0.64rem;color:#fff;background:rgba(0,0,0,0.3);box-sizing:border-box;border:0.02rem solid rgba(255,255,255,0.1);border-radius:0.64rem;cursor: pointer;z-index: 5;}
.kmeetingapp_m_body_fullscreen .kmeetingapp_btn_fullscreen i {display:block;width:0.3rem;height:0.3rem;margin-right:0.06rem;background:url(../images/kmeetingapp/v_back_w.png) center center no-repeat;background-size:100% auto}

.appvrmsvideocallus_cutimg_history .cihistorylist .item .itemin { background:center center no-repeat;background-size: cover; height:100% }

.n_cutimg {position: fixed;display: flex;align-items: center;justify-content: center;padding: .4rem;box-sizing: border-box;}
.n_cutimg .cutimgin {display: block;position: relative;width: 100%;height: 100%;border: 2px solid #fff;}
.n_cutimg .cutimgin .iarrowtl {display: block;position: absolute;top: -0.2rem;left: -0.2rem;width: .7rem;height: .7rem;background: url(../images/app/karrowtl.png) top left no-repeat;background-size: 100% auto;}
.n_cutimg .cutimgin .iarrowtr {display: block;position: absolute;top: -0.2rem;right: -0.2rem;width: .7rem;height: .7rem;background: url(../images/app/karrowtr.png) top left no-repeat;background-size: 100% auto;}
.n_cutimg .cutimgin .iarrowbl {display: block;position: absolute;bottom: -0.2rem;left: -0.2rem;width: .7rem;height: .7rem;background: url(../images/app/karrowbl.png) top left no-repeat;background-size: 100% auto;}
.n_cutimg .cutimgin .iarrowbr {display: block;position: absolute;bottom: -0.2rem;right: -0.2rem;width: .7rem;height: .7rem;background: url(../images/app/karrowbr.png) top left no-repeat;background-size: 100% auto;}


.n_cutimg_history {position: absolute;top: 1rem;left: .6rem;}
.n_cutimg_history .n_cutimg_history_btn {display: flex;align-items: center;justify-content: center;position: relative;width: .7rem;height: .7rem;background: rgba(0, 0, 0, 0.7);border-radius: .1rem;}
.n_cutimg_history .n_cutimg_history_btn i {display: block;width: .46rem;height: .46rem;background: url(../images/app/n_cutimgicon.png) center center no-repeat;background-size: 100% auto;}
.n_cutimg_history .n_cutimg_history_btn_tipdot::after {display: block;position: absolute;content: '';top: -0.04rem;right: -0.04rem;width: .18rem;height: .18rem;border-radius: 10px;background: #F65E58;}

.n_cutimg_history_tit {display: block;font-size: .24rem;line-height: .34rem;color: #fff;white-space: nowrap;}

.n_cutimg_history_list {display: block;position: absolute;top: calc(100% + 0.27rem);left: 0;max-width: 6.04rem;height: 1.88rem;padding: .08rem .12rem .18rem;background: rgba(0, 0, 0, 0.5);border-radius: .1rem;box-sizing: border-box;}
.n_cutimg_history_swiper {overflow: hidden;width: 100%;margin-top: .1rem;}
.n_cutimg_history_swiper .swiper-slide {margin-left: .12rem;}
.n_cutimg_history_swiper .swiper-slide:first-child {margin-left: 0;}
.n_cutimg_history_list::before {display: block;position: absolute;content: '';bottom: 100%;left: .15rem;width: 0;height: 0;border: .16rem solid transparent;border-bottom: .16rem solid rgba(0, 0, 0, 0.5);}
.n_cutimg_history_list .item {display: block;width: 1.2rem;height: 1.2rem;}
.n_cutimg_history_list .item .icon {display: block;width: 1.2rem;height: 1.2rem;border-radius: .1rem;box-sizing: border-box;background:center center no-repeat;background-size: cover; height:100%}
.n_cutimg_history_list .item.cur .icon {border: 2px solid #4F81FF;}

/*全屏视频样式*/
.xap_callroom_app_wrap_portrait {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;}

/*发送消息*/
.message_sender_wwrap_portrait {position: absolute;left: 0;bottom: 0;width: 100%;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);z-index: 99;background: none;box-shadow: none;}
.message_sender_wwrap_portrait .kserviceintapp_ftools {padding: 0 .24rem 0 1px}
.message_sender_wwrap_portrait .kserviceintapp_ftools .inputtext textarea,.message_sender_wwrap_portrait .kserviceintapp_ftools .inputtext .intext {background: rgba(0, 0, 0, 0.5);box-sizing: border-box;border: 1px solid rgba(0, 0, 0, 0.3);overflow: hidden;}
.message_sender_wwrap_portrait .kserviceintapp_ftools .inputvoice_btn,.message_sender_wwrap_portrait .kserviceintapp_ftools .moretools_btn,.message_sender_wwrap_portrait .kserviceintapp_ftools .custom_btn {border-radius: .7rem;background: rgba(0, 0, 0, 0.3);}
.message_sender_wwrap_portrait .kserviceintapp_ftools .inputvoice_btn i {width: .48rem;height: .48rem;background: url(../images/kserviceintapp/inputvoiceicon_w.png) center center no-repeat;background-size: 100% auto;}
.message_sender_wwrap_portrait .kserviceintapp_ftools .moretools_btn i,
.message_sender_wwrap_portrait .kserviceintapp_ftools .custom_btn i {width: .48rem;height: .48rem;background: url(../images/kserviceintapp/moretoolsicon_w.png) center center no-repeat;background-size: 100% auto;}
.message_sender_wwrap_portrait .kserviceintapp_ftools .moretools_btn img,
.message_sender_wwrap_portrait .kserviceintapp_ftools .custom_btn img {max-width: .48rem;max-height: .48rem;}

.message_sender_wwrap_ishowmorebtnw {display: flex;flex-direction: column;height: 100%;}
.message_sender_wwrap_ishowmorebtnw .kserviceintapp_ftools {background: #18202F;}
.kserviceintapp_moretools_ishowmorebg {flex: 1;position: fixed;top: 0;left: 0;right: 0;bottom: 0;}
.message_sender_wwrap_ishowmorebtnw .kserviceintapp_ftools .moretools_btn i {background: url(../images/kserviceintapp/moretoolsicon_close.png) center center no-repeat;background-size: 100% auto;}

/*聊天*/
.xap_callroom_app_chatroom_wwrap_portrait {position: absolute;z-index: 8;bottom: 1.9rem;}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages {padding-right: 0;display: flex;flex-direction: column;}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages .livemessages_in {display: flex;flex-direction: column;align-items: flex-start;}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages .livemessages_in .theitem {padding: .12rem .24rem;background: rgba(0, 0, 0, 0.3);border-radius: .2rem;}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages .livemessages_in .theitem.theitem_self .chatroom_message_user_icon {flex-direction: row;}
.xap_callroom_app_chatroom_wwrap_portrait .chatroom_message_user_icon .icon,
.xap_callroom_app_chatroom_wwrap_portrait .livemessages .livemessages_in .theitem.theitem_self .chatroom_message_user_icon .icon {width: .3rem;min-width: .3rem;height: .3rem;font-size: .18rem;line-height: .3rem;}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages .livemessages_in .theitem.theitem_self .chatroom_message_user_icon .username {margin-left: .2rem;font-size: .2rem;font-weight: bold;line-height: .3rem;color: #A8A8A8;}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages .livemessages_in .theitem.theitem_shicon .theitemin,
.xap_callroom_app_chatroom_wwrap_portrait .livemessages .livemessages_in .theitem.theitem_self .theitemin {justify-content: flex-start;margin-top: 0;padding-left: 0;padding-right: 0;margin-top: .06rem;}
.xap_callroom_app_chatroom_wwrap_portrait .translateitemin {margin-top: .06rem;}
.xap_callroom_app_chatroom_wwrap_portrait .chatroom_message_user_icon {align-items: center;}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages_in .translateitem {background: none;padding: 0;font-size: .26rem;line-height: 1.46;/*line-height: .38rem;*/}
.xap_callroom_app_chatroom_wwrap_portrait .livemessages_in .translateitemin .text {padding: 0 .5rem 0 0;font-size: .26rem;line-height: 1.46;/*line-height: .38rem;*/}

.xap_callroom_app_chatroom_wwrap_portrait .kserviceintapp_moremsg_btn {display: flex;}
.xap_callroom_app_chatroom_wwrap_portrait .kserviceintapp_moremsg_btn .moremsgbtn {display: flex;align-items: center;height: .52rem;padding: 0 .1rem;font-size: .24rem;line-height: .24rem;color: #207FEE;background: #D7DEEE;border: 1px solid #207FEE;box-sizing: border-box;border-radius: 6px;}
.xap_callroom_app_chatroom_wwrap_portrait .kserviceintapp_moremsg_btn .moremsgbtn i {display: block;width: .28rem;height: .28rem;margin-right: 0.06rem;background: url(../images/kserviceintapp/intmsgicon.png) center center no-repeat;background-size: 100% auto;}

.xap_callroom_app_chatroom_wwrap_portrait .livemessages_in .theitem_isloading .translateitemin .text {padding-right: .5rem;}

/*留言*/
.popupleavemasg {}
.popupleavemasgcon {width: 6.4rem;padding: .24rem 0 .4rem;background: #fff;border-radius: .1rem;}
.popupleavemasg .tit {display: block;padding: 0 .4rem;font-size: .3rem;line-height: 44rem;color: #222;}
.popupleavemasg .inputitem {margin-top: .3rem;padding: 0 .5rem;}
.popupleavemasg .inputitem .label {display: block;font-size: .28rem;line-height: .4rem;color: #505666;}
.popupleavemasg .inputitem .text {margin-top: .1rem;display: flex;align-items: center;}
.popupleavemasg .inputitem .text input {display: block;width: 100%;height: .8rem;padding: 0 .2rem;background: #F5F5F9;border-radius: .1rem;box-sizing: border-box;}
.popupleavemasg .inputitem .text textarea {display: block;width: 100%;height: 2.3rem;padding: .18rem .2rem;background: #F5F5F9;border-radius: .1rem;box-sizing: border-box;border: 0 none;font-family: "Microsoft YaHei";}

.popupleavemasg_submit {display: block;width: 3.6rem;height: .72rem;margin: .38rem auto 0;font-size: .28rem;line-height: .72rem;text-align: center;color: #fff;background: #034EA2;border-radius: .1rem;}

.popupleavemasg .popupclose {position: absolute;top: .2rem;right: .2rem;width: .46rem;height: .46rem;margin: 0;background: url(../images/kmeetingapp/close.png) center center no-repeat;background-size: 100% auto;}


/*连线中提醒*/
.appuserconnecting {}
.appuserconnecting .popupcon {width: 4.1rem;}
.appuserconnecting .connecting_ani {display: block;width: 1rem;height: 1rem;margin: 0 auto;background: url(../images/app/cline1.png) center center no-repeat;background-size: 100% auto;}
.appuserconnecting .connecting_ani i {display: block;width: 100%;height: 100%;background: url(../images/app/cline4.png) center center no-repeat;background-size: 100% auto;animation: cline 1s linear infinite}
.appuserconnecting .connecting_text {display: block;margin-top: .6rem;font-size: .3rem;line-height: .48rem;text-align: center;color: #fff;}
.appuserconnecting .connecting_countdown {display: block;margin-top: .3rem;font-size: .24rem;line-height: .3rem;text-align: center;color: #f0f0f0;}
.connecting_btnwrap {display: flex;align-items: center;justify-content: center;margin-top: .46rem;}
.connecting_btnwrap .connecting_btn {display: block;min-width: 2.1rem;height: .76rem;padding: 0 .2rem;font-size: .26rem;line-height: .76rem;text-align: center;border-radius: .1rem;}
.connecting_btnwrap .connecting_btn.cancel {color: #fff;background: #E75D58;}


@keyframes cline {
	0% { background: url(../images/app/cline4.png) center center no-repeat; background-size: 100% auto; }
	25% { background: url(../images/app/cline1.png) center center no-repeat; background-size: 100% auto; }
	50% { background: url(../images/app/cline2.png) center center no-repeat; background-size: 100% auto; }
	75% { background: url(../images/app/cline3.png) center center no-repeat; background-size: 100% auto; }
	100% { background: url(../images/app/cline4.png) center center no-repeat; background-size: 100% auto; }
}


/* 客服连接中 */
.vrkefu_connectstatus{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;width:100%;height:100%;top:0;left:0;padding-bottom:1.2rem;box-sizing:border-box;background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,rgba(15,19,38,0.7) 100%);backdrop-filter:blur(10px);overflow:hidden}
.vrkefu_connectstatus .icon{display:block;position:relative;width:1.66rem;height:1.66rem}
.vrkefu_connectstatus .icon img{display:block;position:relative;width:100%;height:100%;vertical-align:top;border-radius:1.66rem}
.vrkefu_connectstatus .icon .bg{display:block;width:1.66rem;height:1.66rem;border-radius:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:bgscale 1s linear infinite}
.vrkefu_connectstatus .icon.connectingicon .bg{background:rgba(108,216,127,0.3)}
.vrkefu_connectstatus .icon.connectsuccicon .bg{background:rgba(47,126,238,0.3)}
.vrkefu_connectstatus .icon i{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.66rem;height:1.66rem;border-radius:1.66rem}
.vrkefu_connectstatus .icon.connectingicon i{background:rgba(75,214,99,0.8) url(https://u-static.lmjx.net/2024/vrdkpro/images/connecting3.png) center center no-repeat;background-size:1rem auto;animation:connecting 1s linear infinite}
.vrkefu_connectstatus .icon.connectsuccicon i{background:#2F7EEE url(https://u-static.lmjx.net/2024/vrdkpro/images/connectsucc3.png) center center no-repeat;background-size:1rem auto;animation:connectsucc .8s ease-in-out infinite}
.vrkefu_connectstatus .text{display:block;margin-top:.3rem;margin-bottom:.08rem;font-size:.4rem;font-weight:bold;line-height:.6rem;text-align:center;color:#fff}
.vrkefu_connectstatus .stext{display:block;height:.9rem;font-size:.3rem;line-height:.45rem;text-align:center;color:#fff}
.vrkefu_connectstatus .stext span{margin-right:.12rem;color:#85B8FF}
@keyframes bgscale{0%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}
50%{transform:translate(-50%,-50%) scale(1);opacity:1}
100%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}
}@keyframes connecting{0%{background:rgba(75,214,99,0.8) url(https://u-static.lmjx.net/2024/vrdkpro/images/connecting1.png) center center no-repeat;background-size:1rem auto}
50%{background:rgba(75,214,99,0.8) url(https://u-static.lmjx.net/2024/vrdkpro/images/connecting2.png) center center no-repeat;background-size:1rem auto}
100%{background:rgba(75,214,99,0.8) url(https://u-static.lmjx.net/2024/vrdkpro/images/connecting3.png) center center no-repeat;background-size:1rem auto}
}@keyframes connectsucc{0%{background:#2F7EEE url(https://u-static.lmjx.net/2024/vrdkpro/images/connectsucc1.png) center center no-repeat;background-size:1rem auto}
33%{background:#2F7EEE url(https://u-static.lmjx.net/2024/vrdkpro/images/connectsucc2.png) center center no-repeat;background-size:1rem auto}
66%{background:#2F7EEE url(https://u-static.lmjx.net/2024/vrdkpro/images/connectsucc3.png) center center no-repeat;background-size:1rem auto}
100%{background:#2F7EEE url(https://u-static.lmjx.net/2024/vrdkpro/images/connectsucc2.png) center center no-repeat;background-size:1rem auto}
}.vrkefu_connectstatus .iconbox{display:flex;justify-content:flex-start;position:relative;width:100%;height:1.66rem}
.vrkefu_connectstatus .iconbox .icon{position:absolute;left:50%;top:0;transform:translateX(-50%);transition:left .3s linear,transform .3s linear}
.vrkefu_connectstatus .iconbox .connectsuccicon{left:9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus .iconbox .kefuicon{left:9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus .iconbox .connecticon{left:9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus_succ .iconbox .connectingicon{left:-9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus_succ .iconbox .connectsuccicon{left:50%;transform:translateX(-50%) scale(1)}
.vrkefu_connectstatus_allotment .iconbox .connectingicon{left:-9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus_allotment .iconbox .connectsuccicon{left:-9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus_allotment .iconbox .kefuicon{left:50%;transform:translateX(-50%) scale(1)}

.vrkefu_connectstatus_connect .iconbox .connectingicon{left:-9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus_connect .iconbox .connectsuccicon{left:-9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus_connect .iconbox .kefuicon{left:-9rem;transform:translateX(-50%) scale(.2)}
.vrkefu_connectstatus_connect .iconbox .connecticon{left:50%;transform:translateX(-50%) scale(1)}


.vrkefu_connectstatus .kefuicon .bg{background:rgba(47,126,238,0.3)}
.vrkefu_connectstatus .connecticon .bg{background:rgba(47,126,238,0.3)}
.vrkefu_connectstatus .iconbox .icon .iconin {display: block;position: relative;overflow: hidden;border-radius: 1.66rem;}
.vrkefu_connectstatus .wavecanvas {display: block;position: absolute;top: 1.28rem;left: 0;}
.withdrawbtn{display:block;width:2.1rem;height:.76rem;margin:.48rem auto 0;font-size:.26rem;line-height:.76rem;text-align:center;color:#fff;background:#E75D58;border-radius:.1rem}


/*会议结束*/
.kmeetingapp_meetingend {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;position: absolute;top: 0;font-size: 0.26rem;line-height: 0.4rem;text-align: center;color: #BDBDBF;z-index: 19999;background: #101826;}
.kmeetingapp_meetingend i {display: block;width: 5.39rem;height: 2.75rem;background: url(../images/kmeetingapp/meetingend.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_meetingend span {display: flex;align-items: center;justify-content: center;margin-top: 0.4rem;margin-bottom: 4rem;}
.kmeetingapp_meetingend span em {display: block;margin-left: 10px;border-bottom: 1px solid #BDBDBF;font-style: normal;}

/*资料库目录样式*/
.bread{display:flex;align-items:center;padding:0 0 0 0.3rem;overflow:hidden;min-height:0.44rem;font-size:0.3rem;line-height:0.44rem;}
.bread i{display:block;width:0.4rem;height:0.4rem;margin-right:0.1rem;background:url(https://u-static.lmjx.net/mtcloud/images/vcard/fnodesicon/sfnodesicon5.png) center center no-repeat;background-size:0.4rem auto}
.bread .breadin{display:flex;flex:1;padding:0.1rem 0;overflow-x:auto;overflow-y:hidden}
.bread .breadin .text{display:block;font-size:0.3rem;line-height:0.44rem;color:#505666;padding:0 0.08rem}
.bread .breadin .indextext{display:block;padding:0 0.08rem;font-size:0.3rem;line-height:0.44rem;color:#3288F1}
.filelist{flex:1;overflow-y:auto}
.filelist .item{display:flex;align-items:center;padding:0.2rem 0.1rem 0.2rem 0.3rem}
.filelist .item .icon{display:block;width:0.8rem;height:0.8rem;margin-right:0.34rem;font-size: 0;}
.filelist .item .icon img{max-width:100%;max-height:100%;vertical-align:middle}
.filelist .item .name{display:block;flex:1;margin-right:0.3rem;font-size:0.24rem;line-height:0.3rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.filelist .item .icheck{display:block;width:0.8rem;height:0.8rem;background:url(https://u-static.lmjx.net/mtcloud/images/vcard/fnodesicon/sfnodesicon4.png) center center no-repeat;background-size:0.3rem auto}
.filelist .item .ichecked{background:url(https://u-static.lmjx.net/mtcloud/images/vcard/fnodesicon/sfnodesicon4-1.png) center center no-repeat;background-size:0.3rem auto}
.filelist_icons{display:flex;flex-wrap:wrap;align-content:flex-start;flex:1;padding-left:0.1rem;overflow-y:auto}
.filelist_icons .item{display:block;position:relative;width:2.2rem;height:2.7rem;margin-left:0.1rem;margin-bottom:0.3rem}
.filelist_icons .item .icon{display:flex;align-items:center;justify-content:center;width:100%;height:1.8rem;background:#FAFBFC;border-radius:0.3rem}
.filelist_icons .item .icon img{max-width:100%;max-height:100%;vertical-align:middle}
.filelist_icons .item .name{display:block;margin-top:0.1rem;font-size:0.24rem;line-height:0.3rem;text-align:center;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.filelist_icons .item .icheck{display:block;position:absolute;top:0.12rem;right:0.1rem;width:0.6rem;height:0.6rem;background:url(https://u-static.lmjx.net/mtcloud/images/vcard/fnodesicon/sfnodesicon4_s.png) center center no-repeat;background-size:0.3rem auto}
.filelist_icons .item .ichecked{background:url(https://u-static.lmjx.net/mtcloud/images/vcard/fnodesicon/sfnodesicon4-1.png) center center no-repeat;background-size:0.3rem auto}
.filelist_icons .item.iconitem .icon img{width:0.8rem;height:0.8rem}


/* 发送信息 */
.kmeetingapp_senddmessagen {padding: 0.32rem 0.32rem 0;border-top: 0.02rem solid #42454d;}
.kmeetingapp_senddmessagen .text {display: block;width: 100%;min-height: 0.76rem;padding: 0.2rem 0.32rem;font-size: 0.28rem;line-height: 0.38rem;color: #fff;background: rgba(55, 65, 81, 0.5);box-sizing: border-box;border: 0.02rem solid rgba(75, 85, 99, 0.5);border-radius: 0.08rem;}
.kmeetingapp_senddmessagen .ctimes {display: block;margin-top: 0.2rem;font-size: 0.28rem;font-weight: bold;line-height: 0.42rem;color: #5A6373;}

.kmeetingapp_senddmessagen_btnwrap {display: flex;align-items: center;justify-content: center;position: relative;width: 100%;padding: 0 0 0.32rem}
.kmeetingapp_senddmessagen_btnwrap .btn {display: flex;flex-direction: column;cursor: pointer;}
.kmeetingapp_senddmessagen_btnwrap .btn i {display: block;}

.kmeetingapp_senddmessagen_btnwrap .btn.cancel {position: absolute;top: 50%;left: 0.4rem;transform: translateY(-50%);font-size: 0.24rem;line-height: 0.32rem;text-align: center;color: #ACAEB3;}
.kmeetingapp_senddmessagen_btnwrap .btn.cancel i {width: 0.48rem;height: 0.48rem;margin-bottom: 0.16rem;background: url(../images/kmeetingapp/withdrawicon.png) center center no-repeat;background-size: 100% auto;}

.kmeetingapp_senddmessagen_btnwrap .btn.saystart {font-size: 0.24rem;line-height: 0.32rem;text-align: center;color: #505663;}
.kmeetingapp_senddmessagen_btnwrap .btn.saystart i {width: 0.92rem;height: 0.92rem;margin-bottom: 0.16rem;background: #207FEE url(../images/kmeetingapp/saybeginicon.png) center center no-repeat;background-size: 0.48rem auto;border-radius: 0.92rem;}

.kmeetingapp_senddmessagen_btnwrap .btn.saying {font-size: 0.24rem;line-height: 0.32rem;text-align: center;color: #505663;}
.kmeetingapp_senddmessagen_btnwrap .btn.saying .icon {display: flex;align-items: center;justify-content: center;position: relative;width: 0.92rem;height: 0.92rem;margin-bottom: 0.16rem;background: #207FEE;border-radius: 0.92rem;}
.kmeetingapp_senddmessagen_btnwrap .btn.saying i {display: block;position: absolute;width: 0.08rem;height: 0.08rem;border-radius: 0.08rem;background: #fff;animation: ball-beat ease-in-out 1s infinite;animation-delay: .5s;}
.kmeetingapp_senddmessagen_btnwrap .btn.saying .icon::before {display: block;position: absolute;content: '';width: 0.08rem;height: 0.08rem;top: 50%;left: 50%;margin-left: -0.2rem;margin-top: -0.04rem;background: #fff;border-radius: 0.1rem;animation: ball-beat ease-in-out 1s infinite;}
.kmeetingapp_senddmessagen_btnwrap .btn.saying .icon::after {display: block;position: absolute;content: '';width: 0.08rem;height: 0.08rem;top: 50%;left: 50%;margin-left: 0.12rem;margin-top: -0.04rem;background: #fff;border-radius: 0.1rem;animation: ball-beat ease-in-out 1s infinite;animation-delay: 1s;}

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.kmeetingapp_senddmessagen_btnwrap .btn.sayend {font-size: 0.24rem;line-height: 0.32rem;text-align: center;color: #505663;}
.kmeetingapp_senddmessagen_btnwrap .btn.sayend i {width: 0.92rem;height: 0.92rem;margin-bottom: 0.16rem;background: #207FEE url(../images/kmeetingapp/sayendicon.png) center center no-repeat;background-size: 0.48rem auto;border-radius: 0.92rem;}

.kmeetingapp_senddmessagen_btnwrap .btn.ssend {position: absolute;top: 50%;right: 0.4rem;transform: translateY(-50%);font-size: 0.24rem;line-height: 0.32rem;text-align: center;color: #ACAEB3;}
.kmeetingapp_senddmessagen_btnwrap .btn.ssend i {width: 0.48rem;height: 0.48rem;margin-bottom: 0.16rem;background: url(../images/kmeetingapp/ssendicon.png) center center no-repeat;background-size: 100% auto;}
.kmeetingapp_senddmessagen_btnwrap .btn.ssend.dis {color: #505663;cursor: auto;}
.kmeetingapp_senddmessagen_btnwrap .btn.ssend.dis i {background: url(../images/kmeetingapp/ssendicon_dis.png) center center no-repeat;background-size: 100% auto;}

/* 新语音输入 */
.interactivelive_voice2txti_wrapminiline { display:flex;padding: 0 .3rem; }
.interactivelive_voice2txti_wrapminiline .vswitchbox { margin-bottom: .1rem; }

.interactivelive_voice2txti_wrapminiline .vswitchbox .vswitch-on {border-color: #207FEE;background-color: #207FEE; }
	
.interactivelive_voice2txti_wrapminiline .vswitchbox .vswitch-on:before {border-color: #207FEE;background-color: #207FEE; }
	
.interactivelive_voice2txti_minitip_wrap { font-size:.24rem; position:relative; display:flex; justify-content:center; align-items:center; top:-15px; height:0; }
.interactivelive_voice2txti_minitip_wrap .interactivelive_voice2txti_minitip {background: #eeeeee;color: #666;padding: 6px 10px;border-radius: 12px;opacity: 1;transition: opacity 1s; }

.interactivelive_voice2txti_minitip_wrap .interactivelive_voice2txti_minitip.uhide {opacity: 0;}

.kmeetingapp_icons_utools {border-top: 1px solid #303744;background: #18202F;}
.kmeetingapp_mtools_trsbtn {display: flex;align-items: center;justify-content: center;width: 3rem;height: 0.75rem;margin-right: .34rem;background: #207FEE;box-sizing: border-box;border: 0.02rem solid rgba(255, 255, 255, 0.1);border-radius: 0.08rem;cursor: pointer;border-radius: .75rem;}
.kmeetingapp_mtools_trsbtn i {display: block;width: 0.48rem;height: 0.48rem;background: url(../images/kmeetingapp/kmtrsbtnicon_w.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_ftools .kmeetingapp_mtools_trsbtn {margin-right: 0;margin-left: auto;}

.kmeetingapp_mtools_bar_wrap {flex-wrap: wrap;}
.kmeetingapp_nsaywavebox {width: 100%;height: 0.4rem;display: flex;align-items: center;justify-content: center;margin: 0.16rem auto 0.4rem;}
.interactivelive_voice2txti_wrapminiline .kmeetingapp_nsaywavebox {margin: .2rem 0 .3rem;}
.kmeetingapp_nsaywavebox span {width: 0.04rem;min-height: 10%;border-radius: 0.36rem;margin-right: 0.04rem;background: #207fee;}

.kmeetingapp_nsaywave span:nth-child(1){animation:barwave2 1.5s 0.2s infinite linear}
.kmeetingapp_nsaywave span:nth-child(2){animation:barwave2 1.5s 0.4s infinite linear}
.kmeetingapp_nsaywave span:nth-child(3){animation:barwave2 1.5s 0.6s infinite linear}
.kmeetingapp_nsaywave span:nth-child(4){animation:barwave2 1.5s 0.8s infinite linear}
.kmeetingapp_nsaywave span:nth-child(5){animation:barwave2 1.5s 1.0s infinite linear}
.kmeetingapp_nsaywave span:nth-child(6){animation:barwave3 1.5s 1.2s infinite linear}
.kmeetingapp_nsaywave span:nth-child(7){animation:barwave2 1.5s 1.4s infinite linear}
.kmeetingapp_nsaywave span:nth-child(8){animation:barwave3 1.5s 1.6s infinite linear}
.kmeetingapp_nsaywave span:nth-child(9){animation:barwave2 1.5s 1.8s infinite linear}
.kmeetingapp_nsaywave span:nth-child(10) { animation: barwave 1.5s 2.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(11) { animation: barwave 1.5s 2.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(12) { animation: barwave 1.5s 2.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(13) { animation: barwave 1.5s 2.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(14) { animation: barwave 1.5s 2.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(15) { animation: barwave 1.5s 3.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(16) { animation: barwave 1.5s 3.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(17) { animation: barwave 1.5s 3.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(18) { animation: barwave 1.5s 3.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(19) { animation: barwave3 1.5s 3.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(20) { animation: barwave2 1.5s 4.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(21) { animation: barwave3 1.5s 4.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(22) { animation: barwave2 1.5s 4.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(23) { animation: barwave3 1.5s 4.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(24) { animation: barwave2 1.5s 4.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(25) { animation: barwave3 1.5s 5.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(26) { animation: barwave3 1.5s 5.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(27) { animation: barwave2 1.5s 5.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(28) { animation: barwave3 1.5s 5.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(29) { animation: barwave2 1.5s 5.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(30) { animation: barwave3 1.5s 6.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(31) { animation: barwave2 1.5s 6.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(32) { animation: barwave3 1.5s 6.4s infinite linear; }

.kmeetingapp_nsaywave span:nth-child(33){animation:barwave2 1.5s 0.2s infinite linear}
.kmeetingapp_nsaywave span:nth-child(34){animation:barwave2 1.5s 0.4s infinite linear}
.kmeetingapp_nsaywave span:nth-child(35){animation:barwave2 1.5s 0.6s infinite linear}
.kmeetingapp_nsaywave span:nth-child(36){animation:barwave2 1.5s 0.8s infinite linear}
.kmeetingapp_nsaywave span:nth-child(37){animation:barwave2 1.5s 1.0s infinite linear}
.kmeetingapp_nsaywave span:nth-child(38){animation:barwave3 1.5s 1.2s infinite linear}
.kmeetingapp_nsaywave span:nth-child(39){animation:barwave2 1.5s 1.4s infinite linear}
.kmeetingapp_nsaywave span:nth-child(40){animation:barwave3 1.5s 1.6s infinite linear}
.kmeetingapp_nsaywave span:nth-child(41){animation:barwave2 1.5s 1.8s infinite linear}
.kmeetingapp_nsaywave span:nth-child(42) { animation: barwave 1.5s 2.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(43) { animation: barwave 1.5s 2.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(44) { animation: barwave 1.5s 2.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(45) { animation: barwave 1.5s 2.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(46) { animation: barwave 1.5s 2.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(47) { animation: barwave 1.5s 3.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(48) { animation: barwave 1.5s 3.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(49) { animation: barwave 1.5s 3.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(50) { animation: barwave 1.5s 3.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(51) { animation: barwave3 1.5s 3.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(52) { animation: barwave2 1.5s 4.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(53) { animation: barwave3 1.5s 4.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(54) { animation: barwave2 1.5s 4.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(55) { animation: barwave3 1.5s 4.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(56) { animation: barwave2 1.5s 4.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(57) { animation: barwave3 1.5s 5.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(58) { animation: barwave3 1.5s 5.2s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(59) { animation: barwave2 1.5s 5.4s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(60) { animation: barwave3 1.5s 5.6s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(61) { animation: barwave2 1.5s 5.8s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(62) { animation: barwave3 1.5s 6.0s infinite linear; }
.kmeetingapp_nsaywave span:nth-child(63) { animation: barwave2 1.5s 6.2s infinite linear; }


@keyframes barwave {
	0% {
		height: 10%;
	}

	50% {
		height: 100%;
	}

	100% {
		height: 10%;
	}
}

@keyframes barwave2 {
	0% {
		height: 10%;
	}

	50% {
		height: 40%;
	}

	100% {
		height: 10%;
	}
}
@keyframes barwave3 {
	0% {
		height: 10%;
	}

	50% {
		height: 60%;
	}

	100% {
		height: 10%;
	}
}

/* 监控 */
.popupmonitor {}
.popupmonitor .popupmonitorcon {display: flex;width: 7.1rem;height: 80vh;background: #fff;border-radius: 0.1rem;overflow: hidden;}
.popupmonitor .popupmonitorcon .mlist {display: block;width: 2.22rem;height: 100%;overflow: hidden;background: #f6f9fd;}
.popupmonitor .popupmonitorcon .mlist .mlistin {display: block;width: 100%;height: 100%;padding: 0.28rem 0.2rem 0.28rem 0.28rem;overflow-y: auto;box-sizing: border-box;}
.popupmonitor .popupmonitorcon .mlist .item {margin-bottom: 0.16rem;cursor: pointer;}
.popupmonitor .popupmonitorcon .mlist .item .icon {display: block;width: 1.7rem;height: 1.02rem;position: relative;}
.popupmonitor .popupmonitorcon .mlist .item .icon img {max-width: 100%;max-height: 100%;vertical-align: top;border-radius: 0.06rem;border: 2px solid transparent;box-sizing: border-box;}
.popupmonitor .popupmonitorcon .mlist .item .text {display: block;margin: 0 0.08rem;font-size: 0.24rem;line-height: 0.4rem;color: #505666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.popupmonitor .popupmonitorcon .mlist .item.cur .icon img {border: 2px solid #207fee;border-radius: 0.06rem;box-sizing: border-box;}
.popupmonitor .popupmonitorcon .mlist .item .offlinetip {display: flex;align-items: center;justify-content: center;position: absolute;width: calc(100% - 0.08rem);height: calc(100% - 0.08rem);top: 0.04rem;left: 0.04rem;background: #EBEEF1;font-size: 0.24rem;line-height: 0.36rem;text-align: center;color: #999;}
.popupmonitor_win {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;height: 100%;overflow: hidden;}
.popupmonitor_win .winline {display: flex;align-items: center;overflow: hidden;width: 100%;padding: 0 .4rem;box-sizing: border-box;}
.popupmonitor_win .tit {display: block;flex: 1;margin-right: .2rem;font-size: 0.32rem;line-height: 0.48rem;text-align: center;color: #505666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.popupmonitor_win .winline .vswitchbox {display: flex;align-items: center;margin-left: auto;}
.popupmonitor_win .winline .vswitch-on,.popupmonitor_win .winline .vswitch-on:before {border-color: #0052D9;background-color: #0052D9;}
.popupmonitor_win .winline .vswitchbox .text {margin-left: 0.08rem;font-size: .26rem;line-height: 1.5;color:#505666;}
.popupmonitor_win .winbox {disabled: block;width: 3.96rem;margin: 0.6rem 0;}
.popupmonitor_win .winbox img,.popupmonitor_win .winbox video {max-width: 100%;max-height: 100%;width: 100%;height: 100%;vertical-align: top;}
.popupmonitor_win .pushsub {display: block;width: 3.24rem;height: 0.72rem;background: #367fec;font-size: 0.28rem;line-height: 0.8rem;text-align: center;color: #fff;border-radius: 0.08rem;cursor: pointer;}
.popupmonitor_win .pushsub.dis {opacity: .5;}

.popupmonitor_win .offlinevideo {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 3.96rem;height: 2.26rem;margin: 0.6rem 0;background: #EBEEF1;}
.popupmonitor_win .offlinevideo i {display: block;width: 1.2rem;height: 1.2rem;background: url(../images/app/offlinevideoicon.png) center center no-repeat;background-size: 100% auto;}
.popupmonitor_win .offlinevideo .ttext {display: block;margin-top: 0.24rem;font-size: 0.24rem;line-height: 0.36rem;text-align: center;color: #505666;}

.popupmonitor .popupclose {display: block;position: absolute;top: 0.1rem;right: 0.1rem;width: 0.8rem;height: 0.8rem;margin: 0;background: url(../images/sadm/ccenterclose.png) center center no-repeat;background-size: 0.48rem auto;}


/*横屏视频样式*/
.message_sender_wwrap_square {background: none;position: static;overflow: hidden;height: auto;}

/*覆盖样式*/
.umodal-btn {font-size: 14px;}


.kserviceintapp_chathistory .bbbbox .bbbbox_top {background: #0D0E0F;padding-right: 1.04rem;}
.kserviceintapp_chathistory_ssize {display: flex;align-items: center;height: 100%;background: #0D0E0F;padding-left: .2rem;z-index: 1;width: 100%;}
.kserviceintapp_chathistory_ssize .in {display: flex;align-items: center;flex: 1;}
.kserviceintapp_chathistory_ssize .in .icon {display: block;width: 0.4rem;height: 0.4rem;margin-right: 0.24rem;background: url(../images/app/lmsgssizeicon.png) center center no-repeat;background-size: 100% auto;}
.kserviceintapp_chathistory_ssize .in .ssminus {display: block;width: 0.6rem;height: 0.6rem;margin-right: 0.06rem;background: url(../images/app/lmsgssminus.png) center center no-repeat;background-size: 0.32rem auto;}
.kserviceintapp_chathistory_ssize .in .ssslide {display: flex;align-items: center;flex: 1;}
.kserviceintapp_chathistory_ssize .in .ssslide input {display: block;width: 100%;color: #fff;height: 0.06rem;}
.kserviceintapp_chathistory_ssize .in .ssplus {display: block;width: 0.6rem;height: 0.6rem;margin-right: 0.06rem;background: url(../images/app/lmsgssplus.png) center center no-repeat;background-size: 0.32rem auto;}
.kserviceintapp_chathistory_ssize .in .ssclear {display: block;width: 0.6rem;height: 0.6rem;margin-right: 0.06rem;background: url(../images/kserviceapp/kshssclearicon.png) center center no-repeat;background-size: 0.32rem auto;}
.kserviceintapp_chathistory_ssize .in .ssfullscreen {display: block;width: 0.6rem;height: 0.6rem;margin-right: 0.06rem;background: url(../images/kserviceapp/kshssfullscreenicon.png) center center no-repeat;background-size: 0.32rem auto;}
.kserviceintapp_chathistory_ssize .in .ssreduction {display: block;width: 0.6rem;height: 0.6rem;margin-right: 0.06rem;background: url(../images/kserviceapp/kshssreductionicon.png) center center no-repeat;background-size: 0.32rem auto;}
.kserviceintapp_chathistory_ssize .btn {display: block;width: 0.6rem;height: 0.6rem;margin-left: 0.06rem;cursor: pointer;}
.kserviceintapp_chathistory_ssize .btnset {background: url(../images/app/lmsssset.png) center center no-repeat;background-size: 0.32rem auto;}
.livemessages .kserviceintapp_chathistory .livemessages_more {margin-right: 0;position:relative;z-index: 1;}
.livemessages .kserviceintapp_chathistory .livemessages_more span {position: absolute;left: calc(50vw - 0.24rem);white-space: nowrap;transform: translateX(-50%);}
.livemessages .kserviceintapp_chathistory .livemessages_more::before {display: block;content: '';position: absolute;top: -0.2rem;left: -0.24rem;width: 100vw;height: .94rem;background: #272D3A;}
.livemessages .kserviceintapp_chathistory .livemessages_in {margin-top: .7rem;}


.kserviceintapp_setting .kserviceintapp_setting_list .lansitem_n .it {display: block;position: relative;padding: 0.2rem 0.2rem 0.2rem 0;border-bottom: 1px solid #f2f2f2;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem_n .it .ita {display:flex;position: relative;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem_n .it .iits {margin-top: 0.2rem;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem_n .it .iits .iit {padding: 0.18rem 0.8rem;font-size: 0.28rem;line-height: 0.4rem;color: #333;}
.kserviceintapp_setting .kserviceintapp_setting_list .lansitem_n .it .iits .iit.cur {color: #1276D1;}

.tcopyright.bottomleft {bottom: .38rem;left: .1rem;right: initial;}
.tcopyright.bottomleft::before {left: .1rem;right: initial;border: 4px solid transparent;border-top: 4px solid rgba(0, 0, 0, 0.7);}

.tcopyright.righttop {top: 2.36rem;right: .5rem;bottom: initial;}
.tcopyright.righttop::before {right: .2rem;bottom: initial;top: -0.16rem;border: 4px solid transparent;border-bottom: 4px solid rgba(0, 0, 0, 0.7);}

.tcopyright.lefttop {top: 2.36rem;left: .5rem;bottom: initial;right: initial;}
.tcopyright.lefttop::before {left: .2rem;right: initial;bottom: initial;top: -0.16rem;border: 4px solid transparent;border-bottom: 4px solid rgba(0, 0, 0, 0.7);}