@media screen and (max-device-width: 480px) {
    @charset "utf-8";
    body{ font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
    body,ul,li,input,dl,dd,dt,h2{margin:0; padding:0;}
    dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
    h1,h2,h3,h4,h5,h6{font-weight:normal}
    ul{list-style:none}
    legend{display:none}
    fieldset,img{border:none;vertical-align:middle}
    em,cite,i{font-style:normal}
    input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
    input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
    select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
    textarea{resize:none}
    ul,li{list-style-type:none;}
    .y{float:right;}
    .cl{clear:both;padding-bottom: 20px;}
    html{height:100%;-webkit-text-size-adjust:none}
    body{font:24px/36px Arial;position:relative;word-break:break-all;background:#fff;overflow-x:hidden;}
    .login{margin-top: 120px;padding: 0px 75px; }
    .login_box{}
    .select_way a{float:left;height:60px;line-height:60px;font-size:48px;text-align:center;position:relative;cursor: pointer;width: 40%;}
    .select_way:first-child a{width: 60%;}
    .select_way a:after{position:absolute;left:0;top:0;bottom:0;width:2px;height:52px;margin:auto;content:"";background:#e5e5e5}
    .select_way:first-child a:after{background: none;}
    .fc{color:#fc4c02;}
    .c75{color:#757575; }
    /*.abs{position: absolute;font-size: 40px;color: #fc0202;}*/
    .wrong{font-size: 38px;color: #fc0202;margin-top: 30px;height: 0;}
    .form_content{margin-top: 80px;position: relative;}
    .container li{height: 140px;border:2px #e2e2e2 solid;border-bottom:none;}
    .container li input{width:95%;font-size: 46px;margin-top: 37px;margin-left: 20px;background: none;}
    .container li:first-child{border-top-left-radius: 24px;border-top-right-radius: 24px;}
    .container li:last-child{border-bottom: 2px solid #e2e2e2;border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;}
    .submit{display:block;width:100%;height:126px;margin-top:65px;vertical-align:middle;background:#eb3300;font-size:48px;color:#fff;border-radius:5px;background-clip:border-box;}
    .vail{position: relative;font-size: 44px;float: right;width: 40%;text-align: center;color: #fc4c02;margin-top: -94px; height:100%; background:transparent}
    .validate button:after{position:absolute;left:0;top:0;bottom:0;width:2px;height:52px;margin:auto;content:"";background:#e5e5e5}
    .img img{position: relative;top: -89px;  left: 380px;z-index: 100;height: 120px;padding-left: 100px;}
    .none{display: none;}
    .y a{padding-top: 60px;font-size: 40px;color:#fc4c02;display: inline-block;text-decoration: none;}
    .x{text-align: center;margin-top: 50px;}
    .x span{display: block;position: relative;font-size: 36px;color: #a3a3a3;margin-bottom: 20px;}
    .x span:before{position:absolute;left:160px;top:2px;bottom:0;width:116px;height:1px;margin:auto;content:"";background-color: #a3a3a3;}
    .x span:after{position:absolute;right:160px;top:2px;bottom:0;width:116px;height:1px;margin:auto;content:"";background-color: #a3a3a3;}
    .x a{background:url("../img/img1.png") no-repeat;width: 134px;height: 118px;display: inline-block;margin: 10px;}
    .x a.qq{background-position:-134px 0px;}
    .x a.wb{background-position:0px 0px;}
    .x a.wx{background-position:-270px top;}

}

@media screen and (min-device-width: 481px)  {
    @charset "utf-8";
    body{ font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
    body,ul,li,input,dl,dd,dt,h2{margin:0; padding:0;}
    .wraper{width:1000px;}
    .ma{margin:0 auto;}
    ul,li{list-style-type:none;}
    .x{display: inline-block;}
    .three-login{ display: block; width: 274px; margin:20px auto 0; height: 40px; }
    .y{float:right;}
    .cl{clear:both;}
    .main{width: 100%;margin-top: 70px;}
    /*.login{height:503px; position:relative; }*/
    /*.login_box{width:340px; height:404px; background:rgba(255,255,255,.9); position:relative; margin: auto;}*/
    .login{height:503px; position:relative; }
    .login_box{width:340px; background:rgba(255,255,255,.9); position:relative; margin: auto;}
    .select_way{float: left;width: 168px;text-align: center;height: 40px;line-height: 40px;color: #fc4c02;}
    .select_way a{cursor: pointer;display: inline-block; width: 100%;}
    .unSelected{background-color: rgba(233,233,233,0.9);color:#7d7d7d; }
    .tl{border-left: 1px solid #fdd4c2;border-top: 1px solid #fdd4c2;
        border-bottom: 1px solid rgba(255,255,255,0);border-right: 1px solid rgba(255,255,255,0);  }
    .lb{border-left: 1px solid #fdd4c2;border-bottom: 1px solid #fdd4c2;
        border-top: 1px solid rgba(233,233,233,0.9);border-right: 1px solid rgba(233,233,233,0.9);}
    .br{border-bottom: 1px solid #fdd4c2;border-right: 1px solid #fdd4c2;
        border-top:1px solid rgba(233,233,233,0.9);border-left: 1px solid rgba(233,233,233,0.9); }
    .tr{border-right: 1px solid #fdd4c2;border-top: 1px solid #fdd4c2;
        border-bottom:1px solid rgba(255,255,255,0);border-left: 1px solid rgba(255,255,255,0); }

    /*.abs{width: 274px;margin: auto;position: absolute; top: 50px;left: 32px;font-size: 12px;color: #fc0202;*/
        /*margin-bottom: 5px;background: url(../img/wr.png) no-repeat;text-indent: 20px;}*/

    .wrong{width: 274px;margin: auto;font-size: 12px;color: #fc0202;
        background: url(../img/warn.png) no-repeat;text-indent: 20px;}

    .form_content{padding-top: 15px;
        border-left:1px solid #fdd4c2;border-right:1px solid #fdd4c2;
        border-bottom: 1px solid #fdd4c2;}
    .login .container{width:274px; margin:auto;padding-top:17px;}
    .login .container li{margin-bottom: 10px;}
    .login .container li input{width:100%; text-indent:10px; border:1px solid #b5b5b5; height:40px; font-size:13px; outline:none; line-height: normal; line-height: 40px\9;}
    .login .container li input:focus{border-color:#fc4c02;}
    .login .container input.submit:focus{background: #de4200;}
    .login .container li.ver{position:relative;}
    li.ver .img,li.ver .img img{width:80px; height:40px;}
    li.ver .img{position:absolute; top:1px; right:1px;}
    li.ver .img img{background:#eee;}
    .submit,.login .container li.sub input{width:100%; background:#fc4c02; border:none; height:42px; font-size:16px; color:#fff;
        border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor: pointer;margin-bottom: 20px;outline: none;
        margin-top: 10px;}
    .vail{width: 36%;display: inline-block;background-color: #f6f6f6;font-size: 13px;float: right;text-align: center;
        height: 40px;line-height: 40px;border: 1px solid #d1d1d1;cursor: pointer;}
    .login_box dt{line-height:14px; }
    .login_box dt input{margin-right:5px;}
    .login_box dl{font-size:12px; color:#7d7d7d;}
    .login_box dl a{color:#39b7ff; text-decoration:none;cursor: pointer;}
    .login_box .x a{display:block;  height:30px; line-height:30px; float:left; margin-right:12px;}
    .login_box .x span{display:block; margin-right: 12px; line-height: 31px; float: left; font-size: 12px; color: #7d7d7d;}
    /*.login_box dd .x a{background:url(../img/qqwb.png) no-repeat; width:30px;}*/
    /*添加微信小icon*/
    .login_box .x a{background:url(../img/qqwb2.png) no-repeat; width:30px;}
    .login_box .x a.qq{background-position:0 -32px;}
    .login_box .x a.wb{background-position:-42px -32px;}
    .login_box dd{line-height:30px; padding-top:22px;margin-bottom: 20px;}
    .login_box .x a.wx{background-position:-78px -32px;}
    /*.login_box dd .x a.qq{}*/
    /*.login_box dd .x a.qq:hover{background-position:0 -32px;}*/
    /*.login_box dd .x a.wb{ background-position:-42px 0;}*/
    /*.login_box dd .x a.wb:hover{background-position:-42px -32px;}*/
    /*.login_box dd{line-height:30px; padding-top:22px;margin-bottom: 20px;}*/
    /*.login_box dd .x a.wx{ background-position:-78px 0;}*/
    /*.login_box dd .x a.wx:hover{background-position:-78px -32px;}*/




}