body,html { border:none; margin:0px; padding:0px; background-color:#f2f2f2; font-size:14px; position: relative; height: 100%; }
a{ text-decoration:none; }

/* 标准 */
.rPanel { margin-left:6px; margin-right:6px; margin-top:6px; border-radius:3px; background-color:#ffffff; padding:4px; }
.rPanel .rpTitle .rpMore{ position:absolute;right:4px;  vertical-align:middle;   font-size:12px; color:#888888; top:8px; }
.rPanel .rpTitle .rpMore span{ display:inline-block; color:#888888; }
.rPanel .rpTitle .rpMore .icoMore{ display:inline-block; width:14px; }
.Button{ width:40%; line-height:40px; text-align:center; border:1px solid; margin-left:10px; margin-right:10px; display:inline-block; position:relative; background-color:#ffffff; border-radius:3px;   }
.hline{ height:1px; font-size:0px; background-image:url(/resM/image/dot.png); background-repeat:repeat-x; } /* 横线 */

.rPanel .rpTitle{display:block;   padding-top:6px;  padding-bottom:4px; text-align:left; padding-left:10px;  font-size:16px; position:relative;  }
.rPanel .rpTitle img{ width:18px;display:inline-block; vertical-align:middle; margin-right:4px; }
.rPanel .rpTitle span{ display:inline-block; vertical-align:middle; font-weight:500;    }

/**/
.tCells{ display:table; width:100%; }
.tCell{ display:table-cell; width:10%; }
.cbMain {  background-color: #008dd8; border-color:#008dd8; color: #ffffff; }
.cfMain { color:#008dd8; }
.cdMain{ border-color:#008dd8; }
/* 头部 */
.pageHead { position: relative;  height: 50px; }
.pageHead .fix{ position:fixed; z-index:1000; left:0px;top:0px;right:0px;height:50px; background-color:#ffffff;  }
.pageHead .fix img{ height:55px; background-color:#ffffff; border-radius:10px; padding:10px; margin-left:20px;margin-top:4px;   display:inline-block; vertical-align:top;  }
.pageHead .fix div{ font-size:18px; line-height:52px; padding-left:6px; color:#008dd8;  display:inline-block; vertical-align:top;  }
.pageHeadA .fix{ box-shadow:0px 2px 7px rgba(100,100,100,1); }
.pageHeadA .fix img{ height:42px; background-color:transparent; padding:0px; margin-top:4px; }
/**/

/* 菜单 */
.menuBt{ position:fixed; z-index:1001; right:0px; top:0px; height:50px; width:60px; }
.menuBt .icoL1{ position:absolute; width:22px; height:1px; left:20px; top:17px; background-color:#008dd8; }
.menuBt .icoL2{ position:absolute; width:22px; height:1px; left:20px; top:25px; background-color:#008dd8; }
.menuBt .icoL3{ position:absolute; width:22px; height:1px; left:20px; top:33px; background-color:#008dd8; }

.hideMenu .icoL1{ animation:toHideL1 0.8s forwards; }
.hideMenu .icoL2{ animation:toHideL2 0.8s forwards;   }
.hideMenu .icoL3{ animation:toHideL3 0.8s forwards; }
.showMenu .icoL1{ animation:toShowL1 0.8s forwards;  }
.showMenu .icoL2{ animation:toShowL2 0.8s forwards; }
.showMenu .icoL3{ animation:toShowL3 0.8s forwards;  }

@keyframes toShowL1 {from { transform:rotate(0deg); left:20px; transform-origin:0px 0px; }  to { transform:rotate(45deg); left:22px;  top:17px; width:23px;transform-origin:0px 0px;}}
@keyframes toHideL1 { to { transform:rotate(0deg); left:20px; transform-origin:0px 0px; } from { transform:rotate(45deg); left:22px;  top:17px; width:23px;transform-origin:0px 0px;} }
@keyframes toShowL2 {from { opacity:1; }  to {  opacity:0;}}
@keyframes toHideL2 { to {  opacity:1; } from {  opacity:0;} }
@keyframes toShowL3 {from { transform:rotate(0deg); left:20px; transform-origin:0px 0px; }  to {  transform:rotate(-45deg); left:22px; top:33px;width:23px;transform-origin:0px 0px;}}
@keyframes toHideL3 { to {transform:rotate(0deg); left:20px; transform-origin:0px 0px;  } from { transform:rotate(-45deg); left:22px; top:33px;width:23px;transform-origin:0px 0px;} }

.headMenu{ position:relative; z-index:1000; }
.headMenu .menuMask{ position:fixed; left:0px; top:0px;right:0px; bottom:0px; background-color:rgba(0,0,0,0.7); }
.headMenu .menuBody{ background-color:#ffffff; position:fixed; width:220px; top:0px;right:0px;bottom:0px; padding:15px 20px 20px 30px; overflow-y:scroll;   }

.headMenuShow .menuBody{ animation:toShowMenuBody 0.8s forwards;}
@keyframes toShowMenuBody { from {  right:-300px; } to { right:0px; }}

.muM{  margin-bottom:10px;  }
.muMTitle{ font-size:16px; font-weight:700; line-height:30px; color:#000000; }
.muMContent{ padding-left:20px; }
.muMItems{ display:table; width:100%; }
.muMItem { display:table-cell; font-size:15px;  line-height:26px; width:33%;  }
.muMItem,.muMItem a{ color:rgba(0,0,0,0.6);}
.muCode{position:absolute;left:0px; bottom:0px;right:0px; font-size:12px; padding-top:16px; padding-bottom:16px; color:#888888; background-color:#eeeeee; text-align:center; }
.muCode img { height:80px;  }
/* 新闻列表 */
.arList{ padding:4px;  }
.arItem{ margin-top:4px; position:relative; color:#222222;   }
.arItemL{ padding:4px; padding-left:6px; width:auto; vertical-align:top; position:relative;  }
.arItemR{ padding:4px; width:112px;  vertical-align:top; overflow:hidden;  }
 
.arItemT{ font-size:15px; }
.arItemI{ position:absolute; bottom:6px; left:7px; right:0px; font-size:12px; color:#888888;  }
.arItemI span{ position:absolute; right:10px; font-size:12px; color:#888888; display:inline-block;  }
.arFace{ display:inline-block; width:112px;  height:80px; border-radius:3px;background-repeat:no-repeat; background-size:cover; background-position:center center; }
.arItemM{   font-size:12px;  color:#444444;  margin-top:5px; }
/* 底部 */
.bBottom { }
.bBottomP1{ padding:30px; padding-top:0px;  background-color:#20282F; letter-spacing:1px; }
.bBottomP2{text-align:center;  background-color:#182024; padding:15px; padding-top:50px; }
.bLineTitle {font-size: 16px;color: #ffffff;line-height: 30px;padding-top: 10px; text-align:left;}
.bLineText, .bLineText a {font-size: 14px;color: rgba(255,255,255,0.6);line-height: 25px;}
.bBottomP2   .bLineTitle {margin-bottom:10px; padding-left:15px; }
.bBottomP2  img{ border-radius:4px; display:inline-block; width:100%; }
.bBottomP2 .p2Txt{ color:rgba(255,255,255,0.4); font-size:10px; margin-top:5px; }
.bBottomLogo{background-color:#182024; text-align:center; padding-top:50px; color:#555555; font-size:12px; padding-bottom:50px; line-height:30px;  color:#555555;}
.bBottomLogo img{width:100px; } .bBottomLogo a{color:#555555; }

.pQrcode { display: inline-block; margin-right: 20px; text-align: center; }
.imgQrcode { width: 80px; height: 80px; background-color: rgba(255,255,255,0.2);  border-radius: 3px; padding: 4px;}
.labQrcode { color: rgba(255,255,255,0.3);  font-size: 14px; margin-top: 10px; }
.imgQrcode img {  width: 100%; border-radius: 3px; }
/**/
.noselected{ moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

.text-overflow{ overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}

.text-overflow3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

/**/
.muM2{ display:none; }