﻿body {
				padding: 0;
				margin: 0;
			}
			
			.xuanti_left {
				float: left;
				width: 475px;
				height: 100vmin;
				background-color: #019c41;
			}
			
			.user_map {
				margin-top: 8vmin;
				height: 435px;
				background-color: white;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				margin-left: 40px;
				margin-right: 40px;
			}
			
			.user_title {
				height: 80px;
				line-height: 80px;
				text-align: center;
				border-bottom: 1px solid #eeeff1;
				font-size: 28px;
				color: #8bc34a;
			}
			
			.user_via {
				margin-top: 20px;
				text-align: center;
			}
			
			.user_via img {
				border-radius: 50%;
				width: 100px;
				border: 8px solid #deeecd;
			}
			
			.user_xinxi {
				margin-top: 30px;
				color: #576671;
				font-size: 20px;
				margin-left: 100px;
				color: #576671;
			}
			
			.exam_time {
				background-color: #8bc34a;
				height: 80px;
				line-height: 80px;
				color: white;
				font-weight: 600;
				font-size: 32px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				margin-left: 40px;
				margin-right: 40px;
			}
			
			.exam_time img {
				float: left;
				margin-left: 120px;
				margin-right: 15px;
				margin-top: 15px;
			}
			/*右侧区域样式开始*/
			
			.xuanti_right {
				margin-left: 475px;
			}
			
			.exam_name {
				text-align: center;
				font-size: 32px;
				height: 100px;
				line-height: 100px;
				color: #4c4c4c;
			}
			
			.hr_line {
				margin: auto;
				height: 5px;
				width: 80px;
				border-top: 3px solid green;
			}
			
			.timu_map {
				margin-top: 15%;
			}
			
			.timu_map label {
				cursor: pointer;
				width: 173px;
				height: 173px;
			}
			
			.item_dan {
				background: url(/img/icodan.png) no-repeat center;
			}
			
			.item_dan:hover {
				background: url(/img/icodancheck.png) no-repeat center;
			}
			
			.item_dan.active {
				background: url(/img/icodancheck.png) no-repeat center;
			}
			
			.item_duo {
				background: url(/img/icoduo.png) no-repeat center;
			}
			
			.item_duo:hover {
				background: url(/img/icoduocheck.png) no-repeat center;
			}
			
			.item_duo.active {
				background: url(/img/icoduocheck.png) no-repeat center;
			}
			
			.item_pan {
				background: url(/img/icopan.png) no-repeat center;
			}
			
			.item_pan:hover {
				background: url(/img/icopancheck.png) no-repeat center;
			}
			
			.item_pan.active {
				background: url(/img/icopancheck.png) no-repeat center;
			}
			
			.item_shi {
				background: url(/img/icoshi.png) no-repeat center;
			}
			
			.item_shi:hover {
				background: url(/img/icoshicheck.png) no-repeat center;
			}
			
			.item_shi.active {
				background: url(/img/icoshicheck.png) no-repeat center;
			}
			
			.item_name {
				font-size: 24px;
				margin-top: 20px;
				margin-bottom: 20px;
			}
			
			.tijiao_bt {
				margin-right: 5%;
				margin-top: 5%;
			}
			
			.black {
				border-bottom: 2px solid #8bc34a;
				height: 80px;
				font-size: 20px;
				line-height: 80px;
				text-indent: 40px;
			}
			
			.black a{
				cursor: pointer;
				text-decoration: none;
				color:white;
			}
			.black a:hover{
				color: #f9d04a;
			}
			.layui-layer {
				border-radius: 15px!important;
			}