body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body, html {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    font-family: Microsoft YaHei;
}
body {
    min-height: 100%;
}
#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 1300px;
}
.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.login-layout[data-v-882d498c] {
    min-width: 1200px;
    background-color: #fff;
}
.login-layout .header[data-v-882d498c] {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 20px 6px #f8f8f8;
    box-shadow: 1px 2px 20px 6px #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 23px 0;
}
.login-layout .main[data-v-882d498c] {
    background-color: #fff;
    margin-top: 103px;
}
.login-layout .footer-text[data-v-882d498c] {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #656675;
    padding: 248px 0 22px;
}
.login-layout .header .inner-box[data-v-882d498c] {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.login-layout .header .inner-box .h-left[data-v-882d498c], .login-layout .header .inner-box[data-v-882d498c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.login-layout .header .inner-box .h-left[data-v-882d498c], .login-layout .header .inner-box[data-v-882d498c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.login-layout .header .inner-box .h-left .logo[data-v-882d498c] {
    font-size: 0;
    width: 214px;
    height: 59px;
}
.login-layout .header .inner-box .h-left .logo .img[data-v-882d498c] {
    width: 100%;
    height: 100%;
}
.login-layout .header .inner-box .h-left .welcome[data-v-882d498c] {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    border-left: 1px solid #eee;
    padding-left: 26px;
    margin-left: 27px;
}
.login-layout .header .inner-box .h-right[data-v-882d498c] {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
}
.login-layout .main[data-v-882d498c] {
    background-color: #fff;
    margin-top: 103px;
}
.login-layout .main .inner-box[data-v-882d498c] {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.login-layout .main .inner-box .left-icon[data-v-882d498c] {
    font-size: 0;
    width: 456px;
    height: 422px;
}
.login-layout .main .inner-box .left-icon .url[data-v-882d498c] {
    width: 100%;
    height: 100%;
}
.login-layout .main .inner-box .login-box[data-v-882d498c] {
    margin-left: 160px;
}
/*
.login-layout .main .inner-box .login-box .title[data-v-882d498c] {
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    margin-bottom: 36px;
}
*/
.login-layout .main .inner-box .login-box .xie-yi[data-v-882d498c] {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666;
}
.login-layout .main .inner-box .login-box .title[data-v-882d498c] {
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000;
    margin-bottom: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.login-layout .main .inner-box .login-box .title .right-title[data-v-882d498c] {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    -ms-flex-item-align: center;
    align-self: center;
}
.login-layout .main .inner-box .login-box .mobile[data-v-882d498c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.login-layout .main .inner-box .login-box .mobile .mobile-icon[data-v-882d498c] {
    width: 52px;
    height: 52px;
    line-height: 52px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dce1e7;
    background-color: #f7f9fc;
    text-align: center;
}
.login-layout .main .inner-box .login-box .mobile .mobile-icon .m-icon[data-v-882d498c] {
    width: 16px;
    height: 20px;vertical-align:inherit
}
.login-layout .main .inner-box .login-box .mobile .m-input[data-v-882d498c] {
    width: 335px;
    height: 52px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dce1e7;
    border-left: none;
}
.login-layout .main .inner-box .login-box .mobile .m-input .input-box-1[data-v-882d498c] {
    width: 100%;
    border: none;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.login-layout .main .inner-box .login-box .mobile .m-input[data-v-882d498c] .el-input__inner {
    border: none;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
}
.login-layout .main .inner-box .login-box .register-box[data-v-882d498c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
}
.login-layout .main .inner-box .login-box .login-btn[data-v-882d498c] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #fff;
    background: #ff0213;
    border-radius: 25px;
    margin-top: 30px;border: 0;display: inline-block;cursor: pointer
}
.login-layout .footer-text[data-v-882d498c] {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #656675;
    padding: 248px 0 22px;
}
.layui-form-checkbox[lay-skin=primary]{
	min-width: 15px;min-height:15px;
}
.layui-form-checkbox[lay-skin=primary] i{
    border-color:#597FC0 !important;
    background-color:#FFF !important;
    color:#597FC0;
    font-weight: bold;
    width: 14px !important;
    height: 14px !important;
    font-size: 12px;
}
.layui-form-checked[lay-skin=primary] i {
    border-color:#597FC0 !important;
    background-color:#597FC0 !important;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color:#597FC0 !important;
    background-color:#597FC0 !important;
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
    color: #597FC0 !important;
}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6 !important;
    background-color: #f7f7f7 !important;
    color: #999 !important;
    cursor: not-allowed;
    opacity: 1;
}

@keyframes move{
	from{ opacity:0;}
	to{ opacity:1;}
}
.fade-in{
	opacity:0;/*makethingsinvisibleuponstart*/
	animation: move 1s forwards;
}

.side{position:fixed;width:88px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #efefef;background:#fff;border-bottom:0}
.side ul li{width:88px;height:88px;float:left;position:relative;border-bottom:1px solid #efefef;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:32px;margin-bottom:1px;display:block;overflow:hidden;margin-top:14px;transition:all .3s}
.side ul li:hover i{color: #fff;}
.side ul li .sidebox{position:absolute;width:88px;height:88px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #efefef;background-size: 100%;}
.side ul li.sideetel .telBox.son{width:200px;display:none;color:#fff;text-align:left;position:absolute;left:-200px;top:-89px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:133px;overflow:hidden;padding-left:22px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px;}
.side ul li.sideetel .telBox dd:nth-of-type(odd){background-color:#e96410}
.side ul li.sideetel .telBox dd:nth-of-type(even){}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{
from{opacity:0}
to{opacity:1}
}