.news-container{display: flex; height: 100%; margin-top: 30px; margin-bottom: 50px;}
.left-container{display: flex; width: 300px; height: 100%;}
.menu-container{display: flex; width: 290px; height: 100%; flex-direction: column; box-shadow: 0 0 10px #b1dbbd; padding: 10px 30px; box-sizing: border-box;}
.menu-container .title{height: 60px; line-height: 60px; font-size: 24px; color: #107b2d; font-weight: bold; text-align: center;}
.menu{width: 100%; height: 100%;}
.menu li{border-bottom: #d5d5d5 1px solid; display: block; width: 100%; height: 60px; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box;}
.menu li:first-child{border-top: #107b2d 2px solid;}
.menu-container a{display: flex; width: 100%; height: 40px; font-size: 18px; color: #202020; align-items: center; justify-content: center;}
.menu-container a:hover,.menu-container a.active{background: #107b2d; color: #ffffff;}
.right-container{width: calc(1200px - 300px); display: flex; justify-content: flex-end;}
.content-container{width: 96%; box-shadow: 0 0 10px #b1dbbd; padding: 10px 30px; box-sizing: border-box; overflow: hidden;}
.content-container img{max-width: 100%; max-height: 100%;}
.content-container .title{height: 60px; line-height: 60px; font-size: 24px; color: #202020; font-weight: bold; text-align: left; border-bottom: #d5d5d5 2px solid;}

.login-container{width: 100%; height: 345px; margin-top: 20px; margin-bottom: 30px; box-shadow: 0 0 10px #d5d5d5; border-radius: 8px; display: flex; align-items: center;}
.login-container .login-bg{width: 380px; height: 345px; background: url("../images/hyzx/member_login.png") center no-repeat; font-size: 0;}
.login-container .login-input{width: 300px; height: 260px; margin-left: 50px;}
.label-login{display: block; font-size: 16px; color:#202020; margin-top: 15px; margin-bottom: 5px;}
.input-login,.input-login:focus{border: #d5d5d5 1px solid; font-size: 16px; padding: 10px 18px; width: 300px; box-sizing: border-box;}
#btn_submit{width: 300px; background: #49af64; color: #ffffff; font-size: 16px; margin-top: 15px; height: 46px; border: none;}
#btn_getcode{padding: 10px 18px; font-size: 16px; color: #ff0000; position: absolute; right: 0px; bottom: 0px; background: none; border: none;}
.account-no{position: relative;}

.apply-container{width: 100%; height: 538px; display: flex; justify-content: space-between; margin-top: 10px;}
.person-flow,.enterprise-flow{width: 47%; height: 100%; position: relative; box-shadow: 0 0 10px #d5d5d5; display: flex; flex-direction: column; align-items: center; border-radius: 10px; padding: 0 30px; box-sizing: border-box;}
.apply-container .tips{font-size: 12px; color: #646464; text-decoration: underline; margin-top: 10px;}
.apply-container .tips a{font-size: 12px; color: #646464; text-decoration: underline;}
.apply-container .title{color: #ffffff; width: 260px; border-radius: 0 0 12px 12px; display: flex; align-items: center; justify-content: center;}
.person-flow .title{background: #facd89;}
.enterprise-flow .title{background: #99d2a6;}
.apply-container .subtitle{font-size: 18px; font-weight: bold; color:#202020; width: 100%; height: 40px; border-bottom: #d5d5d5 2px solid; margin-top: 20px;}
.apply-container ul{width: 100%; height: 100%; margin-top: 8px;}
.apply-container li{border-bottom: #bfbfbf 1px solid; padding: 14px 0; list-style-type: decimal; list-style-position: inside;}

#phone_no,#validcode{background: url("../images/icon/phone_icon.png") no-repeat; background-position: 10px center; padding-left: 30px;}
#validcode{background: url("../images/icon/validcode_icon.png") no-repeat;background-position: 10px center;}
#btn_person,#btn_enterprise{width: 80%; background: #bfbfbf; color: #ffffff; font-size: 16px; margin-top: 15px; height: 54px; border: none; border-radius: 8px; position: absolute; left: 10%; bottom: 30px; display: flex; align-items: center; justify-content: center;}
#btn_person:hover, #btn_enterprise:hover{background: #49af64;}

/*.userinfo-container{width: 100%; margin-top: 20px; box-sizing: border-box; padding: 0 18px;}*/
.input-item{width: 100%; display: flex; margin-bottom: 18px; align-items: center;}
/*.input-item label{display: flex; align-items: center; justify-content: flex-end; width: 140px; height: 40px; font-size: 14px; color: #202020; text-align: right; padding: auto; margin: 0;}*/
/*.input-item label::after{content: "：";}*/
/*.input-item input[type="text"],.input-item select{width: 400px; height: 40px; font-size: 14px; margin: 0; padding: 4px 8px; border: #d5d5d5 1px solid; box-sizing: border-box;}*/
/*.radio-item{display: flex; align-items: center; margin-right: 10px;}*/
/*.radio-item input[type="radio"]{border: #d5d5d5 1px solid; width: 25px; height: 16px;}*/
/*.radio-item label{width: auto;}*/
/*.radio-item label::after{content: "";}*/
/*.checkbox-item{width: 100%; display: flex; margin-bottom: 18px; align-items: center;}*/
/*.checkbox-item label{display: flex; align-items: center; justify-content: flex-start; width: calc(100% - 140px); height: 40px; font-size: 14px; color: #202020; text-align: right; padding: auto; margin: 0; text-align: left;}*/
/*.checkbox-item input[type="checkbox"]{width: 20px; height: 20px; font-size: 14px; margin: 0; padding: 4px 8px; border: #d5d5d5 1px solid; box-sizing: border-box; display: flex; justify-content: flex-end;}*/
/*.checkbox-item input[type="checkbox"]::after{content: "　";}*/
.agreement-container{display: flex;}
.flex-center{justify-content: center;}
#submit_data{width: 400px; background: #49af64; color: #ffffff; font-size: 14px; margin-top: 15px; height: 40px; border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center;}