@charset "utf-8";
/*
设置输入框 input 中 placeholder的字体颜色
input::-webkit-input-placeholder {
    color:#FFF;
}
input:-moz-placeholder {
    color:#FFF;
}
input::-moz-placeholder {
    color:#FFF;
}
input:-ms-input-placeholder {
    color:#FFF;
}
设置input背景色透明
background-color: transparent;
*/
/* public css */
* {
	padding:0;
	margin:0;
	border:0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
	font-family:"Microsoft YaHei";
}
#firstDiv {
	min-width: 320px;
	max-width: 560px;
	margin: 0 auto;
	background: #fff;
    font-size:1.2rem;
}
a {cursor:pointer; text-decoration: none;}
ul,ol,li{ list-style-type: none;}
.clear{ clear:both;}
.mg_0{ margin: 0 auto;}
.mg_t10{ margin-top: 0.5rem;}
.mg_t20{ margin-top: 1rem;}
.mg_t30{ margin-top: 1.5rem;}
.mg_t40{ margin-top: 2rem;}
.mg_t50{ margin-top: 2.5rem;}
.pd_tb{ padding-top: 2rem; padding-bottom: 2rem;}
.pd_21{ padding: 2rem 1rem;}
.t_l{ text-align: left;}
.t_c{ text-align: center;}
.t_r{ text-align: right;}
.t_i{ text-indent:2em;}
.hongse{ color: #ff0000;}
.huangse{ color: #fff100;}
.lanse{ color: #00a0e9;}
.baise{ color: #FFF;}
.heise{ color: #000;}
.bg_hong{ background: #ff0000;}
.bg_huang{ background: #fff100;}
.bg_lan{ background: #00a0e9;}
.bg_bai{ background: #FFF;}
.bg_hei{ background: #000;}
.b{ font-weight: bold;}
.d_n{ display: none;}
.d_b{ display: block;}
.banner img{ display: block;}
.kongbai01{ width:100%; height:40px;}
.flex{ display: flex; justify-content: space-between; flex-wrap:wrap;}
/* public css */
/* 离线宝 css */
.zt_lxb{ padding: 0 1rem; display: flex; justify-content: flex-start;}
.zt_lxb .zt_lxb_1{ height: 35px; line-height: 35px; border: 1px solid #ff0000;}
.zt_lxb_input{ width: 65%; padding-left: 3%; font-size: 0.8rem;}
.zt_lxb_btn{ width: 33.5%; font-size: 1rem;}

.phonecallback_input,.phonecallback_btn{ height:2.2rem; border:1px solid #ef0000; font-size:0.9rem; float:left; margin-top:0.75rem;}
.phonecallback_input{ width:20rem; padding-left:1.25rem;}
.phonecallback_btn{ width:6rem; background:#ef0000; line-height:2.2rem; text-align:center; color:#FFF;}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .phonecallback_input {
    width: 19rem;
    padding-left: 1.25rem;
    }
}
/* 离线宝 css */
/*  表单样式  */
.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:-15px; 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-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;
}

.field-invalid1{
    border-color:#a94442;
}
.field-invalidmsg1{
    color:#a94442;
}
.field-tooltipWrap1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 19891014;
}
.field-tooltipInner1{
    pointer-events: none;
    display: table;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.field-tooltip1{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.field-tooltip1 .field-invalidmsg1{
    color: #fff;
}
.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;
}

@-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);
  }
}
/*    表单验证样式    */
/*    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    */