/*book-a-conference*/
.bg-box {
    /*width: 1920px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/

	width: 100%;
	height: 100%;
    position: fixed;
    top: 0;
    left: 0;

}
.bg-box .bg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.virtual{
	width: 1260px;
	height: 721px;
	box-shadow: 0 9px 46px rgba(200,0,10,0.44);
	/*background: rgba(255,255,255,0.96);*/
	border-radius: 6px;
	overflow: hidden;

	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*header*/
.header-box{
	width: 100%;
	height: 54px;
	padding: 0 18px 0 25px;
	background: url('../images/beader-bg.png') no-repeat;
	background-size: 100% 100%;
}
.header-box .title{
	color: #2f515f;
	font-size: 16px;
	font-weight: bold;
	font-family: Century Gothic;
	line-height: 54px;
}
.header-box .user{
	height: 54px;
}
.header-box .photo{
	width: 34px;
	height: 34px;
	overflow: hidden;
	border-radius: 100%;
}
.header-box .name{
	margin: 0 30px 0 14px;
}
.header-box .name h4{
	color: #353432;
	font-size: 15px;
}
.header-box .name p{
	color: #999999;
	font-size: 9px;
}
.header-box .close img{
	width: 25px;
}



/*左边*/
.vir-content .left-nav{
	width: 218px;
	height: 667px;
	background:rgba(47,81,96,0.96) url('../images/dian.png') no-repeat bottom left;
	background-size:206px
}

/*右边*/
.vir-content .righ-box{
	flex:1;
	width: 100%;
	height: 667px;
	background:rgba(255,255,255,0.96);
}







/*左边*/
.left-nav .first{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	padding-top: 10px;
	text-indent: 28px;
	margin-bottom: 5px;
}
.left-nav .first .line{
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: 0.1;
}
.left-nav .second li{
	color: #8d9e9b;
	font-size: 14px;
	line-height: 40px;
	padding-left: 28px;
}
.left-nav .second li.active{
	color: #fff;
	background: url('../images/icon-star.png') no-repeat 10px center;
	background-size: 11px;
}
.left-nav .second li:hover{
	color: #fff;
}
.left-nav .platform{
	color: #34a9d3;
	font-size: 12px;
	padding: 10px 15px;
	margin: 37px 24px 0;
	background: rgba(255,255,255,0.2);
	border-radius: 8px;
	text-transform: uppercase;
}







/*右边*/
.padd-lr{
	padding: 0 40px 0 50px;
}
.right-title{
	padding: 30px 0 35px;
}
.right-title .title{
	color: #2f515f;
	font-size: 24px;
	font-weight: bold;
}
.right-title .title .vip{
	color: #FF0101;
	font-weight: normal;
}
.right-title .goback a{
	color: #474646;
	font-size: 12px;
	display: inline-block;
	width: 88px;
	line-height: 30px;
	box-shadow: 0 0 3px rgba(140,137,137,0.3);
	border-radius: 30px;
	text-align: center;
	text-transform: uppercase;
}
.right-title .goback a:hover{
	box-shadow: 0 0 3px rgba(47,81,95,0.5);
}
.right-title .goback img{
	width: 4px;
	margin-right:10px;
}



/*Appointment result*/
.conference{

}
.condition .label{
	color: #353432;
	font-size: 16px;
	line-height: 41px;
	/*margin-right: 55px;*/
}
.condition .time{
	color: #2f515f;
	font-size: 14px;
	line-height: 41px;
	/*margin-right: 69px;*/
}
.condition .time em{
	margin: 0 19px;
}
.condition .time img{
	width: 18px;
	margin-right: 17px;
}
.condition .select{
	width: 172px;
	/*height: 41px;*/
	/*line-height: 39px;*/
	border-radius: 8px;
	/*padding: 0 15px;*/
	/*margin-right: 28px;*/
	border:1px solid #e6e6e6;
}
.condition .select select{
	width: 100%;
	line-height: 39px;
	font-size: 16px;
	color: #2f515f;
	padding: 0 15px;
	background: url('../images/icon-bottom.png') no-repeat 145px center;
	background-size: 9px;
	outline-style: none;
}
.condition .search{
	width: 189px;
	/*height: 41px;*/
	/*line-height: 39px;*/
	border-radius: 8px;
	margin-right: 28px;
	border:1px solid #e6e6e6;
	background: url('../images/icon-search.png') no-repeat 158px center;
	background-size: 14px;
}
.condition .search input{
	width: 100%;
	height: 39px;
	padding: 0 32px 0 15px;
	font-size: 14px;
	color: #2f515f;
}






.conference-table{
	margin-top: 25px;
}
.conference-table thead th{
	height: 50px;
	background: #2F515F;
	color: #FFFBFA;
	font-size: 16px;
	font-weight: 400;
	padding: 0 24px;
	text-align: left;
}
.conference-table td{
	height: 60px;
	color: #2F515F;
	font-size: 16px;
	font-weight: 400;
	padding: 0 24px;
	border-bottom: 1px solid #ccc;
}

/*.conference-table tbody tr{
	cursor: pointer;
}*/
.conference-table tbody tr:hover{
	background: #f1f0f0;
}
.conference-table .status{
	display: inline-block;
	width: 146px;
	line-height: 35px;
	background: #87B153;
	border-radius: 3px 3px 3px 3px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 400;
	padding: 0 17px;
	cursor: pointer;
}
.conference-table .status2{
	display: inline-block;
	width: 70px;
	line-height: 35px;
	background: #87B153;
	border-radius: 3px 3px 3px 3px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	/*padding: 0 17px;*/
	cursor: pointer;
	text-align: center;
}

.conference-table .success{
	background: #87B153;
}
.conference-table .refuse{
	background: #F0823F;
}
.conference-table .review{
	background: #6CBBDC;
}


.prevnext{
	margin-top: 36px;
}
.prevnext a{
	color: #34a9d3;
	font-size: 16px;
	padding: 0 15px;
}
.prevnext .prev{
	padding-left: 20px;
	background: url('../images/perv.png') no-repeat left center;
	background-size: 8px;
}
.prevnext .next{
	padding-right: 20px;
	background: url('../images/next.png') no-repeat right center;
	background-size: 8px;
}









/*Change Password*/
.password-box{
	width: 800px;
	margin-top: 82px;
	margin:auto;
}
.password-box .li{
	margin-bottom: 20px;
}
.password-box .li span{
	display: inline-block;
	width: 230px;
	text-align: right;
	margin-right: 24px;
	color: #474646;
	font-size: 16px;
	line-height:33px;
}
.password-box .li input{
	width: 450px;
	height: 33px;
	padding: 0 15px;
	border-radius: 8px;
	border:1px solid #e6e6e6;
	color: #474646;
	font-size: 16px;
}
.password-box .btns{
	margin-top: 105px;
	text-align: right;
}
.password-box .btns button{
	width: 116px;
	height: 44px;
	background: #286d8a;
	border-radius: 12px;
	color: #fffbfb;
	font-size: 16px;
}
.password-box .btns img{
	margin-left: 12px;
}

.password-box .word{
	background:rgba(255,255,255,0.7);
	padding:20px;
	border-radius: 12px;
	margin-top:20px;
	}










.goview{
	display: inline-block;
	width: 95px;
	line-height: 33px;
	border:1px solid #e6e6e6;
	border-radius: 8px;
	text-align: center;
	color: #2f515f;
	font-size: 16px;
}
.goview img{
	width: 8px;
	margin-left: 13px;
}












/*introduction*/
.intro-box{
	height: 482px;
	overflow-y: auto;
	padding-right: 75px;
}
.intro-list li{
	margin-top: 40px;
}
.intro-list li .title{
	color: #286d8a;
	font-size: 16px;
	margin-bottom: 30px;
}
.intro-list li .text{
	color: #aca7a7;
	font-size: 16px;
	line-height: 30px;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar{
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.scrollbar::-webkit-scrollbar-track {
	/*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
	/*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
	border-radius: 10px;
	background-color: #f0f0f0;
}

/*定义滑块 内阴影+圆角*/
.scrollbar::-webkit-scrollbar-thumb{
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #527a8a;
}
.padd-lr2 {
    padding: 0 23px 0 50px;
}













/*refuse-content*/
.refuse-content{
	margin-top: 13px;
}
.refuse-content .area textarea{
	width: 100%;
	height: 330px;
	border-radius: 8px;
	border:1px solid #e6e6e6;
	padding: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #999999;
}
.refuse-content .btns{
	margin: 40px 0 0 0;
	text-align: right;
}
.refuse-content .btns button {
    width: 116px;
    height: 44px;
    background: #286d8a;
    border-radius: 12px;
    color: #fffbfb;
    font-size: 16px;
    margin-left: 16px;
}
.refuse-content .btns img {
    margin-left: 12px;
}












/*manage your booth*/
.booth-box {
    height: 500px;
    overflow-y: auto;
    padding-right:10px;
}
.booth-box .title{
	color: #286d8a;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 18px;
	margin-bottom: 22px;
	border-bottom:1px solid #e9eaea;
}
.booth-box .title2{
	color: #286d8a;
	font-size: 24px;
	font-weight: bold;
}
.booth-box  .infor .text{
	margin-bottom: 14px;
}
.booth-box  .infor .text li{
	float: left;
	display: flex;
	margin-bottom: 20px;
}
.booth-box  .infor .text li:nth-child(2n+1){
	margin-right:135px;
}
.booth-box  .infor .text label{
	display: inline-block;
	width: 170px;
	color: #757575;
	font-size: 16px;
	text-align: right;
	margin-right:32px;
}
.booth-box  .infor .text p{
	color: #286d8a;
	font-size: 16px;
}




.booth-box  .config li{
	display: flex;
	line-height: 37px;
	margin-bottom:15px;
}
.booth-box  .config .text label{
	display: inline-block;
	width: 170px;
	color: #757575;
	font-size: 16px;
	text-align: right;
	margin-right:32px;
}
.booth-box  .config .text p{
	color: #9f9f9f;
	font-size: 14px;
}

.upload-btn{
	position: relative;
	width: 75px;
	line-height: 37px;
	background: #286d8a;

	color: #ffffff;
	font-size: 12px;
	border-radius: 8px;
	text-align: center;
}
.upload-btn .file{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	left: 0;
	top: 0;
}

.config .input-box{
	width: 260px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	margin-right: 20px;
}
.config .input-box input{
	flex: 1;
	width: 100%;
	height: 37px;
	padding: 0 15px;
}




.select-box label {
    display: inline-block;
    width: 155px;
    color: #757575;
    font-size: 16px;
    text-align: right;
    margin-right: 32px;
}
.select-box select {
    width: 221px;
    height: 37px;
    border-radius: 8px;
    margin-right: 5px;
    border: none;
    padding: 0 20px;
    color: #286d8a;
    font-size: 14px;
    /*border:1px solid #fff;*/
    background: #fff url(../images/arrow-bottom.png) no-repeat 92%;
}
.select-box select:focus{
	/*border: 1px solid #286d8a;*/
}
.config .submit-btn{
	margin-left: 182px;
	margin-top: 50px;
}
.config .submit-btn button {
    /*width: 116px;
    height: 44px;
    background: #286d8a;
    border-radius: 12px;
    color: #fffbfb;
    font-size: 16px;
    margin-left: 16px;*/

    width: 160px;
    height: 42px;
    background: #286d8a;
    border-radius: 8px;
    color: #fffbfb;
    font-size: 16px;
    margin-left: 16px;
}
.config .submit-btn img {
    margin-left: 12px;
}























/*Video conference*/
.video-confer {
    width: 640px;
    margin-top: 60px;
}
.video-confer .li {
	line-height: 45px;
}
.video-confer .li span {
    display: inline-block;
    width: auto;
    text-align: right;
    margin-right: 30px;
    color: #474646;
    font-size: 16px;
}
.video-confer .li input{
	width: 418px;
	height: 45px;
	border-radius: 20px;
	background: #fff;
	border:1px solid #dadada;
}
.video-confer .li .videourl{
	margin-top: 60px;
	line-height: 24px;
}
.video-confer .videourl a{
	color: #34a9d3;
	font-size:18px;
}
.video-confer .videourl a:hover{
	color: #286d8a;
}








.password-box .li input:focus{
	border: 1px solid #2f515f;
}
.refuse-content .area textarea:focus{
	border: 1px solid #2f515f;
}
















/*book  conference*/
.right-title  .select {
    width: 172px;
    /* height: 41px; */
    /* line-height: 39px; */
    border-radius: 8px;
    /* padding: 0 15px; */
    /* margin-right: 28px; */
    border: 1px solid #e6e6e6;
}
.right-title .select select {
    width: 100%;
    line-height: 39px;
    font-size: 16px;
    color: #2f515f;
    padding: 0 15px;
    background: url(../images/icon-bottom.png) no-repeat 145px center;
    background-size: 9px;
    outline-style: none;
}

.header-box .login{
	margin: 0 18px 0 0;
}
.header-box .login a{
	color: #474646;
	font-size: 14px;
	text-transform: uppercase;
}
.header-box .login a:hover{
	color: #2F515F;
}





.book2-bg .righ-box{
	background:url('../images/bg3.png') no-repeat center;
	background-size: cover;
}

.book2 .conference-table .status{
    width: 90px;
	text-align:center;
}
.book2 .conference-table .time{
   padding-left: 28px;
   margin-left: -28px;
   font-size:14px;

}
.book2 tbody tr:hover .time{
   background: url('../images/icon-clock.png') no-repeat left center;
   background-size: 18px;
}
.book2 .view{
   display: inline-block;
   width: 87px;
   line-height: 29px;
   border:1px solid #e1dfdf;
   border-radius: 30px;
   background: #fff;
   text-align: center;
   color: #2f515f;
   font-size: 14px;
   box-shadow: 0 0 3px rgba(140,137,137,0.2);
}



.book2 .conference-table .signed{
	width: 90px;
	color: #ffffff;
	font-size: 14px;
	background: #f0823f;
	padding: 0 5px;
	text-align: center;
}
.book2 .conference-table .enter{
	width: 60px;
	color: #ffffff;
	font-size: 14px;
	background: #f45b4b;
	margin-left: 4px;

	padding: 0 5px;
	text-align: center;
}
.book2 .hover-signed{

}

.book2 tbody tr:hover .success{

}
.book2 tbody tr:hover .hover-signed{

}














/*theme*/
.theme-intro{
	height: 510px;
	padding-right: 62px;
	overflow-y: scroll;
}
.theme-intro .text{
	color: #2f515f;
	font-size: 14px;
	line-height: 28px;
}
.theme-intro .time{
	margin: 40px 0;
	padding-bottom: 17px;
	border-bottom: 1px solid #dadada;
	color: #2f515f;
	font-size: 14px;
}
.theme-intro .time img{
	width: 16px;
	margin-right: 16px;
}

.theme-intro .apply-btn{
	display: inline-block;
	font-size: 16px;
	transition: 0.2s;
}
.theme-intro .apply-btn:hover{
	color: #47aad4;
}
.theme-intro .apply{
	border-bottom: 1px solid #dadada;
}
.theme-intro .already{
	line-height: 48px;
	color: #2f515f;
	font-size: 14px;
	margin-bottom: 40px;
	
}
.theme-intro .already a{
	line-height: 30px;
	display: inline-block;
	padding: 0 10px;
	background: #fff;
	color: #438ce6;
	font-size: 14px;border-radius: 30px;
	margin-left: 10px;
	box-shadow: 0 0 3px rgba(140,137,137,0.45);
}
.theme-intro .already a:hover{
	box-shadow: 0 0 3px rgba(47,81,95,0.5);
}
.theme-intro .btns{
	margin: 27px 0 0 0;
}
.theme-intro .btns button {
    width: 116px;
    height: 44px;
    background: #286d8a;
    border-radius: 12px;
    color: #fffbfb;
    font-size: 16px;
}

.theme-intro .btns img {
    margin-left: 12px;
}










.european-form li{
	display: flex;
    line-height: 37px;
    margin-bottom: 15px;
}
.european-form .form-title{
	    color: #286d8a;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid #e9eaea;
}
.european-form  li label{
	display: inline-block;
    width: 175px;
    color: #757575;
    font-size: 16px;
    text-align: right;
    margin-right: 32px;
}
.european-form .input-right{
	width: 260px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    margin-right: 20px;
}
.european-form .input-right input {
    flex: 1;
    width: 100%;
    height: 37px;
    padding: 0 15px;
}
.european-form .upload-btn{
	position: relative;
    width: 75px;
    line-height: 37px;
    background: #286d8a;
    color: #ffffff;
    font-size: 12px;
    border-radius: 8px;
    text-align: center;
}
.european-form .upload-btn input{
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}
.european-form .text {
    color: #9f9f9f;
    font-size: 14px;
}
.european-form .area-right{
	width: 553px;
}
.european-form .area-right textarea{
	height: 160px;
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 15px;
}

.european-form  .submit-btn button{
	width: 160px;
    height: 42px;
    background: #286d8a;
    border-radius: 8px;
    color: #fffbfb;
    font-size: 16px;
    margin-left: 16px;
}
.european-form .submit-btn img {
    margin-left: 12px;
}

.european-form .select-right select{
	width: 221px;
    height: 37px;
    border-radius: 8px;
    margin-right: 5px;
    border: none;
    padding: 0 20px;
    color: #286d8a;
    font-size: 14px;
    /* border: 1px solid #fff; */
    background: #fff url(../images/arrow-bottom.png) no-repeat 92%;
}








.header-box .name{
	position: relative;
}
.header-box .name .dot{
	position: absolute;
	width: 5px;
	height: 5px;
	background: #ff4e00;
	border-radius: 100%;
	right: -6px;
	top: 0;
}
.header-box .name-top{
	width: 100%;
    height: 20px;
}