/* 电话更改弹窗  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*/
#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;
}

.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;	
}

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






/* 单场景项目分享弹窗  start */
#singleSceneSharingBigbox {
	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;
}

#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;
}

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

#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;
}

.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;
}
/*
.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%;

}
#groupManagementAdd>div>div>span{
	font-size: 14px;
	color: #FFFFFF;
}
#groupManagementAdd>div>p{
	margin-left: 5px !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;
	
}
.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;
}
#businessCard{
	width:600px;
	height:366px;
	background:rgba(255,255,255,1);
	border-radius:6px;
}
.businessCardHeader{
	width: 500px;
	height: 100px;
	margin: 50px auto 30px;
	display: flex;
	justify-content: space-between;
}
.businessLogo{
	width: 100%;
	height: 100%;
	background-size: contain;
}
#businessCard img{
	margin-left: 50px;
	width:100px;
	min-width:100px;
	height:100px;
}
.businessCardFooter{
	width: 500px;
	margin: 50px auto 30px;
}
.businessCardFooter li{
	display: flex;
}
.businessCardFooter li:nth-child(1) p{
	font-size:18px;	
	color:rgba(0,0,0,1);
	line-height:16px;
	margin-bottom: 19px !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: 9px !important;
}
.businessCardFooter li:nth-child(5) p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*企业名片 end*/