/* 电话更改弹窗  start*/
#mobileNumberModificationBigbox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mobileNumberModificationBox {
	width: 440px;
	height: 361px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px;
}

#mobileNumberModificationBox>div {
	padding: 17px 30px;
	display: flex;
	justify-content: space-between;
}

#mobileNumberModificationBox>div>p {
	font-size: 14px;
	color: #333333;
}

#mobileNumberModificationBox>div>span {
	font-size: 14px;
	color: #999999;
}

#mobileNumberModificationBox>span {
	display: block;
	width: 440px;
	height: 1px;
	background: rgba(227, 227, 227, 1);
}

#mobileNumberModificationBox>ul {
	padding: 30px 30px 0;
}

.originalMobilePhoneNumber,
.newMobilePhoneNumber {
	width: 378px;
	height: 42px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(212, 212, 212, 1);
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.originalMobilePhoneNumber>div,
.newMobilePhoneNumber>div {
	width: 98px;
	height: 100%;
	background: rgba(255, 255, 255, 1);
	border-right: 1px solid rgba(212, 212, 212, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
}

.originalMobilePhoneNumber>div>p,
.newMobilePhoneNumber>div>p {
	font-size: 14px;
	color: #333333;
}

.originalMobilePhoneNumber>div>span,
.newMobilePhoneNumber>div>span {
	font-size: 14px;
	color: #999999;
}

.originalMobilePhoneNumber>input,
.newMobilePhoneNumber>input {
	width: 240px;
	height: 14px;
	padding: 14px 10px;
}

.getVerificationCode {
	display: flex;
	justify-content: space-between;
}

.getVerificationCode>input {
	width: 66%;
	height: 12px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(212, 212, 212, 1);
	padding: 14px 10px;
}

.getVerificationCode>div {
	width: 100px;
	height: 42px;
	background: rgba(53, 158, 255, 1);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff;
}
.getVerificationCode>div:hover{
	background: #228bec;
}

.changeKey {
	display: flex;
	justify-content: center;
}

.changeKey>div {
	width: 104px;
	height: 40px;
	font-size: 14px;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid#359EFF;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 10px 0;
}

.mobileNumberChangeCancel {
	color: #359EFF;
	background: #fff;
}
.mobileNumberChangeCancel:hover{
	color: #228bec;
	border: 1px solid #228bec;
}

.mobileNumberChangeOK {
	color: #fff;
	background: #359EFF;
}
.mobileNumberChangeOK:hover{
	background:#228bec;
}

/* 电话更改弹窗  end*/

/* 提现弹窗  start*/
#txBigbox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#txBox {
	width: 440px;
	height: 361px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px;
}

#txBox>div {
	padding: 17px 30px;
	display: flex;
	justify-content: space-between;
}

#txBox>div>p {
	font-size: 14px;
	color: #333333;
}

#txBox>div>span {
	font-size: 14px;
	color: #999999;
}

#txBox>span {
	display: block;
	width: 440px;
	height: 1px;
	background: rgba(227, 227, 227, 1);
}

#txBox>ul {
	padding: 30px 30px 0;
}


.tx {
	width: 378px;
	height: 42px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(212, 212, 212, 1);
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}


.tx>div {
	width: 98px;
	height: 100%;
	background: rgba(255, 255, 255, 1);
	border-right: 1px solid rgba(212, 212, 212, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
}

.tx>div>p,
.tx>div>p {
	font-size: 14px;
	color: #333333;
}


.tx>div>span {
	font-size: 14px;
	color: #999999;
}


.tx>input {
	width: 240px;
	height: 14px;
	padding: 14px 10px;
}

.txVerificationCode {
	display: flex;
	justify-content: space-between;
}

.txVerificationCode>input {
	width: 66%;
	height: 12px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(212, 212, 212, 1);
	padding: 14px 10px;
}

.txVerificationCode>div {
	width: 100px;
	height: 42px;
	background: rgba(53, 158, 255, 1);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff;
}
.txVerificationCode>div:hover{
	background: #228bec;
}

.changeKey {
	display: flex;
	justify-content: center;
}

.changeKey>div {
	width: 104px;
	height: 40px;
	font-size: 14px;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid#359EFF;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 10px 0;
}

.mobileNumberChangeCancel {
	color: #359EFF;
	background: #fff;
}
.mobileNumberChangeCancel:hover{
	color: #228bec;
	border: 1px solid #228bec;
}

.mobileNumberChangeOK {
	color: #fff;
	background: #359EFF;
}
.mobileNumberChangeOK:hover{
	background:#228bec;
}

/* 提现弹窗  end*/


/*查看项目密码框 start*/
#itemPasswordBox{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
#itemPasswordBigbox{
    width:440px;
    height:205px;
    background:rgba(255,255,255,1);
    border-radius:6px;
}
#itemPasswordBigbox>div{
    padding: 18px 30px;
    display: flex;
    justify-content: space-between;
}
#itemPasswordBigbox>div>p{
    font-size:14px;
    color: #333;
}
#itemPasswordBigbox>div>span{
    color: #999999;
    font-size: 14px;
}
#itemPasswordBigbox>span{
    display: flex;
    width:100%;
    height:1px;
    background:rgba(227,227,227,1);
}
#itemPasswordBigbox>ul>li{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
#itemPasswordBigbox>ul>li>input{
    width:336px;
    height:10px;
    border:1px solid rgba(227,227,227,1);
    border-radius:5px;
    padding: 20px 21px;
}
#itemPasswordBigbox>ul>li>div{
    margin:0 10px;
    width:104px;
    height:40px;
    border:1px solid rgba(53,158,255,1);
    border-radius:5px;
    line-height: 38px;
    text-align: center;
    box-sizing:border-box;
}
.passwordBoxOK{
    color: #fff;
    background: #359EFF;
}
.passwordBoxOK:hover{
	background:  #228bec;
}

/*查看项目密码框 end*/







/* 标签选择弹窗  start */
.selectionTagsBox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#selectionTags {
	width: 790px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.selectionTagsHeader>div {
	padding: 0 30px;
	height: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.selectionTagsHeader>div>h4 {
	color: rgba(51, 51, 51, 1);
	font-size: 14px;
}

.recommendedTagsHeader {
	background: rgba(242, 242, 242, 1);
}

.recommendedTagsHeader>div {
	padding: 0 30px;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.recommendedTagsHeader>div>h4 {
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	font-size: 14px;
}

.recommendedTagsContent {
	background: #fff;
}

.recommendedTagsContent>div {
	height: 179px;
	padding: 0 30px;
	display: flex;
	overflow: hidden;
	overflow-y: auto;
}

.recommendedTagsContent>div>ul>li {
	float: left;
	padding: 0 8px;
	line-height: 22px;
	text-align: center;
	background: rgba(153, 153, 153, 1);
	border-radius: 4px;
	margin: 10px 10px 0 0;
	color: #fff;
	font-size: 12px;
}

.recommendedTagsContent>div>ul>li:hover {
	background: rgba(53, 158, 255, 1);
}

.customLabelHeader {
	background: rgba(242, 242, 242, 1);
}

.customLabelHeader>div {
	padding: 0 30px;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.customLabelHeader>div>h4 {
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	font-size: 14px;
}

.addTags {
	display: flex;
	justify-content: center;
}

.addTags>input {
	width: 158px;
	height: 24px;
	padding: 0 5px;
	color: #999999;
	font-size: 14px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(212, 212, 212, 1);
	border-radius: 0px;
}

.addTags>span {
	margin-left: 10px;
	display: inline-block;
	width: 50px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: 1px solid rgba(227, 227, 227, 1);
	border-radius: 0px;
	font-size: 14px;
	color: rgba(53, 158, 255, 1);
}

.addTags>span:hover {
	background: rgba(53, 158, 255, 1);
	color: #fff;
}

.customLabelContent {
	background: #fff;
}

.customLabelContent>div {
	height: 179px;
	padding: 0 30px;
	display: flex;
	overflow: hidden;
	overflow-y: auto;
}

.customLabelContent>div>ul>li {
	display: flex;
	align-items: center;
	float: left;
	padding: 0 8px;
	line-height: 22px;
	text-align: center;
	background: rgba(153, 153, 153, 1);
	border-radius: 4px;
	margin: 10px 10px 0 0;
	color: #fff;
	font-size: 12px;
}

.customLabelContent>div>ul>li:hover {
	background: rgba(51, 227, 138, 1);
}

.customLabelContent>div>ul>li>div {
	width: 14px;
	line-height: 14px;
	border-radius: 50%;
	background: none;
	text-align: center;
	margin-left: 3px;
}

.customLabelContent>div>ul>li:hover div {
	background: rgba(255, 255, 255, 1);
}

.customLabelContent>div>ul>li>div>span {
	font-size: 8px;
	color: #fff;
}

.customLabelContent>div>ul>li:hover span {
	color: #33E38A;
}

.customLabelEmpty {
	width: 100%;
	display: none;
	font-size: 16px;
	color: #999999;
	align-items: center;
	justify-content: center;
}

.selectedTags {
	background: rgba(242, 242, 242, 1);
}

.selectedTags>div {
	min-height: 54px;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.selectedTags>div>p {
	color: rgba(153, 153, 153, 1);
	font-size: 14px;
}

.labelNotDetermined {
	width: 400px;
	margin: 7px 0 1px 0;
}

.labelNotDetermined>li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 8px;
	height: 22px;
	background: rgba(53, 158, 255, 1);
	border-radius: 4px;
	margin-right: 7px;
	margin-bottom: 6px;
	font-size: 12px;
	color: #fff;
}

.labelNotDetermined>li>div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	background: rgba(255, 255, 255, 1);
	border-radius: 50%;
	margin-left: 3px;
}

.labelNotDetermined>li>div>span {
	color: #359EFF;
	font-size: 8px;
}

.selectLabelButton {
	display: flex;
	justify-content: center;
}

.selectLabelButton>div {
	width: 86px;
	line-height: 30px;
	border: 1px solid rgba(53, 158, 255, 1);
	box-sizing: border-box;
	border-radius: 6px;
	font-size: 14px;
	text-align: center;
	margin-left: 20px;
}

#labelCancellation {
	color: rgba(53, 158, 255, 1);
}

#labelDetermination {
	background: rgba(53, 158, 255, 1);
	color: #fff;
}

.customLabelSelection {
	background: #33E38A !important;
}

.recommendedLabelSelection {
	background: #359EFF !important;
}

/* 标签选择弹窗  end */



/*文字转语音 start*/
.textToSpeechBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}
#textToSpeech{
	width:456px;
	height:570px;
	background:rgba(255,255,255,1);
	border-radius:6px;
}
#textToSpeech>div{
	padding: 0 30px;
	height: 54px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#textToSpeech>div>h4{
	font-size: 14px;
	color: #333333;
	font-weight:400;
}
#textToSpeech>div>span{
	cursor: pointer;
	color: #999;
	font-size: 14px;
}
#textToSpeech>span{
	display: block;
	width: 100%;
	height: 1px;
	background: #e3e3e3;
}
#textToSpeech>ul>li{
	padding: 0 30px;
}
#textToSpeech>ul>li>h5{
	padding: 20px 0 10px;
	font-size:14px;
	color: #333333;
	font-weight:400;
}

.phoneticName{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.phoneticName>input{
	padding: 5px 10px;
	width:374px;
	height:30px;
	border:1px solid rgba(227,227,227,1);
	border-radius:6px;
	font-size: 14px;
}
.phoneticName>span{
	position: absolute;
	right: 13px;
	color:#bbbbbb;
	font-size: 14px;
}

.textBox{
	position: relative;
}
.textContent{
	width:374px;
	height:163px;
	border:1px solid rgba(227,227,227,1);
	border-radius:6px ;
	padding: 14px 11px;
	font-size:14px;
	color: #333333;
	resize: none;
}
.textBox>span{
	font-size: 14px;
	color:#BBBBBB;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.voiceSelection{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.voiceSelection>div{
	display: flex;
	padding: 20px 0 10px 20px;
}
.voiceSelection>div>div{
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.voiceSelection>div>div>img{
	margin-right: 9px;

}


.generatingSpeech{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.generatingSpeech>p{
	width:86px;
	line-height: 30px;
	text-align: center;
	background:rgba(217,217,217,1);
	border-radius:4px;
	margin-right: 20px !important;
	font-size:14px;
	color: #ffffff;
	border:1px solid rgba(217,217,217,1);
	box-sizing: border-box;
	cursor: pointer;
}
.generatingSpeech>audio{
	display: none;
	width:267px;
	height:30px;
}
.selectionState{
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.selectionState>div{
	margin: 0 10px;
	width:104px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius:6px ;
	box-sizing: border-box;
	font-size: 14px;
	cursor: pointer;
}
.voiceCancellation{
	border:1px solid rgba(53,158,255,1);
	color: rgba(53,158,255);
}
.voiceCancellation:hover{
	border:1px solid #228bec;
	color: #228bec;
}
.speechDetermination{
	background:rgba(53,158,255,1);
	color: #fff;
}
.speechDetermination:hover{
	background:#228bec;
	color: #fff;
}
/*文字转语音 end*/



/* 项目分享弹窗   start */
#projectSharingBigbox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#projectSharing {
	width: 586px;
	height: 452px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px 6px 6px 6px;
}

.projectSharingHeader {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.projectSharingHeader>p {
	font-size: 14px;
	color: #333333;
}

.projectSharingHeader>span {
	font-size: 14px;
	color: #999;
	cursor: pointer;
}

#projectSharing>span {
	display: block;
	width: 100%;
	height: 1px;
	background: #E3E3E3;
}

.scanCodeSharing {
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.scanCodeSharing>img {
	width: 150px;
	height: 150px;
}

.scanCodeSharing>p {
	font-size: 12px;
	color: #333333;
}

#projectSharing>ul {
	padding: 0 40px!important;
}

#projectSharing>ul>li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

#projectSharing>ul>li>p {
	font-size: 14px;
	color: #333333;
}

.managementSearchA {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 32px;

}

.managementSearchA>input {
	width: 316px;
	height: 14px;
	padding: 13px 11px;
	color: #999999;
	font-size: 14px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(212, 212, 212, 1);
	border-radius: 6px 0 0 6px;
	    box-sizing: content-box;
}

.managementSearchA>div {
	display: inline-block;
	width: 60px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: rgba(248, 248, 248, 1);
	border: 1px solid rgba(227, 227, 227, 1);
	    border-left: 0px;
	box-sizing: border-box;
	border-radius: 0 6px 6px 0;
	cursor: pointer;
}

.managementSearchA>div>span {
	font-size: 20px;
	color:#666666;
}

/* 项目分享弹窗   end */



/* 移动端分享弹窗   start */
#mobileEndProjectSharingBigbox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mobileEndProjectSharing {
	width:80%;
	max-width: 371px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px 6px 6px 6px;
}

.mobileEndProjectSharingHeader {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobileEndProjectSharingHeader>p {
	font-size: 14px;
	color: #333333;
	cursor: pointer;
}

.mobileEndProjectSharingHeader>span {
	font-size: 14px;
	color: #999;
	cursor: pointer;
}

#mobileEndProjectSharing>span {
	display: block;
	width: 100%;
	height: 1px;
	background: #E3E3E3;
}

.mobileEndScanCodeSharing {
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mobileEndScanCodeSharing>img {
	width: 150px;
	height: 150px;
}

.mobileEndScanCodeSharing>p {
	font-size: 12px;
	color: #333333;
	margin-top: 10px !important;	
}




#mobileSharingType{
	justify-content: space-around;
	padding: 0;
	height: 54px;
	line-height: 54px;
}
#mobileSharingType>p{
	width: 100px;
	text-align: center;
	border-bottom: 3px solid transparent;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 移动端分享弹窗   end */






/* 单场景项目分享弹窗  start */
#singleSceneSharingBigbox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#singleSceneSharing {
	width: 586px;
	height: 452px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px 6px 6px 6px;
}

.singleSceneSharingHeader {
	padding: 0 124px;
	height: 64px;
	line-height: 64px;
	display: flex;
	justify-content: space-around;
}

.singleSceneSharingHeader>div {
	font-size: 16px;
	color: #333333;
	padding-bottom: 41px;
	cursor: pointer;
	width: 150px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shareSelection {
	color: #359EFF !important;
	border-bottom: 3px solid #359EFE !important;
}

#singleSceneSharing>span {
	display: block;
	width: 100%;
	height: 1px;
	background: #E3E3E3;
}

.shareTab>li {
	display: none;
}

.scanCodeSharing {
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.scanCodeSharing>img {
	width: 150px;
	height: 150px;
}

.scanCodeSharing>p {
	font-size: 12px;
	color: #333333;
}

.shareTab>li>ul {
	padding: 0 40px !important;
}

.shareTab>li>ul>li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.shareTab>li>ul>li>p {
	font-size: 14px;
	color: #333333;
	width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*
.managementSearch {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 32px;
}

.managementSearch>input {
	width: 316px;
	height: 14px;
	padding: 13px 11px;
	color: #999999;
	font-size: 14px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(212, 212, 212, 1);
	border-radius: 6px 0 0 6px;
}

.managementSearch>div {
	display: inline-block;
	width: 60px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: rgba(248, 248, 248, 1);
	border: 1px solid rgba(227, 227, 227, 1);
	box-sizing: border-box;
	border-radius: 0 6px 6px 0;
	cursor: pointer;
}

.managementSearch>div>span {
	font-size: 20px;
}*/

/* 单场景项目分享弹窗  end */



/* 留言板弹窗  start */
#messageBoardBox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

#messageBoard {
	width: 440px;
	height: 371px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px;
}

#messageBoard>div {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
}

#messageBoard>div>p {
	font-size: 14px;
	color: #333;
}

#messageBoard>div>span {
	color: #999999;
	font-size: 14px;
}

#messageBoard>span {
	display: flex;
	width: 100%;
	height: 1px;
	background: rgba(227, 227, 227, 1);
}

#messageBoard>ul>li {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

#messageBoard>ul>li>input {
	width: 336px;
	height: 10px;
	border: 1px solid rgba(227, 227, 227, 1);
	border-radius: 5px;
	padding: 15px 21px;
}

#messageBoard>ul>li>textarea {
	width: 336px;
	height: 52px;
	border: 1px solid rgba(227, 227, 227, 1);
	border-radius: 5px;
	resize: none;
	padding: 15px 21px;
}

#messageBoard>ul>li>div {
	margin: 0 10px;
	width: 104px;
	height: 40px;
	border: 1px solid rgba(53, 158, 255, 1);
	border-radius: 5px;
	line-height: 38px;
	text-align: center;
	box-sizing: border-box;
}

.messageBoxCancel {
	color: #359EFF;
	background: #fff;
}

.messageBoxOK {
	color: #fff;
	background: #359EFF;
}

/* 留言板弹窗  end */





/* 说一说弹窗  start */
#saySomethingBigbox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

#saySomething {
	width: 954px;
	height: 628px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px 6px 6px 6px;
}

.saySomethingHeader {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
}

.saySomethingHeader>p {
	font-size: 14px;
	color: #333333;
}

.saySomethingHeader>span {
	font-size: 14px;
	color: #999999;
}

#saySomething>span {
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(227, 227, 227, 1);
}

.saySomethingFunction {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
}

.saySomethingSearch {
	display: flex;
	justify-content: center;
}

.saySomethingSearch>input {
	width: 158px;
	height: 22px;
	padding: 5px;
	color: #999999;
	font-size: 14px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(227, 227, 227, 1);
	border-radius: 0px 0px 0px 0px;
}

.saySomethingSearch>span {
	display: inline-block;
	width: 48px;
	line-height: 32px;
	text-align: center;
	background: rgba(248, 248, 248, 1);
	border: 1px solid rgba(227, 227, 227, 1);
	border-radius: 0px 0px 0px 0px;
	font-size: 14px;
	color: #333333;
	cursor: pointer;
}

.saySomethingFunction>p {
	width: 86px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: rgba(53, 158, 255, 1);
	border-radius: 6px;
	cursor: pointer;
}

.saySomethingContent {
	margin: 0 30px 30px;
	width: 894px;
	height: 469px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(227, 227, 227, 1);
}

.saySomethingContent>div {
	padding: 0 25px;
	display: flex;
	align-items: center;
	height: 40px;
	background: rgba(242, 242, 242, 1);
}

.allElection {
	margin-right: 10px;
	cursor: pointer;
}

.commentator {
	width: 155px;
}

.sceneName {
	width: 217px;
}

.information {
	width: 223px;
}

.time {
	width: 125px;
}

.saySomethingOperation {
	width: 94px;
}

.saySomethingContent>ul {
	height: 428px;
	overflow: hidden;
	overflow-y: auto;
}

.saySomethingContent>ul>li {
	border: 1px solid #E3E3E3;
	box-sizing: border-box;
}

.eachItem {
	padding: 0 25px;
	display: flex;
	align-items: center;
	height: 60px;
}

.eachItem>input {
	margin-right: 10px;
	cursor: pointer;
}

.reviewerInformation {
	display: flex;
	align-items: center;
}

.reviewerInformation>img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}

.reviewerInformation>p {
	color: #333333;
	font-size: 14px;
	width: 90px;
	margin-right: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.saySomethingSceneName {
	color: #333333;
	font-size: 14px;
	width: 200px;
	margin-right: 17px;
}

.content {
	width: 200px;
	font-size: 14px;
	color: #333333;
	margin-right: 22px;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-wrap: break-word;
}

.eachItem>time {
	width: 125px;
	font-size: 14px;
	color: #333333;
}

.functionButtons {
	font-size: 14px;
	color: #359EFF;
	display: flex;
	cursor: pointer;
}

.forbiddenWords {
	margin-right: 10px;
}

.functionButtons>div:hover {
	color: #FF3A3A;
}

/*删除说一说小提示框*/
#saySomethingPromptBoxBigbox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

#saySomethingPromptBox {
	width: 330px;
	height: 182px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px;
	padding: 20px;
}

.saySomethingPromptBoxHeader {
	display: flex;
	justify-content: flex-end;
}

.saySomethingPromptBoxContent {
	font-size: 14px;
	color: #333333;
	display: flex;
	justify-content: center;
	margin: 30px 0 42px;
}

.saySomethingPromptBoxFooter {
	display: flex;
	justify-content: center;
}

.saySomethingPromptBoxFooter>div {
	margin: 10px 10px 0;
}

.saySomethingCancel {
	width: 104px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	border: 1px solid rgba(53, 158, 255, 1);
	box-sizing: border-box;
	border-radius: 6px 6px 6px 6px;
	color: #359EFF;
	font-size: 14px;
}

.saySomethingDetermine {
	width: 104px;
	height: 38px;
	line-height: 40px;
	text-align: center;
	border: 1px solid rgba(53, 158, 255, 1);
	box-sizing: border-box;
	border-radius: 6px 6px 6px 6px;
	color: #fff;
	background: #359EFF;
	font-size: 14px;
}

/* 说一说弹窗  end */


/* 项目预览弹窗 start */

.previewPopUpBigbox{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	background:rgba(0,0,0,0.6);
	display: flex;
	justify-content:center;
	align-items:center;
}
.previewPopUpBox{
	width:80%;
	height:90%;
	background:#fff;
}
.previewPopUpHeader{
	height: 54px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:20px;
	border-bottom: 1px solid rgba(227,227,227,1);
}
.previewPopUpHeader>p{
	font-size:18px;
	color:#333333;
}
.previewPopUpHeader>span{
	font-size:14px;
	color:#999999;
	cursor: pointer;
}
.previewPopUpContent{
	padding:10px;
	height: calc(90vh - 54px);
}
.previewPopUpContent>iframe{
	width: 100%;
	height: 100%;
	border: none;
}

/* 项目预览弹窗 end */



/* 分组管理 start*/
.groupManagementBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
}
#groupManagement{
	width:482px;
	/*height:290px;*/
	background:rgba(255,255,255,1);
	border-radius:6px;
	padding: 17px 0 10px;
	display: flex;
	flex-direction: column;
}
#groupManagementHeader{
	display: flex;
	justify-content: space-between;
	padding:0 20px 15px;
}
#groupManagementHeader>p{
	font-size: 14px;
	color: #333333;
}
#groupManagementHeader>span{
	cursor: pointer;
}
#groupManagement>span{
	display: block;
	border-bottom: 1px solid #E3E3E3;
}
#groupManagementContent{
    max-height: 200px;
    overflow:auto;
	padding: 20px 20px 10px !important;
}
#groupManagementContent>li{
	display: flex;
	justify-content: space-between;
}
#groupManagementContent>li>div{
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
}
#groupManagementContent>li>div>span{
	color: #999;
	font-size: 14px;
}
#groupManagementContent>li>div>input{
	padding:14px 11px;
	margin-left: 10px;
	font-size: 14px;
	color: #333333;
	width:281px;
	height:12px;
	border-radius:6px 6px 6px 6px;
	box-sizing: content-box;
}
#groupManagementContent>li>div>div{
	cursor: pointer;
}
.wordNumber{
	display: none;
	margin-left: -31px !important;
	color: #BBBBBB;
	font-size: 14px;
}
#groupManagementAdd>div{
    margin:10px 0;
	display: flex;
	height: 18px;
    justify-content: center;
    align-items: center;
}
#groupManagementAdd>div>div{
width:30px;
height:30px;
line-height: 30px;
text-align: center;
background:rgba(53,158,255,1);
border-radius:50%;
cursor: pointer;
}
#groupManagementAdd>div>div>span{
	font-size: 14px;
	color: #FFFFFF;
}
#groupManagementAdd>div>p{
	margin-left: 10px !important;
	font-size: 14px;
	color: #333333;
	cursor: pointer;
}
.addModification{
	margin:10px 24px;
}
.addCancel{
	font-size:14px;
	color: #333333;
	cursor: pointer;
}
.addCancel:hover{
	color:#359EFF;
}
#addGroupItem{
	padding: 0 20px;
	display: none;
	justify-content: space-between;
}
#addGroupItem>div{
	display: flex;
	align-items: center;
}
#addGroupItem>div>span{
	font-size: 14px;
	color: #999;
}
#addGroupItem>div>input{
	padding:14px 11px;
	margin-left: 10px;
	font-size: 14px;
	color: #333333;
	width:281px;
	height:12px;
	border-radius:6px 6px 6px 6px;
	border:1px solid rgba(212,212,212,1);
	box-sizing: content-box;
}
.addFinish{
    margin: 10px 24px;
    font-size: 14px;
    color: #BBBBBB;
    cursor: pointer;
}
.colorChange:hover{
	color:#359EFF !important;
}
/* 分组管理 end*/


/*分组管理删除弹窗 start*/
.confirmTheWindowBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top:0;
	left: 0;
	z-index: 100001;
}
#confirmTheWindow{
	width: 290px;
	padding: 15px 20px;
	/*height:152px;*/
	background:rgba(255,255,255,1);
	border-radius:6px;
	box-sizing: content-box;
}
#confirmTheWindow>ul{
	display: flex;
	flex-direction: column;
	padding: 0;
}
#confirmTheWindow>ul>li:nth-child(1){
	display: flex;
	justify-content: flex-end;
}
#confirmTheWindow>ul>li:nth-child(1)>span{
	cursor: pointer;
}
#confirmTheWindow>ul>li:nth-child(2){
	display: flex;
	justify-content: center;
	margin: 20px 0 10px;
}
#confirmTheWindow>ul>li:nth-child(3){
	display: flex;
	justify-content: center;
	margin-top: 30px;
	    margin-bottom: 10px;
}
#confirmTheWindow>ul>li:nth-child(3)>div{
	width:102px;
	    height: 38px;
	line-height: 38px;		
	text-align: center;
	margin:0 10px;
	border:1px solid rgba(53,158,255,1);
	border-radius:6px;
	cursor: pointer;
}
.windowCancelling{
	color:#359EFF;
	background: #fff;
}
.windowConfirmation{
	background: #359EFF;
	color: #fff;
}
.windowConfirmation:hover{
	background: #228bec;
}
.windowCancelling:hover{
	color:#228bec;
	border: 1px solid #228bec;
}
/*分组管理删除弹窗 end*/

/*分组至 start*/
.groupToBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100001;
}
#groupTo{
	width:440px;
	height:290px;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 6px;
}
#groupToHeader{
	display: flex;
	justify-content: space-between;
	padding:17px 30px;
	height: 20px;
	box-sizing: content-box;
}
#groupToHeader>p{
	font-size:14px;
	color: #333333;
}
#groupTo>span{
	border-bottom: 1px solid #E3E3E3;
}
.groupList{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.groupList>li:nth-child(1){
	padding: 35px 0 32px;
}
.groupList>li:nth-child(2){
	display: flex;
	flex-direction: column;
	position: relative;
}
.selectGrouping{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	width:358px;
	height:30px;
	padding: 5px 10px;
	border:1px solid #D4D4D4;
	border-radius:6px;
	box-sizing: content-box;
	cursor: pointer;
}
.groupingOption{
	position: absolute;
	top: 42px;
	padding: 5px 0;
	display: none;
	flex-direction: column;
	align-items: center;
	width:380px;
	max-height:209px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px 0px rgba(153,153,153,0.65);
	border-radius:6px;
	overflow: hidden;
	/*overflow-y: auto;*/
}
.groupingOption>li{
	width: calc(100% - 10px);
    padding-left: 10px;
	line-height: 42px;
}
.groupingOption>li:hover{
	width:100%!important;
	padding-left: 15px;
	background:rgba(244,244,244,1);
}
.groupList>li:nth-child(3){
	display: flex;
	justify-content: center;
}
.groupList>li:nth-child(3)>div{
	display: block;
	margin: 30px 10px 0px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.groupToPopUpCancel{
	color:rgba(53,158,255,1);
	background: #fff;
	border: 1px solid rgba(53,158,255,1);
}
.groupToPopUpCancel:hover{
	color: #228bec;
	border: 1px solid #228bec;
}

.groupToQuED{
	color:#fff !important;
	background: rgba(53,158,255,1);
}
.groupToQuED:hover{
	background:#228bec;
}

/*分组至 end*/





/*修改素材名称 start*/
.modifyMaterialLibraryBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#materialNameModification{
	width:456px;
	background:rgba(255,255,255,1);
	border-radius:6px;
	display: flex;
	flex-direction: column;
	padding: 15px 0;
}
#materialName{
	display: flex;
	justify-content: space-between;
	padding:0 20px 10px;
}
#materialName>p{
	font-size: 14px;
	color: #333333;
}
#materialNameModification>span{
	border-bottom: 1px solid #E3E3E3;
}
.materialNameModificationContent{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.materialNameModificationContent>li:nth-child(1){
	display: flex;
	flex-direction: column;
	position: relative;
	
}
.materialNameModificationContent>li:nth-child(1)>input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	width: 300px;
	height: 30px;
	padding: 5px;
	margin-top: 30px;
	border:1px solid rgba(212,212,212,1);
	border-radius:6px 6px 6px 6px;
}
.materialNameModificationContent>li:nth-child(1)>span{
	position: absolute;
	right:  10px;
	bottom: 10px;
	color: #BBBBBB;
	font-size: 14px;
}
.materialNameModificationContent>li:nth-child(2){
	display: flex;
	justify-content: center;
}
.materialNameModificationContent>li:nth-child(2)>div{
	margin: 30px 10px 15px;
	width: 104px;
	line-height: 40px;
	text-align: center;
	border-radius:6px;
	border:1px solid rgba(53,158,255,1);
	box-sizing: border-box;
	font-size:14px;
}
.materialNameModificationCancel{
	color:rgba(53,158,255,1);
	background: #fff;
}
.materialNameModificationCancel:hover{
	color:#228bec;
	border:1px solid #228bec;
}
.materialNameModificationDetermine{
	color: #fff;
	background:rgba(53,158,255,1);
}
.materialNameModificationDetermine:hover{
	background: #228bec;
}
/*修改素材名称 end*/


/*添加分组 start*/
.addGroupingBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
#addGrouping{
	width: 360px;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 5px;
	padding: 15px 0;
}
#enterGroupName{
	display: flex;
	justify-content: space-between;
	padding:0 20px 10px;
	    border-bottom: 1px solid #E3E3E3;
}
#enterGroupName>span{
	font-size: 14px;
	color: #999999;
	cursor: pointer;
}
#addGrouping>span{
	border-bottom: 1px solid #E3E3E3;
}
.Grouping{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.Grouping>li:nth-child(1){
	display: flex;
	flex-direction: column;
	position: relative;

}
.Grouping>li:nth-child(1)>input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	width: 300px;
	height: 42px;
	padding: 5px;
	margin-top: 30px;
	border:1px solid rgba(212,212,212,1);
	border-radius:6px 6px 6px 6px;
	color: #333;
	    box-sizing: border-box;

}
.Grouping>li:nth-child(1)>p{
	position: absolute;
    right: 6px;
    top: 41px;
    font-size: 14px;
    color: #bbbbbb;
    bottom: 10px;
}
.Grouping>li:nth-child(2){
	display: flex;
	justify-content: center;
}
.Grouping>li:nth-child(2)>div{
	margin: 30px 10px 10px;
	width: 104px;
	    height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius:6px;
	font-size:14px;
}
.addGroupCancel{
	color:rgba(53,158,255,1);
	background: #fff;
	border:1px solid rgba(53,158,255,1);
	box-sizing: border-box;
	cursor: pointer;
}
.addGroupOK{
	color: #fff;
	background:rgba(53,158,255,1);
	cursor: pointer;
}
.addGroupOK:hover{
	background: #228bec;
}
.addGroupCancel:hover{
	border: 1px solid #228bec;
	color: #228bec;
}
/*添加分组 end*/




/*js动态框 start*/
.popUpBigbox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index:99999;
}
.popUpBox{
	width:790px;
	height:547px;
	background: #ffffff;
	border-radius:6px;
	overflow: hidden;
	position: relative;
}
.popUpHead{
	height: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px;
	border-bottom: 1px solid #E3E3E3;
}
.popUpHead>h2{
	font-size: 14px;
	color: #333333;
	width: 130px;
	margin: 0;
}
.popUpSearch{
	width: 80%;
	display: flex;
}
.popUpSearch>input{
	width:160px;
	height:36px;
	padding: 5px;
	color: #333;
	font-size: 14px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(227,227,227,1);
	box-sizing: border-box;
}
.popUpSearch>p{
	display: inline-block;
	width:50px;
	line-height: 34px;
	text-align: center;
	background:rgba(248,248,248,1);
	border:1px solid rgba(227,227,227,1);
	font-size:14px;
	color: #333333;
	cursor: pointer;
	border-left: 1px solid transparent;
}
.popUpHead>span{
	cursor: pointer;
}
.popUpContent{
	display: flex;
	height: 491px;
}
.popUpContentLeft{
	width:160px;
	background:rgba(255,255,255,1);
}
.popUpContentLeft>button{
	display: flex;
	justify-content: center;
	align-items: center;
	width:140px;
	height:36px;
	background:rgba(53,158,255,1);
	border-radius:6px;
	font-size:14px;
	color: #fff;
	margin:10px;
	position: relative;
}
.popUpContentLeft>button:hover{
	background: #228bec;
}
.popUpContentLeft>button>div:nth-child(2){
	opacity: 0;
}
.popUpContentLeft>div{
	width: 140px;
	height:1px;
	background:rgba(227,227,227,1);
	margin-left: 10px;
}
.popUpContentLeft>ul{
	padding: 0 !important;
	width: 100%;
	 min-height: 380px; 
}
.popUpContentLeft>ul>li{
	line-height: 45px;
	height: 45px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.popUpContentLeft>ul>li>a{
	display: block;
    line-height: 25px;
    height: 25px;
    margin-top: 10px;
	color: #333333;
	font-size:14px;
	padding-left: 30px;
	border-left: 4px solid transparent;
}
.popUpContentLeft>ul>li>a:hover{
	color:rgba(53,158,255,1) ;
	border-left: 4px solid #359Eff;
}
.selectMaterialLibraryHeader{
	color:rgba(53,158,255,1) !important;
	border-left: 4px solid #359Eff !important;
}


.popUpContentRight{
	width:630px;
	/* height:492px; */
	background:rgba(242,242,242,1);
}
.popUpContentRightBox{
	height: 440px;
}
.popUpContentRightBox>div{
	height: 56px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px;
}
.popUpContentRightBox>div>div{
	display: flex;
	align-items: center;
	justify-content: center;
}
.popUpContentRightBox>div>div>label{
	margin: 0;
}
#popUpAllElection{
	margin-right: 10px;
}
.popUpDefaultLayout{
	/*max-height: 380px;*/
	display: flex;
	flex-wrap: wrap;
	padding: 0 15px !important;

}
.popUpDefaultLayout>li{
	width: 100px;
	margin: 0 9px;
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: 20px;
}
/*.popUpDefaultLayout>li:hover .popUpMask{
	display: block;
}*/
.popUpDefaultLayout>li:hover .popUpItemFunction>div{
	display: flex;
}
.popUpDefaultLayout>li>img{
	width:100px;
	height:100px;
	border-radius:6px;
	overflow: hidden;
}
.popUpDefaultLayout>li>div{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 11;
}
.popUpDefaultLayout>li>p{
	text-align: center;
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.haveChosen{
	width:40px;
	height: 20px;
	line-height:  20px;
	background: #FF2F2F;
	position: absolute;
	left: 0 !important;
	top: 80px !important; 
	font-size:12px;
	color: #ffffff;
	text-align: center;
}
.haveChosen:before{
	content: "";
	position: absolute;
	top: 0px;
	left: 40px;
	width: 13px;
    background: #ff2f2f;
    border-radius: 0 20px 20px 0;
    height: 20px;
	/*border-top: 10px solid transparent;
    border-left: 12px solid #FF2F2F;
    border-bottom: 10px solid transparent;*/
}
.popUpAudioLayout{
	/*max-height: 380px;*/
	display: flex;
	flex-direction: column;
}
.popUpAudioLayout>li{
	height: 55px;
	border-bottom: 1px solid #E3E3E3;
	padding-left: 20px;
	width: calc(100% - 20px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
.popUpVideoBox{
    position:fixed;
	top:0;
	left:0;
	z-index:99999;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(0,0,0,0.3);
}
.popUpVideo{
    max-width:100%;
	max-height:100%;
}
.singleSceneMusicLayout{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.singleSceneMusicLayout>span{
	margin-right: 10px;
	    font-size: 22px;
}
.singleSceneMusicLayout>p{
	font-size: 14px;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popUpAudioLayout>li>img{
	width:16px;
	height:16px;
	overflow: hidden;
	margin-right: 30px;
}




.popUpBottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	border:1px solid #E3E3E3;
	background:rgba(255,255,255,1);
	display: flex;
	justify-content: flex-end;
	padding: 11px 0;
}
.popUpBottom>div{
	display: flex;
	align-items: center;
	color: #333333;
	font-size: 14px;
	margin-right: 30px;
}
.selectAudioCancel{
	width:86px;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	border-radius:6px;
	box-sizing: border-box;
	border:1px solid rgba(53,158,255,1);
	background: #fff;
	color: #359EFF;
}
.selectAudioCancel:hover{
color:#228bec;
	border:1px solid #228bec;
}
.popUpDetermine{
	width:86px;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	border-radius:6px;
	box-sizing: border-box;
	background: #359EFF;
	color: #fff;
	margin-left:20px;
}
.popUpDetermine:hover{
	background: #228bec;
}
.popUpGrouping,
.popUpManagementGrouping,
.popUpGroupTo,
.popUpGroupToCancel{
	width:86px;
	height:30px;
	box-sizing: border-box;
	border:1px solid rgba(53,158,255,1);
	border-radius:6px;
	font-size: 14px;
	color: #359EFF;
	margin-left: 21px;
	background: #fff;
}

.popUpItemFunction{
	width: calc(100% - 10px);
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 2;
	display: none;
	justify-content: space-between
}
.popUpItemFunction>div{
	width:24px;
	height:24px;
	background:rgba(53,158,255,1);
	border-radius:6px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popUpItemFunction>div>span{
	color: #fff;
	font-size: 12px;
}
.popUpMask{
	display: none;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10 !important;
	width: 100px;
	height: 100px;
	background:rgba(255,255,255,0.3);
}

.currentSceneMusicBox{
	height: 70px;
	    position: static !important;
}
.currentSceneMusicBox>p{
	font-size: 12px;
	color: #999999;
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popUpMusicFunctionBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:5px 0;
}
.popUpMusicPlaying{
	width:22px;
	height:22px;
	border-radius: 50%;
	/*border: 1px solid #333;*/
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.popUpMusicPlaying>span{
	color: #333;
	font-size: 22px;
}
.popUpRemoveMusic{
	width:70px;
	height:22px;
	border:1px solid rgba(51,51,51,1);
	border-radius:11px;
	color: #333;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.popUpMusicCycle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.popUpMusicCycle>img{
	width:16px;
	height:16px;
}
.popUpMusicCycle>p{
	font-size: 12px;
}
.singleSceneSelectAudio{
	width:86px;
	height:30px;
	background:#D9D9D9;		
	border-radius:6px;
	font-size: 14px;
	color: #fff;
}

.singleSceneSelectAudio_B:hover{
	background: #228bec !important;
}
.popUpAppliedSceneName{
	font-size: 14px;
	color:#333333;
}
/*js动态框 end*/




/*登录弹窗 start*/
#loginBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	z-index: 9999999999;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#loginBigbox{
	width:348px;
	height:361px;
	background:rgba(255,255,255,1);
}
#loginBigbox .header{
	width: 100%;
	position: relative;
}
#loginBigbox .header span{
	font-size: 14px;
	color: #999;
	position: absolute;
	top:20px;
	right:30px; 
	cursor: pointer;
}
#loginBigbox .header div{
	width: 100%;
	display:flex;
	flex-direction: column;
	align-items: center;
	    margin: 0 0 35px;
}
#loginBigbox .header div h5{
	font-size:24px;
	font-weight:400;
	color:rgba(51,51,51,1);
	margin-bottom: 10px;
	margin-top: 40px;
}
#loginBigbox .header div p{
	font-size:12px;
	font-weight:400;
	color:rgba(153,153,153,1);
}

#loginBigbox>#login{
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
#loginBigbox .loginInformation>div{
	width:288px;
	height:42px;
	border:1px solid rgba(227,227,227,1);
	border-radius:5px;
	display: flex;
	align-items: center;
}
#loginBigbox .loginInformation>div>span{
	font-size: 14px;
	color: #999;
	margin: 0 13px;
}
#loginBigbox .loginInformation>div>input{
	font-size: 14px;
	width: 100%;
	height: 100%;
	color: #333;
}
#loginBigbox .loginInformation>p{
	visibility: hidden;
	height: 20px;
	line-height: 20px;
	color: red;
	font-size: 12px;
}



#loginBigbox .otherWays{
	width: 84%;
	margin-bottom: 15px;
	height: 29px;
	display: flex;
	justify-content: space-between;
	    align-items: center;
}
#loginBigbox .otherWays>div{
	display: flex;
	justify-content: center;
	    align-items: center;
}
#loginBigbox .otherWays>div>b{
	color: #999;
}
#loginBigbox .otherWays>div>span{
	color: #89DD4C;
	font-size: 16px;
	margin-right: 8px;
}

#loginBigbox .otherWays>div>a{
	color: #999;
	font-size: 12px;
}
#loginBigbox .otherWays>div>a:hover{
	color: #359eff;
}


#loginBigbox .submit{
	width:288px;
	height:42px;
	line-height: 42px;
	background:rgba(132,196,255,1);
	border-radius:5px;
	color: #F5F6F6;
	font-size: 16px;
}
/*登录弹窗 end*/



/*注册弹窗  start*/
#register{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	z-index: 9999999999;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#registerBigbox{
	width:348px;
	background:rgba(255,255,255,1);
}
#registerBigbox .header{
	width: 100%;
	position: relative;
}
#registerBigbox .header span{
	font-size: 14px;
	color: #999;
	position: absolute;
	top:20px;
	right:30px; 
	cursor: pointer;
}
#registerBigbox .header div{
	width: 100%;
	display:flex;
	flex-direction: column;
	align-items: center;
	    margin: 0 0 35px;
}
#registerBigbox .header div h5{
	font-size:24px;
	font-weight:400;
	color:rgba(51,51,51,1);
	margin-bottom: 10px;
	margin-top: 40px;
}
#registerBigbox .header div p{
	font-size:12px;
	font-weight:400;
	color:rgba(153,153,153,1);
}

#registrationInformation{
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
#loginBigbox .loginInformation>div{
	width:288px;
	height:42px;
	border:1px solid rgba(227,227,227,1);
	border-radius:5px;
	display: flex;
	align-items: center;
}
#registrationInformation>.mobileNumberRegistration>div{
	width:288px;
	height:42px;
	border:1px solid rgba(227,227,227,1);
	border-radius:5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#registrationInformation>.mobileNumberRegistration>div>input{
	width: 100%;
	height: 100%;
	padding:0 15px;
	font-size: 12px;
}
#registrationInformation>.mobileNumberRegistration>p{
	font-size: 12px;
	color: red;
	height: 20px;
	line-height: 20px;
	visibility: hidden;
}
.submit_note{
	width: 88px;
	min-width: 88px;
	height: 100%;
	background:rgba(217,217,217,1);
	border-radius:0px 5px 5px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.registrationAgreement{
	margin-bottom: 20px;
	font-size: 12px;
	color: #666;
	width: 84%;
    display: flex;
	align-items: center;
}
.registrationAgreement>input{
	margin-right: 10px !important;
}
#registrationInformation>input{
	width:288px;
	height:42px;
	line-height: 42px;
	background:rgba(132,196,255,1);
	border-radius:5px;
	color: #F5F6F6;
	font-size: 16px;
	margin-bottom: 30px;
}

/*注册弹窗 end*/



/*找回密码弹窗 start*/
#retrievePassword{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#retrievePasswordBigbox{
	width:348px;
	background:rgba(255,255,255,1);
}
#retrievePasswordBigbox .header{
	width: 100%;
	position: relative;
}
#retrievePasswordBigbox .header span{
	font-size: 14px;
	color: #999;
	position: absolute;
	top:20px;
	right:30px; 
	cursor: pointer;
}
#retrievePasswordBigbox .header div{
	width: 100%;
	display:flex;
	flex-direction: column;
	align-items: center;
	    margin: 0 0 56px;
}
#retrievePasswordBigbox .header div h5{
	font-size:24px;
	font-weight:400;
	color:rgba(51,51,51,1);
	margin-top: 40px;
}

#retrievePasswordInformation{
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
#loginBigbox .loginInformation>div{
	width:288px;
	height:42px;
	border:1px solid rgba(227,227,227,1);
	border-radius:5px;
	display: flex;
	align-items: center;
}
#retrievePasswordInformation>.mobileNumberRegistration>div{
	width:288px;
	height:42px;
	border:1px solid rgba(227,227,227,1);
	border-radius:5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#retrievePasswordInformation>.mobileNumberRegistration>div>input{
	width: 100%;
	height: 100%;
	padding:0 15px;
}
#retrievePasswordInformation>.mobileNumberRegistration>p{
	font-size: 12px;
	color: red;
	height: 20px;
	line-height: 20px;
}
#retrievePasswordInformation>.mobileNumberRegistration>div>p{
	width: 88px;
	min-width: 88px;
	height: 100%;
	background:rgba(217,217,217,1);
	border-radius:0px 5px 5px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff;
}
#retrievePasswordInformation>.retrievePasswordSubmit{
	width:288px;
	height:42px;
	line-height: 42px;
	background:rgba(132,196,255,1);
	border-radius:5px;
	color: #F5F6F6;
	font-size: 16px;
	margin-bottom: 40px;
}
/*找回密码弹窗 end*/


/*企业名片 start*/
#businessCardBox{
	width: 100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
    justify-content: center;
    align-items: center;
}
#businessCardBox .close{
	color: #FFFFFF;
    font-size: 20px!important;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
}
#businessCard{
	width:600px;
	background:rgba(255,255,255,1);
	border-radius:6px;
}
.businessCardHeader{
	width: 500px;
	height: 100px;
	margin: 50px auto 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.businessLogo{
	width: 100%;
	height: 80px;
}
#businessCard img{
	margin-left: 50px;
	width:100px;
	min-width:100px;
	height:100px;
}
.businessCardFooter{
	width: 500px;
	margin: 20px auto 20px;
}
.businessCardFooter li{
	display: flex;
}
.businessCardFooter li:nth-child(1) p{
	font-size:18px;	
	color:rgba(0,0,0,1);
	line-height:16px;
	font-weight: 600;
	margin-bottom: 26px !important;
}
.businessCardFooter span,
.businessCardFooter li:nth-child(2) p,
.businessCardFooter li:nth-child(3) p,
.businessCardFooter li:nth-child(4) p,
.businessCardFooter li:nth-child(5) p{
	font-size:14px;
	color:rgba(0,0,0,1);
	line-height:16px;
	margin-bottom: 20px !important;
}
.businessCardFooter li:nth-child(5) p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ===== */
#businessCardBoxs{
	width: 100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}
#businessCardBoxs .close{
	color: #FFFFFF;
    font-size: 20px!important;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
}
#businessCards{
    width: 67%;
    background: rgba(255,255,255,1);
    border-radius: 6px;
    padding: 42px 42px 20px;
}
.businessCardHeaders{
	width: 100%;
	height: 40px;
	margin: 0 auto 30px;
	display: flex;
	justify-content: space-between;

}
.businessLogos{
	width: 100%;
	height: 100%;
}
.businessCardFooters{
	margin: 10px auto;
}
.businessCardFooters li{
	display: flex;
}
.businessCardFooters li span{
	white-space:nowrap;
}
.businessCardFooters li:nth-child(2) p{
	font-size:18px;	
	color:rgba(0,0,0,1);
	margin-bottom: 21px!important;
}
.businessCardFooters span,
.businessCardFooters li:nth-child(3) p,
.businessCardFooters li:nth-child(4) p,
.businessCardFooters li:nth-child(5) p,
.businessCardFooters li:nth-child(6) p{
	font-size:14px;
	color:#333;
	margin-bottom: 10px!important;
}
.businessCardFooters li:nth-child(2) p,
.businessCardFooters li:nth-child(5) p,
.businessCardFooters li:nth-child(6) p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* -webkit-line-clamp: 2; */
	-webkit-box-orient: vertical;
	word-break: break-all;
}


#businessCards img{
	margin: 0 auto 25px;
	width: 110px;
    height: 110px;
}


/*企业名片 end*/


/* 视角切换 start */
#toggleViewPopUpWindow{
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.toggleViewPopUpBox{
	width:520px;
	background:rgba(0,0,0,.7);
	border-radius:10px;
}
.toggleViewPopUpBox>div{
	height: 90px;
	font-size: 20px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.toggleViewPopUpBox>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0 30px !important;
}
.toggleViewPopUpBox>ul>li{
	width:120px;
	height:36px;
	/* line-height: 36px; */
	border:1px solid rgba(255,255,255,1);
	border-radius:18px;
	font-size: 16px;
	color: #fff;
	
	margin-bottom: 20px;
	cursor: pointer;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	padding:0 10px;
	display: flex;
    justify-content: center;
    align-items: center;

}
.toggleViewPopUpBox>ul>li>img{
	width: 20px;
	margin-right: 5px;
}
.toggleViewPopUpBox>ul>li:hover{
	border:1px solid rgba(242,158,21,1);
	color: #F29E15;
}

@media screen and (orientation: portrait) {
	.toggleViewPopUpBox{
		width: 90%;
	}
}
/* 视角切换 end */




/* 导航样式选择框 start */
#selectNavigationStylePopUpBox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.3);
}
#selectNavigationStylePopUp{
	width:760px;
	/* height:550px; */
	background:rgba(255,255,255,1);
	border-radius:6px 6px 6px 6px;
	position: relative;
	top: 0;
	left: 0;
}
.selectNavigationStylePopUpHeader{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px;
	height: 53px;
	border:1px solid #e3e3e3;
}
.selectNavigationStylePopUpHeader>p{
	color: #333;
	font-size: 14px;
}
.selectNavigationStylePopUpHeader>span{
	color: #999;
	font-size: 14px;
	cursor: pointer;
}

.selectNavigationStylePopUpContent{
	height: 100%;
	margin: 30px 0 20px;
}
.selectNavigationStylePopUpContent>ul{
	height: 100%;
	min-height: 275px;
}
.selectNavigationStylePopUpContent>ul>li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 30px 20px;
	cursor: pointer;
}
.selectNavigationStylePopUpContent>ul>li>.styleBar{
	width:640px;
	/* height:50px; */
}


.selectNavigationStylePopUpFooter{
	/* position: absolute;
	bottom: 0;
	left: 0; */
	border: 1px solid #e3e3e3; 
	width: 100%;
	height: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.selectNavigationStylePopUpFooter>div{
	width:90px;
	height:30px;
	border:1px solid rgba(53,158,255,1);
	border-radius:6px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px;
	font-size: 14px;
	cursor: pointer;
}
.navigationStyleCancel{
	color: #359EFF;
	border: 1px solid #359EFF;
}
.navigationStyleCancel:hover{
	color: #228bec;
	border: 1px solid #228bec;
}
.navigationStyleDetermination{
	color: #fff;
	background: #359EFF
}
.navigationStyleDetermination:hover{
	background: #228bec;
}
/* 导航样式选择框 end */


/* 富文本 start */

#editorBox{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  #editorBigbox{
	width:870px;
	height:540px;
	background:rgba(255,255,255,1);
	border-radius:10px;
	padding: 10px 20px;
  }
  .edui-default .edui-editor-iframeholder {
	height: 365px !important;
  }

  #editorBigbox>p{
	color: #999;
	font-size: 14px;
	margin-bottom: 10px!important;
  }
  #editor{
	width: 100%;
  }
  .w-e-text-container{
	height: 430px !important;
  }

  .richTextFn{
	display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
#editorBox .richTextFn>button {
	width: 86px;
    height: 30px;
    border: 1px solid rgba(53,158,255,1) !important;
    border-radius: 6px;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
	box-sizing: border-box;
	cursor: pointer;
}
#editorBox .richTextFn>.richTextCancel{
	color: #359EFF;
    background: #fff ;
    border: 1px solid #359eff;
}
.richTextCancel:hover {
    color: #228bec !important;
    border: 1px solid #228bec!important;
}
#editorBox .richTextFn>#richTextDetermination{
	margin-left: 20px;
    background: #359eff;
    color: #ffffff;
}
#richTextDetermination:hover {
    background: #228bec!important;
}
/* #edui1_iframeholder{
	height: 370px!important;
	min-height: 370px!important;
} */
/* 富文本 end */


/* 语言界面 start */
#customMenuNameSettingsPopUpBox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .3);
}

#customMenuNameSettingsPopUp {
	width: 526px;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px 6px 6px 6px;
	position: relative;
	top: 0;
	left: 0;
}

.customMenuNameSettingsPopUpHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	height: 38px;
	border-bottom: 1px solid #e3e3e3;
}

.customMenuNameSettingsPopUpHeader>ul {
	display: flex;
	height: 100%;

}

.customMenuNameSettingsPopUpHeader>ul>li {
	color: #333;
	font-size: 14px;
	width: 73px;
	height: calc(100% - 2px);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: content-box;
}

.languageTabSelect {
	border-bottom: 2px solid #369EFF;
}

.customMenuNameSettingsPopUpHeader>span {
	color: #999;
	font-size: 14px;
	cursor: pointer;
}

.customMenuNameSettingsPopUpContent {
	height: 100%;
	margin: 15px 0 20px;
}

.customMenuNameSettingsPopUpContent>ul {
	height: 275px;
	max-height: 275px;
	padding: 0 18px;
}

.customMenuNameSettingsPopUpContent>ul>li {
	width: 141px;
	float: left;
	cursor: pointer;
	margin-bottom: 26px;
}

.customMenuNameSettingsPopUpContent>ul>li:nth-child(3n-1) {
	margin: 0 33px 26px;
}

.customMenuNameSettingsPopUpContent>ul>li>p {

	color: #000000;
	line-height: 22px;
	font-size: 12px;
	width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.customMenuNameSettingsPopUpContent>ul>li>input {
	width: 141px;
	height: 25px;
	border: 1px solid #D8D8D8;
	padding: 5px 10px;
	box-sizing: border-box;
	color:#D8D8D8;
}


.customMenuNameSettingsPopUpFooter {
	border-top: 1px solid #e3e3e3;
	width: 100%;
	height: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.customMenuNameSettingsPopUpFooter>div {
	width: 120px;
	height: 32px;
	border: 1px solid rgba(53, 158, 255, 1);
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px;
	font-size: 14px;
	cursor: pointer;
}

.englishInterfaceDetermination {
	color: #fff;
	background: #359EFF
}
.englishInterfaceDetermination:hover {
	background: #228bec;
}

/* 语言界面 end */


/* 编辑场景 start */
#editScenePopUpBox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .3);
}

#editScenePopUp {
	width: 584px;
	background: #FFFFFF;
	border-radius: 4px;
}

.editScenePopUpHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	height: 40px;
	border-bottom: 1px solid #e3e3e3;
}

.editScenePopUpHeader>p {
	color: #333;
	font-size: 16px;
}

.editScenePopUpHeader>span {
	color: #666;
	font-size: 16px;
	cursor: pointer;
}

.editScenePopUpContent {
	height: 100%;
	margin: 15px 0 0px;
}

.editScenePopUpContent>div {
	height: 100%;
	padding: 0 18px;
}

.editScenePopUpContent .editSceneName {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.editScenePopUpContent .editSceneName>p {
	font-size: 16px;
	color: #333;
	margin-right: 50px !important;
}

.editScenePopUpContent .editSceneName>input {
	width: 289px;
	height: 38px;
	border: 1px solid #B7B7B7;
	border-radius: 4px;
	padding: 0 10px;
}

.editScenePopUpContent .editSceneCover {
	display: flex;
	flex-direction: column;
}

.editScenePopUpContent .editSceneCover>p {
	font-size: 16px;
	color: #333;
}

.editScenePopUpContent .editSceneCover>div {
    display: flex;
    justify-content: center;
}

.editScenePopUpContent .editSceneCover>div>p {
	font-size: 14px;
	color: #333;
}

.editScenePopUpContent .editSceneCover>div>img {
	width: 189px;
	height: 189px;
	margin: 12px 0 17px;
}

.editScenePopUpContent .editSceneCover>div>div {
	font-size: 14px;
	text-align: center;
    width: 189px;
	height: 228px;
	margin: 34px 30px 10px;
	position: relative;
}
#panoContainers{
	width: 100%;
	height: 189px;
	margin-bottom: 10px;
}
.editScenePopUpContent .editSceneCover>div>div>ul{
    position: absolute;
    display: flex;
    z-index: 9;
    bottom: 39px;
    height: 47px;
	background: rgba(0,0,0,.5);
	justify-content: space-around;
    align-items: center;
	padding: 0 15px;
	width: 100%;
}
.editScenePopUpContent .editSceneCover>div>div>ul>li{
	display: flex;
    flex-direction: column;
	align-items: center;
	cursor: pointer;
}
.editScenePopUpContent .editSceneCover>div>div>ul img{
	width: 22px;
	height: 22px;
}
.editScenePopUpContent .editSceneCover>div>div>ul span{
	font-size: 12px;
	color: #fff;
}
.editScenePopUpContent .editSceneCover>div>div>button {
	width: 58px;
	height: 28px;
	background: #3672F1;
	border-radius: 2px;
	cursor: pointer;
	
    color: #fff;
	
}
.editScenePopUpContent .editSceneCover>div>div>div>button {
	background: none;
	color: #3672F1;
	cursor: pointer;
}

.editScenePopUpContent .editSceneCover>div>div>div>span {
	color: #333333;
}

.editScenePopUpFooter {
	border-top: 1px solid #e3e3e3;
	width: 100%;
	height: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.editScenePopUpFooter>div {
	width: 120px;
	height: 32px;
	border: 1px solid rgba(53, 158, 255, 1);
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px;
	font-size: 14px;
	cursor: pointer;
}

.editSceneDetermination {
	color: #fff;
	background: #359EFF
}

.editSceneDetermination:hover {
	background: #228bec;
}
#uploadSceneThumbnail>div:nth-child(2){
	opacity: 0;
}
/* 编辑场景 end */





/* 实名认证 start */
#realNameAuthenticationBigBox{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
}

.realNameAuthenticationBox{
	width: 450px;
	
}
.realNameAuthenticationBox>a{
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}
.realNameAuthenticationBox>ul{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 0 43px 25px !important;
	text-align: center;
}
.realNameAuthenticationBox>ul>li>img{
	margin-top: 45px;
}
.realNameAuthenticationBox h2{
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 10px!important;
	margin-top: 42px!important;
}
.realNameAuthenticationBox p{
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 25px!important;
}
.authentications{
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
#learnAboutCertification{
	width: 168px;
	height: 44px;
	border-radius: 9px;
	border: 1px solid #1970F7;
	font-size: 18px;
	color: #1970F7;
	line-height: 44px;
	text-align: center;
	box-sizing: border-box;
}
#immediateCertification{
	width: 168px;
	height: 44px;
	background: #1970F7;
	border-radius: 9px;
	color: #fff;
	font-size: 18px;
	line-height: 44px;
	text-align: center;
}

/* 实名认证 end */



/* 界面模板 start */
#interfaceTemplateBox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.3);
}
#interfaceTemplate{
	background: #fff;
	border-radius: 6px;
	width: 954px;
}
.interfaceTemplateHeader{
	height: 54px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 30px;
}
.interfaceTemplateHeader>h3{
	font-size: 14px;
	color: #333;
}
.interfaceTemplateHeader>span{
	color: #999;
	font-size: 14px;
	cursor: pointer;
}
.interfaceTemplateBorder{
	border-bottom: 1px solid #e3e3e3;
	width: 100%;
	display: block;
}
.interfaceTemplateContent{
	margin: 0 30px;
}
.interfaceTemplateContent>div{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.interfaceTemplateContent>ul{
	display: flex;
	justify-content: flex-start;
	margin: 20px 0 40px;
}
.interfaceTemplateContent>ul>li{
	width: 90px;
	height: 36px;
	border: 1px solid #D4D4D4;
	border-radius: 6px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #333;
	margin-left: 20px;
	cursor: pointer;
}
.interfaceTemplateSelect{
	color: #359EFF !important;
	border: 1px solid #359EFF!important;
}
.interfaceTemplateFooter{
	margin: 12px 30px;
	display: flex;
	justify-content: center;
}
.interfaceTemplateFooter>div{
	margin: 0 20px;
	text-align: center;
	line-height: 30px;
	width: 90px;
	height: 30px;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
}
#interfaceTemplateCancel{
	color: #359EFF;
	border: 1px solid #359EFF;
	box-sizing: border-box;
}
#interfaceTemplateCancel:hover{
	color: #228bec;
	border: 1px solid #228bec;
}
#interfaceTemplateApplication{
	color: #fff;
	background: #359EFF;
}
#interfaceTemplateApplication:hover{
	background:#228bec;
}
/* 界面模板 end */



/* 数据统计-功能详情 start */
#functionalDetailsBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
#functionalDetails{
	width: 646px;
	background: #FFFFFF;
	border-radius: 4px;
}
.functionalDetailsHeader{
	width: 100%;
	height: 48px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #D1D1D1;
}
.functionalDetailsHeader>p{
	color: #333;
	font-size: 16px;
	margin-left: 22px !important;
}
.functionalDetailsContent{
	padding: 20px 20px 60px;
}
.functionalDetailsContent>p{
	font-size: 16px;
	color: #333;
}
.functionalDetailsFooter{
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top:  1px solid #D1D1D1;
}
.functionalDetailsFooter>button{
	width: 168px;
	height: 42px;
	background: #369EFF;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
	color: #FFFFFF;
	font-size: 16px;
}

/* 数据统计-功能详情 end */




/* 通知弹窗 :start */

#notifyThePopupWindowBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#notifyThePopupWindow{
	width: 480px;
	
	border-radius: 8px;
}
.notifyThePopupWindowGuan{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.notifyThePopupWindowGuan>img{
	width: 35px;
	margin-bottom: 10px;
	cursor: pointer;
}

.notifyThePopupWindowHeader{
	height: 53px;
	border-bottom: 1px solid #D1D1D1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 8px 8px 0 0;
}
.notifyThePopupWindowContent{
	background: #FFFFFF;
}

.notifyThePopupWindowContent>p{
	color: #333;
	font-size: 16px;
	padding:50px 20px 60px;
	text-align: center;
}
.notifyThePopupWindowFooter{
	height: 67px;
	border-top: 1px solid #D1D1D1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 0 0 8px 8px;

}
.notifyThePopupWindowFooter>button{
	width: 139px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #4DA1FF;
	font-size:14px;
	color: #4DA1FF;
	background: #fff;
	margin: 0 16px;
	cursor: pointer;
}
.notifyThePopupWindowFooter>.notifyThePopupWindowBuy{
	color: #fff;
	background: #4DA1FF;
}

#notifyThePopupWindowBox_a{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#notifyThePopupWindow_a{
	width: 480px;

	border-radius: 8px;
}
.notifyThePopupWindowGuan_a{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.notifyThePopupWindowGuan_a>img{
	width: 35px;
	margin-bottom: 10px;
	cursor: pointer;
}
.notifyThePopupWindowHeader_a{
	height: 53px;
	border-bottom: 1px solid #D1D1D1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 8px 8px 0 0;
}
.notifyThePopupWindowContent_a{
	background: #FFFFFF;
}
.notifyThePopupWindowContent_a>p{
	color: #333;
	font-size: 16px;
	padding:50px 20px 60px;
	text-align: center;
}
.notifyThePopupWindowFooter_a{
	height: 67px;
	border-top: 1px solid #D1D1D1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 0 0 8px 8px;

}
.notifyThePopupWindowFooter_a>button{
	width: 139px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #4DA1FF;
	font-size:14px;
	color: #4DA1FF;
	background: #fff;
	margin: 0 16px;
	cursor: pointer;
}
.notifyThePopupWindowFooter_a>.notifyThePopupWindowBuy_a{
	color: #fff;
	background: #4DA1FF;
}



/* 通知弹窗 end */



/* 支付选择弹窗  start */
#dataStatisticsOpeningBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#dataStatisticsOpening{
	width: 700px;
	border-radius: 8px;
}
.dataStatisticsOpeningGuan{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.dataStatisticsOpeningGuan>img{
	width: 35px;
	margin-bottom: 10px;
	cursor: pointer;
}

.dataStatisticsOpeningHeader{
	height: 67px;
	border-bottom: 1px solid #D1D1D1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 8px 8px 0 0;
}
.dataStatisticsOpeningContent{
	background: #FFFFFF;
	padding: 0 33px;
}
.dataStatisticsOpeningContent>h4{
	color: #999;
	font-size: 16px;
	font-weight: 600;
	padding: 17px 0 34px;
	margin: 0;
}

.dataStatisticsOpeningTime>p{
	font-weight: 600;
	color: #333333;
}
.dataStatisticsOpeningTime>ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	   padding: 20px 0 13px 0;
}

.dataStatisticsOpeningTime>ul>li{
	width: 190px;
	height: 96px;
	background: #F4F4F4;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	border:1px solid transparent;
}
.dataStatisticsOpeningTime>ul>li>h3{
	font-size: 24px;
	font-weight: 600;
	color: #FB2E2E;
}
.dataStatisticsOpeningTime>ul>li>span{
	font-size: 18px;
	font-weight: 600;
	color: #333333;
}

.dataStatisticsOpeningMoney{
	padding-bottom: 20px;
}
.dataStatisticsOpeningMoney>p{
	padding: 18px 0 19px;	
	font-weight: 600;
	color: #333333;
}
.dataStatisticsOpeningMoney>ul{
	display: flex;
}
.dataStatisticsOpeningMoney>ul>li{
	display: flex;
	align-items: center;
	width: 169px;
	height: 55px;
	margin-right: 31px;
	padding-left: 20px;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	cursor: pointer;
}
.dataStatisticsOpeningMoney>ul>li>span{
	color: #333;
	font-size: 16px;
	margin-left: 20px;
}
.dataStatisticsOpeningFooter{
	height: 67px;
	border-top: 1px solid #D1D1D1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 0 0 8px 8px;
}
.dataStatisticsOpeningFooter>button{
	width: 139px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #4DA1FF;
	font-size:14px;
	color: #4DA1FF;
	background: #fff;
	margin: 0 16px;
}
.dataStatisticsOpeningFooter>.dataStatisticsOpeningBuy{
	color: #fff;
	background: #4DA1FF;
	cursor: pointer;
}

/* 支付选择弹窗  end */



/* 留言板弹窗  start */
#statisticalMessageBoxBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#statisticalMessageBox{
	width: 390px;
	border-radius: 8px;
}
/*		@media screen and (max-width: 760px){
	#statisticalMessageBox{
		width: 80%;
	}
}*/
.statisticalMessageBoxGuan{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.statisticalMessageBoxGuan>img{
	width: 35px;
	height: 35px;
	margin-bottom: 10px;
	cursor: pointer;
}

.statisticalMessageBoxHeader{
	width: 100%;
background: #fff;
border-radius: 8px 8px 0 0 ;
overflow: hidden;
}
.statisticalMessageBoxHeader>img{
	width: 100%;
}
.statisticalMessageBoxContent{
	background: #FFFFFF;
	text-align: center;
		border-radius: 0 0 8px 8px;
}
.statisticalMessageBoxContent>input{
	padding: 5px 10px;
	width: 80%;
	height: 28px;
	border: 1px solid rgba(212,212,212,1);
	border-radius: 4px;
	box-sizing: content-box;
	margin-bottom: 20px;
}
.statisticalMessageBoxContent>textarea{
	resize: none;
	width: 80%;
	height: 84px;
	padding: 5px 10px;
	border: 1px solid rgba(212,212,212,1);
	border-radius: 4px;
	box-sizing: content-box;
	outline: none;
}
.statisticalMessageBoxContent>div{
	padding: 19px 0 28px;
}
.statisticalMessageBoxContent>div>button{
	width: 104px;
	height: 40px;
	border: 1px solid #359EFF;
	border-radius: 5px;
	color: #359eff;
	font-size: 14px;
	background: #fff;
	cursor: pointer;
		margin: 0 10px;

}
#statisticalMessageOk{
	color: #fff;
	background: #359eff;
}


/* 留言板弹窗 end */


/* 顾问名片 start */
#advisoryBusinessCardBox{
	width: 100%;
	height: 100%;
	position: fixed;
    top: 0;
	left: 0;
	
	/* flex-direction: column; */
	z-index: 99999;
	background: rgba(0, 0, 0, .3);
}
.advisoryBusinessCardGuan{
	width: 100%;
	display: flex;
    justify-content: flex-end;
}
.advisoryBusinessCard{
	width: 100%;
	/* max-width: 450px;
	margin-top: 50px;
	margin-left: 50%;
    transform: translate(-50%); */
}
.advisoryBusinessCardGuan>img{
	width: 5rem;
	height: 5rem;
	margin: 2.2rem 0;
	cursor: pointer;
	max-width: 25px;
	max-height: 25px;
}
.advisoryBusinessCardContent{
	background: #fff;
	border-radius: 2.4rem;
    /* padding: 5.8rem 0 0; */
	width: 100%;
}
.personalInformation{
	background: #FFFFFF;
	box-shadow: 0px 0.7px 1.3px 0.9px rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	display: flex;
	align-items: center;
	margin: 5.8rem 3rem 0;
	padding:  3rem;
	max-height: 165px;
}
.personalInformation>.left>img{
	border-radius: 50%;
	/* height:21.4rem; */
	width: 100%;
}
.personalInformation>.left{
	/* flex-grow:1; */
	width: 40%;
}
.personalInformation>.right{
	/* flex-grow:1; */
	position: relative;
    padding-top: 6rem;
	width: 60%;
    padding: 0 0 0 2rem;
}

.personalInformation>.right>.positionImg{
	/* height: 6rem; */

	position: absolute;
    right: 0;
	top: 0;
	width: 30px;
	height: 30px;
    display: flex;
    justify-content: center;
	align-items: center;
	
}
.personalInformation>.right>.positionImg>img{
	max-width: 30px;
	max-height: 30px;
}
.personalInformation>.right>div{
	margin-bottom: 3.8rem;
}
.personalInformation>.right>div>h3{
	color: #333333;
	/* font-size: 4.2rem; */
	font-size: 22px;
}
.personalInformation>.right>div>h4{
	color: #333333;
	/* font-size: 2.4rem;
	line-height: 18px; */

    font-size: 12px;

    margin-top: 6px;

}
.personalInformation>.right>p{
	/* font-size: 2.2rem; */
	color: #333333;
	/* line-height: 18px; */
	font-size: 12px;
	margin-bottom: 6px;
}

/* @media all and (orientation : landscape) {
	#statisticalMessageBox{
		transform: scale(0.5);
	}
}
@media all and (min-width : 1000) {
	#statisticalMessageBox{
		transform: scale(1);
	} 
} */



.toContactMe{
	display: flex;
	justify-content: space-around;
	padding: 8rem 3rem 0;
}
.toContactMe>button{
	flex-grow:1;
	height: 8rem;
	max-height: 40px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #FB5248;
	color: #FB5248;
	box-sizing: border-box;
	cursor: pointer;
}
.toContactMe>.contactHer{
	background: #FB5248;
	color: #fff;
	margin-left: 3.4rem;
}



.contactInformation{
	display: flex;
	justify-content: space-between;
	padding: 4rem 3rem;
}
.contactInformation>li{
	padding: 1rem;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.09);
	border-radius: 4px;
	border: 1px solid #DCDCDC;
	/* flex-grow: 1; */
	height: 5.7rem;
	width: 33%;
	transform: scale(0.9);
}
.contactInformation>li>a{
	display: block;
}
.contactInformation>li>a>div{
	display: flex;
	align-items: center;
}
.contactInformation>li>a>div>p{
	color: #FB5248;
	font-size: 2.4rem;
}
.contactInformation>li>a>div>img{
	width: 3rem;
	max-height: 3rem;
	margin-right: 0.5rem;
}
.contactInformation>li>a>span{
	color: #666;
	font-size: 2.4rem;
	margin-top: 1rem;
	display: block;
	width: 100%;
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}





.enterpriseInformation{
	padding: 5rem 3rem 0;
	background: #F5F5F5;
}
.recommendCommodities{
	/* margin-bottom: 5.8rem; */
	margin-bottom: 18px;
}
.enterpriseInformation .introductionToThe p{
	font-size: 2.8rem;
	color: #020202;
	padding-bottom: 3.2rem;
}
.enterpriseInformation .introductionToThe div{
	background: #fff;
	font-size: 2.8rem;
	color: #020202;
	padding: 22px;	
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
    line-height: 20px;
}
.enterpriseInformation .website p{
	font-size: 2.8rem;
	color: #020202;
	padding: 3.3rem 0 3rem;
}
.enterpriseInformation .website div{
	font-size: 2.8rem;	
	background: #FFFFFF;
	box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 5.6rem 5rem 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.enterpriseInformation>.website>div>span{
color: #020202;
font-size: 2.8rem;
}
.enterpriseInformation>.website>div>a{
	width: 12rem;
	height: 5.3rem;
	border-radius: 4px;
	border: 1px solid #F2828A;
	background: #fff;
	color: #FF6565;
	font-size: 2.8rem;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.enterpriseInformation .recommendCommodities>p{
	font-size: 2.8rem;
	color: #020202;
	padding: 6.4rem 0 3.3rem;
}
.enterpriseInformation>.recommendCommodities>div{
	font-size: 2.8rem;	
	background: #FFFFFF;
	box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 5.6rem 5rem 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.enterpriseInformation>.recommendCommodities>ul>li{
	background: #FFFFFF;
	box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.07);
	border-radius: 4px;
	/*width: 2.84rem;*/
	padding:3.2rem 2.7rem;
	/* height: 22.4rem; */
}
.enterpriseInformation>.recommendCommodities>ul>li>a{
	display: flex;

}
.enterpriseInformation>.recommendCommodities>ul>li>a>img{
	/* width: 22rem; */
	max-width: 30%;
	/* height: 18rem; */
}
.enterpriseInformation>.recommendCommodities>ul>li>a>p{
	margin: 3.5rem !important;
	color: #020202;
	font-size: 2.8rem;
}

/* 顾问名片 end */


/* 发送消息框 start */
#sendAMessageBox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	background:rgba(0,0,0,.3);
}
#sendAMessageBigbox{
	width: 464px;
	height: 364px;
	background: #fff;
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.19);
	border-radius: 2px;
	border: 1px solid #E0E0E0;
}
.sendAMessageHeader{
	position: relative;
	height: 44px;
	background: #1177FA;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sendAMessageHeader>p{
	font-size: 14px;
	color: #fff;
}
.sendAMessageHeader>span{
	position: absolute;
	right: 18px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.sendAMessageContent{
	height: 271px;
	background: #f4f4f4;
	padding: 10px;
	box-sizing: border-box;
}
.sendAMessageContent>time{
	width: 100%;
    text-align: center;
	display: inline-block;
	color: #999;
	font-size: 12px;
}
.sendAMessageContent>div{
	display: flex;
    /* align-items: center; */
	/* flex-direction: row-reverse;*/
	margin: 10px 0px;
}
.sendAMessageContent>div>img{
    width: 40px;
    height: 40px;
    border-radius: 6px;
    margin: 0 10px;
}
.sendAMessageContent>div time{
	color: #999;
	font-size: 14px;
	/* text-align: right; */
    display: inline-block;
    width: 100%;
}
.sendAMessageContent>div p{
	background: #fff;
    padding: 8px;
    max-width: 323px;
	word-wrap: break-word;
}










.sendAMessageContent>.xinxi{
	background: #fff;
	padding: 10px;
	margin-bottom: 10px!important;
	border: 1px solid #D8d8d8;
}
.sendAMessageFooter{
	align-items: center;
	padding: 0 12px;
	height: 48px;
	display: flex;
}
.sendAMessageFooter>input{
	flex-grow: 1;
	padding: 0 13px;
	align-items: center;
	font-size: 14px;
	color: #000;
}
.sendAMessageFooter>button{
	cursor: pointer;
	width: 78px;
	height: 32px;
	background: #D8D8D8;
	border-radius: 2px;
	font-size: 14px;
	color: #333;
}

/* 发送消息框 end */





/*  扩容 支付弹窗  start */
#spaceExpansionCapacityBox{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#spaceExpansionCapacity{
	width: 967px;
	border-radius: 8px;
}
.spaceExpansionCapacityGuan{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.spaceExpansionCapacityGuan>img{
	width: 35px;
	margin-bottom: 10px;
	cursor: pointer;
}

.spaceExpansionCapacityHeader{
	height: 60px;
	border-bottom: 1px solid #eeeeee;
	display: flex;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 8px 8px 0 0;
	padding: 0 18px;
	box-sizing: border-box;
}
.spaceExpansionCapacityContent{
	background: #FFFFFF;
	padding: 0 23px;
}
.spaceExpansionCapacitySelect,
.paymentMethodForCapacityExpansion{
	border:1px solid #369EFF !important;
}
.spaceExpansionCapacityTime>p{
	font-weight: 600;
	color: #333333;
}
.spaceExpansionCapacityTime>ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	   padding: 23px 0 25px 0;
}

.spaceExpansionCapacityTime>ul>li{
	width: 217px;
	height: 100px;
	background: #F4F4F4;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	border:1px solid transparent;
	box-sizing: border-box;
}
.spaceExpansionCapacityTime>ul>li>h3{
	font-size: 22px;
	color: #F36264;
    margin-bottom: 5px;
}
.spaceExpansionCapacityTime>ul>li>span{
	font-size: 18px;
	font-weight: 600;
	color: #333333;
}
.spaceExpansionCapacityTime>div{
	font-size: 16px;
	color: #333;
	display: flex;
    margin-bottom: 16px;
}
.spaceExpansionCapacityTime>.kjTime{

}
.spaceExpansionCapacityTime>.kjGb{

}

.spaceExpansionCapacityMoney{
	padding-bottom: 127px;
}
.spaceExpansionCapacityMoney>p{
	padding: 24px 0 20px;
	color: #333333;
}
.spaceExpansionCapacityMoney>ul{
	display: flex;
}
.spaceExpansionCapacityMoney>ul>li{
	display: flex;
	align-items: center;
	width: 169px;
	height: 55px;
	margin-right: 31px;
	padding-left: 20px;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	cursor: pointer;
	box-sizing: border-box;
}
.spaceExpansionCapacityMoney>ul>li>span{
	color: #333;
	font-size: 16px;
	margin-left: 20px;
}
.spaceExpansionCapacityFooter{
	height: 67px;
	border-top: 1px solid #D1D1D1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 18px;
	background: #FFFFFF;
	border-radius: 0 0 8px 8px;
	position: relative;
}
.spaceExpansionCapacityFooter>div{
	position: absolute;
	left: 30px;
	font-size: 16px;
	color: #333333;
}
.spaceExpansionCapacityFooter>div>a{
	color: #369EFF;
}
.spaceExpansionCapacityFooter>button{
	width: 168px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #4DA1FF;
	font-size:14px;
	color: #4DA1FF;
	background: #fff;
	margin: 0 16px;
	box-sizing: border-box;
}
.spaceExpansionCapacityFooter>.spaceExpansionCapacityBuy{
	color: #fff;
	background: #4DA1FF;
	cursor: pointer;
}
/* 扩容 支付弹窗  end */



/* 空间扩容 弹窗说明 */
#spatiaClapacityBox{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,0.3);
}
#spatiaClapacity{	
	width: 630px;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#spatiaClapacity>img{
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	cursor: pointer;
}
#spatiaClapacity>div{
	background: #F8F8F8;
	border-radius: 10px;

}
#spatiaClapacity>div>header{
	font-size: 18px;
	color: #070707;
	border-bottom: 1px solid #D5D5D5;
	padding: 17px 0 14px 35px;
}
.spatiaClapacityContent{
	padding: 32px 38px 20px 34px;
	color: #070707;
	font-size: 18px;
}
.spatiaClapacityContent p{
	line-height: 28px;
}
.spatiaClapacityContent span{
	color: #FF1313;
}
#spatiaClapacity>div>footer{
	display: flex;
	justify-content: center;
}
#spatiaClapacity>div>footer>button{
	width: 140px;
	height: 42px;
	background: #359EFF;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
	cursor: pointer;
}
/* 空间扩容 弹窗说明 */


/* 空间到期提醒 弹窗 */
#spaceToRemindBox{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,0.3);
}
#spaceToRemind{
	width: 366px;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#spaceToRemind>img{
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	cursor: pointer;
}
#spaceToRemind>div{
	background: #FFFFFF;
	border: 1px solid #ACACAC;
	border-radius: 10px;
	padding: 27px 28px 14px 31px;
	text-align: center;
	font-size: 16px;
	color: #070707;
}
#spaceToRemind>div>p{
	text-align: left;
	line-height: 26px;
}
.spaceExpiryReminder_buy{
	width: 128px;
	height: 38px;
	background: #369EFF;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	margin: 18px 10px 0;
}
.spaceExpiryReminder_donItRemind{
	width: 128px;
	height: 38px;
	border: 1px solid #369eff;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 16px;
	color: #369eff;
	cursor: pointer;
	margin: 18px 10px 0;
}

/* 空间到期提醒 弹窗 */