    body {
        background-image: url(../img/bg.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: center;
        background-position-y: 140px;
        background-color: #FFF;
        min-width: 1000px;
    }

    #app {
    	min-height: 700px;
    	height: 100%;
    	/*background-image: url(../img/bg.png);*/
    	background-repeat: repeat-x;
    }

    .top {
    	position: absolute;
    	top: 0;
    	width: 100%;
    	height: 200px;
    	/*background-image: url(../img/bg-top.png);*/
    	background-repeat: no-repeat;
    }

    .top .title {
    	/* 	display: none; */
     	position: absolute;
    	top: 50px;
/*     	left: 100px; */
    	width: 620px;
    	height: 70px;
    	background-image: url(../img/title.png);
    	background-repeat: no-repeat;
    }

    .bottom {
    	position: absolute;
    	bottom: 0;
    	width: 100%;
    	height: 200px;
    	/*background-image: url(../img/bg-bottom.png);*/
    	background-repeat: no-repeat;
    }

    .person {
    	position: absolute;
    	bottom: 0;
    	left: 45px;
    	width: 660px;
    	height: 550px;
    	/*background-image: url(../img/bg-person.png);*/
    	background-repeat: no-repeat;
    }

    .notice-box {
    	position: absolute;
    	width: 260px;
    	height: 300px;
    	top: 250px;
    	left: 50px;
    	background-color: white;
    	border: 0px solid #D6ACB2;
    	border-radius: 10px;
    	overflow: hidden;
    }

    .notice-title {
    	height: 40px;
    	background-color: #D1514F;
    	color: #FFF;
    	font-size: 22px;
    	padding-top: 10px;
    	text-align: center;
    }

    .notice-list {
    	padding-top: 10px;
    }

    .notice-item {
    	padding: 5px 15px 0 15px;
    	font-size: 14px;
    	color: #4991E1;
    }

    .notice-item-left {
    	float: left;
    	width: 20px;
    }

    .notice-item-right {
    	float: left;
    	width: 210px;
    }

    .notice-item a {
    	color: #4991E1;
    }

    .notice-empty {
    	margin-top: 20px;
    	text-align: center;
    	font-size: 20px;
    }

    .box {
    	position: absolute;
    	width: 440px;
    	top: 250px;
    	right: 100px;
    	background-color: #FFF;
    	padding: 20px 30px 0 30px;
    	border: 0px solid #D6ACB2;
    	border-radius: 10px;
    }

    .box .hint {
    	text-align: center;
    	margin: 0 0 10px 0;
    	font-size: 20px;
    	line-height: 40px;
    	color: #FF5722;
    }

    .box .captcha {
    	width: 108px;
    	height: 40px;
    	cursor: pointer;
    }

    .box .no-idcard {
    	color: #01AAED;
    }

    .box .error, .box .no-idcard-msg {
    	display: none;
    	color: #FF5722;
    }
