﻿/*html {width:100%;height:100%;}
body{width:100%;height:100%;padding:0;margin:0;line-height:1.8;}*/

body {
font-family:Microsoft YaHei;
}

.display {display:none;}
.schooltitle {font-size:18px; line-height:35px; margin-left:3%;}

nav { margin-bottom:10px; border-bottom:1px solid #dedfe0;}
nav .ui-searchbar input { padding:0;}
nav p span {margin-left:15px;}
nav p font {margin-right:15px; float:right;}
nav p span,nav p font {color:#999;}
section {position:relative;}

.md-15 {padding:0 15px;}
.ui-selector { padding:10px 10px 10px 10px;background-color: #f8f9fa;}
.ui-selector-n { padding:3px 10px 10px 10px;}
.ui-selector .glyphicon { top:4px; margin-left:7px;}
.ui-selector-n .glyphicon { top:4px; margin-left:7px;}

.row {margin:0;}
.title { font-size:20px; line-height:40px; padding-left:10px;color: #00A5E3; margin:0;}
.newstitle { font-size:22px; line-height:32px; padding-left:10px;color: #00A5E3; margin:0;}
h3.title {font-size:16px; font-weight:bold; color:#333;}
.ui-list-imgs > li {padding: 12px 0; margin:0 15px;}
.list-img { position:relative;}
.list-img img { width:100%;}
.list-img p { position:absolute; bottom:0; font-size:0.8em; height:28px; line-height:28px; background: url(../Images/icon/img_p.png); width:100%; color:#fff; margin:0; padding:0 10px;}
.list-img p span { float:right;}
.list-img p span:after {top:4px;}

.col-text {text-indent:2em;}
.ui-list-info > h4 {margin:0; font-size:12px;}
.lecturer h4 { margin-bottom:10px;}
.ui-list-thumb-lg {
  width: 100px;
  height: 100px;
  margin: 7px 15px 7px 0px;
  position: relative; }
.ui-list-thumb-m {
  width: 80px;
  height: 80px;
  margin: 17px 15px 17px 0px;
  position: relative; }
  


.ui-list-info > h4.mtb_10 {margin:10px 0;}
.bkh { background:#ccc; border-radius:60px;}
.bkh span { line-height:80px; font-weight:bold; text-align:center; width:100%; display:block;}
.time span { margin-right:8px;}
.ui-avatar-text { width:50px; height:24px; line-height:24px;}

/*评分*/
.star-rating .clear-rating, .star-rating-rtl .clear-rating {display:none;}
.star-rating .caption, .star-rating-rtl .caption {display:none;}
.rating-container {overflow:visible;vertical-align:top;line-height:34px;}
.rating-container .rating-stars { height:34px; line-height:34px;}
.ui-notice-btn { padding:0 15px;}
textarea.ui-border {border:1px solid #dedfe0; width:100%; padding:0 6px; height:75px;}

.ui-badge-end {position: absolute;right: 15px;top: 50%;margin-top: -10px;display: inline-block;text-align: center;background: #64bd63;color: #fff;font-size: 12px;height: 22px;line-height: 22px;-webkit-border-radius: 12px;padding: 0 7px;background-clip: padding-box;}
.ui-form-item-textarea {height:auto;}
.ui-form-item-textarea textarea {margin-top:0;}

.dropdown-menu {top:0; left:0; width:100%; height:100%; position:fixed; border:0; background:#000; opacity:0.9; margin:0; padding:14px 0; border-radius:0; overflow:scroll;}
.dropdown-menu li {text-align:center; }
.dropdown-menu li a {color:#fff; line-height:40px; font-size:1.5em;}

.ui-list-text.ui-list-link .ui-list-info, .ui-list-text .ui-list-item-link .ui-list-info {padding-right:35px;}
.ui-tab-nav {position:absolute;}
.ui-tab-content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.ui-tab-content > li {-webkit-box-flex:value;}

.news_txt img { width:100%;}
.online embed {width:100%;}

/*My Card*/

.mcard {
	position: relative;
	margin: 8px;
	border-radius: 5px;
	font-size: 10px;
	background: #fff;
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 8px rgba(0, 0, 0, .3);
}
	.mcard img {
		width: 100%;
	}
.mcard-content {
	position: relative;
}
.mcard-footer {
	position: relative;
	color: #5f646e;
	border-radius: 0 0 5px 5px;
	padding: 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	min-height: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

	.mcard-footer:before {
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		content: '';
		background-color: #e1e1e1;
		height: 1px;
		width: 100%;
		z-index: 15;
		display: block;
		-webkit-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
		-o-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
	.mcard-footer a {
		font-size: 13px;
	}
.mcard-content-inner {
	position: relative;
	padding: 10px;
}
	.mcard-content-inner p:first-child {
		font-size: 16px;
	}


.search-tag {margin-left:10px; color:#ccc;}
.search-clear-btn {border: 1px solid #c7c7c7;line-height: 35px;margin: 0 10px 0 10px;width: 95%;border-radius: 6px;color: #373737;display:block;}
.ui-label {margin: 0 0 10px 0;}
.ui-footer {
 height: 44px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18B4ED), to(#18B4ED));color:#ffffff;
}


/*进度条*/
.progress {
  height: 3px;
  margin-bottom: 20px;
  overflow: hidden;
  /*background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);*/
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}
