﻿@charset "utf-8";

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;font-family:Arial, 微软雅黑,宋体;}

html,body{height:100%;}

html,body {	font-family: Arial, Helvetica, sans-serif, "微软雅黑", "幼圆" "宋体";font-size: 12px;_font-size: 12px;text-decoration: none;}

img { border: 0 none; vertical-align: top; }

ul, li { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

body, input, select, button, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "宋体", "微软雅黑"; }

button { cursor: pointer; }

i, em, cite { font-style: normal; }

body { background: #fff; color: #333;  }

a, a:link, a:hover , a:active , a:visited { text-decoration: none; }

a:active, a:link {color: #000;}

a:focus { outline: none; }a:hover{color:#d00;}

.fl{float:left;}

.fr{float:right;}

.bhh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/**文字不换行，超出部分显示...**/

.tab_no{display:none;}

.tab_box{display:block;}.curP{cursor: pointer;}

.disB{ display:inline-block;}

.rset{margin-right:10px;float:right;}

.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */

	clear:both;

    height:0;

    font-size: 0;

    line-height: 0px;

}
/* ======  clearfix  ====== */
.clear {
    clear: both;
    visibility: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    *zoom:1;
}

.TxC{text-align: center;}

.TxR{text-align: right;}

figure{margin:0;}




/** tab 切换**/

.itab .itabBox .jq{display: none;}

.itab .itabBox .jq.act{display:block;}













/*按钮**/

.btn{line-height:30px;padding:0px 16px; cursor: pointer; display: inline-block;border-radius: 4px;box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.2);background-color: #fff;}

.btn.fb{box-shadow: none;color: #fff;border: none;}

.btn.fb.btn-danger{background-color: #e00;}

.btn.primary{background-color: #007AFF;}

.btn.H40{height: 40px;line-height: 40px;padding:0px 24px;}



.btn.btnEnt{padding:3px 36px;}

.btn.btnEnt{padding:3px 36px;}

.btn[disabled]{color:#fff;background-color: #ddd;}





/***线上写字**/

fieldset.tit{height: 1px;border: none;border-top: solid 1px #eee;}

fieldset.tit>legend{padding: 0 12px;}





/**布局定位**/

.psR{position: relative;}

.psA{position: absolute;}

.psF{position: fixed;}

.bxM{top:0;right:0;bottom:0;left:0;}





/**内容区两边间隔**/

.mPage{margin-left:24px;margin-right:24px;}



/**自定义顶导航-图标大小**/

.iconfont.navicoFont{font-size: 48px;}







.userpic{width:66px;height:66px;}

.userpic>image{width: 100%;height: 100%;border-radius: 50%;}





/**左图右字**/

.tzLi{display: flex;}

.tzLi>.img{width: auto;}

.tzLi>.dl{flex: 4;}







/***左label，右内容**/

.litx>li{display: flex;}

.litx>li>.lab{flex: 1;}

.litx>li>.val{flex: 3;}



/**左内容右表单**/

.iform>li{display: flex;margin-top:12px;margin-bottom: 12px;}

.iform>li>label{flex: 1;text-align: right;display: flex;align-items: center;flex-flow:row-reverse;font-size: 1.2rem;}

.iform>li>label>font{color: #e00;}

.iform>li>dl{flex:4;margin-left: 1rem;}

.iform>li>dl select,

.iform>li>dl input{padding:8px 14px;font-size: 1.2rem;}





/**文章名称单行-左名-右其他**/

.sli{display: flex;}

.sli .tit{flex: 1;}

.sli .tit>a{width:100%;display: inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}





/**列表**/

.ulis li{margin:10px;display: flex;}



/**左图标右数字**/

.iconBtns{display: inline-block;color:#bbb;}

.iconBtns .icon{margin-right:8px;font-size: 32px;}

.iconBtns .num{line-height: 1.4;}







/*** 多级菜单 *****/

.cd-accordion-menu {box-shadow: 0px 0px 0px 1px #c0dbed;border-radius: 0.25rem;margin-top:2rem;}

.cd-accordion-menu ul {display: none;}

.cd-accordion-menu li { user-select: none;line-height: 3rem;}

.cd-accordion-menu input[type=checkbox] {position: absolute;opacity: 0;}

.cd-accordion-menu label, .cd-accordion-menu a {  position: relative;display: block;  padding: 6px 20px; padding-right:20px; font-size: 1.4rem;}

.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {  background: #52565d;}

.cd-accordion-menu label::before{

  content: '';display: inline-block;width: 12px;height: 12px; position: absolute;top: 50%;transform: translateY(-50%); opacity: 0.6;

}

.cd-accordion-menu label {  cursor: pointer;}

.cd-accordion-menu label::before {  background-image: url(../img/cd-icons.svg);background-repeat: no-repeat;}

.cd-accordion-menu label::before {right: 18px;background-position: 0 0;transform: translateY(-50%) rotate(-90deg);}

.cd-accordion-menu label:hover{color: #d00;}

.cd-accordion-menu input[type=checkbox]:checked + label::before {  transform: translateY(-50%);}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,

.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {display: block;}

.cd-accordion-menu ul label,

.cd-accordion-menu ul a {padding-left: 40px;}

.no-touch .cd-accordion-menu ul label:hover, .no-touch

.cd-accordion-menu ul a:hover {  background: #3c3f45;}

.cd-accordion-menu > li:last-of-type > label,

.cd-accordion-menu > li:last-of-type > a,

.cd-accordion-menu > li > ul > li:last-of-type label,

.cd-accordion-menu > li > ul > li:last-of-type a {  box-shadow: none;}

.cd-accordion-menu ul ul label,

.cd-accordion-menu ul ul a { padding-left: 56px;}

.cd-accordion-menu ul ul ul label,

.cd-accordion-menu ul ul ul a {  padding-left: 72px;}

.cd-accordion-menu ul ul ul ul label,

.cd-accordion-menu ul ul ul ul a {  padding-left: 88px;}

.cd-accordion-menu ul ul ul ul ul label,

.cd-accordion-menu ul ul ul ul ul a {  padding-left: 104px;}

.cd-accordion-menu ul ul ul ul ul ul label,

.cd-accordion-menu ul ul ul ul ul ul a {  padding-left: 120px;}

.cd-accordion-menu ul ul ul ul ul ul ul label,

.cd-accordion-menu ul ul ul ul ul ul ul a {  padding-left: 136px;}







.iconfont.icon-xingbie-nan{color: #0000FF;}/**男**/

.iconfont.icon-xingbie-nv{color: #ff007f;}/**女**/





/**新闻列表页码**/

.pager{text-align: center;padding-top: 15px;font-size: 1.4rem;}

.pager a.page,.pager a.page-curr{margin-left:5px;}

.pager a:visited{color:#000;}

.pager a:hover{color:#e04646;}

.pager a.page-curr{color:#e04646;}



/********------------------------------------* 间隔 *----------------------------------------*********/

.M24{margin:24px;}

.Mt48{margin-top: 48px;}.Mt32{margin-top: 32px;}.Mt24{margin-top: 24px;}.Mt16{margin-top: 16px;}.Mt12{margin-top: 12px;}.Mt8{margin-top:8px;}.Mt4{margin-top:4px;}.Mt2{margin-top:2px;}

.Mr64{margin-right: 64px;}.Mr48{margin-right: 48px;}.Mr24{margin-right: 24px;}.Mr12{margin-right: 12px;}

.Ml48{margin-left: 48px;}.Ml32{margin-left: 32px;}.Ml24{margin-left: 24px;}.Ml12{margin-left: 12px;}

.Mb48{margin-bottom:48px;}.Mb32{margin-bottom: 32px;}

.Mfg{margin:0 24px;}



.Ml20B{margin-left: 20%;}





.P32{padding: 32px;}.P24{padding: 24px;}.P12{padding: 12px;}

.Pb16{padding-bottom: 16px;}.Pb12{padding-bottom: 12px;}

.Pl12{padding-left: 12px;}

.Pr12{padding-right: 12px;}





/********------------------------------------------* 宽高 *-------------------------------------*******/

.hB100{height: 100%;}

.wB100{width:100%;}.wB50{width:50%;}

.hw{height: 100%;width: 100%;}











/***盒子模型水 平**/

.fxBox{ display: flex;}

/***盒子模型垂直**/

.fyBox{display:flex;flex-flow: column;}

.fyBox .fx1{flex: 1;}.fyBox .fx2{flex: 2;}.fyBox .fx3{flex: 3;}.fyBox .fx4{flex: 4;}.fyBox .fx5{flex: 5;}.fyBox .fx6{flex: 6;}

/***盒子模型-水平居中**/

.fxcBox{display: flex;flex-flow:row-reverse;justify-content:center;}

/***盒子模型-垂直居中**/

.fhBox{display: flex;align-items: center;}

/***盒子模型-水平居右**/

.fxrBox{display: flex;flex-flow:row-reverse;justify-content: flex-start;}

/***盒子模型-两端对齐**/

.fxmBox{display: flex;flex-flow:row-reverse;;justify-content: space-between;}

/**水平垂直居中 **/

.fxyBox{display: flex;align-items: center;justify-content: center;}

.fxyBox .fx1{flex: 1;} 

.fx1{ flex:1;}.fx2{ flex:2;}.fx3{ flex:3;}.fx4{ flex:4;}.fx5{ flex:5;}.fx6{ flex:6;}.fx7{ flex:7;}.fx8{ flex:8;}













.bk{ box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.1);}

.b-l-1e{box-shadow: -1px 0px 0px rgba(255,255,255,0.2);}

.b-r-1e{box-shadow: 1px 0px 0px rgba(255,255,255,0.2);}

.b-t-1{box-shadow: 0px -1px 0px rgba(155,155,155,0.1);}.b-t-2{box-shadow: 0px -1px 0px rgba(155,155,155,0.2);}

.b-b-1e{box-shadow: 0px 1px 0px rgba(0,0,0,0.06);}

.b-br-1e{box-shadow: 1px 1px 0px rgba(222,222,222,0.1);}







.Fe08{font-size: 0.8rem;}

.Fe11{font-size: 1.1rem;}

.Fe12{font-size: 1.2rem;}

.Fe14{font-size: 1.4rem;}

.Fe16{font-size: 1.6rem;}







/*******颜色****/

.FsH4{color:#444;}.FsH6{color:#666;}.FsH0{color:#000;}.FsH8{color:#888;}.FsHa{color:#aaa;}

.FsFf{color:#fff;}

.FsFe{color:#eee;}

.FsFd{color:#ddd;}

.FsY0{color:#ff0;}

.FsR0{color:#f00;}

.FsL0{color:#0f9;}

.FsB0{color:rgba(0, 119, 255, 0.867);}

.FsB1{color:#007AFF;}





.BfFf{background-color: #ffffff;}

.BfF4{background-color: #f4f4f4;}

.BfB1{background-color: #007AFF;}

.BfL1{background-color: #09BB07;}

.BfJ1{background-color: #FFB400;}

.BfH1{background-color: #DD0000;}



