ygoa_app/css/main.css

@font-face {
	font-family: Muiicons;
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/iconfont.ttf) format('truetype');
	/*src: url(../fonts/mui.ttf) format('truetype');*/
}
.mui-bar-tab .mui-tab-item .mui-icon{ width:22px; height:22px; font-size:22px;}
.mui-icon-home:before {content: '\e603';}
.mui-icon-email:before {content: '\e604'}
.mui-icon-contact:before {content: '\e607'}
body{ background:#eee;}
.mui-media-object {margin: 10px auto 10px;}
.mui-bar-nav {background-color: #fff; line-height:44px; font-size:18px; margin-left:0px; padding:0;}
.mui-bar.mui-bar-nav .mui-title {color: #ca0002;}
.mui-action-back {color: #FFFFFF;}
.div-list {height: 30px;margin: 20px 0px 5px 0px;padding: 5px 0px;background-color: #FFFFFF;}
/**公告**/
.huadong {width:100%;height:33px;position:relative;font:14px;margin:0 auto; background:#fff;}
.huadong .huabox {  margin:0 auto; width: 90%; line-height: 33px;}
.huadong .hdimg {float:left; width:16px;}
.huadong .hdimg img { width: 100%; vertical-align:middle; height:100% ;}
.huadong h5 {font-size:14px;float:left; line-height:33px; margin:0; color:#ca0002;}
.huadong .gg_more { float: right;}
.huadong .gg_more a { font-size:10px;  color:#8f8f8f;}
.huadong .notice_active {float: left;width:60%;height:33px;padding: 0; }
.huadong .notice_active ul{ margin-top:0px;line-height:33px;}
.huadong .notice_active li{list-style-type:none;overflow: hidden; margin-left:-40px;color:#666;font-size:12px; }
.huadong .notice_active li span {display: block;overflow: hidden; float: left; height:33px;font-size:12px; white-space: nowrap;text-overflow: ellipsis;  }
/**菜单**/	
.information-nav {height: 45px;overflow: hidden;}	
.information-nav li{float: left; margin: 0 15px; line-height: 45px; }
/****/	
.portfolio-area{width: 100%; height: 109px; border-bottom: solid 1px #ddd;}
.box{margin: 0 15px;}
.image-block{ width:107px ;overflow: hidden; display: block; height: 80px;float: left; margin-top:14px ;}
.image-block img{width:107px;height: 80px;}
.home-portfolio-text{float: left; color: #666;width: 208px; overflow:hidden; margin-left: 15px; margin-top:14px ;  }
.post-title-portfolio{width: 208px; height: 45px;overflow: hidden;text-overflow: ellipsis; line-height: 18px;}
.home-portfolio-text a{font-size: 16px;color: #666; font-weight: 400;}
.mui-action-back{color: #FFFFFF;}
.mui-slider-item-tit{position: absolute; bottom:0 ; left: 0px; font-size: 15px; color: #fff; line-height: 40px;z-index: 0; display: block; background: url(../img/banner_tit_bg.png) no-repeat center left ; width: 100%; padding-left: 15px;}
.mui-slider .mui-slider-group .mui-slider-item{ height:180px; overflow:hidden;}
.mui-slider-item img{ width:100%;}
.mui-slider-indicator{ right:15px; text-align:right; }
.mui-slider-indicator .mui-indicator{ margin:1px 0; width:4px; height:4px; background:#fff; border:none; box-shadow:none;}
.mui-slider-indicator .mui-active.mui-indicator{background:#ea0002;}
.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{font-size:10px;}
.mui-bar-tab .mui-tab-item.mui-active{color:#ca0002;}
/**9宫格**/
.mui-grid-view.mui-grid-9{ margin-top:5px; border-top:1px solid #ddd; }
.mui-grid-view.mui-grid-9 .mui-table-view-cell{ width:calc(50% - 0px);border-right:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff;}	
.mui-bar{-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85);}
.media-body-img{ width:54px; margin:0 auto;}
.media-body-img img{ width:100%;}
.mui-card-header.mui-card-media .mui-media-body{font-size:14px;font-weight:500;line-height:14px;margin-bottom:0;margin-left:44px;color:#333; }
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{margin-top:0; font-size:14px; }
/**zixvn**/
.mui-content>.mui-card:first-child{ margin-top:5px;}
.mui-card{font-size:12px;margin:5px;border-radius:2px;background-color:#fff;background-clip:padding-box;box-shadow: 1.5px 2.598px 3px 0px rgba(0, 0, 0, 0.1); border-radius:10px; margin-bottom:10px; }
.mui-card-header{ margin:10px 14px; margin-top:10px; border-bottom:1px dashed #999; padding:0; font-size:14px; color:#333333;min-height:38px;}
.mui-card-footer{}
.mui-card-header.mui-card-media{display:block;padding:0px}
.mui-card-media-body{ font-size:14px; color:#333333; line-height:21px;padding-top:10px; padding-bottom: 10px;}
.mui-card-media-object{ padding-right:5px; padding-top:12px;}
.mui-card-header.mui-card-media{padding:0px;}
.mui-card-footer:before, .mui-card-header:after{background-color:inherit;}
.yuan{ width:15px; height:15px; background-color:#eee; border-radius:50%; z-index:1}
.yuan_l{ position:absolute; left:-21px; bottom: -8px;}
.yuan_r{ position:absolute; right:-21px;bottom: -8px;}
.mui-card-content-inner{padding:5px 15px; color:#7a7a7a; font-size:12px;}
.mui-card-footer{color:#808080; font-size:10px;}
.card-img{ width:136px; height:98px; border-radius:5px; overflow:hidden; margin-left:15px; margin-top:10px; position:relative;}
.black img{ position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-12px; opacity:1;}
.black{ width:100%; height:100%; background:url(../images/bg.png); position:absolute; left:0; top:0;}
.card-img>img{ width:100%;}
.mui-card-content-inner1{width:calc(100% - 151px); margin-top:10px;}
.mui-card-content{ margin-bottom:15px;}
.biaoqian{ font-size:9px; padding:0 10px; background-color:#0056bf; border-radius:9px; height:18px; line-height:18px; color:#fff; margin-top:10px;}

/**user**/
.user{ width:100%; height:160px;background-image: -moz-linear-gradient( 90deg, rgb(137,209,244) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(137,209,244) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(137,209,244) 0%, rgb(255,255,255) 100%); padding-top:33px; padding-left:30px;}
.header-box{ width:54px; height:54px; overflow:hidden; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); border-radius:50%;}
.header-box img{ width:100%;}
.header{ margin-bottom:20px;}
.header-content{ margin-left:15px; margin-top:8px;}
.header-content h1{ font-size:20px; color:#333; font-weight:600; margin:0;}
.header-content h2{ font-size:12px; color:#333; font-weight:400; margin:0; margin-top:5px;}
.more{ width:13px; overflow:hidden; margin-top:17px; margin-right:20px;}
.more img{ width:100%;}
.xiaoxi_box{ padding-left:52px; margin-right:82px;}
.xiaoxi{ width:auto;}
.xiaoxi-img{ width:18px; margin:0 auto;}
.xiaoxi img{ width:100%;}
.xiaoxi p{ text-align:center; font-size:10px; color:#333;}
/**个人中心9宫格**/
.mui-grid-view.mui-grid-9 .mui-table-view-cell1{ width:calc(100% / 3);border-right:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell1 .mui-media-body{ font-size:12px;}
.mui-table-view-cell1 .media-body-img{ width:42px; margin:5px auto;  }
.mui-grid-view.mui-grid-9{ background-color:#eee;}
.mui-content{ background-color:#eee;}

/**tab**/
.user-arrow{margin-top:22px;cursor:pointer;display:inline-block;}
.rotate{ transform-origin:center center;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transition: transform 0.2s;-moz-transition: -moz-transform 0.2s;-moz-transition: -moz-transform 0.2s;-o-transition: -o-transform 0.2s;-ms-transition: -ms-transform 0.2s;}
.rotate1{transform-origin:center center;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transition: transform 0.2s;-moz-transition: -moz-transform 0.2s;-moz-transition: -moz-transform 0.2s;-o-transition: -o-transform 0.2s;-ms-transition: -ms-transform 0.2s;}
.bnt{ position:absolute; right:20px; bottom:0;}
.bnt span{font-size:14px; color:#808080; margin-right:5px;}
.menu{ position:absolute; right:20px; top:44px; background-color:#fff; box-shadow: -1.75px 1.75px 4px 0px rgba(0, 0, 0, 0.2); border-radius:0 0 5px 5px ;}
.menu ul{list-style:none; margin:0; padding:0; margin:12px; margin-top:0;}
.menu ul li{list-style:none; line-height:25px; }
.menu ul li a{ font-size:15px; color:#666;padding:5px;}
.line{border-bottom:1px #ccc solid; height:1px; width:100%;}

/**考试**/
.test{ margin-top:10px; padding:0 10px;}
.test_left p{ font-size:8px; color:#666; line-height:16px;}
.mui-btn-danger,.mui-btn-negative,.mui-btn-red{color:#fff;border:1px solid #ca0002;background-color:#ca0002;font-size:10px; padding:6px 10px;}
.mui-btn-danger.mui-active:enabled,.mui-btn-danger:enabled:active,.mui-btn-negative.mui-active:enabled,.mui-btn-negative:enabled:active,.mui-btn-red.mui-active:enabled,.mui-btn-red:enabled:active{color:#fff;border:1px solid #cf2d28;background-color:#b70002}



/**二级页面**/
.content1{ background: #fff; }
.bg_w{background: #fff; }
.mui-grid-view.mui-grid-9{background: #fff; }
.mui-grid-view.mui-grid-9 .noborder{ border: 0px;}
.mui-grid-view.noborder{ border: 0px;}
.mui-table-view-cell1 .media-body-img1{ width:50px; margin:5px auto;  }