@charset "utf-8";
/* CSS Document */
body{ background: rgb(240, 240, 240);}
body a{ cursor:pointer;}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
	font-family:"Microsoft YaHei";
}
html, body, div, span, p, a, section, ul, ol, li{
    margin: 0;
    padding: 0;
    border: 0;
}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none;}
ul,ol,li{ list-style:none;}
/*new header*/
.zly_header{
    position: fixed;
    width: 100%;
    min-width: 320px;
    max-width: 560px;
    height: 2.5rem;
    line-height: 2.5rem; z-index: 11;}
.zly_header ul li{
    width: 33%;
    font-weight: bold;
    font-size: 1.5rem;}
.header_div{
    width: 100%;
    height: 2.7rem;
    line-height: 2.7rem;}
/*new header*/
#Container {
	min-width: 320px;
	max-width: 560px;
	overflow-x: hidden;
	margin: 0 auto;
	background: #fff;
}
#firstDiv {
	min-width: 320px;
	max-width: 560px;
	overflow-x: hidden;
	margin: 0 auto;
	background: #fff;
}
.banner img{ display:block;}
/*  header  */
.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger {
    right: 0;
    -webkit-transition: right .4s cubic-bezier(0.19,1,.22,1);
    -o-transition: right .4s cubic-bezier(0.19,1,.22,1);
    transition: right .4s cubic-bezier(0.19,1,.22,1);
}
.drawer-hamberger {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 40px;
}
.firstHeader {
    min-width:320px;
	max-width:560px;
	margin:0 auto;
    padding: 0 15px;
    height: 40px;
    background: rgba(34,141,231,.8);
    -webkit-transition: right .4s cubic-bezier(0.19,1,.22,1);
    transition: right .4s cubic-bezier(0.19,1,.22,1);
}
.twicHeader{ display:block;}
.header {
    width: 100%;
    position: fixed;
    padding: 0 15px;
    height: 40px;
	line-height: 40px;
	text-align:center;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
    background: rgba(34,141,231,.8);
    -webkit-transition: right .4s cubic-bezier(0.19,1,.22,1);
    transition: right .4s cubic-bezier(0.19,1,.22,1);
}
.head_back {
    width: 25px;
    height:25px;
    position: absolute;
    left: 10px;
    background: url(/2017images/backuppage.png) no-repeat center center;
    background-size: auto 100%;
    top: 7px;
    font-weight:bold;
}
.head_list{ float:right;}
.logo {
    float: left;
	margin-left:35px;
    display: block;
    max-width: 220px;
    max-height: 55px;
    margin-top: 6px;
    -webkit-transition: right .4s cubic-bezier(0.19,1,.22,1);
    transition: right .4s cubic-bezier(0.19,1,.22,1);
}
.header .back {
    width: 25px;
	height:25px;
    position: absolute;
    left: 10px;
    background: url(/2017images/backuppage.png) no-repeat center center;
    background-size: auto 100%;
    top: 7px;
	font-weight:bold;
}
/*  header  */
.navlist{ display:none; position: fixed; top:40px; right:0px; z-index:111111; width:100%; background-color:rgba(0,0,0,0.5); height:100%;}
.navlist ul{background-color:#282828; width:140px; padding-bottom:10px; height:100%;}
.navlist ul li{ line-height:40px; text-align:center; font-size:14px; font-weight:bold; border-bottom:1px solid #393939;}
.navlist ul li:last-child{ border-bottom:none;}
.navlist ul li.cur{ background-color:#393939;}
.navlist ul li a{ color:#FFF; font-size:0.9rem;}
.navlist .nav-wrap{ position:absolute; right:0px; background-position:80px top; background-repeat:no-repeat; height:100%;}
#firstDiv{
	min-width:320px;
	max-width:560px;
	margin:0 auto;	
}
#firstDiv a:hover{ text-decoration:none; cursor:pointer;}
.drawer-op{ float:right;}
.xqce{ width:100%; margin:5px auto;}
.nav{ width:90%; margin:10px auto; border-bottom:1px solid #ebebeb; padding-bottom:15px;}
.nav ul li{ width:22%; float:left; margin-left:3%; margin-top:5%;}
.nav ul li p{ width:100%; text-align:center; color:#00a0e8; font-size:13px;}
.nav ul li:first-child{ margin-left:0;}
.nav ul li:nth-child(5){ margin-left:0;}
.nav ul li a{ color:#FFF;}
.nav ul li.nav_01 img,.nav ul li.nav_02 img{ text-align:center;}
/*  表单样式  */
.dibunews{ width:100%; text-align:center; font-size:0.6em; line-height:1.8em; padding-bottom:50px;}
.mxqh_form{ width:85%; margin:0 auto; padding-top:15px; margin-top:-25px; font-size:14px;}
.mxqh_form input.pt_input,.mxqh_form select{ width:100%; height:40px; border:1px solid #AAA; color:#AAA; background:#FFF; font-size: 1em; padding-left:15px; margin-top:15px; border-radius:5px;}
.mxqh_form input.mo_input{ width:60%;}
.mxqh_form .btn-yzm{ height:40px; border-radius:5px; width:34%; color:#FFF; font-size:14px; padding:0 2%; background: #0c97ee; border:none; margin-left:4%;}
.mxqh_form .form_sub {
    width: 100%;
    display: block;
    margin: 20px auto;
    height: 2.5em;
    border: none;
    background: #0c97ee;
    color: #fff;
    border-radius: 5px;
    font-size: 1.1em;
    letter-spacing: 0.06em;
}
/*  表单样式  */
/*    表单验证样式    */
.field-tooltipWrap1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 19891014;
}
.field-tooltipWrap1 .field-invalid1{
    border-color:#a94442;
}
.field-tooltipWrap1 .field-invalidmsg1{
    color:#a94442;
}
.field-tooltipWrap1 .field-tooltipInner1{
    pointer-events: none;
    display: table;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.field-tooltipWrap1 .field-tooltip1{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.field-tooltipWrap1 .field-tooltip1 .field-invalidmsg1{
    color: #fff;
}
.field-tooltipWrap1 .field-tooltip1 .zvalid-resultformat1{
    display: inline-block;
    position: relative;
    background-color:rgba(0,0,0,0.8);
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    pointer-events: auto;
    animation-name:fieldTipBounceIn;
    -webkit-animation-name:fieldTipBounceIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .18s;
    animation-duration: .18s;
}



.field-invalid{
    border-color:#a94442;
}
.field-invalidmsg{
    color:#a94442;
}
.field-tooltipWrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 19891014;
}
.field-tooltipInner{
    pointer-events: none;
    display: table;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.field-tooltip{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.field-tooltip .field-invalidmsg{
    color: #fff;
}
.field-tooltip .zvalid-resultformat{
    display: inline-block;
    position: relative;
    background-color:rgba(0,0,0,0.8);
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    pointer-events: auto;
    animation-name:fieldTipBounceIn;
    -webkit-animation-name:fieldTipBounceIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .18s;
    animation-duration: .18s;
}
@-webkit-keyframes fieldTipBounceIn{
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes 
{

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*    表单验证样式    */
#BM {
    width: 100%;
    margin: 10px auto;
    position: relative;
    padding-bottom: 10px;
    z-index: 0;
}
.box .titles {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #dedede;
}
.box .titles .t-left {
    width: 50%;
}
table tr td {
    font-size: 14px;
    height: 40px;
}

.box .titles .T-name {
    padding-left: 7px;
    color: #444;
    font-family: "Microsoft Yahei","微软雅黑";
    font-size: 18px;
    font-weight: 700;
}
/*    footer    */
.footMenu {
    bottom: 0;
    width: 100%;
    height: 40px;
  /*  min-width: 320px;*/
    max-width: 560px;
    margin: 0 auto;
    position: fixed;
    z-index: 1000;
	background:#FFF;
}
.footMenu li {
    float: left;
    width: 33%;
	margin-left:1px;
	background:#525252;
    height: 40px;
}
.footMenu li.index_zxzx{ background:#ea0000;}
.footMenu li.index_zxzx i{ margin-left:-15px;}
.footMenu li i{ vertical-align:middle; margin-right:5px;}
.footMenu li a {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
	font-size: 0.9rem;
}
.footMenu li a b{display: block;position:absolute;margin-top: -28px;width:17px;height:17px; font-size:12px;background: #FFF; color:#ea0000;line-height:17px;border-radius: 18px;text-align:center;margin-left: 93%;left: 2px;transition: all .5s ease;}
/*    footer    */
@font-face {font-family: "iconfont";
  src: url('/static/iconfont/iconfont.eot?t=1502434876835'); /* IE9*/
  src: url('/static/iconfont/iconfont.eot?t=1502434876835#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/static/iconfont/iconfont.woff?t=1502434876835') format('woff'), /* chrome, firefox */
  url('/static/iconfont/iconfont.ttf?t=1502434876835') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/static/iconfont/iconfont.svg?t=1502434876835#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-yanzhengma:before { content: "\e632"; }
.icon-xinwen:before { content: "\e61e"; }
.icon-zaixianbaoming:before { content: "\e604"; }
.icon-xiaoyuanfengcai:before { content: "\e681"; }
.icon-tuandui:before { content: "\e640"; }
.icon-cellphone:before { content: "\e624"; }
.icon-xueli:before { content: "\e69e"; }
.icon-fenlei:before { content: "\e651"; }
.icon-jiuyebaozhang:before { content: "\e60b"; }
.icon-gaikuang:before { content: "\e60d"; }
.icon-xingming:before { content: "\e692"; }
.icon-baoming:before { content: "\e60c"; }
.icon-zaixianzixun:before { content: "\e64c"; }
.icon-dianhua-1:before { content: "\e60e"; }