/*  ----------  ---------- */
*, *::before, *::after {
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
}

a {
	text-decoration: none;
}
a:hover {

	text-decoration: none;
	transition: all .25s;
}


.no-gutters {
	margin-right: 0;
	margin-left: 0;
}


html, body {
    width: 100%;
    height: 100%;
}
body {
    background: url(../img/bg.png) 100% 100%;
    background-size: cover;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 13px;
}

.jclogin_box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

.jclogin_rbg {
    height: auto;
    width: 22%;
    height: 57vh;
    background: #fff;
    position: fixed;
    right: 12%;
    top: 28%;
    box-shadow: 0 1px 8px 0px rgb(115 108 203 / 23%);
    border-radius: 8px;
    padding-top: 0;
}
.wechat_icon{ width:100px; height:100px; position:absolute; right:0;top:0; cursor:pointer}
.code_wrap{position:absolute; right:10%;top:20%;}
.aui-chang-list { 
	width: 90%;
	margin: 30px auto; 
	text-align: left; 
}
.aui-user-text h1 {
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
    padding-left: 1rem;
    z-index: 2;
    margin-bottom: 0;
}
.aui-user-text h1 span{ padding:5px;}
.aui-chang-list form{padding: 0 15px;}
.aui-flex-box {
	flex: 1;
	min-width: 0; 
	font-size: 14px;
	color: #333;
}
.aui-flex-c {
    display: flex;
    flex: 1;
    padding: 0;
    margin: 0.85rem 0;
    justify-content: space-between;
}

.aui-flex {
    display: flex;
    align-items: center;
    padding: .2rem;
    border-radius: 6px;
    margin: 1rem 0;
    position: relative;
    line-height: 40px;
    border: 1px solid #d9dde0;
}
.aui-flex2 {
	display: flex;
	align-items: center;
 padding: .6rem;
	border-radius: 6px;
	margin: 1rem;
	position: relative;
	background: none
}
.aui-xt {
    text-align: center;
    margin-bottom: -30px;
    margin-top:10px;
}
.aui-xt a {
    color: #666;
    text-decoration: underline;
}
.aui-flex2 .aui-form-item {
	line-height: 25px;
	width: auto !important;
	margin-right: 2px
}
.aui-form-item img {
	margin: 5px ; width:18px ;
}
.text-rihgt {
	text-align: right
}
.aui-chang-list .logo{width: 100%;  text-align: center;}
.aui-chang-list .logo img{width: 90%;}
.aui-palace-top {
	margin-top: 6rem !important;
	padding-bottom: 1rem;
}
.aui-flex-box input {
    width: 100%;
    height: auto;
    outline: medium;
    padding: 6px;
    background: none;
    color: #646464;
    border-radius: 3px;
    border: none;
    font-weight: bold;
    font-size: 1rem;
}
.aui-flex-box input::-webkit-input-placeholder{
    color: #646464;
}
.aui-flex-box input:-moz-placeholder{
    color: #646464;
}
.aui-flex-box input::-moz-placeholder{
    color: #646464;
}
.aui-flex-box input:-ms-input-placeholder{
    color: #646464;
}
.aui-psd a {
	color: #646464;
	font-size: 0.85rem;
}
.checkbox{ color:#646464}
.aui-flex-box a{ color:#646464}
.aui-form-button {
    padding: .5rem 0 0.5rem 0;
    margin-top: 0rem;
}
    .aui-form-button button {
        outline: medium;
        background: linear-gradient(to right, #5fa7ff 0%, #2d7cff 100%);
        width: 100%;
        margin: 0 auto;
        display: block;
        letter-spacing: 3px;
        padding: 10px 0;
        border-radius: 3px;
        border: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        transition: all .3s ease-out;
    }
    .aui-form-button button:hover {
        background: linear-gradient(to right, #0652c4 0%, #37b1e3 100%);
        box-shadow: 0 2px 5px 10px rgba(177, 221, 254, 0.225);
    }
.aui-jop-top-box {
    margin-top: 10%;
}


.p_right {
	position: absolute;
	right: 0;
	top: 0
}
.jclogin_title {
    color: #333;
    text-align: left;
    position: fixed;
    top: 3%;
    left: 5%;
    font-weight: bold;
    font-size: 2.1rem;
}
.jclogin_title p{letter-spacing: 0px;}
/*.jclogin_title img{ width:720px; margin-top: 5px;}*/
.jclogin_title .tnav{ display: flex; margin-left: 5%; margin-top: 2%;}
    .jclogin_title .tnav li {
        width: 200px;
        float: left;
        align-items: center;
        padding: 5px 10px;
        height: 56px;
        border-radius: 5px;
        background-size: 100% 100%;
        margin-right: 10px;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
.jclogin_title .tnav li img{width: 30px; margin-top: 0; margin-right: 6px;}
.jclogin_title .tnav li h2{font-size: 16px; margin: 0;color: #fcfc00;}
.jclogin_title .tnav li h2 font{font-size: 14px; margin-left: 3px; font-weight: normal;}
.jclogin_title .tnav li.bg1{background: url(../img/topbg1.png);}
.jclogin_title .tnav li.bg2{background: url(../img/topbg2.png);}
.jclogin_title .tnav li.bg3{background: url(../img/topbg3.png);}
.tnav_text{font-size: 15px; display: flex; align-items: center; color: #fff;}
.aui-tab-footer p{color: #333;}
.aui-tab-footer a{color: #333;}
.codebox{ text-align: center;}
.codebox img{ margin: 0 auto; width: 80%; padding: 30px;}

.p_text{ text-align: center;}
.p_text span{ margin: 5px;}
.p_text span a{color: #33a0ea;}

.login_img{ position:fixed; left:9%; top:8%; width:760px}
.jclogin-font {
    color: #333;
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-weight: normal;
}
	.jclogin-font ul {display: flex;justify-content: center;}
	.jclogin-font ul li{font-size: 12px; display: flex; align-items: center; margin: 0 5px;}
	.jclogin-font ul li img{width: 16px; margin:0 3px;}
	.aui-register{display: flex; clear: both; justify-content: space-between;  padding-top: 10px;}
	.aui-register	a{ color: #646464; text-decoration: underline;}
	.aui-remember .logdv2{display: flex; align-items: center;}
	.qrcode-desc{ padding-left: 20%;}
	.aui-remember .checkbox{border: 1px solid #ddd;}
	.qrcode-desc p{margin: 0 ; padding: 0;}
.aui-user-img{ height:96px; width:157px; margin:0 auto; float:left; background:url(../img/02.png )100%; position:relative; top:-25px; right:8px; text-align:center}
#xuanzhun{ margin-top:15px;
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

#imgCode{ width:100%; height:100%; border:2px solid #f2f2f2; border-radius:3px}
.bnt_info { 
 width:100px;  position: absolute; right: 1px; top:1px
}
.jclogin_img img{ width:100%}
.jclogin_title{color: #333;}
.jclogin_title p{color: #fff; font-size: 16px; margin: 0; margin-top: .5rem; font-weight:normal;}
#qrcode {
    display: inline-block;
    float: right;
    width:60px;
    height: 60px;
    background: url("../img/01.png") no-repeat ;
    background-size: cover;
    position: absolute;
    top: 10px;
    right: 10px;
}

#qrcode a:hover {
    background: url("../img/01.png") no-repeat ;
    background-size: cover;
}
.saoma {
    display: none; text-align:center
}

.saoma .screen-tu {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    background: url("../img/pc1.png") no-repeat;
    background-size: cover;
}

.saoma .screen-tu:hover {
    background: url("../img/pc1.png") no-repeat;
    background-size: cover;
}
.aui-flex:hover{
	outline:none;
	border: 1px solid #28c0ec;
	} 
.aui-flex:active {
	outline:none;
	border: 1px solid #28c0ec;
	} 
@media only screen and (min-width: 1800px) and (max-width: 3000px) {

}


.jclogin_title .logo {
    display: flex;
    align-items: center;
    letter-spacing: 1px;
}

    .jclogin_title .logo img {
        width: 50px;
        height: 50px;
        margin-right: 6px;
    }

.jclogin_title h2 {
    margin: 0;
    font-size: 2.5rem;
    color:#004ea2;
    font-family:"΢ÈíÑźÚ";
}

.aui-form-button1 button {
    outline: medium;
    background: linear-gradient(to right,#f7815d 0%,#f94106 100%);
    width: 100%;
    margin: 0 auto;
    display: block;
    letter-spacing: 3px;
    padding: 10px 0;
    border-radius: 3px;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: all .3s ease-out;
}