/* 初始化 */
/* @import "ie-css.css";  */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    overflow-x:hidden;
    min-width: 900px;
}
/* 版心 */
 /*去除谷歌输入背景颜色*/
input:-webkit-autofill
{
-webkit-box-shadow: 0 0 0 1000px white inset;   
}
.w {
    width: 100%;
    margin: 0 auto;
}
.helpCenter{padding-left: 30px;padding-right: 30px;}
ul,
li,
i {
    list-style: none;
}
i {
    font-style:normal
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
input {
    border: none;
    outline: medium;
}
.clearfix {
    *zoom: 1;
}
a {
    text-decoration: none;
    color: #333;
}

img {
    border-style: none;
}
/* 暗文颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999999;
}
/* 通栏目 */

#topBar {

    height: 100px;
    padding: 30px;
}

#topBar .logo {
    width: 90px;
    /*height: 51px;*/
}

#topBar .logo img {
    display: inline-block;
    height: 100%;
    width: 100%;
}

#topBar .helpCenter a {
    font-size: 24px;
    display: inline-block;
    float: right;
    color: #333;
    margin-left: 40px;
    font-weight: bold;
    margin-top: 16px;
    font-family: SimSun;
}

/* 登录 */

#middle {
    height: 500px;
    position: relative;
}

/* 背景图 */

#middle .background {
    height: 500px;
    display: inline-block;
    position: absolute;
    width: 100%;
    background-attachment: scroll;
    
}

 #login {
    width: 380px;
    height: 353px;
    background-color: #fff;
    padding: 0 35px;
    border-radius: 5px;
    top: 50px;
    position: absolute;
    border: 2px solid #353132;
    border-radius: 16px;
}

#middle #login .loginMode {
    font-size: 22px;
    font-weight: 700;
    margin-top: 35px;
    height:26px;
}

#middle #login .loginMode .operate {
    width: 51%;
    
    display: inline-block;
    padding-bottom: 7px;     
    text-align: center;
    color: #362E2B;
    float:left;
}

.actioveper {
    border-bottom: 2px solid #f44336  ;
}

#middle #login .loginMode .property {
    width: 49%;
    float:left; 
    display: inline-block;
    padding-bottom: 7px;
    text-align: center;
    color: #362E2B;
}

#middle .fill_in {
    margin-top: 30px;
}
#middle .fill_in div {
    background-color: #fff ;
    
}

#middle .fill_in div {
    width: 100%;
    height: 41px;
    border-bottom: 2px solid #1F7CC2;
}
#middle #login .fill_in .park_ImgI .park_ImgOne{
    width: 100%;
    height: 100%;
}
#middle .fill_in div input{
    width: 88%;
    height:100%;
    float:right;
    line-height:38px;
    display: inline-block;
    font-weight: 700;
}


#middle #login .fill_in div .park_ImgI {
    float: left;
    padding-top: 8px;
    width: 30px;
    padding-left: 5px;
}

#middle #login .ForgetPassword {
    font-size: 15px;
    color: #3C3231;
    margin-top: 11px;
    font-weight: 600;
}
 
#middle #login .ForgetPassword .Forget {
    float: right;
    font-size: 15px;
    
}
#middle #login .ForgetPassword .Forget:hover {
  color:Red;
  border-bottom:1px solid red;
}
/* 复选框 */

#middle #login .ForgetPassword input[type="checkbox"] {
 width: 17px;
 height: 17px;
}

#middle #login .onLogin .immediatelyLogin {
    /* display: block; */
    background-color: #1F7CC2;
    color: #f2f4f9;
    width: 92px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
    margin-top: 30px;
    font-size:16px;
    cursor:pointer;
    font-weight: bold;
}


.ForgetPassword input {
    top: 3px;
    display: inline-block;
    position: relative;
}

.ForgetPassword p {
    display: inline-block;
  
    margin-top: 3px;
}

.ForgetPassword .Forget {
    margin-top: 4px;
}

#manlogin .register {
    font-size: 18px;
    display: inline-block;
}
#manlogin .register p {
    display: inline-block;
    margin-left: 65px;
    margin-top: 25px;
}
#manlogin .register a {
    color: #126953;
    display: inline-block;
    margin-left: 10px;
    border-bottom: 1px solid #126953;
    
}
#manlogin .register a:hover{
    color:Red;
    border-bottom: 1px solid red;
}
/* 二维码 */
#loginRight {
   position: absolute; 
}
#middle .QRcode img {   
    position: absolute;
    margin-left: 604px;
    margin-top: 194px;
}

#middle .title {
    position: absolute;
    
    margin-top: 50px;
    display: block; 
    width: 550px;
    
}

#middle .title .Unmanned {
    position: absolute;
    width: 100%;
    font-size: 56px;
    color: #f2f4f9;
    margin-left: 441px;
    display: block;
}

#middle .title .Quick {
    position: absolute;  
    font-size: 41px;
    color: #f2f4f9;
    margin-top: 70px;
    
    margin-left: 501px; 
    display: block;
    width: 100%;
    
}

#middle .scavengingMachine {
    width: 40px;
    height: 243px;
    position: absolute;
    margin-left: 887px;
  margin-top: 184px;

}
#middle .FuPaymentTex {
    position: absolute;
    width: 180px;
}
#middle .PaymentTex {
    font-size: 30px;
    width: 100%;
    position: absolute;  
    color: #f2f4f9;
    font-weight: 600;
    margin-left: 606px;
    margin-top: 350px;
    
}

#middle .phoneMap {
    width: 154px;
    height: 154px;
    position: absolute;                                                                                             
    margin-left: 397px;
    margin-top: 330px;
}

/* 平台用户 */

 /*  */
#BottomContent  {
    background-color: #fff;  
    padding: 10px 25px 10px 90px;
    margin-top: 15px;
    width: 1200px;
    margin: 0 auto;
}
 
#BottomContent .platform {
    height: 82px;
    font-size: 30px;
    width: 100%; 
   color: #3399fe;
}
 
#BottomContent div {
margin-top: 10px;
margin-bottom: 20px;
 padding: 0 10px 0 0;
}
#BottomContent .platform .line1{
 border-bottom: 5px solid #000;
 width: 120px;
 margin: 0 auto;
 margin-top: 4px;
 
}
#BottomContent .platform .platformUser{
 border-bottom: 2px solid #000;
 width: 120px;
 padding: 0 0 10px 0;
 margin: 0 auto;
}
 
#BottomContent .BottomLink div li{
color: #393431;
 font-size: 22px;
}
#BottomContent .BottomLink div .leftImg{
width: 147px;
height: 110px;
 text-align: center;
 

}
 
#BottomContent .BottomLink div .rightText,
#BottomContent .BottomLink div .rightText1,
#BottomContent .BottomLink div .rightText2,
#BottomContent .BottomLink div .rightText3
{
 position: relative;
}
#BottomContent .BottomLink div .rightText i,
#BottomContent .BottomLink div .rightText1 i,

#BottomContent .BottomLink div .rightText3 i
{
 margin-left: 0px;
 position: relative;
 border-bottom: 1px solid #393431;
}
#BottomContent .BottomLink div .rightText2 i{
    margin-left: 0px;
    position: relative;
    border-bottom: 1px solid #393431;
}
#BottomContent .BottomLink div p{
color: #3399fe;
font-size: 22px;
font-weight: 700;
 
}

 
/* 合作平台 */
#form {
    text-align: center;
    margin-top: 25px;
    padding-bottom:15px;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
#form .partnerClient .partner i,.client i {
    height: 50px;
    background-color: #3399fe;
    width: 174px;
    color: white;
    display: inline-block;
    float: left;
    border-radius: 5px;
    line-height: 50px   
}
#form .partnerClient .partner,.client{
  text-align: center;
  display: inline-block;
}
#form .partnerClient .partner img,.client img {
    float: left;
    width: 150px;
    height: 50px;
    margin-left: 13px;
}


#form p {
    margin-top: 20px;
    font-size: 14px;
    color: #808885;
    display: inline-block;
    margin-left: 30px;
}
/*
.business{ text-align:center;}
.yardProperty{ text-align:center;}
.Discount{ text-align:center;}
*/
.l_channel{background-repeat: no-repeat;padding: 0px 0px 4px 42px;background-size: 35px;background-position: 0px center;background-image: url(/assets/pc/img/new/l_channel.png);}
.l_merchant{background-repeat: no-repeat;padding: 0px 0px 4px 42px;background-size: 35px;background-position: 0px center;background-image: url(/assets/pc/img/new/l_merchant.png);}
.l_shop{background-repeat: no-repeat;padding: 0px 0px 4px 42px;background-size: 35px;background-position: 0px center;background-image: url(/assets/pc/img/new/l_shop.png);}

body { margin: 0; }
        .dvmain { width: 100%; height: 100%; position: absolute; background-size: 100% 100%; }
        .mtop { position: absolute; top: 20px; right: 8%; }
        .mtop a { color: #fff; text-decoration: none; margin: 8px; }
        .mtop a:hover { text-decoration: underline; }
        .logoimg { position: absolute; top: 6%; left: 6%; }
        .mleft { position: absolute; top: 36%; left: 20%; }
        .manlogin { position: absolute; top: 30%; left: 64%; }
        .login { width: 330px; height: 330px; background-color: #fff; border-radius: 10px; }
        .dvlogo { display: inline-block; }
        .dvlogo span { height: 65px; line-height: 65px; display: inline-block; float: left; color: #fff; font-size: 34px; }
        .loginMode { height: 32px; line-height: 32px; text-align: center; }
        .loginMode span { margin: 0 32px; padding: 4px; color: #000; font-size: 20px; cursor: default; }
        .loginMode span:hover { border-bottom: 4px solid #ff0000; }
        .loginMode .actioveper { border-bottom: 4px solid #ff0000; font-size: 22px; }
        .fill_in { margin-top: 10px; display: inline-block; width: 100%; }
        .fill_in span { width: 98px; height: 34px; line-height: 34px; margin: 6px 0 6px 6px; border-top: 1px solid #ccc; border-right: 0px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; display: none; text-align: justify; text-align-last: justify; border-radius: 5px 0px 0px 5px; padding-left: 6px; margin-left: 20px; float: left; }
        .fill_in input { width: 84%; height: 32px; line-height: 32px; margin: 6px 6px 6px 6px; padding-left: 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; outline: none; border-radius: 5px 5px 5px 5px; margin-left: 20px; }
        .chechang2 { background-image: url(/assets/pc/img/login/p2.png); background-repeat: no-repeat; background-position: 6px center; }
        .shouji { background-image: url(/assets/pc/img/login/p2.png); background-repeat: no-repeat; background-position: 6px center; }
        .password { background-image: url(/assets/pc/img/login/p3.png); background-repeat: no-repeat; background-position: 6px center; }
        .ForgetPassword { width: 85%; color: #000; display: inline-block; margin-top: 8px; }
        .onLogin { margin: 10px 2px 2px; }
        .immediatelyLogin { margin-left: 20px; color: #fff; width: 88%; height: 38px; background-color: #015f95; border: none; border-radius: 5px; font-size: 18px; }
        .foot { position: absolute; width: 100%; bottom: 2%; text-align: center; }
        .foot p { margin-top: 20px; font-size: 14px; color: #808885; display: inline-block; margin-left: 30px; }
        @media (max-width:900px) {
            .mleft { display: inline-block; }
            .manlogin { left: 60%; }
        }
        @media (max-width:800px) {
            .mtop { left: 66%; }
            .mleft { display: none; }
            .manlogin { top: 12%; left: 10%; }
        }