/*公共*/
*{margin: 0;padding: 0;}
ul,ol,li{
	list-style: none;
}
html,body{
				background-color: #FFF !important;
				color: #333 !important;
				height: 100%;
}
.mui-bar {
	background-color: #132F9D !important;
}
.mui-bar.mui-bar-tab{
	background-color: #f7f7f7 !important;
}
.mui-bar-tab .mui-tab-item .mui-icon.mui-icon-plus-filled {
    color: #132F9D !important;
}
.mui-bar .mui-title{
	color:#fff !important;
}
.mui-bar .mui-btn-link
{color:#fff !important;}
.mui-bar .mui-icon {
	color:#fff !important;
}
.mui-bar.mui-bar-tab .mui-icon{
	color: inherit !important;
}
.mui-tab-sb .mui-tab-label {
    margin-top: 25px;
}
.article img {
    max-width: 90%;
    height: auto;
}

.input-group h5 {
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}

.mui-btn-primary{
    color: #fff;
    border: 1px solid #132F9D !important;
    background-color: #132F9D !important;
}

.mui-bar .mui-pull-left .mui-icon {
	padding-right: 5px;
	font-size: 28px;
}
.mui-bar .mui-btn {
	font-weight: normal;
	font-size: 17px;
}
.mui-bar .mui-btn-link {
	top: 1px;
}
.padding-h{
	padding: 12px 0px;
}

/*透明导航*/

.mui-bar.mui-bar-transparent {
	    top: 0;
	    background-color: rgba(247,247,247,0) !important;
	    -webkit-box-shadow: none;
	    box-shadow: none;
}
.mui-bar.mui-bar-transparent .mui-icon{color: #fff !important;}

/*强制样式改变*/
.mui-content .mui-grid-view.mui-grid-9{
	background: #FFF;
}
.mui-content{
	background-color: #FFF !important;
	overflow: hidden;
}
.mui-content p{
	color: #333;
}
.mui-content>.mui-table-view:first-child{
	margin-top: 0px !important;
}
/*列表list*/
.list-item .sub-header{
	padding-top:12px ;
}
.list-item .sub-header a{
	display: inline-block;
	font-size: 20px;
	padding: 8px;
}
.list-item .sub-header h4{
	display: inline-block;
	padding: 7px 0px;
}
/*轮播图片点击后的文章概览*/
.article{
	padding: 10px 10px 50px 10px;
}
.article .art-title h4,.article .art-title h5{
	padding: 3px 0px;
}
.article .art-content p{
	
	    word-break: break-all;

	text-align: justify;
	color: #333;
}
.article .art-content h5{
	color: #000000;
	font-weight: bold;
}
.article .art-imgview{
	padding: 20px;
}
.article .art-imgview img{
	max-width: 100%;
  height: auto;
}
/*左上角menu点击后的页面样式*/
.menu-wrapper{
	padding: 20px 0px;
}
.squared-title{
	padding: 15px;
}
/*九宫格里的自定义大图标及颜色*/
.squared-iconblock{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	border-radius: 50%;
	text-align: center;
}
.squared-iconblock .iconfont{
	line-height: 60px;
	color: #FFF;
	font-size: 2em !important;
}


/*banner*/
.moments-banner{
	position: relative;
	height: 160px;
	background: url(../../../images/shuijiao.jpg) no-repeat center/cover;
}
.moments-net{
	padding-top: 25px;
	color: #FFF;
}
.moments-net .moments-name,.moments-net .moments-head{
	margin: 0 auto;
}
.moments-net .moments-name{
	padding: 15px;
	font-weight: bold;
	text-align: center;
  text-shadow: 0px 2px 2px #555;
 	font-family: "microsoft yahei";
}
.moments-net .moments-head{
	width: 85px;
	height: 85px;
	border-radius: 50%;
	overflow: hidden;
}
.moments-net .moments-head img{
	width: inherit;
}
/*个人中心中部导航*/
.mui-segmented-control.mui-scroll-wrapper.mid-bar{
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc;
    margin-bottom: 2px;
    height: 40px;
    
}
.mid-bar a{
	font-weight: 600;
}

.mui-btn-block{
	padding: 6px 12px !important;
}


.mui-table a{
	color: #333 !important;
}

/*活动照片列表*/
.mui-table-view.mui-grid-view.activeplist .mui-table-view-cell img{height: 30vw;}
.mui-table-view.mui-grid-view.activeplists .mui-table-view-cell img{height: 50vw;}
/*首页轮播图*/
.larpstro img{height: 55vw;}

/*暂无权限*/
.nhhwuqx{padding-top: 45%;text-align: center;}

/*暂无记录*/
.norecord{padding-top: 40%;}
.norecord > div:first-child{width: 80px;height: 80px;100px;margin: 15px auto;border-radius: 50%;background-color: #e8e8e8;}
.norecord > div:first-child .mui-icon-extra{font-size: 40px;color: #888;line-height: 80px;}

.nopower{padding-top: 40%;}
.nopower > div:first-child{width: 80px;height: 80px;100px;margin: 15px auto;border-radius: 50%;background-color: #e8e8e8;}
.nopower > div:first-child .mui-icon-locked{font-size: 40px;color: #888;line-height: 80px;}

.detail-list-per{padding: 12px;}

.e-context{text-align: justify;text-indent: 2em;word-wrap:break-word;}

fieldset{margin: 0;padding: 0;border: 0px;}  
	 fieldset {
    border-top: 1px solid #e5e5e5;
    padding: 10px 15px 0 15px;
    line-height: normal;
    }
    fieldset > legend {
    border-bottom: 0 none;
    font-size: 16px;
    margin: 0 0 0 -5px;
    padding: 0 5px;
    width: auto;
}
fieldset > legend .mui-icon{font-size: 18px;}
.files-list{font-size: 14px;}
.files-list li{padding: 5px 0;}

.imgwrapswhole .mui-table-view-cell{border-radius: 0 !important;margin-right: 0 !important;padding-left: 10px !important;}
.imgwraps{position: relative;padding-bottom: 100%;background-position: center;background-size: cover;}
.imgwraps img{position: absolute;height: 100% !important;left: 0;top: 0;opacity: 0;}
.mui-input-row.tgwid{display: inline-block;}

/*.fixadd-s{position: fixed;width: 50px;height: 50px;right: 20px;bottom: 20px;z-index: 2;}
.fixadd-s button{width: 100%;height: 100%;font-size: 50px !important;background-color: #ccc;color: #fff;border-radius: 50%;font-weight: bold;padding: 0;line-height: 0 !important;}*/

/*登录注册*/
.per-header {
    padding: 40px 0px 20px;
    text-align: center;
}
.per-header .per-portrait {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
}
.per-header .per-portrait img {
    width: 100%;
    height: 100%;
}
.per-header .per-integral {
    padding: 18px 0px 10px;
}

/*班级主页*/
.class-wall{position: relative;overflow: hidden;}
.class-wall ul{overflow: hidden;background-color: #0078D7;}
.class-wall ul li{float: left;width: 20vw;height: 15vw;}
.class-wall ul li > div{width: 100%;height: 100%;background-position: center;background-size:100% 100%;}
.class-wall .class-wall-mask{position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(0,120,215,0.95);}
.class-wall .class-wall-title{position: absolute;top: 30%;width: 100%;}
.class-wall-title > h2{text-shadow: 5px 5px 8px rgba(0,0,0,0.5);color: #fff;}
.class-wall-title > span{text-shadow: 1px 1px 3px rgba(0,0,0,0.5);color: #fff;}

ul.grid_a li .grid-unit {
    width: 90%;
    padding-bottom: 70%;
    margin: 5% auto;
    position: relative;
    border-radius: 5%;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}
ul.grid_a li .grid-unit:active {
    opacity: 0.8;
    filter:Alpha(opacity=80);
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.8);
}
ul.grid_a li .grid-unit .iconfont {
    position: absolute;
    top: 37%;
    left: 50%;
    font-size: 10vw;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}
ul.grid_a li .grid-unit .grid-txt {
    position: absolute;
    top: 68%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 3.5vw;
}

.block-title{padding: 5px 15px;overflow: hidden;}
.block-title a{padding-top: 7px;color: #666;}



/*班级宫格*/
ul.grid{line-height: normal;}
ul.grid li .grid-unit{width: 90%;padding-bottom: 30%;margin: 5% auto;position: relative;border-radius: 5px;box-shadow: 1px 1px 1px 1px #958d8d;
	transition: all .2s linear;
	-moz-transition: all .2s linear; /* Firefox 4 */
	-webkit-transition: all .2s linear; /* Safari 和 Chrome */
	-o-transition: all .2s linear; /* Opera */
}
ul.grid li .grid-unit:active{opacity: 0.8;filter:Alpha(opacity=80);box-shadow: 1px 1px 2px 2px #666}
ul.grid li .grid-unit .c-title{position: absolute;top: 50%;left: 0;width: 100%;font-size: 4vw;text-align: center;
transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
color: #000;text-align: center;}

/*文字分割线*/
.font-line{
	color: #666;
}
.font-line > span{
	display: -webkit-flex; 
  display: flex;
}
.font-line > span .line-title{flex: none;padding: 0 2vw;}
.font-line > span .line-cart{
	height: auto;
	flex: auto;
	align-self: center;
	/*方便内部元素(图片和线)排列,也设置成flex*/
	display: -webkit-flex; 
  display: flex;
}
.font-line > span .line-cart img{width: 10px;height: 10px;}
.font-line > span .line-cart:first-child:before,.font-line > span .line-cart:last-child:after{
	content: '';
	display: block;
	height: 1px;
	flex: auto;
  align-self: center;
  background-color: #666;
}

/*书圈*/

.per-dynamic,.per-dynamic li,.per-status,.per-content{overflow: hidden;}
.per-dynamic p{margin-bottom: 0;}
.per-dynamic li{position: relative;margin-top:5px;padding: 0px 0px 5px 0px;	}
.per-dynamic .header-wrap .header-avt {position: absolute;width: 40px !important;height: 40px !important;max-height: 40px !important;left: 10px;  border-radius: 50%;}
.per-dynamic .body-wrap {padding: 10px;width: 100%;box-sizing: border-box;}
.per-dynamic .arrow {border-bottom: 8px solid #eee;border-left: 8px solid transparent;border-right: 8px solid transparent;width: 1px;margin-top: 5px;margin-left: 10px}
.per-dynamic .per-status .per-content{color: #252525;}
.per-dynamic .per-status .per-content p.bookprivate{padding-top: 10px;}
.per-dynamic .per-status .per-content .book-covers{height: 56px;width: 45px;margin-right: 5px;float: left;background-position: center !important;background-size: cover !important;box-shadow: 1px 1px 5px 1px #ddd;border-radius: 1px;}
.per-dynamic .per-status .per-content .book-details{float: left;padding: 0px 4px;text-align: left;}
.per-dynamic .per-status .per-content .book-details p{padding: 4px 0;}
.per-dynamic .per-status .per-content .book-details p:first-child{color: #82736B;}
.per-dynamic .per-content .list-img {height: 80px;max-width: 80px;padding-right: 5px;float: left;object-fit: cover;padding: 10px 5px 0 0;display: block;max-height: 130px;}
.per-dynamic .per-status .pub-time {color: #b1b1b1;font-size: 12px;}
.per-dynamic .per-status .pub-icon {font-size: 16px;float: right;color: #b1b1b1;margin-top: 3px;}
.per-dynamic .message-list{width: 100%;background-color: #eee;}
.per-dynamic .message-list .message-heart {font-size: 14px;padding: 5px 5px 3px 12px}
.per-dynamic .message-list .comment-list{padding: 5px 12px;  }
.per-dynamic .message-list .comment-list p a{padding-top: 3px;}
.per-dynamic .textpad{padding: 0 5px;}
.link{color:#576B95 !important;}

.user_level { display:block; position:relative;}
.user_level h5.name{ line-height:2; margin-top:10px; display:block; width:100%; text-align:center;}
.user_level span.mui-badge-level { line-height:1; position:absolute; top:60px; left:24%;}


/**评论列表**/
.per-dynamic.comment .per-status .pub-time { float:right;}
.comment .user_level span.mui-badge-level {top:32px; left:6px;}
.comment .actions { border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px; display:table; width:100%;}
.comment .actions a { display:table-cell; text-align:center;}
.comment .actions a span { padding-right:5px; font-size:16px;}

.partner-body { padding-left:60px; box-sizing: border-box; position:relative; margin-bottom:10px;}
.partner-body .user_level { position:absolute; left:0; top:0;width:60px; text-align:center;}

.partner-body .user_level span.mui-badge-level { left:3px; top:40px;}
.partner-body p { margin-bottom:0;}
.partner-body h4 {line-height:1.8;}

.mui-icon-extra-heart{
font-size: 16px;}

.actions a { font-size:14px; color:#8f8f94; position:relative; padding:8px 0; margin-right:10px;}
.actions a .mui-icon-extra {color:#8f8f94; font-size:14px; padding-right:3px;} 

.actions span  { font-size:14px; color:#8f8f94; }
.reply .actions a {position:relative;}
.actions a { font-size:14px; color:#8f8f94; position:relative; padding:8px 0; margin-right:10px;}
.actions a .mui-icon-extra {color:#8f8f94; font-size:14px; padding-right:3px;} 

.reply .actions a .mui-icon-extra-like { font-size:24px !important;}
.reply .actions a .mui-icon{ font-size:30px !important;}
.reply .actions a .mui-badge { top:-2px; left:13px; position:absolute;}

.discover span.iconfont{font-size: 20px;}
.discover span.text-title{font-size: 16px;padding-left: 5px;}

.discoverfunk{padding-bottom: 5px;}
.discoverfunk span.iconfont{font-size: 24px;}
.discoverfunk span.text-title{font-size: 16px;}



.mui-bar-tab .mui-tab-item .mui-icon.mui-icon-plus-filled {
    background: #f7f7f7;
    border-radius: 50%;
    font-size: 40px !important;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -20px;
    z-index: 999;
    left: 50%;
    margin-left: -20px;
    color: #368fdf;
}


/*朋友圈图片排列*/
.imagelist{margin: 0 -2px;}
.imagelist .imageswrap .imagessingle{padding: 2px;}
.imagelist .imageswrap .imagessingle > div{position: relative;width: 100%;padding-bottom: 100%;background-position: center;background-size: cover;}
.imagelist .imageswrap .imagessingle > div > img{position: absolute;width: 100% !important;height: 100% !important;opacity: 0;filter:Alpha(opacity=0);z-index: 1;}
.imagelist .imageswrap .imagessingle > div > .mask-t{position: absolute;width: 100% !important;height: 100% !important;z-index: 2;background-color: rgba(0,0,0,0.3);}
.imagelist .imageswrap .imagessingle > div > .mask-t > span{
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 5vw;
		color: #ccc;
		transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);	
    -o-transform: translate(-50%, -50%);
    }


   
    
    
/*图片排列*/

.imgShowLists img{position: absolute;width: 100% !important;height: 100% !important;max-width: 100%;opacity: 0;filter:Alpha(opacity=0);}     
.imgShowLists > div{padding:2px;}
.imgShowLists > div > div{position: relative;width: 100%;padding-bottom: 100%;background-position: center;background-size: cover;}    
/*图片右上角删除*/
.mui-badge.mui-badge-inverted.contDelStyle-b{
			position: absolute;
			font-size: 16px;
      padding: 0;
      background-color: #ec0000;
      color: #fff;
      border-radius: 50%;
      top: 0;
      right: 0;
      transform: translate(25%, -25%);
      -ms-transform: translate(25%, -25%);
      -moz-transform: translate(25%, -25%);
      -webkit-transform: translate(25%, -25%);
      -o-transform: translate(25%, -25%);
		}
		
/*普通列表右上角删除*/
.mui-badge.mui-badge-inverted.contDelStyle-common{
			position: absolute;
			font-size: 16px;
      padding: 0;
      background-color: #ec0000;
      color: #fff;
      border-radius: 50%;
			top: 10px;
      right: 10px;
}		
    
/*评星*/
.mui-icon.mui-icon-star-filled {color: #FFB400;font-size: 18px;}



/*发布亲子记录按钮*/
.publishChild{position: fixed;bottom: 15px;right: 15px;z-index: 10;}
.publishChild span{background: #f7f7f7;border-radius: 50%;font-size: 40px !important;height: 40px;width: 40px;color: #132F9D;}

/*录音播放弹出层补充样式*/
.outer {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-color: #fff;
        margin: 30px auto 0;
        overflow: hidden;
    }

    .inner-start {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: 10px;
        background-color: #dd524d;
    }

    .inner-ing {
        width: 36px;
        height: 36px;
        border-radius: 8%;
        margin: 27px;
        ;
        background-color: #007aff;
    }

    #container {
        position: relative;
        width: 50px;
        height: 15px;
        display: inline-block;
    }

        #container span {
            width: 4px;
            height: 4px;
            bottom: 0px;
            position: absolute;
            background: #f0ad4e;
            -webkit-animation: bodong 0.5s infinite ease;
        }

            #container span:first-child {
                left: 0px;
                -webkit-animation-delay: .3s;
            }

            #container span:nth-child(2) {
                left: 6px;
                -webkit-animation-delay: .4s;
            }

            #container span:nth-child(3) {
                left: 12px;
                -webkit-animation-delay: .6s;
            }

            #container span:nth-child(4) {
                left: 18px;
                -webkit-animation-delay: .8s;
            }

            #container span:nth-child(5) {
                left: 24px;
                -webkit-animation-delay: 1s;
            }

            #container span:nth-child(6) {
                left: 30px;
                -webkit-animation-delay: 1.2s;
            }

            #container span:nth-child(7) {
                left: 36px;
                -webkit-animation-delay: 1.4s;
            }

            #container span:nth-child(8) {
                left: 42px;
                -webkit-animation-delay: 1.6s;
            }

            #container span:nth-child(9) {
                left: 48px;
                -webkit-animation-delay: 1.8s;
            }

    @-webkit-keyframes bodong {
        0% {
            height: 5px;
            background: bule;
        }

        30% {
            height: 10px;
            background: bule;
        }

        60% {
            height: 15px;
            background: bule;
        }

        80% {
            height: 10px;
            background: bule;
        }

        100% {
            height: 5px;
            background: bule;
        }
    }