body { background: url(../img/lgblue/lgbg0.jpg) center 0 no-repeat; font-family: Source Han Sans CN; font-size:14px; }
header { height: 90px; position: relative; background: #fff; }
header .logo { padding: 0 0 0 66px; height: 43px; line-height: 43px; width: 245px; position: absolute; left: 20.8%; top: 25px; background: url(../img/lgblue/logo.png) 0 0 no-repeat; }
header .logo span { width: 179px; height: 19px; font-size: 18px; font-weight: bold; color: #27344E; line-height: 30px; }

.lgbox { width: 460px; height: 600px; background: #fff; position: absolute; top: 150px; left: 55%; }
.lgbox .lgclassselicon { position:absolute; right:0; top:0;  display:inline-block; width:100px; height:100px; cursor:pointer; }
.lgbox .lgclassselicon.acclgicon { background:url(../img/lgblue/accpwlg.png) 0 0 no-repeat; }
.lgbox .lgclassselicon.qrcodelgicon { background:url(../img/lgblue/qrcodelg.png) 0 0 no-repeat; }
.lgbox h1 { margin: 96px 68px 42px; }
.lgbox h1 b { display: block; height: 24px; font-size: 24px; font-weight: 800; color: #000000; line-height: 24px; }
.lgbox h1 span { display: block; margin: 10px 0 0; width: 28px; height: 4px; background: #0D81FE; border-radius: 2px; }
.lgbox .iptitem { margin: 30px 68px 0; }
.lgbox .iptitem label { padding: 0 0 12px; display: block; height: 14px; font-size: 14px; font-weight: 500; color: #989898; line-height: 14px; }
.lgbox .iptitem input { padding: 0 0 0 20px; box-sizing: border-box; width: 100%; height: 46px; line-height: 46px; background: #F8F8FA; border: 1px solid #EEEEEE; border-radius: 4px; }
.lgbox .gn { padding: 12px 68px 0; }
.lgbox .gn1 { text-align: right;  }
.lgbox .gn1 a { font-weight: 500; color: #989898; }
.lgbox .gn1 a:hover { color: #ff6a00; }
.lgbox .gn1 span { float: left; }
.lgbox .gn2 {  }
.lgbox .gn2 button { height: 48px; background: #0D81FE; border-radius: 4px; font-weight: 500; color:#fff; font-size: 18px; width:100%; border:0; }
.lgbox .gn3 {  text-align:center; }
.lgbox .gn3 a { font-weight: 500; color: #989898;  }
.lgbox .gn3 a:hover { color: #ff6a00; }

.secrecywarnbox { width:299px; height:44px; background:url(../img/lgblue/smjsy0.png) 0 0 no-repeat; position:absolute; left:81px; top: -125px; }

.footnr { position:absolute; text-align: center; position: absolute; left: 0; top: 810px; width: 100%; height: 90px; line-height: 90px; background: #fff; }
.footnr span { height: 17px; font-size: 14px; font-family: Source Han Sans CN; font-weight: 500; color: #989898; line-height: 48px; }
.footnr span a { display: inline-block; margin: 0 10px; }
.footnr .btnr{ color:#c4c4c4; font-size:12px; text-align:center; padding:30px 0 10px; position:absolute; left:0; bottom:-42px; width:100%; }
.footnr .btnr span { font-size:12px; color:#c4c4c4; }






@media (max-width: 1600px)  { 
   body { background: url(../img/lgblue/lgbg0.jpg) center 0 no-repeat; font-family: Source Han Sans CN; font-size:14px; background-size:1600px 750px; }
  .lgbox { width: 383px; height: 500px; background: #fff; position: absolute; top: 125px; left: 55%;  }
  .lgbox h1 { margin: 80px 57px 42px; }
  .lgbox .iptitem { margin: 20px 57px 0; }
  .lgbox .gn { padding: 12px 57px 0; }
  .footnr { position:absolute; text-align: center; position: absolute; left: 0; top: 660px; width: 100%; height: 90px; line-height: 90px; background: #fff; }

  .xs-hide { display:inline;}

   .secrecywarnbox { left:42px; top:-101px;  }
}

/* 小于 939px */
@media (min-width:768px) and (max-width: 939px) { 
    .lgbox { left: 50%; margin-left:-192px }
    .xs-hide { display:inline;}

    .secrecywarnbox { left:41px; bottom:-200px; top:auto; }
}


/* 超小屏幕（手机，小于 768px） */
@media (max-width: 767px) { 
   .lgbox {  left: 50%; margin-left:-191px }

    .xs-hide { display:none;}

    .secrecywarnbox { left:64px; bottom:-188px; top:auto; background-size:85%; }
}

@media (min-width:1601px) and (max-width: 1800px)  { 
   body { background: url(../img/lgblue/lgbg0.jpg) center 0 no-repeat; font-family: Source Han Sans CN; font-size:14px; background-size:1800px 844px; }
  .lgbox { width: 422px; height: 550px; background: #fff; position: absolute; top: 142px; left: 55%;  }
  .lgbox h1 { margin: 90px 64px 42px; }
  .lgbox .iptitem { margin: 30px 64px 0; }
  .lgbox .gn { padding: 12px 64px 0; }
  .footnr { position:absolute; text-align: center; position: absolute; left: 0; top: 754px; width: 100%; height: 90px; line-height: 90px; background: #fff; }

  .xs-hide { display:inline;}

  .secrecywarnbox { left:62px; top:-117px;  }
}

@media (min-width: 1801px)  { 
  .lgbox { width: 460px; height: 600px; background: #fff; position: absolute; top: 150px; left: 55%;  }

  .xs-hide { display:inline;}
}