

body {
    margin: 0 auto;
    padding: 0px;
}
/**登陆pc样式**/
.main {
    background-position: center;
    position: relative;
    width: 1024px;
    height: 768px;
    background-image: url(../images/login.png);
    margin: 0 auto;
}

.main_1 {
    position: absolute;
    right: 79px;
    bottom: 22px;
    z-index: 99;
    display: block;
    width: 280px;
    height: 250px;
    text-align: center;
}

.input2 {
    width: 200px;
    height: 22px;
    vertical-align: middle;
    border: 1px solid rgba(135,135,135,0.85);
    border-radius: 6px;
    letter-spacing: 2px;
    font-size: 16px;
    /*background: transparent;*/
}

.btn {
    cursor: pointer;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background: #2784C9;
    border: 1px solid #2784C9;
    border-radius: 6px;
    /*font-weight: 700;*/
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    font-family: "微软雅黑","黑体","宋体";
}

.btnregister {
    cursor: pointer;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background: #F22A28;
    border: 1px solid #F22A28;
    border-radius: 6px;
    /*font-weight: 700;*/
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    font-family: "微软雅黑","黑体","宋体";
}
.main_btn {
    width:135px;
    float:left;
}
.main_btn1 {
      width:135px;
    float:right;
}

.label2 {
    display: inline-block;
    width: 70px;
    text-align: right;
    vertical-align: middle;
    color: #A9A9A9;
}

.zhuyi {
    font-size: 12px;
}



/** 注册页面样式**/
.main_register {
    background-position: center;
    position: relative;
    width: 1024px;
    height: 768px;
    background-image: url(../images/register.png);
    margin: 0 auto;
}

p {
    margin-top: 14px;
    margin-bottom: 7px;
}

.main_1_register {
    position: absolute;
    right: 71px;
    bottom: 134px;
    z-index: 99;
    display: block;
    width: 319px;
    height: 250px;
    text-align: center;
}

.input2_register {
    width: 200px;
    height: 22px;
    vertical-align: middle;
    border: 1px solid rgba(135,135,135,0.85);
    border-radius: 6px;
    letter-spacing: 2px;
    font-size: 16px;
    /*background: transparent;*/
}

.btn_register {
    cursor: pointer;
    width: 263px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background: #F53D30;
    border: 1px solid #F53D30;
    border-radius: 6px;
    /*font-weight: 700;*/
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    font-family: "微软雅黑","黑体","宋体";
}

.label2_register {
    display: inline-block;
    width: 90px;
    text-align: right;
    vertical-align: middle;
    color: #A9A9A9;
}

.main_btn_register {
    cursor: pointer;
   

}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width:767px) {
    body {
        /*margin: 0 auto;
        padding: 0px;
        font-size: 12px;
        width: 100%;
        height: 100%;*/
        max-height: 736px;
    }

    /*登陆手机样式**/
    .main {
          background: url(../images/img_bg2.png) fixed center center no-repeat;
        /*background: url(../images/img_bg2.png);*/
        background-size: cover;
        width: 100%;
        position: relative;
    }


    .main_1 {
           position: absolute;
    left: 18%;
    top: 49%;
    z-index: 99;
    display: block;
    width: 67%;
    height: 20%;
    }

    .btn {
        cursor: pointer;
         width: 100%;
        height: 30px;
        line-height: 30px;
        padding: 0;
        background: #2784C9;
        border: 1px solid #2784C9;
        border-radius: 6px;
        /*font-weight: 700;*/
        color: rgb(255, 255, 255);
        font-size: 16px;
        text-shadow: 0 1px 2px rgba(0,0,0,.1);
        font-family: "微软雅黑","黑体","宋体";
    }

    .btnregister {
        cursor: pointer;
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding: 0;
        background: #F22A28;
        border: 1px solid #F22A28;
        border-radius: 6px;
        /*font-weight: 700;*/
        color: rgb(255, 255, 255);
        font-size: 16px;
        text-shadow: 0 1px 2px rgba(0,0,0,.1);
        font-family: "微软雅黑","黑体","宋体";
    }

    .label2 {
        display: inline-block;
        width: 30%;
        text-align: right;
        vertical-align: middle;
        color: #A9A9A9;
    }

    .input2 {
       width: 60%;
    height: 7%;
    vertical-align: middle;
    border: 1px solid rgba(135,135,135,0.85);
    border-radius: 6px;
    letter-spacing: 2px;
    /* font-size: 8%; */
    /* background: transparent; */
        /*background: transparent;*/
    }

    .main_btn {
    width:45%;
    float:left;
}
.main_btn1 {
      width:45%;
    float:right;
}

    /*注册手机样式*/
    .main_register {
         background: url(../images/register2.png) fixed center center no-repeat;
 

        background-size: cover;
        width: 100%;
        position: relative;
    }

    .main_1_register {
        position: absolute;
        left: 0px;
        top: 37%;
        z-index: 99;
        display: block;
        width: 100%;
        height: 42%;
    }

    .input2_register {
     width: 70%;
    height: 7%;
    vertical-align: middle;
    border: 1px solid rgba(135,135,135,0.85);
    border-radius: 6px;
    letter-spacing: 2px;
    /* font-size: 8%; */
    /* background: transparent; */
        /*background: transparent;*/
    }

    .btn_register {
        cursor: pointer;
        width: 263px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        background: #F53D30;
        border: 1px solid #F53D30;
        border-radius: 6px;
        /*font-weight: 700;*/
        color: rgb(255, 255, 255);
        font-size: 16px;
        text-shadow: 0 1px 2px rgba(0,0,0,.1);
        font-family: "微软雅黑","黑体","宋体";
    }

    .label2_register {
        display: inline-block;
        width: 90px;
        text-align: right;
        vertical-align: middle;
        color: #A9A9A9;
    }

    .main_btn_register {
        cursor: pointer;
    }
}
