@charset "utf-8";
/* 公用样式 */
body{margin:0px;padding:0px;font-size:100%;font-family:"微软雅黑",Arial,Helvetica,sans-serif;color:#444;background:#f0f6fc;font-size:15px;}
html{-webkit-text-size-adjust:none;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,p{margin:0px;padding:0px;list-style:none;border:none;}
a{text-decoration:none;color:#444;display:block;font-family:"微软雅黑";}
img{max-width:100%;height:auto;}
.video embed, .video object, .video iframe {width:100%;height: auto; } 
pre { 
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word; /* Internet Explorer 5.5+ */ 
}

.loginbg{width:100%; height:100%; overflow:hidden}
.loginlogo{ 
	width:8.75rem; 
	height:1.20rem;  
	display:block; 
	overflow:hidden; 
	background:url(../images/loginlogo.png) no-repeat center center; 
	background-size:100% 100% ;
	margin:0.5rem auto 0;
}
.loginbar{
	width:12.5rem;
  height:6.22rem;
  display:block; 
  overflow:hidden; 
  background:url(../images/loginbar.png) no-repeat 0 0;
  background-size:100% 100% ;
   margin:0.2rem auto 0;
 }
.loginpicbar{
	width:7.97rem; 
	height:5.58rem; 
	display:block; 
	overflow:hidden;
	float:left; 
	margin:0.39rem 0 0 0.37rem; 
	border-top-left-radius:16px; 
	border-bottom-left-radius:16px; 
	float:left;
}
.loginbox,.queuebar{
	width:3.55rem; 
	height:5.58rem; 
	display:block; 
	overflow:hidden; 
	float:left; 
	margin-top:0.37rem}
.logboxtl{ 
	width:3.90rem; 
  height:1.0rem; 
  display:block; 
  overflow:hidden;
  background: url(../images/denglutl.png) no-repeat;
  background-size:100% 100% ;
}
.logbend{ width:2.92rem; display:block; overflow:hidden; margin:0 auto 0; padding-top:0.12rem}
.logtlb{width:2.92rem; height:0.38rem; display:block; overflow:hidden}
.logtlb1{width:2.92rem; height:0.38rem; display:block; overflow:hidden;
background: url(../images/lotl_1.png) no-repeat;
background-size:100% 100% ;
}
.logtlb2{
	width:2.92rem; 
	height:0.38rem; 
display:block; 
overflow:hidden;
background: url(../images/lotl_2.png) no-repeat;
margin-top: 0.2rem;
background-size:100% 100% ;
}
.loginput{
	width:2.72rem; 
	height:0.42rem; 
	padding:0 0.10rem; 
	line-height:0.42rem; 
	font-size:0.16rem; 
	color:#333333; 
	display:block; 
	background:url(../images/inputbar.png) no-repeat 0 0; 
	background-size:100% 100% ;
	border:none;}
.logcazb{ height:0.3rem; line-height:0.30rem; display:block; margin-top:0.1rem;}
.logcazb a{ height:0.30rem; line-height:0.30rem; float:right; padding-right:0.12rem; color:#1361b9; font-size:0.14rem; cursor:pointer}
.logcazb a:hover{ color:#F60}
.logbtnbar{ display:block; overflow:hidden}
.logbtnbar a{width:2.92rem; height:0.44rem; text-align:center; line-height:0.44rem; cursor:pointer; margin-top:0.20rem}
.logbtnbar a.lbtn1{ background:url(../images/btn_denglu.png) no-repeat 0 0;
background-size:100% 100% ;
}
.logbtnbar a.lbtn2{ background:url(../images/btn_zjia.png) no-repeat 0 0;background-size:100% 100% ;}
.logbtnbar a.lbtn1:hover{ background:url(../images/btn_denglu_hv.png) no-repeat 0 0;background-size:100% 100% ;}
.logbtnbar a.lbtn2:hover{ background:url(../images/btn_zjia_hv.png) no-repeat 0 0;background-size:100% 100% ;}

.lobottom{ width:11.00rem; display:block; line-height:0.24rem; overflow:hidden; margin:0 auto;padding-top:0.10rem;}
.queuebox{width:2.92rem; height:1.22rem; display:block; margin:0 auto; background:url(../images/queuebox.png) no-repeat 0 0}
.queuebox p{ font-size:26px; display:block; text-align:center; line-height:40px; padding-top:32px; color:#000}
.queuebox p em{ font-style:normal; color:#F00}
.queuebox span{ display:block; text-align:center; font-size:18px; color:#666; line-height:30px; overflow:hidden}
.loadbox{width:292px; height:122px; display:block; overflow:hidden; background:url(../images/loadbar.png) no-repeat 0 0; margin:0 auto}
.loadbox p{width:292px; height:122px; display:block; overflow:hidden; background:url(../images/loadbend.png) no-repeat 0 0; border-top-right-radius:10px;border-bottom-right-radius:10px; position:relative}
.loadbox p span{width:68px; height:30px; line-height:30px; text-align:center; font-size:22px; color:#FFF; position:absolute; left:50%; margin-left:-34px; top:50%; margin-top:-15px}

.header{ height:89px; text-align:center; background:url(../images/topheadbg.png) center top;}
.headbox{ min-width:1326px; width:92%; height:89px; display:block; margin:0 auto; overflow:hidden}
.logo{width:420px; height:84px; display:block; float:left; background:url(../images/logo.png) no-repeat 0 0; float:left; margin:3px 0 0}
.headritop{ height:26px; display:block; overflow:hidden; margin:8px 0 0}
.headritop a{ height:26px; line-height:26px; display:block; margin-right:12px; float:right; cursor:pointer}
.headritop a.hdtext{ color:#FFF}
.headritop a.hdsygx,.headritop a.hdsshd{ width:101px; height:26px; display:block; background:url(../images/btn_1.png) no-repeat 0 0; color:#FFF}
.headritop a.hdsshd{ background:url(../images/btn_2.png) no-repeat 0 0}
.headritop a.hdsygx span,.headritop a.hdsshd span{ padding-left:12px}
.headritop a:hover{ color:#FF0}
.headritop a.hdclose{width:29px; height:26px; background:url(../images/btn_close.png) no-repeat 0 0}
.headritop a.hdclose:hover{ background:url(../images/btn_close_hv.png) no-repeat 0 0}
.navulbar{ width:778px; height:50px; display:block; overflow:hidden; position:relative; float:right;margin-top:4px}
.navulbar li{width:178px; height:50px; display:block; overflow:hidden; position:absolute; top:0; }
.navulbar li a{ background:url(../images/ulbl.png) no-repeat 0 0;width:178px; height:50px; display:block; overflow:hidden; line-height:56px; text-align:center; font-size:18px; color:#FFF; overflow:hidden; cursor:pointer}
.navulbar li.nli_01{ left:0; z-index:6}
.navulbar li.nli_02{ left:120px; z-index:5}
.navulbar li.nli_03{ left:240px; z-index:4}
.navulbar li.nli_04{ left:360px; z-index:3}
.navulbar li.nli_05{ left:480px; z-index:2}
.navulbar li.nli_06{ left:600px; z-index:1}
.navulbar li a:hover,.navulbar li a.on{ background:url(../images/ulblon.png) no-repeat 0 0; color:#0e3087}
.bodybox{min-width:1326px; width:92%; margin:0 auto ; padding:0; background-color:#FFF; min-height:600px}
.leftbar{ background:url(../images/leftbarbg.png) repeat-y 0 0;}
.centbar{ background:url(../images/centbarbg.png) repeat-y 0 0}
.rightbar{ background-color:#f0f6fc}


/*帮助-异常提示*/
.helpbtn{width:68px; height:38px; line-height:38px; display:block; overflow:hidden; background:url(../images/helpicb.png) no-repeat 0 0; padding-left:40px; font-size:14px; color:#FFFFFF; position:absolute; top:50px; right:10px; cursor:pointer}
.helpbtn:hover{background:url(../images/helpicb_hv.png) no-repeat 0 0;}

/*2018-10-29 弹窗*/
.takebox{height:118px; display:block; overflow:hidden}
.tabtnbar{ height:60px; display:block; overflow:hidden}
.qxbtn,.qhbtn{width:182px; height:60px; display:block; overflow:hidden; background:url(../imageshuada/qxbtn.png) no-repeat 0 0; margin:0 auto; cursor:pointer}
.qhbtn{ background:url(../imageshuada/qhbtn.png) no-repeat 0 0}
.qxbtn:hover{ background:url(../imageshuada/qxbtnhv.png) no-repeat 0 0}
.qhbtn:hover{ background:url(../imageshuada/qhbtnhv.png) no-repeat 0 0}
.queuexi{width:740px; height:51px; line-height:51px; display:block; overflow:hidden; margin:10px auto 0; font-size:20px; color:#ffbf57; background:url(../imageshuada/queuebg.png) no-repeat 0; text-align:center}
.taolunbar{ display:block; border:2px solid #707070; background:url(../imageshuada/taolunbarbg.png) repeat-x 0 0 #222222; height:100%; }
.taolunbartil,.taolunbartil2,.taolunbartil3{ height:62px; display:block; overflow:hidden; background:url(../imageshuada/taolunbartil.png) no-repeat 0 0; position:relative}
.bt_close{width:34px; height:34px; display:block; background:url(../imageshuada/bt_close.png) no-repeat 0 0; cursor:pointer; position:absolute; right:8px; top:8px}
.taolunbartil2{background:url(../imageshuada/taolunbartil2.png) no-repeat 0 0;}
.taolunbartil3{background:url(../imageshuada/taolunbartil3.png) no-repeat 0 0;}
.messagebar{ display:block; width:96%; margin: 0 auto 10px; overflow:hidden;}
.textareabar{ height:120px; display:block; margin:0 auto; width:100%;}
.taolunbtnbox{ padding:10px; border-bottom:1px solid #5a5a5a; display:block; overflow:hidden}
.taobtn{ width:98px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#FFF; float:right; background:url(../imageshuada/taolunbtn.png) no-repeat 0 0; cursor:pointer}
.messbox{ display:block; overflow:hidden; overflow-y:auto}
.bk{ font-size:20px; color:#FFFFFF; position:absolute; left:10px; top:10px}


.cloud{width:988px;height:309px;background:url(../images/cloud.png) no-repeat 0 0; position:absolute;top:-30px;left:0px;z-index:-1;
animation-name: slideInRight;
-moz-animation-name:slideInRight;
-webkit-animation-name:slideInRight;
-o-animation-name:slideInRight;

animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;

animation-duration:50s;
-moz-animation-duration:50s;
-webkit-animation-duration:50s;
-o-animation-duration:50s;
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
body, html {
	width: 100%;height:100%;
	
}
.loginbg {
	background: url(../images/loginbg.jpg) #E2F1F4 no-repeat left bottom;
	background-size:100%;
	overflow-y:auto;
 
}