body {
    background: url(../images/registbg.png) no-repeat;
    background-size: 100% 100%;
    font-family: "思源黑体cn";
    background-attachment: fixed;
}
.login-title {
    font-size: 2rem;
    background: #409FFD;
    line-height: 250%;
    color: #fff;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.login-label {
    font-size: 1.6rem;
    padding-left: 1rem;
}
.login-label {
    width: 9rem 
}
.login-form {
    width: 60rem;
    text-align: left;
    margin: 0 auto;
    background: #fff;
    margin-top: 10rem;
}
.login-form table {
    margin-top: 2rem;
}
.login-form table td {
    padding: 1.5rem 1rem;
    border-bottom: 0.1rem #ddd solid;
}
.login-form table td.input-area {
    display: flex;
    align-items: center;
}
/* .login-input {
    border: #ddd solid 1px;
    height: 3.6rem;
    padding-left: 0.5rem;
    border-radius: 0.3rem;
    width: 21rem;
    box-sizing: border-box;
}
*/
.login-btn {
    background: #004f93;
    border: medium none;
    border-radius: 3rem;
    width: 100%;
    height: 6rem;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
}
.input-area {
    position: relative;
}
.errMsg {
    position: absolute;
    color: red;
    bottom: 0;
    left: 1rem;
}
.header {
    background: #004f93;
    height: 12rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .5);
}
.regist-box {
    width: 105.2rem;
    margin: 0rem auto;
    text-align: left;
    height: 12rem;
}
.regist-box-main {
    margin-top: 10rem 
}
.regist-box .el-form-item__content {
    clear: both;
}
.regist-box .el-input__inner {
    height: 6rem;
}
.regist-logo {
    background: url(../images/login-logo.png) no-repeat;
    width: 17.1rem;
    height: 8.3rem;
    background-size: contain;
    display: inline-block;
    margin-right: 5rem;
}
.login-left {
    background: url(../images/login-left.png) no-repeat;
    width: 87rem;
    height: 66rem;
    background-size: contain;
    margin-top: 5rem;
    display: inline-block;
}
.login-box {
    position: relative;
}
.login-right {
    background: #fff;
    width: 51rem;
    position: absolute;
    top: -8rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .5);
    border-radius: 1rem;
    right: 0rem;
    padding-bottom: 8.2rem;
}
.login-right input {
    height: 6rem;
    border-radius: 3rem;
    width: 39rem;
    margin-bottom: 2.4rem;
    border: solid 2px #f4f4f4;
}
.login-right input:focus {
    border: solid 2px #f4f4f4;
}
.login-right input {
    outline: none;
}
.login-code-img {
    position: absolute;
    right: 0rem;
}
.login-right h2 {
    margin-bottom: 5rem;
    font-size: 3.4rem;
    font-family: 思源黑体CN;
}
.welcome-txt {
    margin-top: 12rem;
    font-size: 1.6rem;
}
.wechat-login {
    background: url(../images/wechat.png) no-repeat;
    width: 5.3rem;
    height: 5.3rem;
    display: inline-block;
    background-size: contain;
    margin: 3rem 0 4.6rem 0;
    cursor: pointer;
}
.noaccount {
    color: #666666;
    font-size: 2rem;
}
img#codeUrl {
    height: 6rem;
}
.grey18 {
    font-size: 1.8rem;
    color: #666;
    margin-bottom: 2rem;
}
.noaccount {
    color: #99a8bd;
    font-size: 2.4rem;
}
.noaccount a {
    color: #ffffff;
    line-height: 100%;
}
.regBox {
    padding-right: 2rem 
}
.login-title {
    font-size: 2rem;
    background: #409FFD;
    line-height: 250%;
    color: #fff;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.regist-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.white22 {
    font-size: 2.2rem;
    color: #fff;
    font-family: 思源黑体CN;
}
.regist-top-left {
    display: flex;
    align-items: center;
}
.red {
    color: red;
    line-height: 100%;
    font-size: 1.2rem;
}
.btn-submit {
    background: #004f93;
    width: 17rem;
    height: 6rem;
    text-align: center;
    color: #fff;
    border-radius: 3rem;
    font-size: 2rem;
    letter-spacing: 1rem;
    font-family: "思源黑体cn";
}
.btn-cancel {
    font-family: "思源黑体cn";
    color: #004f93;
    width: 17rem;
    height: 6rem;
    text-align: center;
    border-radius: 3rem;
    border-color: #004f93;
    font-size: 2rem;
    letter-spacing: 1rem;
}
.regist-footer {
    background: #004f93;
    color: rgba(255, 255, 255, .5);
    height: 8rem;
    line-height: 8rem;
    display: inline-block;
    width: 100%;
}
.regBox .el-input-group--append{
    position: relative;
}
.regBox .el-input-group__append{
    background: none;
    border:medium none;
    color:#295e98;
    font-size: 1.4rem;
    position: absolute;
    right:0;
    top:1.8rem;
    transform: translateX(-100%);
}
.regBox .el-input-group__append .el-input__inner{
    width:100%;
}
.audience-area{
    position: relative;
}
.audience-main-box{
    position: absolute;
    top:45.5rem;
}
.audience-main{
    background:linear-gradient(to bottom,rgba(217,236,255,.8) 20%,#ffffff);
    width:130rem;
    box-shadow:0 0 1rem rgba(0, 0, 0, .5);
    padding:0 12.5rem;
    box-sizing: border-box;
    text-align: left;
    margin:0 auto;
    padding-bottom: 8.2rem;
}
.calendar-header{
    border-bottom: solid 0.2rem #00468c;
    display: inline-block;
    width:100%;
    margin-top: 7.2rem;
}
.calendar-item{
    background:#fff;
    width:20.6rem;
    height: 8rem;
    color:#00468c;
    line-height: 8rem;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    text-align: center;
    font-size: 2.4rem;
}
.calendar-header ul li {
    float: left;
    cursor:pointer;
}
.calendar-header li.calendar-item {
    float: left;
    margin-right: 1rem;
    color:#00468c;
}
.calendar-header li.calendar-item.on{
    background:#00468c;
    color:#fff 
}
.copy-btn {
    background: #0c64bf;
    font-size: 1.4rem;
    color: #fff;
    border-radius: 0.4rem;
}
.close-btn {
    cursor: pointer;
    border-radius: .4rem;
    border: solid 1px #ddd;
    margin-top: 1rem;
    padding: 0.6rem 2rem;
    font-size: 1.4rem;
}
.dialog-title{
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 180%;
}
/* .dialog-box {
    width: 80rem;
    height:60rem;
    z-index: 100;
    position: fixed;
    background: #fff;
    border-top-left: 1rem;
    border-top-right-radius: 1rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem;
    box-sizing: border-box;
    font-size: 1.6rem;
} */
.dialog-box {
    width: 100%;
    height:auto;
    padding: 2rem;
    font-size: 1.6rem;
}
.dialog-con{
    width:100%;
    height:auto;
    background:#fff;
    text-align:center;
    padding:2rem 0;
    box-sizing: border-box;
}
.cate-label {
    float: left;
    font-size: 2rem;
    color:#333;
    width:10.5rem;
}
.audience-box {
    width: 80rem;
    margin: 15rem auto;
    display: flex;
    justify-content: space-between;
}
.audience-item {
    border: solid 1px #ddd;
    border-radius: 0.6rem;
    font-size: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.audience-box span {
    width: 30rem;
    height: 30rem;
    cursor: pointer;
    font-size: 2.2rem;
}
.regist-cate .el-form-item__label {
    width: 100% !important;
    background: url(../images/cateicon.png) left no-repeat;
    color: #00468c;
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 2rem;
    padding-left: 3.4rem;
    width:10.5rem;
    box-sizing: border-box;
}
.posterLayer{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,0.3);
    z-index:100;
}
.poster{
    width:37.5rem;
    height:auto;
    background:#fff;
    border-radius:1rem;
    box-shadow:0 0 1rem rgba(0, 0, 0, .1);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:0.5rem;
    padding-top:3rem;
    box-sizing:border-box;
    text-align:center;
}
.poster .close{
    width:3rem;
    height:3rem;
    line-height:3rem;
    text-align:center;
    font-size:2rem;
    position:absolute;
    top:0;
    right:0;
}
.poster img{
    max-width:100%;
    max-height:100%;
    margin-bottom:2rem;
}
.regist-cate .el-form-item__content {
    margin-left: 1rem !important;
}
.regist-cate .cate-div {
    margin-bottom: 2rem;
    clear: both;
}
.cate-div label.el-radio {
    margin-bottom: 1rem;
}
.regist-cate .supplyInput {
    width: 48rem;
}
.cate-div .radios{
    float: left;
    margin-left: 0rem;
    width:80rem;
}