@CHARSET "UTF-8";
@media screen and (max-width: 800px) {
   
    #loginForm{
        width:70%;
        margin:0 auto;
        
    }
    .input-xlarge{
        width:100%!important;
        margin-bottom:15px;
    }
    .form-signin-heading{
        font-size:1.3rem!important;
    }
    .remember{
        margin-top:1rem;
    }
    .header {
	    height: 3rem!important;
	    padding-top: 20px;
    }
    .login-bottom{
        display:block;
        margin:0 auto 1rem;
    }
     .wrap-login-b{
           margin-left:85%;
    }

      body {
          width: 100%;
          background-image: url('../images/images_mine/images_mine_pc/bg4.png');
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-attachment: fixed;
    }
      html,body{
          background-color: transparent!important;
          height:100%;
          width:100%;
          overflow: hidden!important;
      }
    .litchi{
        display: inline-block;
        position: fixed;
        top: -3%;
        left: -18%;
        width: 53%;
        z-index: 999;
    }
    .form-signin{
        background-color: rgba(255,255,255,.4)!important;
    }
    h1 {
        font-size: 20px;
        text-align: center;
        color: #262625;
    }
    .wrap-station{
        width:100%!important;
        margin:40px auto 0;
        background-color: rgba(0,0,0,.4);
        height: 22px;
        border-radius: 4px;
    }
    .wrap-login{
        width:100%!important;
        margin:20px auto 0;
        background-color: rgba(0,0,0,.4);
        height: 42px;
        border-radius: 4px;
    }
    .wrap-password{
        width:100%!important;
        margin:20px auto 0;
        background-color: rgba(0,0,0,.4);
        height: 42px;
        border-radius: 4px;
    }
    .wrap-select{
        width:100%!important;
        margin:20px auto 0;

        height: 42px;
        border-radius: 4px;
    }
    .wrap-select label:nth-child(2){
        display: none;
    }
    .wrap-select label:nth-child(1){
        width: 100%;
    }
    .remberme-text{
        display: none;
    }
    .publicc{
        display: block!important;
    }
    .wrap-login-b{
        width:105%!important;
        margin:1rem auto 0;
        background-image:transparent!important;
        background-color: rgba(0,0,0,.4);
        height: 40px;
        border-radius: 30px;
        border:none;
        display: block;
        color: white;
        font-size: 20px;
    }
    /*隐藏二维码*/
    .two-codeDiv {
        display: none;
    }
}
@media screen and (max-width: 320px){
    h1{
        line-height: 25px;
    }
}
@media screen and (min-width: 800px) {
    body {
        background-image: url('../images/images_mine/images_mine_pc/pc-back2.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 104% 104%;
        background-attachment: fixed;
    }

    html, body {
        height: 100%;
        width: 100%;
        overflow: hidden !important;
    }

    .wrap-div {
        margin: 0 auto;
        width: 634px;
        height: 505px;
        background-color: rgba(255, 255, 255, .4);
        border-radius: 66px;
        position: absolute;
        top: 44%;
        left: 50%;
        margin-top: -265px;
        margin-left: -317px;
    }

    .wrap-title {
        color: #262625 !important;
        font-size: 30px !important;
        font-weight: 350 !important;
        text-align: center;
    }

    .wrap-line {
        height: 7%;
    }

    .litchi {
        display: inline-block;
        position: fixed;
        top: -19%;
        left: -18%;
        width: 53%;
        z-index: 999;
    }
    /*党政机关*/
    .two-codeDiv {
        position: fixed;
        right: 92%;
        top: 83%;
    }
    /*纠错*/
    .two-codeDivErr {
        position: fixed;
        right: 82%;
        top: 85%;
    }
    /*关于本网*/
    .two-codeDiv1 {
        position: fixed;
        right: 41%;
        top: 82%;
    }
    /*二维码-微信公众号*/
    .two-codeDiv2 {
        position: fixed;
        color:#BECF70;
        right: 30%;
        top: 82%;
    }
    /*二维码-官方头条号*/
    .two-codeDiv3 {
        position: fixed;
        color:#BECF70;
        right: 23%;
        top: 82%;
    }
    /*二维码-广东病虫情报微信公众号*/
    .two-codeDiv4 {
        position: fixed;
        color:#BECF70;
        right: 16%;
        top: 82%;
    }
    /*二维码-Android客户端*/
    .two-codeDiv5 {
        position: fixed;
        right: 9%;
        top: 82%;
    }
    /*二维码-粤省事小程序*/
    .two-codeDiv6 {
        position: fixed;
        right: 2%;
        top: 82%;
    }
    /*厅局*/
    .title-codeDiv {
        position: fixed;
        right: 0;
        top: 5%;
        font-size: 20px;
        color : red;
    }
    .two-codeImgs, .two-codeImg {
        display: block;
        width: 60%;
    }
    .two-codeImg {
        margin-top: 20%;
    }
    .titleCodes, .titleCode {
        display: block;
        font-size: .5rem;
        color: #fff;
        margin-top: 5%;
        position: absolute;
    }
    .titleCodes {
        left: 10%;
    }
    .titleCode {
        left: 10;
    }







    #loginForm {
        background-color: transparent !important;
        border: none;
        width: 100% !important;
        padding: 80px 0 0 0 !important;
        height: 82%;
    }
    .wrap-station{
        width:50%!important;
        margin:40px auto 0;
        background-color: rgba(0,0,0,.4);
        height: 42px;
        border-radius: 4px;
    }
    .wrap-login{
        width:50%!important;
        margin:20px auto 0;
        background-color: rgba(0,0,0,.4);
        height: 42px;
        border-radius: 4px;
    }
    .wrap-password{
        width:50%!important;
        margin:20px auto 0;
        background-color: rgba(0,0,0,.4);
        height: 42px;
        border-radius: 4px;
    }
    .wrap-select{
        width:50%!important;
        margin:20px auto 0;

        height: 42px;
        border-radius: 4px;
    }
    .wrap-login-b{
        width:60%!important;
        margin:0 auto 0;
        background-image:transparent!important;
        background-color: rgba(0,0,0,.4);
        height: 50px;
        border-radius: 30px;
        border:none;
        display: block;
        color: white;
        font-size: 20px;
    }
}

    .wrap-station>img{
        height:100%!important;
        width:1%!important;
        float:left;
    }
    .wrap-station>label{
        width:20%!important;
        margin:0 auto;
        color:white!important;
        float:left;
        height:100%!important;
        line-height:42px!important;
        text-align:center!important;
        font-size: 14px!important;
    }
    .wrap-station>div{
        width:79%!important;
        height:100%!important;
        float:left;
        /* background-color: transparent!important;
	    background-image: none!important; */
    }
    .wrap-station>div>a{
        padding:0!important;
        height:100%!important;
    }
    .select2-arrow{
        display:none!important;
        border:none!important;
        background-image:transparent!important;
    }
    .select2-choice{
	    display: block;
	    width: 100%;
	    height: 100%;
	    border:none!important;
	    background-color: transparent!important;
	    background-image: none!important;
	    
    }
    .select2-container .select2-choice .select2-arrow b {
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-color: transparent!important;
	    background-image: none!important;
	}
    .select2-chosen{
        height: 100%!important;
        display:inline-block!important;
        line-height:42px!important;
        outline: none!important;
        padding-left:10px;
        margin:0!important;
        padding:0 0 0 10px!important;;
        width:100%!important;
        box-sizing:border-box;
        color:white!important;
        
    }
    .select2-drop-active{
        margin-top:5px!important;
    }
    .wrap-login>label{
        width:20%!important;
        margin:0 auto;
        color:white!important;
        float:left;
        height:100%!important;
        line-height:42px!important;
        text-align:center!important;
        font-size: 14px!important;
        
    }
    .wrap-login>img{
        height:100%!important;
        width:1%;
        float:left;
    }
    .wrap-login>input{
        width:79%!important;
        height:100%!important;
        float:left;
        background-color: transparent!important;
        border:none!important;
        color:white!important;
    }

    .wrap-password>label{
        width:20%!important;
        margin:0 auto;
        color:white!important;
        float:left;
        height:100%!important;
        line-height:42px!important;
        text-align:center!important;
        font-size: 14px!important;
    }
    .wrap-password>img{
        height:100%!important;
        width:1%;
        float:left;
    }
    .wrap-password>input{
        width:79%!important;
        height:100%!important;
        float:left;
        background-color: transparent!important;
        border:none!important;
        color:white!important;
    }
    
    #themeSwitch{
        display:none!important;
    }

    .remberme-text{
        vertical-align:middle;
        color:black;
    }
    #rememberMe{
        -webkit-appearance:none;
        width:18px;
        height:18px;
        vertical-align: middle;
        /* background-color: transparent!important; */
        border:1px solid black;
        display:none; 
    }
    #iamexpert{
        -webkit-appearance:none;
        width:18px;
        height:18px;
        vertical-align: middle;
        /* background-color: transparent!important; */
        border:1px solid black;
         display:none; 
    }
    .wrap-select>label{
        margin-right:30px;
        font-size: 14px!important;
    }
    input[type="checkbox"]:checked{
        background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
        background-image: url('../images/images_mine/images_mine_pc/login-gou.png');
    }
    .remberme-expert{
        width: 18px;
        height: 18px;
        display:inline-block;
        border: 1px solid black;
        vertical-align: middle;
        margin:0 10px 0 0!important;
    }
    .remberme-span{
        width: 18px;
        height: 18px;
        display:inline-block;
        border: 1px solid black;
        vertical-align: middle;
        margin:0 10px 0 0!important;
    }
    .action-select{
        background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
        background-image: url('../images/images_mine/images_mine_pc/login-gou.png');
    }
	.yanzhengma{
	    width: 50%!important;
	    margin: 20px auto 0;
	    background-color: rgba(0,0,0,.4);
	    height: 42px;
	    border-radius: 4px;
	    padding-bottom: 0!important;
	}
	.yanzhengma>label{
        width:20%!important;
        margin:0 auto;
        color:white!important;
        float:left;
        height:100%!important;
        line-height:42px!important;
        text-align:center!important;
        font-size: 14px!important;
    }
    .yanzhengma>input{
        width:26%!important;
        height:100%!important;
        float:left;
        background-color: transparent!important;
        border:none!important;
        color:white!important;
        box-sizing: border-box;
    }
    .yanzmpic{
	    height: 100%!important;
	    width: 1%;
	    float: left;
	    
	}
	.yanzhengma>a{
	    color: white;
	    margin-top: 12px!important;
	    margin-left: 10px!important;
	    display: inline-block;
	}
	.mid{
		vertical-align: middle;
	    margin-top: 8px;
	    margin-left: 26px;
    }