html{height: 100%; }
body{
background-color:#ecf0f3;
}
.wrap{
width: 100%;
height: 19rem;
background: url(../images/loginbg.png) no-repeat center center;
background-size: 100% auto;
}
.loginWrap {
width: 90%;
margin: 0 auto;
height: auto;
background-color: #fff;
border-radius: 0.2rem;
position: relative;
top: 40%;
box-shadow: 0.02rem 0.02rem 0.25rem #bedce3;
}
.loginWrap .tit{
font-size: 1.1rem;
color: #ffa800;
text-align: center;
padding: 0.6rem 0 0;
margin: 0 !important;
}
.loginbox-tit{
width: 80%;
padding-left: 0;
margin-top:0.8rem;
margin-bottom: 0.8rem;
}
.loginbox-tit li{
float: left;
width: 4rem;
text-align: center;
font-size: 1.1rem;
color: #ffa800;
padding: 0;
}
.loginbox-tit li:first-child:after{
content: "";
width: 1px;
height: 20px;
background-color: #e2e2e2;
display: inline-block;
position: relative;
left: 86%;
top: 0.15rem;
}
.loginWrap .loginbox{
margin: 0 1rem;
height: auto;
}
.loginbox-tit li.cur{
border-bottom: 0.2rem solid #ffa800;
cursor: pointer;
}
div.am-form-group .iptTel .telipt1,
div.am-form-group .iptTel .yztelipt1
{
font-size: 0.82rem;
height: 1.9rem;
line-height: 1.9rem;
width: 100%;
background-color: #f6f6f6;
border: 1px solid #ccc;
border-radius: 0.2rem;
padding-left: 2.6rem;
padding-right: 0.4rem;
position: absolute;
top: 0;
left: 0;
}
div.am-form-group .iptTel .yztelipt1{
width: 70% !important;
}
#doc-ipt-yzm{
font-size: 0.9rem;
height: 1.9rem;
line-height: 1.9rem;
width: 70%;
background-color: #f6f6f6;
border-radius: 0.2rem;
padding-left: 2.6rem;
padding-right: 0.1rem;
position: absolute;
top: 0;
left: 0;
border: 1px solid #ccc;
}
.yzm .yzmbox{
width: 4.6rem;
height: 1.9rem;
border: solid 1px #ffa800;
text-align: center;
line-height: 1.8rem;
font-size: 0.8rem;
position: absolute;
right: 0;
border-radius: 0.2rem;
color: #ffa800;
cursor: pointer;
}
.yzm .yzmbox:active{
opacity: 0.8;
}
.iptTel{
position: relative;
height: 2rem;
margin-bottom: 0.8rem;
}
.iptTel .ipticon,
.iptpass .ipticon
{
width: 1.8rem;
height: 1.1rem;
display: inline-block;
background: url(../images/ipticon_03.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
left: 0.5rem;
top: 0.36rem;
z-index: 100;
}
.iptpass .ipticon{
background: url("../images/ipticon_06.png") no-repeat center center;
background-size: 100% 100%;
width: 2rem;
height: 1.3rem;
top: 0.28rem;
}
.yzm .ipticon{
background: url("../images/ipticon_08.png") no-repeat center center;
background-size: 100% 100%;
width: 2rem;
height: 1.3rem;
top: 0.26rem;
}
.btn{
width: 100%;
height: 2.2rem;
line-height: 2.2rem;
text-align: center;
font-size: 1rem;
color: #fff;
background-color: #ffa800;
border-radius: 0.2rem;
cursor: pointer;
box-shadow: 0 0.03rem 0.14rem #e59f18;
margin: 6% auto;
}
.btn:hover{
opacity: 0.8;
}
.am-form-group{
margin-bottom: 0.1rem;
padding: 0.6rem 0;
}
.wxbtn a{
color: #fff;
}
.tips{
width: 80%;
margin: 0 auto;
display: none;
}
.tips p{
padding: 0.12rem;
background-color: #000;
opacity: 0.5;
font-size: 0.37rem;
text-align: center;
color: #fff;
border-radius: 0.1rem;
margin: 0;
}
#loginbtn{
margin-top: 1.4rem;
position: relative;
}
.forgetPass{
font-size: 0.82rem;
color: #727272;
position: absolute;
bottom: -9%;
right: 0;
}
/*头部顶部*/
.am-header {
height: 2.6rem;
line-height: 2.6rem;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100%;
}
.am-header-default {
background-color: #ffa24b;
}
.am-icon-angle-left:before {
color: #fff;
display: block;
z-index: 999;
position: relative;
height: 2.6rem;
line-height: 2.6rem;
}
.coop {
position: absolute;
top: 0.06rem;
color: #fff;
font-size: 0.9rem;
font-weight: 500;
text-align: center;
width: 11.6rem;
}
.am-menu-offcanvas1 .am-menu-toggle {
top: 0;
position: absolute;
right: 0.4rem;
display: block;
width: 1.6rem;
height: 2.6rem;
line-height: 2.6rem;
text-align: center;
color: #3e3e3e;
}
.am-menu .am-menu-toggle-icon {
color: #fff;
}
.titwrap{
width: 100%;
height: 13%;
}
.title{
width: 100%;
height: 2.23rem;
background: url("../images/secondnav.png") no-repeat center center;
background-size: 100% 100%;
}
.contwrap{
width: 100%;
height: 88%;
}
.centerbg{
width: 23.86rem;
height: 12.31rem;
background: url("../images/centerbg.png") no-repeat center bottom;
background-size: 100% 100%;
position: absolute;
left: 50%;
margin-left: -11.93rem;
margin-top: 1.26rem;
z-index: 99;
}
.leftBox{
width: 7.97rem;
height: 10.94rem;
position: absolute;
left: -0.2rem;
top: 0.22rem;
z-index: 100;
}
.leftBox .menu{
width: 6.36rem;
height:1.34rem;
line-height: 1.34rem;
padding-left: 1.1rem;
color: #fff;
font-size:0.4rem;
background: url("../images/menubg.png") no-repeat center center;
background-size: 100% auto;
cursor: pointer;
}
.leftBox .menu1{
position: absolute;
top:0;
right: 0;
}
.leftBox .menu2{
position: absolute;
left: -0.1rem;
top:2.4rem
}
.leftBox .menu3{
position: absolute;
top: 4.82rem;
left: -0.62rem;
}
.leftBox .menu4{
position: absolute;
left: -0.16rem;
top: 7.22rem;
}
.leftBox .menu5{
position: absolute;
left: 1.6rem;
top: 9.64rem;
}
.contwrap .rightBox{
width: 7.81rem;
height: 10.94rem;
position: absolute;
right: -0.38rem;;
top: 0.22rem;
z-index: 100;
}
.rightBox .menu{
width: 6.36rem;
height:1.34rem;
line-height: 1.34rem;
color: #fff;
font-size:0.4rem;
background: url("../images/righthover.png") no-repeat center center;
background-size: 100% auto;
cursor: pointer;
text-align: right;
}
.menu a{
color: #fff;
}
.menu:hover a{
color: #f7b43e;
display: block;
}
.rightBox .menu1{
position: absolute;
left: 0;
top: -0.032rem;
padding-right: 0.8rem;
}
.rightBox .menu2{
position: absolute;
top: 3.2rem;
left: 2.05rem;
padding-right: 0.8rem;
}
.rightBox .menu3{
position: absolute;
top:6.39rem;
left: 2.05rem;
padding-right: 0.8rem;
}
.rightBox .menu4{
left: 0;
position: absolute;
top:9.64rem;
padding-right: 0.8rem;
}
.leftBox .menu:hover{
background: url("../images/hoverbg.png") no-repeat center center;
background-size: 100% auto;
color: #f7b43e;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.rightBox .menu:hover {
background: url("../images/rightmenu.png") no-repeat center center;
background-size: 100% auto;
color: #f7b43e;
display: block;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
/*头部顶部*/
.am-header {
height: 2.6rem;
line-height: 2.6rem;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100%;
}
.am-header-default {
background-color: #ffa24b;
}
.am-icon-angle-left:before {
color: #fff;
display: block;
z-index: 999;
position: relative;
height: 2.6rem;
line-height: 2.6rem;
}
.am-ellipsis, .am-text-truncate {
word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
margin: 0;
position: absolute;
top: 0;
text-align: center;
font-size: 0.9rem;
color: #fff;
}
.am-menu-offcanvas1 .am-menu-toggle {
top: 0;
position: absolute;
right: 0.4rem;
display: block;
width: 1.6rem;
height: 2.6rem;
line-height: 2.6rem;
text-align: center;
color: #3e3e3e;
}
.am-menu .am-menu-toggle-icon {
color: #fff;
}
#tips {
width: 80%;
z-index: 10001;
position: fixed;
top: 50%;
left: 50%;
margin-top: -60px;
margin-left: -40%;
}
.tips-item {
height: auto;
padding: 0.2rem 0;
background-color: rgba(51,51,51,.8);
z-index: 10002;
color: #fff;
display: block;
position: relative;
border-radius: 5px;
}
.tips-img {
width: 1.2rem;
height: 1.2rem;
margin-left: 0.6rem;
margin-right: 0.4rem;
float: left;
margin-top: 0.04rem;
background: url(../images/notice.png) no-repeat center center;
background-size: 100% 100%;
position: relative;
top: 0.08rem;
}
.tips-item p {
margin: 0;
z-index: 10002;
padding: 0;
font-size: 0.86rem;
}
.loginbox-tit li a{
color: #ffa800;
display: inline-block;
}
p.agreefont{
font-size: 13px;
text-align: left;
line-height: 20px;
}
.readagree{
font-size: 0.8rem;
position: relative;
top: 0.15rem;
}
.readagreemenBox .am-modal-dialog{
width: 100%;
position: fixed;
right: 0;
top: 0;
left: 0;
}
.readagreemenBox .choosetit{
font-size:24px
}