body,html{
	height: 100%;
}
body {
	background: #ffffff url(../../images/cityManagement/login_01.gif) repeat-x;
	margin: 0 auto;
	font-size: 14px;
}

.c {
	position: relative;
	margin: 0 auto;
	background: url(../../images/cityManagement/pic_login.jpg) no-repeat;
	width: 100%;
	height: 100%;
}
.c .top_left{
	float: left;
	line-height: 64px;
	margin-left: 75px;
	display: flex;
	align-items: center;
	font-size: 22px;
	color: #191D23;
	font-weight: bold;
}
.top_left .icon-logo{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	background: url(../../images/rmtj/nav/logo.png) no-repeat;
}
.c .top_right {
	display: flex;
	height: 64px;
	line-height: 64px;
	color: #4B4F53;
	position: absolute;
	right: 75px;
	font-weight: normal;
}

.c .top_right a {
	font-size: 12px;
	color: #F5F7ED;
	text-decoration: none;
}

.top_right .scan-code{
	display: none;
	position: absolute;
	top: 66px;
	right: -60px;
	width: 160px;
	height: 350px;
	z-index: 1001;
	background: url(../../rmtj/images/login/scan-code-icon.png) no-repeat center / contain;
}
.top_right .scan-code::before{
	position: absolute;
	top: 179px;
	right: 0;
	content: "";
	z-index: 1002;
	width: 100%;
	border-top: 1px dotted #9BA0AB;
}
.top_right .scan-code .QRcode{
	width: 120px;
	height: 120px;
	margin-top: 25px;
	margin-left: 20px;
	background-color: red;
}
.top_right .scan-code .QRcode img{
	width: 100%;
	height: 100%;
}
.top_right .scan-code p{
	line-height: 28px;
	font-size: 12px;
	text-align: center;
	color: #4B4F53;
}

.c .mid_pic {
	background: url(../../images/qbet/pic_middle.jpg) no-repeat;
	height: 345px;
	width: 956px;
	position: absolute;
	left: 11px;
	top: 132px;
}

.c .pic_form {
	position: absolute;
	top: 20px;
	right: 77px;
}

.c .l_form {}

.c .l_form th {
	color: #768098;
	background: url(../../images/cityManagement/qsh_point_line.gif) repeat-x;
	background-position: 15px 40px;
	height: 50px;
}

.c .l_form td {
	height: 45px;
	color: #5d5e61;
	font-size: 14px;
	text-align: left;
}

.c .l_form .tit {
	padding-left: 20px;
}

.c .l_form input {
	line-height: 45px;
}

.c .l_form .btn_l,
.c .l_form .btn_r {
	background: url(../../images/cityManagement/btn_login.gif) no-repeat;
	width: 100px;
	height: 43px;
	border: none;
	cursor: pointer;
}

.c .l_form .btn_r {
	background: url(../../images/cityManagement/btn_set.gif) no-repeat;
}

.c .l_form p {
	text-align: center;
	color: #DD2713;
	font-size: 12px;
	font-weight: bold;
}

.c .pic {
	position: absolute;
	top: 495px;
	left: 95px;
	width: 870px;
}

.c .pic .pic_l {
	float: left;
	width: 580px;
}

.c .pic .pic_l img {
	margin-right: 15px;
	margin-top: 7px;
}

.c .pic .pic_r {
	float: right;
	margin-right: 15px;
}

.c .pic .pic_r img {
	margin-top: 5px;
}

.c .pic .pic_r p {
	height: 20px;
	font-size: 12px;
	font-weight: normal;
}

.c .pic .pic_two_code {
	float: right;
}

.foot {
	background-color: #47515c;
	height: 30px;
	font-size: 12px;
	color: #e1e4ed;
	font-weight: normal;
	padding-top: 20px;
}

.foot .txt {
	width: 520px;
	margin: 0 auto;
	padding-top: 8px;
	line-height: 15px;
	text-align: center;
}

.junjie {
	height: 400px;
	width: 386px;
	position: absolute;
	right: 15%;
	top: 50%;
	margin-top: -200px;
	background: #fff;
	border-radius: 6px;
	backdrop-filter: blur(21.75px);
	box-shadow: 0px 10px 40px 0px rgba(0,99,191,0.2);
}

.junjie2 {
	width: 590px;
	margin: 0 auto;
	padding-top: 8px;
	line-height: 15px;
	text-align: center;
}

.junjie3 {
	background: url(../../images/rmtj/1/IMAGE.png) no-repeat;
}

.junjie4 {
	width: 100%;
	background: url(../../images/rmtj/2/bg2.png) no-repeat;
	height: 558px;
	height: calc(100% - 128px);
	background-size: cover;
	position: relative;
}

.junjie5 {
	width: 100%;
	height: 64px;
	color: #4B4F53;
	font-size: 12px;
	background-size: cover;
	position: absolute;
	text-align: center;
}

.junjie6 {
	width: 339px;
	background: url(../../images/rmtj/3/shenqing.btn.png) no-repeat center;
	height: 68px;
	background-size: cover;
	margin: 0px 23px;
	position: absolute;
	top: 215px;
	text-decoration: none;
}

.c .top_right a {
	font-size: 16px;
	color: #686565;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.c .top_right a .icon{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 6px;
}
.c .top_right .icon-home{
	background: url(../../rmtj/images/login/home.png)no-repeat center / contain;
}
.c .top_right .icon-user{
	background: url(../../rmtj/images/login/user.png)no-repeat center / contain;
}
.c .top_right .icon-mobile{
	background: url(../../rmtj/images/login/mobile.png)no-repeat center / contain;
}

.loginInput {
	font-size: 14px;
	color: #4B4F53;
	height: 45px;
	right: 13px;
	margin-top: 20px;
	padding: 0 10px;
	outline: none;
	border-radius: 4px;
	text-indent: 30px;
	background: #FAFAFA;
	border: 1px solid #E7EAF0;
	box-shadow: inset 0px 2px 3px 0px #0000000A;
	box-sizing: border-box;
}
.loginInput:focus{
	border-color: #3793F7;
}
.loginInput.user {
	background: #FAFAFA url(../../rmtj/images/login/icons_user.png)no-repeat 10px;
}
.loginInput.password {
	background: #FAFAFA url(../../rmtj/images/login/icons-password.png)no-repeat 10px;
}
.loginInput.security {
	background: #FAFAFA url(../../rmtj/images/login/icons-security.png)no-repeat 10px;
}
.loginBtn {
	width: 100%;
	font-size: 18px;
	border-radius: 4px;
	background: #3793F7;
	color: #fff;
	border: 0;
	cursor: pointer;
	margin-top: 20px;
}
.title-h{
	font-size: 24px;
	color: #4B4F53;
	width: calc(100% - 80px);
	margin: 36px 0 0 40px;
	padding-bottom: 24px;
	box-sizing: border-box;
	border-bottom: 1px solid #E7EAF0;
}

.service-classification{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../../rmtj/images/login/bg3.png)no-repeat center / 100% 100%;
}
.service-classification .slogan{
	width: 11.6rem;
	height: .9rem;
	position: absolute;
	top: 0.4rem;
	left: 50%;
	margin-left: -.2rem;
	transform: translateX(-50%) scale(1.32);
	background: url(../../rmtj/images/login/slogan.png)no-repeat center / contain;
}
.service-classification ul{
	position: absolute;
	top: 50%;
	left: 42%;
	margin: -2.4rem -5.8rem;
	/*transform: translate(-50%, -50%);*/
	/*width: 11.6rem;*/
	width: 14rem;
	height: 5.42rem;
	/*margin-left: -.2rem;*/
}

.classification-list{
	height: 2.55rem;
	width: 2.1rem;
	float: left;
	text-align: center;
	margin-left: .2rem;
	margin-bottom: .2rem;
	border-radius: 4px;
	background: #FFFFFF;
	transition: all .3s; 
}
@media screen and (max-height: 690px){
	.service-classification ul{
		margin: -2.4rem -5.5rem;
	}
	.classification-list{
		height: 2.40rem;
		width: 2.1rem;
		margin-left: 0.1rem;
		margin-bottom: 0.1rem;
	}
}
@media screen and (max-height: 650px){
	.classification-list{
		height: 2.38rem;
		width: 2.08rem;
	}
}

.classification-list > a{
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
}
.classification-list .top-icon{
	width: .64rem;
	height: .64rem;
	margin: .28rem auto .1rem;
}
.classification-list.br .top-icon{
	margin: .32rem auto 0;
}
.classification-list:nth-child(1) .top-icon{
	background: url(../../rmtj/images/login/icon/icon11.png)no-repeat center / contain;
}
.classification-list:nth-child(2) .top-icon{
	background: url(../../rmtj/images/login/icon/icon1.png)no-repeat center / contain;
}
.classification-list:nth-child(3) .top-icon{
	background: url(../../rmtj/images/login/icon/icon2.png)no-repeat center / contain;
}
.classification-list:nth-child(4) .top-icon{
	background: url(../../rmtj/images/login/icon/icon3.png)no-repeat center / contain;
}
.classification-list:nth-child(5) .top-icon{
	background: url(../../rmtj/images/login/icon/icon4.png)no-repeat center / contain;
}
.classification-list:nth-child(6) .top-icon{
	background: url(../../rmtj/images/login/icon/icon5.png)no-repeat center / contain;
}
.classification-list:nth-child(7) .top-icon{
	background: url(../../rmtj/images/login/icon/icon12.png)no-repeat center / contain;
}
.classification-list:nth-child(8) .top-icon{
	background: url(../../rmtj/images/login/icon/icon6.png)no-repeat center / contain;
}
.classification-list:nth-child(9) .top-icon{
	background: url(../../rmtj/images/login/icon/icon7.png)no-repeat center / contain;
}
.classification-list:nth-child(10) .top-icon{
	background: url(../../rmtj/images/login/icon/icon8.png)no-repeat center / contain;
}
.classification-list:nth-child(11) .top-icon{
	background: url(../../rmtj/images/login/icon/icon9.png)no-repeat center / contain;
}
.classification-list:nth-child(12) .top-icon{
	background: url(../../rmtj/images/login/icon/icon10.png)no-repeat center / contain;
}
.classification-list .title{
	font-size: .2rem;
	color: #4B4F53;
	text-align: center;
}
.classification-list .line{
	width: 16px;
	height: 2px;
	background: #E5EBF1;
	margin: .22rem auto;
}
.classification-list.br .line{
	margin: .14rem auto;
}
.classification-list .btn{
	display: inline-block;
	padding: 5px 15px;
	color: #3793F7;
	font-size: .2rem;
	border-radius: 24px;
	box-shadow: 0px 0px 8px 0px rgba(98,160,234,0.36);
	transition: all .5s; 
}
.classification-list:hover{
	transform: translateY(-5px);
}
.classification-list:hover .btn{
	background: #3793F7;
	color: #fff;
}
.service-classification-foot{
	width: 9rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: .22rem;
	overflow: hidden;
}
.calculator,
.legal-inquiry{
	width: 2.6rem;
	height: 0.6rem;
	float: left;
	border-radius: 4px;
	background: rgba(255,255,255,0.2);
	border: 1px solid #FFFFFF;
	font-size: .18rem;
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.legal-inquiry{
	float: right;
}
.calculator .icon,
.legal-inquiry .icon{
	display: inline-block;
	width: .36rem;
	height: .36rem;
	margin-right: 10px;
	background: url(../../rmtj/images/login/calculator.png)no-repeat center / contain;
}
.legal-inquiry .icon{
	background: url(../../rmtj/images/login/legal.png)no-repeat center / contain;
}
.calculator:hover,
.legal-inquiry:hover{
	background: rgba(255,255,255,0.4);
}