/* ������ʽ   */
* {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

ul, ol, li {
    list-style: none;
}

em, i {
    font-style: normal;
}

img {
    border: none;
}

input, img {
    vertical-align: middle;
}

body {
    background: #fff;
    color: #666;
    font-size: 14px;
    font-family: arial;
}

a {
    color: #666666;
    text-decoration: none;
}

html, body {
    background: #f9f9f9;
    width: 100%;
    height: 100%;
    font-family: Helvetica, sans-serif;
    -webkit-text-size-adjust: none;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

textarea.fixAndroidKeyboard:focus, input.fixAKeyboard:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

.noscroll {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-dom {
    width: 100%;
}

.clear{
	width:100%;
	height:1px;
	clear: both;
	float:none;
}

.clearfix:after {
    display: block;
    content: '';
    clear: both;
    visibility: hidden;
}

/* ����ҳ��   */



body {
    font: 12px/1.5 "Microsoft YaHei", tahoma, arial, Hiragino Sans GB, \5b8b\4f53;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}

a {
    text-decoration: none;
}
.content {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    text-align: left;
    z-index: 2;
}

.slogan {
    width: 224px;
    height: 48px;
    background: url(../image/logo.png) no-repeat 0 0;
    display: inline-block;
    background-size: 224px;
    margin:20px;
}

.wrap-content{
    position:absolute;
    bottom:70px;
    top: 43.5%;
    width:100%;
}

.dlname{ margin-left:64%; color:#2b689b;}
.dlname h3{ font-size:26px; font-weight:normal;}
.dlname h3 span{ font-size:12px; margin-left:10px;}
.main{ display: inline-block; width:100%; height:auto; margin-top:70px; }
.main-left{ display: inline-block; width:56%; height:200px;float:left; text-align:center; color:#2b689b; margin-top:2%;}
@font-face { font-family: newtest; src: url(../image/newtest.ttf),url(../image/newtest.eot);} 
.main-left h2{  display: inline-block; width:72%; float:left; font-family: newtest;  font-weight:bold; font-size:40px; text-align:right;}
.main-left h5{  display: inline-block; width:72%; float:left; font-size:14px; text-align:right; }
.main-left h5 .dtext{ display: inline-block; width:46px; height:15px; background: url(../image/dtext.png) no-repeat 0 0;}
.main-entry {
    display: inline-block;
    width: 300px;
    height: 200px;
    background:#fff;
    font-size:14px;
    color:#333;
    float:left;   
}

.main-entry li{ width:100%; height:auto; line-height:36px; margin-bottom:20px; }
.main-entry li .firstrow{ margin:0;}
.main-entry li span{ display: inline-block;width:80px; text-align:center; }
.main-entry li input{ display: inline-block; width:200px; height:36px; line-height:36px; border:solid 1px #2f7fac; border-radius:4px; text-indent:4px;}
.main-entry li input:focus{ box-shadow:0px 0px 4px #f9d300;}
.main-entry li.chkrow{ padding-left:82px; margin-top:-10px; }
.main-entry li.chkrow span{ text-align:left;}
.main-entry li input.chk{ width:18px; height:18px; border:none; margin-top:-4px\9; }
.main-entry li i{ font-style:normal; font-size:12px; color:red;}
.main-entry li a{ display:block; width:80px; height:36px; line-height:36px; background:#2f7fac; color:#fff; text-align:center; border-radius:4px; margin-left:210px; margin-top:-20px; cursor:pointer;}
.main-entry li.loginType{margin: -10px 0 0 84px;width: auto;}
.main-entry li .yun{display:inline-block;width: 24px;height: 17px;background: url(../image/yunGray.png) center center no-repeat;cursor: pointer;display: none;}
.main-entry li .yun.active{background: url(../image/yunBlue.png) center center no-repeat;}
.main-entry li .person{margin-left: 20px;width: 24px;height: 17px;background: url(../image/personGray.png) center center no-repeat;cursor: pointer;display: none;}
.main-entry li .person.active{background: url(../image/personBlue.png) center center no-repeat;}
.main-entry li .loginType_title{display: none;cursor: pointer; width: 60px; width: initial; top: -3px; position: relative;}
.footer{ position:absolute; bottom:0; left:0; z-index:10; display: inline-block; width:100%; height:auto;  text-align:center; background: url(../image/line.png) no-repeat 50% 50%; padding-top:40px; margin-bottom:10px; }

.loginBody {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background: #fff none no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
  	background-image:url(../image/bodybg1.jpg);
 }
@media screen and (min-width: 1823px) and (max-width: 2049px){
	.dlname{ margin-left:70%;}
	.main-left{width:62%}
	/* .dlname{ margin-top:16.5%;}
	.main{ margin-top:4%;}
	.main-left{width:57%;}
	.main-entry li{margin-bottom:30px}
	.footer{  margin-top:5%;} */
}
@media screen and (min-width: 1709px) and (max-width: 1822px){
	.dlname{ margin-left:68%;}
	.main-left{width:60%}
	/* .dlname{ margin-top:15.8%;}
	.main{ margin-top:4%;}
	.main-entry li{margin-bottom:25px}
	.footer{  margin-top:5%;} */
}
@media screen and (min-width: 1519px) and (max-width: 1708px){
	.dlname{ margin-left:66%;}
	.main-left{width:60%}
	/* .dlname{ margin-top:15.4%;}
	.main{ margin-top:4%;}
	.main-entry li{margin-bottom:25px}
	.footer{  margin-top:5%;} */
	/*.item { background-image:url(../image/bodybg3.jpg);}*/
}

@media screen and (min-width: 1367px) and (max-width: 1518px){
	.dlname{ margin-left:64%;}
	/* .dlname{ margin-top:14.5%;}
	.main{ margin-top:3%;}
	.footer{  margin-top:2%;} */
	/*.item { background-image:url(../image/bodybg2.jpg);}*/
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.dlname{ margin-left:64%;}
	.main{margin-top:30px}
	/* .dlname{ margin-top:14%;}
	.dlname h3{font-size:20px}
	.main{ margin-top:2%;}
	.footer{  margin-top:2%;} */
	/*.item { background-image:url(../image/bodybg2.jpg);}*/
}

@media screen and (min-width: 981px) and (max-width: 1280px) {
	.wrap-content{top:42%}
    .dlname{ margin-left:54%;}
	.main-left{width:47%}
	.main{margin-top:30px}
}

@media screen and (min-width: 800px) and (max-width: 980px) {
	.wrap-content{top:42%}
    .dlname{ margin-left:49%;}
	.main-left{width:42%}
	.main{margin-top:30px}
}

@media screen and (max-width: 800px) {
   
}

@media screen and (max-width: 700px) {
	
}

@media screen and (max-width: 360px) {
	
	
}