﻿body 
{
	margin:0px;
	padding:0px;
    font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    background-image:url(../Images/bg.jpg);
	background-size:100%;
    background-position: top;
}
ul, li { list-style:none; }
#loginContent {
    width:60%;
    margin:0px auto;
    margin-top:2%;
}
.pic{text-align:center; width:100%;}
.pic img{max-width:100%;}
.login_box{width:450px; padding:20px 50px; border-radius:20px; background:#fff; box-shadow:0 0 100px rgba(198,95,1,0.3); margin:0 auto;}
.text_input {background: #f2f2f7; width: 100% !important;  border-radius: 8px; height: 39px !important; line-height: 35px !important;  padding: 2px 0; margin: 15px 0 !important;}
.text_input input {border: none!important;outline: none;width: calc(100% - 40px) !important;display: inline-block;padding: 0;margin: 2px 5px 0 0;float: right;background: unset;}
.text_input img {vertical-align: middle;width: 20px;padding: 7px;}
.orange{ background-image: linear-gradient(-90deg, #1cc76d, #29a758); text-align:center;}
input:-internal-autofill-selected{background-color:#f2f2f2 !important;}
#right {
    width:35%;
    background-image:url(../Images/loginbg2.jpg);
    background-position:center;
    text-align:center;
    vertical-align:top;
}
.text {
    height:70px;
    margin:0px auto;
}
.button{ font: bold 14px/25px Arial, sans-serif; display:block;
    border-radius:25px;  
    height:50px; color:#fff;
    line-height:50px;
}  
/*.green {  
    color: #3e5706;  
  
    background: #a5cd4e;  Old browsers  
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); 
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);  W3C   
}*/
.text p {
    font-size:14px;
    font-weight:100;
    color:#5C5C5C;
}
.textimg { max-width:100%; width:80%;
}
#sjz {
    display:none;
}
.sjz {
    width:80%;
    margin:0px auto;
    height:60%;
    margin-top:20%;
}
.sjz_top {
    background-image:url(../Images/sjz_top.png);
    background-repeat:no-repeat;
    background-position:0% 35%;
}
.sjz_bg {
    width:24px;
    background-image:url(../Images/sjz_line.png);
    background-repeat:repeat-y;
    vertical-align:top;
}
.sjz_text {
    width:20%;
    vertical-align:top;
}
.sjz_con {
    vertical-align:top;
    text-align:left;
    color:#F8F8FF; font-size:13px;
}
h3 { float:left; text-align:right; color:#F0FFFF; font:normal 18px/16px Arial;}
h3 span { display:block; color:#d0d0d0; font-size:12px;}
.bottom_msg {
    height:20px;
    text-align:center; width:100%;
    font-size:12px;
    color:#505050; position:fixed; bottom:20px; left:0;
}
    .weixin img {
        width:15%;
        margin:0px auto;
        cursor:pointer;
    }
    .button {
        width:100%;
    }
    .weixin {
        text-align:center;
    }
.bing-content {
    width:30%;
    display:block;
    height:80vh;
    background-color:#fff;
    margin:0px auto;
    margin-top:10vh;
}
.bing-content .msg {
    line-height:30px;
    display:block;
    font-size: 18px;
    height:auto;
}
.bing-content #loginContent {
    width:90%;
}
.bing-content .text  {
    width:90%;
}
@media (max-width: 800px) {
    body 
    {
        background-size:auto 180% !important;
    }
	.login_box{width:300px;}
    #right {
        display:none;
    }
    #loginContent {
        width:90%;
        margin-top:20%;
    }
    .textimg, .text {
        width:80%;
    }
    .showtext {
        display:none;
    }
    .bing-content {
        width:90%;
    }
	#loginContent {
    width:90%;
    margin:0px auto;
    margin-top:10%;
}
.textimg{padding-bottom: 2vw;}
.pic img{width:72%;}
.btn{width:100%;}
}
@media (max-width:765px) {
	#loginContent{ margin-top:15%;} 
	.text p{ margin:8px 0;}
	.login_box{padding:15px 40px;}
	.pic img{width:72%;}
}