/***
公共基础样式
 */

/**公共样式库**//**元素初始化样式 如:body input select button ..**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input ,button{margin: 0;padding: 0;border: none;outline: 0;font-family:PingFangSC-Regular;font-size:15px;font: inherit;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust: none;}
/*html, body{width: 100%;height: 100%;}*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul{list-style: none;}
ul,li{margin:0;padding: 0;list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
ins, a{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing: 0;}
input, textarea{resize:none  ; border: none;background: none;outline: none;-webkit-appearance: none;}
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select,figure, figcaption {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  font-family: "Microsoft Yahei", sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption:focus {outline: none;}
/*解决  当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景*/
*{word-break:break-all;word-wrap:break-word ;-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;-o-tap-highlight-color: transparent;tap-highlight-color: transparent;}
input:focus::-webkit-input-placeholder{color: transparent;}
textarea:focus::-webkit-input-placeholder{color: transparent;}
input[type="search"]{-webkit-appearance: none;}
input::-webkit-search-cancel-button{display: none;}
a,a:hover,a:focus{text-decoration: none;outline: none;}
/*===================================================== 以上格式化全局样式 ======================================================*/.sy-bg-grey{background: #eee;}
/* placeholder 字体颜色*/
::-webkit-input-placeholder{ color: #8E8E93}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{color: #8E8E93}                  /* Firefox版本4-18 */
::-moz-placeholder{color: #8E8E93}                  /* Firefox版本19+ */
:-ms-input-placeholder{color: #8E8E93}           /* IE浏览器 */
/*iOS弹性滚动*/
.scrolling{ position: absolute; width: 100%; height:100%;  overflow-x:hidden;  overflow-y:auto; -webkit-overflow-scrolling: touch ;}
/*清除浮动*/
.clearBoth{clear: both}
.clearfix:after{content: '';display: block; clear: both}
/*扩大点击事件*/
.size2x{ position: relative }
.size2x:after{ content: '';position: absolute ; width: 200% ;height: 200% ; top:-50%;left: -50%}
/*单行显示*/
.SL{ white-space:nowrap;overflow:hidden;text-overflow: ellipsis }
/*0.5边线*/
.hairline-top{position: relative;border:none;}
.hairline-top::before{content: '';position: absolute;left: 0;top: 0;background: #DDDEE3;width: 100%;height: 1px;-webkit-transform: scale(1,.5);transform: scale(1,.5);-webkit-transform-origin: center top;transform-origin: center top;}
.hairline-bottom{position: relative;border:none;}
.hairline-bottom::after{content: '';position: absolute;left: 0;bottom: 0;border-bottom: 1px solid #DDDEE3;width: 100%;-webkit-transform: scale(1,.5);transform: scale(1,.5);-webkit-transform-origin: center bottom;transform-origin: center bottom;z-index: 1;}
.hairline-left{position: relative;border:none;}
.hairline-left::before{content: '';position: absolute;top: 0;left: 0;border-right: 1px solid #DDDEE3;height:200%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;z-index: 1}
.hairline-right{position: relative;border:none;}
.hairline-right::after{content: '';position: absolute;top: 0;right: 0;border-left: 1px solid #DDDEE3;height:200%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: right top;transform-origin: right top;z-index: 1}
.hairline{position: relative;border:none;}
.hairline::after{content: '';position: absolute;top: 0;left: 0;border: 1px solid #DDDEE3;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
.hairline-tb{position: relative;border:none;}
.hairline-tb:before{content: '';position: absolute;top: -50%;bottom: -50%;left: -50%;right: -50%;-webkit-transform: scale(0.5);transform: scale(0.5);border-top: 1px solid #dddee3;border-bottom: 1px solid #dddee3;}
/*错误*/
input.touched.invalid:-ms-input-placeholder,textarea.touched.invalid:-ms-input-placeholder{color: #f00 !important;}
input.touched.invalid::-webkit-input-placeholder,textarea.touched.invalid::-webkit-input-placeholder{color: #f00 !important;}
input.touched.invalid,textarea.touched.invalid{color: #f00 !important;}
.touched.invalid{color: #f00 !important;}
.bgmask{background: #fff ; position: absolute ;z-index:0;width: 100% ; min-height: 100% ; }


/*常用*/
.flex-box{display:-ms-flexbox;display:-webkit-flex;display:flex;}
/*.flex-box{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items:baseline;-webkit-align-items: baseline;}*/
.flex-box-center{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items:center;-webkit-align-items: center;}
.flex1{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;-khtml-flex:1;flex:1;}
.fl{float:left;}
.fr{float:right;}
.fill {height: 100%;width: 100%;}
.clear {zoom: 1;}
.back_img {background-repeat: no-repeat;background-size: 100% 100%;}
.margin {margin: 0 auto;}
.hide {display: none;}
.show {display: block;}
.text-link{color:#4DA1FF;cursor: pointer;}
.text-success{color:#7ED321;}
.text-warning{color:#FC8650;}

.no-padding{padding:0 !important;}
.downward, .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.upward {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}


.ftool_box { height: 120px;}
.ftool { position: fixed; left: 0; right: 0; bottom: 0; height: 80px; padding-top: 10px; text-align: center; background: rgba(0,0,0,0.7); z-index: 9999;}
.ftool a { display: inline-block; height: 60px; line-height: 60px; margin: 0 10px; font-weight: bold;}
.ftool .ftel { padding-left: 48px; font-size: 24px; color: #fff; background: url(/zt/jsjd/images/ftel.png) left center no-repeat; }
.ftool .fchat { width: 200px; padding-left: 70px; font-size: 24px; color: #fff; background: url(/zt/jsjd/images/fchat.png) 30px center no-repeat #56a11f; border-radius: 30px; text-align: left;}
.ftool .fchat:hover { background-color: #69d41a; color: #fff;}