body{
  -webkit-user-select:initial;
  background-color: #fff;
}
body>a{display: none;}
.demo-desc{
    padding: 10px;
    font-size: 16px;
    color: #181818;
}
.demo-block{
    position: relative;
}
.demo-block .ui-header,
.demo-block .ui-footer{
    position: absolute; 
}
.ui-header-positive{ background-color:#181818;}

.ui-footer li{ font-size:12px; color:#181818;}
 


.ui-tab-nav{
    top: 45px;
}
.ui-tab-content{
    margin-top: 45px;
}
.demo-block > .ui-list,.demo-block >.ui-form,.demo-block >.ui-tooltips{margin-bottom: 20px;}
.content h3{
    padding: 0 15px;
    line-height: 44px;
    font-size: 15px;  
}
.border-list{
    background-color: #fff;
}
.border-list li{
    width: 100px;
    margin: 10px auto;
    -webkit-box-pack: center;
    text-align: center;
}
.ui-btn-group-bottom{bottom: 56px;}
.ui-table{
    line-height: 40px;
    text-align: center;
    background-color: #fff;
}
.ui-scroller {width:auto;height:300px;margin:20px;padding:10px;overflow:hidden;}
.ui-scroller li {margin-bottom:10px;}
.ui-notice{
    top: 0;
    z-index: -1;
    height: 400px;
}
.icon-lists li{
  float:left;
  height: 100px;
  width: 103px;
  text-align: center;
  
}
.icon-lists li i{
    font-size: 32px;
    line-height: 44px;
}
.icon-lists .ui-icon,.icon-lists [class^="ui-icon-"]{
  margin: 10px 0;
  color: #000;
}
.code,.fontclass{
    font-size: 12px;
}
.ui-col{
    padding: 5px;
    background: #18B4ED;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
	color:#fff;
}
.ui-col i{ color:#f60;}
.ui-flex{
    border: 0px;
    min-height: 80px;
    margin-bottom: 10px;
}
.ui-flex-ver{
    
    min-height: 80px;
    margin-bottom: 10px;
}
.ui-row-flex-ver{
    
    min-height: 100px;
}
.test-img {
    width: 50px;
    height: 50px;
    background: #777;
}

.upimg{ clear:both; width:100%; display:inline;}
.upimg li{ width:40px; height:40px;  margin-right:5px; border:1px #CCCCCC solid; text-align:center; list-style:none;   overflow:hidden; line-height:40px; text-align:center;}
.upimg li p{line-height:20px; height:20px; text-align:center;}
.upimg li.upbtn{background:url(upbtn.png) no-repeat center; cursor:pointer; float:left;}
.upimg li img{ width:40px; height:40px;}

#myplayer{ width:100%; min-height:200px;} 


/* 普通翻页器-默认居中 */
.m-page{margin:10px 0 0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;text-shadow:0 1px #fff;background:#fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a,.m-page a:hover{text-decoration:none;color:#39c;}
.m-page a:first-child{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.m-page a:last-child{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.m-page a.pageprv:before,.m-page a.pagenxt:after{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;}
.m-page a.pageprv:before{margin-right:3px;content:'\3C';}
.m-page a.pagenxt:after{margin-left:3px;content:'\3E';}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;border-radius:5px;}
.m-page-sr i{border:0;}
.m-page-sr a:first-child,.m-page-sr a:last-child{border-radius:5px;}

/*提问漂浮按钮**/
.postask{ position:fixed; right:20px; bottom:80px; width:50px; height:50px; background:url(ask.png) no-repeat;background-size:cover; z-index:100000;}

/*
统一的圆角
*/
.minpic80{ width:76px; height:76px; border-radius:5px; margin-right:5px; margin-top:5px; border:1px #CCCCCC solid; padding:1px;text-shadow:0 1px #fff;background:#fff;}
/**

**/
.my-simple-gallery{ width:100%; padding:0px; margin:0px; display:inline-table}
.my-simple-gallery figure{ float:left; padding:0px 1%; margin:0px; width:85px; margin-bottom:8px; }
.my-simple-gallery figure img{}
 

/**文章段落样式**/
.article_template_1{line-height:160%; font-size:16px; border:2px #0099FF solid; padding:10px; margin:10px 0px;}
.article_template_2{line-height:160%; font-size:16px; border:2px #ff3300 solid; padding:10px; margin:10px 0px;}
.article_template_3{line-height:160%; font-size:16px; background-color:#333333; color:#FFFFFF; padding:10px; margin:10px 0px;}
.article_template_4{line-height:160%; font-size:16px; background-color:#ff3300; color:#FFFFFF; padding:10px; margin:10px 0px;}
.article_template_5{line-height:160%; font-size:16px; background-color:#0099FF; color:#FFFFFF; padding:10px; margin:10px 0px;}
.article_template_6{line-height:160%; font-size:20px; font-weight:bold; color:#232323; margin:10px 0px;  }
.article_template_7{line-height:160%; font-size:20px; font-weight:bold; color:#ff3300; margin:10px 0px;  }
.article_template_8{line-height:160%; font-size:20px; font-weight:bold; color:#0099FF; margin:10px 0px;   }
.article_template_9{ line-height:160%;  font-size:16px; margin:10px 0px;  background:url(notice.png) no-repeat #FFCCCC; border:2px #FF9900 solid; min-height:100px; padding:10px; font-weight:bold;  padding-left:100px; color:#FF3300;}
.article_template_10{line-height:160%; font-size:30px; color:#fff; font-weight:bold;
  text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #FF1177,
               0 0 35px #FF1177,
               0 0 40px #FF1177,
               0 0 50px #FF1177,
               0 0 75px #FF1177;}
			   
			   
/****
首页的权限组列表
**/
.indexgroup{
	min-height:100px; 
	width:100%; 
	position:relative;

}
.indexgroup .icon{ position:absolute; left:0px; top:0px; width:96px; height:96px; padding:1px; border:1px #CCCCCC solid;border-radius:3px;}
 
.indexgroup .content{ margin-left:110px; font-size:12px; color:#999999;}
.indexgroup .content h4{ color:#181818;}
.indexgroup .ok{position:absolute; right:2px; top:-3px; background:url(groupok.png) no-repeat; background-size:100%;width:30px; height:30px; z-index:1;}
.indexgroup .no{ position:absolute; right:2px; top:-3px; background:url(groupno.png) no-repeat; background-size:100%;width:30px; height:30px; z-index:1;}
.indexgroup .price{ position:absolute; right:35px; top:0px; font-size:12px; color:#ffffff; font:"Droid Sans Fallback","Heiti SC"; background-color:#E52A00; padding:2px;}
.indexgroupblack{ margin:10px 0px;}
.indexgroupblack .content{ color:#999999;}
.indexgroupblack .content h4{ color:#FFFFFF; line-height:200%;}
.indexgroupblack .content .ui-avatar-tiled{ background:none; margin-right:3px;}

/**
信笺背景
**/
.letter{ width:100%; min-height:800px;}
.letter .words{ padding:20px; line-height:200%; font-size:16px; color:#000000; font-weight:400px;}
.letter .words red{ color:#FF3300;}
.letter .words blue{ color:blue;}


/**九宫格*/
 

.-ui-tiled li{ min-height:100px; font-size:12px; color:#000000;}
.-ui-tiled li .iconfont{font-size:30px; color:#18B4ED; line-height:100%;}
.-ui-tiled li .iconfont_1{ color:#FF9900}
.-ui-tiled li .iconfont_2{ color:#CC6600}
.-ui-tiled li .iconfont_3{ color:#454545}
.-ui-tiled li .iconfont_4{ color:#9999CC}
.-ui-tiled li .iconfont_5{ color:#CC66CC}
.-ui-tiled li .iconfont_6{ color:#339999}
.-ui-tiled li .iconfont_7{ color:#663300}
.-ui-tiled li .iconfont_8{ color:#99CC00}
.-ui-tiled li .iconfont_9{ color:#999999}
.-ui-tiled li .iconfont_red{ color:#ff6600}

.iam{ height:30px; line-height:30px; background-color:#efefef; font-size:12px; color:#666666; padding-left:10px;}