html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}

body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; color:#333; background-color:#fff; font-size:15px; background-attachment:fixed; overflow-x:hidden;}

a{ color:#06f; text-decoration:none;}

a:hover{ color:#f60; text-decoration:none;}

img{ border:none; vertical-align:middle; max-width: 100%;}

i,em{ font-style:normal;}

li{ list-style-type:none;}

textarea{ resize:vertical;}

select, textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;}
input{  
	background:none;  
	outline:none;  
	border:none;
}
input:focus{   
	border:none;
}
area{ outline: none;}
/* 1919px */
@media screen and (max-width:1679px ) { 

input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color:#b3b3b3
         /* placeholder字体大小  */
         font-size: 14px;

     }
.content{
/*	background-image:url('../images/bj.png');

	background-repeat:no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;*/
	/*background-image:url('../images/bj-2.png') !important;*/
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */

	position: relative;
	width: 100%;
	height: 100vh;
/* 	background-color: #1978f4 */
	background: linear-gradient(to bottom, #3885c2 0%, rgba(56, 133, 194, 0.3) 100%);

}

.content3{
	
/* 	background-color: #1978f4 */
	background: linear-gradient(to bottom, #3885c2 0%, rgba(56, 133, 194, 0.3) 100%);
	/*background-image:url('../images/bj.png') !important;*/

}
.content2{
	background-color: #1978f4;
	/*background-image:url('../images/bj-2.png') !important;*/
	position: relative;
	width: 100%;
	height: 100vh;
}
.images{
            height: auto;
            max-width: 100%;
            max-height: 100%;
            vertical-align: bottom;
            bottom: 0;
            -o-object-fit: fill;
            object-fit: fill;
}
.details{
	padding: 0 30px;
}
.contronier{

	background-color: #fff;
	width:34%;

	position: absolute;
	right: 33%;
	top: 5%;
	bottom: 5%;

	border-radius: 10px;
	font-size: 10px;
}

.ewm {
 min-height: 600px;
}

.title{
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
	background-color: #66ccff;
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.img{
	position:relative;
	text-align: center;
	padding:2px 0px; 
}

.cont-1{
	background-color: #f2f2f2;
    padding: 4px 0;
    text-align: center;
    margin-top: 2px
}
.cont-1 p{color:#aaa;}
.cont-1 p span{
	color:#000;
	font-size: 12px
}
.subtitle {
position: relative;

font-size: 12px;

color: #aaa;

height: 30px;

line-height: 30px;
padding:2px;
text-align: center;

}

.subtitle:before {
content: "";

position: absolute;

width: 27%;

height: 1px;

top: 50%;

background-color: #aaa;

left: 10%;

}

.subtitle:after {
content: "";

position: absolute;

width: 27%;

height: 1px;

top: 50%;

background-color: #aaa;

right: 10%;

}
.mode{padding: 5px 0; text-align: center;}
.mode ul li{
	display: inline-block;
	width: calc(95%/4);
	text-align: center;
	border-right: 1px solid #66ccff;
}
.mode ul li:last-child{
	border-right: none
}
.mode ul li a{
	color: #00a0e9
}
.cont-2{
	color: #919393;
	font-size:10px;
	border-top: 1px solid #f2f2f2;
	background-color: #f8f8f8;
	
	padding: 3px 3px;
}
.cont-2 p{
	padding:2px 6px;
}
.title-1{
	color: #00a0e9
}
.title-2{
	text-align: center;
}


/*省登录页面*/
.btn{
	background-color: #4293f4;
	color: #fff;
    padding: 8px 0;
    font-size:16px;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px;
}
/**/
form{
	/* margin-top:20px; */
}
i{
	font-size: 14px !important;
    padding: 0 5px;
    border-right: 1px solid #f2f2f2;
}
.form{
	height: 30px;
	border: 1px solid #d9d9d9;
	margin-bottom: 10px;
	
	border-radius: 3px;
}
.form input{
	height: 30px;
    font-size: 12px;
    padding:0 5px;
    width:86%;
}
.code{
	width:60%;
	display:inline-block
}

.code input{
	width:77%;
}

.button{
	display: inline-block;
	background-color: #00a0e9;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    float: right;
}
.Retrieve{
	text-align: right
}
.Retrieve a{
	color: #00a0e9;
}
.btn-form{
	margin-top: 5px !important
}

/*数字*/
.num-title{
	font-size: 14px;
    color: #b3b3b3;
    text-align: center;
    padding: 15px 0;
}
/**/


.canvas{
	float: right;
	width: 35%;
	height: 30px;
}

.img-content {
	width: 230px;
    height: 230px;
    position: relative;
    margin: 10px auto;
}

.qr_scan {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: .9;
	background: #333;
	padding-top: 100px;
	color: #fff;
	font-size: 10px;
	text-align: center;
}

.showLogin {
	margin-top: 20px;
}

/* --- */
}
@media (min-width: 1680px){
	/*二维码登录页面*/

.content{
/*	background-image:url('../images/bj.png');

	background-repeat:no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;*/
	/*background-image:url('../images/bj-2.png') !important;*/
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */

	position: relative;
	width: 100%;
	height: 100vh;
	/* height: 100%; */
	
/* 	background-color: #1978f4 */
	background: linear-gradient(to bottom, #3885c2 0%, rgba(56, 133, 194, 0.3) 100%);

}

.content3{
	
/* 	background-color: #1978f4 */
	background: linear-gradient(to bottom, #3885c2 0%, rgba(56, 133, 194, 0.3) 100%);
	/*background-image:url('../images/bj.png') !important;*/

}
.content2{
	background-color: #1978f4;
	/*background-image:url('../images/bj-2.png') !important;*/
	position: relative;
	width: 100%;
	height: 100vh;
}
.images{
            height: auto;
            max-width: 100%;
            max-height: 100%;
            vertical-align: bottom;
            bottom: 0;
            -o-object-fit: fill;
            object-fit: fill;
}
.details{
	padding: 0 50px;
}
.contronier{

	background-color: #fff;
	width:34%;

	position: absolute;
	right: 33%;
	top:5%;
	bottom:5%;
	border-radius: 10px;
	font-size: 14px;
}
.title{
	padding:15px 0;
	text-align: center;
	font-size: 24px;
	background-color: #66ccff;
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.img{
	position:relative;
	text-align: center;
	padding:2px 0px;
}

.cont-1{
	background-color: #f2f2f2;
    padding: 10px 0;
    text-align: center;
    line-height: 1.5;
    margin-top: 5px;
    font-size: 16px;
}
.cont-1 p{color:#aaa;}
.cont-1 p span{
	color:#000;
	font-size: 18px
}
.subtitle {
position: relative;

font-size: 16px;

color: #aaa;

height: 45px;

line-height: 45px;
padding:5px;
text-align: center;

}

.subtitle:before {
content: "";

position: absolute;

width: 27%;

height: 1px;

top: 50%;

background-color: #aaa;

left: 10%;

}

.subtitle:after {
content: "";

position: absolute;

width: 27%;

height: 1px;

top: 50%;

background-color: #aaa;

right: 10%;

}
.mode{padding: 10px 0 20px; text-align: center;}
.mode ul li{
	display: inline-block;
	width: calc(95%/4);
	text-align: center;
	border-right: 1px solid #66ccff;
}
.mode ul li:last-child{
	border-right: none
}
.mode ul li a{
	color: #00a0e9
}

.cont-2{
	color: #919393;
	font-size:14px;
	border-top: 1px solid #f2f2f2;
	background-color: #f8f8f8;
	padding: 5px 3px;
}
.cont-2 p{
	padding:3px 6px;
}
.title-1{
	color: #00a0e9
}
.title-2{
	text-align: center;
}


/*省登录页面*/
.btn{
	background-color: #4293f4;
	color: #fff;
    padding: 8px 0;
    font-size:20px;
    text-align: center;
    line-height: 1.5;
    margin-top: 30px;
    border-radius: 5px;
}
/**/
form{
	/* margin-top:20px; */
}
i{
	font-size: 20px !important;
    padding: 0 10px;
    border-right: 1px solid #f2f2f2;
}
.form{
	height: 40px;
	border: 1px solid #d9d9d9;
	margin-bottom: 30px;
	border-radius: 3px;
}
.form input{
	height: 40px;
    font-size: 16px;
    padding:0 10px;
    width: 86%;
}
.code{
	width:60%;
	display:inline-block
}

.code input{
	width:77%;
}

.button{
	display: inline-block;
	background-color: #00a0e9;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    float: right;
}
.Retrieve{

	text-align: right
}
.Retrieve a{
	color: #00a0e9;
}
.btn-form{
	margin-top: 10px !important;
	margin-bottom: 30px;
}

/*数字*/
.num-title{
	font-size: 20px;
    color: #b3b3b3;
    text-align: center;
    padding: 50px 0  15px;
}
/**/


.canvas{
	float: right;
	width: 35%;
	height: 42px;
}

.img-content {
	width: 230px;
    height: 230px;
    position: relative;
    margin: 10px auto;
}

.qr_scan {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: .9;
	background: #333;
	padding-top: 100px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.showLogin {
	margin-top: 40px;
}

/* === */
}

.w-60 {
	width: 60%;
}

.c-show {
	position: absolute;
    bottom: 2%;
	 
	text-align: center;
    width: 100%;
    
    color:#919393;
}

.c-show-line {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f2f3;
}

.mode .last-li{
	border-right: none
}

.img-pic-code {
    width: 35%;
    height: 30px;
    float: right;
}