body, html {
      height: 100%;
      margin: 0;
      font-family: "Microsoft YaHei", "Arial", sans-serif;
      
    }
    .color-fff{
    	color: #fff;
    }
    .color-c4212a{
    	color: #c4212a;
    }
    .fw-bt{
    	display: flex;
    	flex-wrap: nowrap;
    	justify-content: space-between;
    	align-items: center;
    }
    .fs-18{
			font-size: 18px;
		}
		.fs-16{
			font-size: 16px;
		}   
		.mt20{
			margin-top: 20px;
		}
		.box{
    	 width: 100%;
    	 height: 100%;
    	 margin: 0 auto;
    	 /* 加载背景图 */
        background-image: url(/static/home/images/bg.png);
    /* 背景图垂直、水平均居中 */
        background-position: center center;
        /* 背景图不平铺 */
        background-repeat: no-repeat;
        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
        background-attachment: fixed;
        /* 让背景图基于容器大小伸缩 */
        background-size: cover;
        /* 设置背景颜色，背景图加载过程中会显示背景色 */
        background-color: #464646;
    }
    .content{
    	width: 1420px;
    	margin: 0 auto;
    }
    .left{
    	width: 710px;
    	height: 780px;
    	margin-top: 10%;
    	padding: 160px 70px;
    	box-sizing: border-box;
    	background-color: rgba(196,33, 42, 0.7);
    }
    .right{
    	width: 710px;
    	height: 780px;
    	margin-top: 10%;
    	background-color: rgba(255, 255, 255, 0.7);
    }
    .left .title{
    	font-size: 36px;
    	margin-bottom: 85px;
    }
    .left .note{
    	font-size: 24px;
    	line-height: 40px;
    	margin-bottom: 65px;
    }
    .right .title{
    	font-size: 36px;
    	margin-top: 50px;
    	justify-content: center;
    }
    .right .title{
    	font-size: 36px;
    	margin-top: 50px;
    	justify-content: center;
    }
    .right .title-item{
    	width: 180px;
    	text-align: center;
    	cursor: pointer;
    }
    .right .title-item.active{
    	color: #c4212a;
    	position: relative;
    }
    .right .title-item.active:before{
    	content:"";
    	width: 80px;
    	height: 4px;
    	background-color: #c4212a;
    	position: absolute;
    	top:60px;
    	left:50%;
    	transform: translate(-50%);
    }
    .right .form {
    	margin-top: 90px;
    }
    .right .form .item{

    	display: flex;
    	flex-direction: column;
    	align-items: center;
    }
    .right .form .item .name{
    	width: 500px;
    	text-align: left;
    	color: #ce4a50;
    	font-size: 20px;
    }
    .right .form .item input{
    	width: 500px;
    	height: 70px;
    	background-color: #ce4a50;
    	border: 0;  
    	outline: none; 
    	padding-left: 30px;
    	box-sizing: border-box;
    	border-radius: 10px;
    	color: #fff;
			font-size: 24px;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
		color: #fff;
		font-size: 24px;
	}
	::-moz-placeholder { /* Firefox 19+ */  
		color: #fff;
		font-size: 24px;
	}
	:-ms-input-placeholder { /* IE 10+ */ 
	 color: #fff;
	 font-size: 24px;
	}
	:-moz-placeholder { /* Firefox 18- */ 
	 color: #fff;
	 font-size: 24px;
	}
	.right .form  .submit{
		margin-top: 40px;
		font-size: 36px;
		text-align: center;
		padding-left:0;
	    background-color: #c4212a !important;
    }