/*app基础*/

/*2013-3-3 建站宝*/
/*整体设置*/
html{ font-size: 62.5%;}
*{list-style:none;outline:none; box-sizing: border-box;}
dl,dt,dd,ul,li,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:400}
.ng_hide{ display: none !important;}
body,a{color: #777;}
a{ text-decoration: none!important;}
.mui-content.info{ display: none;}

.ms-controller{ visibility: hidden;}
/*对齐方式*/
.fl{float:left!important}
.fr{float:right!important}
.cl{clear:both!important}
.tl{text-align:left!important}
.tr{text-align:right!important}
.tc{text-align:center!important}
.mc{margin:0 auto!important}
/*间距*/
.mtb5{ margin:0.5rem auto!important;}
.mt5{ margin-top:0.5rem!important;}
.mb5{ margin-bottom:0.5rem!important;}
.mtb10{ margin:1rem auto!important;}
.mt10{ margin-top:1rem!important;}
.mb10{ margin-bottom:1rem!important;}
.mtb15{ margin:1.5rem auto!important;}
.mt15{ margin-top:1.5rem!important;}
.mb15{ margin-bottom:1.5rem!important;}
.mtb0{ margin:0 auto!important;}
.mt0{ margin-bottom:0!important;}
.mb0{ margin-top:0!important;}
.ml0{ margin-left:0!important}
.mr0{ margin-right:0!important}
.m0{margin:0!important}
/*填充*/
.pl0{ padding-left:0!important}
.pr0{ padding-right:0!important}
.plr0{ padding-left:0!important;padding-right:0!important}

/*颜色*/
.cf60{color:#f60!important;}
.cf00{color:#f00!important;}
.c900{color:#900!important;}
.cbbb{ color:#bbb!important}
/*字体字号*/
.fz0{font-size:0!important}
.fz10{font-size:1rem!important}
.fz11{font-size:1.1rem!important}
.fz12{font-size:1.2rem!important}
.fz13{font-size:1.3rem!important}
.fz14{font-size:1.4rem!important}
.fz15{font-size:1.5rem!important}
.fz16{font-size:1.6rem!important}
.fz17{font-size:1.7rem!important}
.fz18{font-size:1.8rem!important}
.fz19{font-size:1.9rem!important}
.fz20{font-size:2.0rem!important}
.fz21{font-size:2.1rem!important}
.fz22{font-size:2.2rem!important}
.fz23{font-size:2.3rem!important}
.fz24{font-size:2.4rem!important}
.fz25{font-size:2.5rem!important}
.fz26{font-size:2.6rem!important}
.fz27{font-size:2.7rem!important}
.fz28{font-size:2.8rem!important}
.fz29{font-size:2.9rem!important}
.fz30{font-size:3.0rem!important}
.fz32{font-size:3.2rem!important}
.fb{font-weight:700!important}

/*均分 比如是 ul li  class加在ul上*/
[class*=avg-]{display:block;padding:0;margin:0;list-style:none}
[class*=avg-]:after,[class*=avg-]:before{content:" ";display:table}
[class*=avg-]:after{clear:both}
[class*=avg-]>li{display:block;height:auto;float:left}
[class*=avg-]>li img{ max-width: 100%;}
.avg-1>li{width:100%}
.avg-1>li:nth-of-type(n){clear:none}
.avg-1>li:nth-of-type(1n+1){clear:both}
.avg-2>li{width:50%}
.avg-2>li:nth-of-type(n){clear:none}
.avg-2>li:nth-of-type(2n+1){clear:both}
.avg-3>li{width:33.33333333%}
.avg-3>li:nth-of-type(n){clear:none}
.avg-3>li:nth-of-type(3n+1){clear:both}
.avg-4>li{width:25%}
.avg-4>li:nth-of-type(n){clear:none}
.avg-4>li:nth-of-type(4n+1){clear:both}
.avg-5>li{width:20%}
.avg-5>li:nth-of-type(n){clear:none}
.avg-5>li:nth-of-type(5n+1){clear:both}
.avg-6>li{width:16.66666667%}
.avg-6>li:nth-of-type(n){clear:none}
.avg-6>li:nth-of-type(6n+1){clear:both}
.avg-7>li{width:14.28571429%}
.avg-7>li:nth-of-type(n){clear:none}
.avg-7>li:nth-of-type(7n+1){clear:both}
.avg-8>li{width:12.5%}
.avg-8>li:nth-of-type(n){clear:none}
.avg-8>li:nth-of-type(8n+1){clear:both}
.avg-9>li{width:11.11111111%}
.avg-9>li:nth-of-type(n){clear:none}
.avg-9>li:nth-of-type(9n+1){clear:both}
.avg-10>li{width:10%}
.avg-10>li:nth-of-type(n){clear:none}
.avg-10>li:nth-of-type(10n+1){clear:both}
.avg-11>li{width:9.09090909%}
.avg-11>li:nth-of-type(n){clear:none}
.avg-11>li:nth-of-type(11n+1){clear:both}
.avg-12>li{width:8.33333333%}
.avg-12>li:nth-of-type(n){clear:none}
.avg-12>li:nth-of-type(12n+1){clear:both}

/*其它*/
.over0{overflow:hidden!important;}
.noborder{border:none!important}
.nobg{ background:none!important}
.hidden{display:none}
.show{display:block}
@font-face {
  font-family: 'iconfont';  /* project id 464144 */
  src: url('//at.alicdn.com/t/font_464144_vo1ij19823s1yvi.eot');
  src: url('//at.alicdn.com/t/font_464144_vo1ij19823s1yvi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_464144_vo1ij19823s1yvi.woff') format('woff'),
  url('//at.alicdn.com/t/font_464144_vo1ij19823s1yvi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_464144_vo1ij19823s1yvi.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont";font-size:1.6rem;font-style:normal;}                     
                                                                   

.wd_alert{ position: fixed;left: 0;top: 5rem;right: 0; width:100%;height: 30px; margin: auto; z-index: 100; text-align: center;}
.wd_alert span{ background:#F7AE4A; padding: 5px; border-radius: 5px; color: #fff;}
               
/*载入动画*/
#spinner{margin:auto;width:15rem; height:5rem;text-align:center; position: absolute;left: 0;top: 0;right: 0;bottom: 0; z-index: 99;}
/*#spinner>div {background-color: #C5C1C0;}*/ 
#spinner>div{display:inline-block;width:2rem;height:2rem;border-radius:100%;background-color:#DA1B13;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
#spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
/*示例
 <div class="spinner">
			<div class="bounce1"></div>
			<div class="bounce2"></div>
			<div class="bounce3"></div>
		</div>
 * */
         
                    

/*mui*/
.mui-table-view-cell:after{left: 10px; right: 10px;}  

.uploadimglist li{ text-align: center; margin: 10px auto;}
.uploadimglist li div{ position: relative; width:100px; height: 100px; margin: auto;}
.uploadimglist li div .progress{ width:100px; text-align: center; height: 20px; line-height: 20px; position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto; color: #fff; text-shadow: 1px 1px 2px #fff;}
.uploadimglist li i.icon{font-size: 50px; color: #999;}
.uploadimglist li i.remove{ position: absolute;bottom: 3px;right: 3px; font-size: 25px; color: #999;}
.uploadimglist .btn_upload .box{height: 100px; width:100px; background:#eee; margin: auto; padding: 25px 0 0;}
.uploadimglist .btn_upload p{padding-top:5px; color: #333;}
.uploadimglist img{width:100px; height: 100px;}

.mui-action-back{color: #C3C3C3!important;}

.btn_submit{  margin: auto; height: 50px; line-height: 50px; padding: 0;}


/*图文列表*/
.g1001{font-size: 14px;}
.g1001 .list{ clear: both;overflow: hidden; position: relative; margin-top: 50px;}
.g1001 .list:first-child{ margin-top: 0;}
.g1001 .list .img{ display: none;}
.g1001 .list.img_left .img{ float:left; width:33.333%; display: block;}
.g1001 .list.img_left .img img{ width: 100%;}
.g1001 .list.img_left .body{ position: absolute;left: 33.333%;top: 0; padding-left: 10px;}
.g1001 .title{font-size: 20px;}
.g1001 .time{font-size: 14px;color: #999;padding: 5px 0;}
.g1001 .dec{font-size: 14px;}
.g1001 .right_top{position: absolute;top: 0;right: 0; }
.g1001 .imgs{ overflow: hidden;}
.g1001 .imgs li{ float:left;}   
              
.mui-bar .mui-tab-item{ color: #929292!important;}
.mui-bar .mui-active{ color: #929292!important;}
.mui-bar .current{ color: #E45190;}

/*返回键颜色*/
.mui-icon-back:before, .mui-icon-left-nav:before{color:#ED0600}

.mui-action-back{ text-decoration: none;}


.uploadimglist li{ text-align: center; margin: 10px auto;}
.uploadimglist li div{ position: relative; width:100px; height: 100px; margin: auto;}
.uploadimglist li div .progress{ width:100px; text-align: center; height: 20px; line-height: 20px; position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto; color: #fff; text-shadow: 1px 1px 2px #fff;}
.uploadimglist li i.icon{font-size: 50px; color: #999;}
.uploadimglist li i.remove{ position: absolute;bottom: 3px;right: 3px; font-size: 25px; color: #999;}
.uploadimglist .btn_upload .box{height: 100px; width:100px; background:#eee; margin: auto; padding: 25px 0 0;}
.uploadimglist .btn_upload p{padding-top:5px; color: #333;}
.uploadimglist img{width:100px; height: 100px;}

.tips{ clear: both; text-align: center; padding: 10px 0 5px; font-size: 14px;}




#header .nav li .iconfont{padding: 0 10px;}
#header .nav a .login{padding: 0 5px;font-size: 23px;}
#header .nav a .logout{padding: 0 5px;font-size: 23px;}
#Menu .menuList li .iconfont{font-size: 23px !important;padding: 0 10px;line-height: 50px;}



.btn-primary {background: #53d192;border-color: #53d192;line-height: 30px;}
.btn-primary:focus {color: #fff;background: #53d192;border-color: #53d192;}
.btn-primary:hover {color: #fff;background: #53d192;border-color: #53d192;}