/*
	common.css 1.0.0
	Created by Changgang at June 14th, 2016.
	Email:service@missui.com.
*/
/* CSS Reset */
@font-face {font-family: "webfont";
  src: url('webfont.eot'); /* IE9*/
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('webfont.woff') format('woff'), /* chrome、firefox */
  url('webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, dialog, figure, header, footer, hgroup, menu, nav, section, time, mark, audio, video { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: 'Microsoft yahei','Arial';
} 
article, aside, nav, section, dialog, figure, header, footer, hgroup { 
	display:block; 
} 
legend { 
	display:none; 
} 
:focus { 
	outline: 0; 
} 
.hand{
	cursor: pointer;
}
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 
a img, iframe { 
	border: none; 
} 
ul { 
	list-style: none; 
} 
input, textarea, select, button { 
	font-size: 100%; 
	font-family: inherit; 
} 
input, select { 
	vertical-align:middle; 
} 
select { 
	margin: inherit; 
} 
strong{font-weight: bold;}
button { 
	border: 0; 
	padding: 0; 
	background: transparent; 
	cursor: pointer; 
} 
input::-webkit-input-placeholder {
	color: #D6D0CA !important; 
	text-indent: 10px;
}
input:-moz-placeholder {
	color: #D6D0CA !important;
	text-indent: 10px;
}
input::-moz-placeholder {
	color: #D6D0CA !important;
	text-indent: 10px;
}
input[type='date']{
	text-indent: 5px;
}
.pointer{cursor: pointer;}
label{padding: 0 10px;display: inline-block;}
i{vertical-align: middle;}
.height10{height: 10px;}
.height20{height: 20px;}
.height40{height: 40px;}
.no-text-indent,
div.no-text-indent{text-indent: 0;}
/* ========================================= clearfix == */ 
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix {display: inline-block;} 
* html .clearfix {height: 0;} 
.clearfix {display: block;clear:both;height: 0;overflow: hidden;} 
[v-cloak]{
  display: none;
}
a{
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font-weight: 100;
}
a:hover{color: #297bbf;}
.pull-left{float: left;}
.pull-right{float: right;}
.pull-center{margin: 0 auto;}
.hide{display: none;}
.show{display: block;}
.radius-3{border-radius: 3px;}
.radius-5{border-radius: 5px;}
.radius-100{border-radius: 100px;}

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.no-bg{background: none;}
.bg-white{background-color: #ffffff;}
.red-star{font-family: 'Simsun';font-size: 18px;vertical-align: middle;color: #f00}

/* Font css */
.font-size-10{font-size: 10px;}
.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-24{font-size: 24px;}
.font-size-26{font-size: 26px;}
.font-size-28{font-size: 28px;}
.font-size-30{font-size: 30px;}
.font-size-32{font-size: 32px;}
.font-size-34{font-size: 34px;}
.font-size-36{font-size: 36px;}
.font-size-38{font-size: 38px;}
.font-size-48{font-size: 48px;}
.text-color-red{color: #ea5413;}
.text-color-green{color: #00bf99;}
.text-color-blue{color: #0092e6;}
.text-color-gray{color: #999999;}
.text-color-white{color: #ffffff;}
.text-color-orange{color: #ff9900;}
.text-color-purered{color: #d94a94;}
.text-color-qblue{color:#07b0f6;}
.text-color-qgreen{color:#7fd77b;}
.text-color-pure{color: #9c5fe1;}

.text-decoration-under{
	text-decoration: underline;
}

.font-weight-bold{font-weight: bold;}
/* Font Color css */
.width-50{width: 50px;}
.width-80{width: 80px;}
.width-100{width: 100px;}
.width-125{width: 125px;}
.width-150{width: 150px;}
.width-200{width: 200px;}
.width-250{width: 250px;}
.width-300{width: 300px;}
.width-350{width: 350px;}
.width-400{width: 400px;}

/*bg*/
.bg-orange{background-color: #ffaa00;}
.bg-blue{background-color: #37a8ff;}
.bg-green{background-color: #48e4ba;}
.bg-purple{background-color: #cf9fea;}
.bg-gray{background-color: #909090;}
.bg-red{background-color: #ff4400;}
.bg-bgreen{background-color: #7cd8de;}
.bg-byellow{background-color: #d0bc77;}
.bg-cyellow{background-color: #d0a177;}
.bg-red{background-color: #ff4400;}
.bg-white{background-color: #ffffff;}


span.w50{
	display: inline-block;
	width: 50px;
}
span.w25{
	display: inline-block;
	width: 25px;
}
span.w15{
	display: inline-block;
	width: 15px;
}

/*padding*/
.padding-15{padding: 15px;}
.vline-1px,
li.vline-1px{
	height: 1px;
	background-color: #eedcbd;
	margin: 20px 0;
	width: 100%;
	display: block;
	float: none;
	clear: both;
}


.item-space{
	height: 20px;
	background-color: rgba(255,255,255,1);
	border-top:1px solid rgba(0,0,0,0.06);
	border-bottom: 1px solid rgba(0,0,0,0.06);
}



/*------------*/
/*btn*/
.btn{
	display: inline-block;
	background: #f9f9f9;
	border-radius: 5px;
	padding: 0 10px;
	height: 32px;
	margin: 0;
	vertical-align: middle;
	font-size: 12px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	text-align: center;
	line-height: 32px;
	cursor: pointer;
}
.btn.btn-default{border: 1px solid #f9f9f9;}
.btn.btn-link{
	line-height: 28px;
	text-decoration: none;
}
.btn.btn-gray{
	background-color: #999;
	color: #fff;
}
.btn.btn-gray:hover{
	background: #666;
}
.btn.btn-red{
	background-color: #f00;
	color: #fff;
}
.btn.btn-red:hover{
	background: #d90000;
}
.btn.btn-green{
	background-color: #009c54;
	color: #fff;
}
.btn.btn-green:hover{
	background: #008045;
}
.btn.btn-oranage{
	background-color: #ff8800;
	color: #fff;
}
.btn.btn-oranage:hover{
	background: #ff5500;
}
.btn.btn-blue{
	background-color: #37a8ff;
	color: #fff;
}
.btn.btn-blue:hover{
	background: #0086ed;
}
.btn.btn-white{
	background-color: #fff;
	color: #f90;
}
.btn.btn-white:hover{
	background: #fefefe;
}
.btn.btn-big{
	height: 42px;
	font-size: 16px;
	line-height: 42px;
}
.btn.btn-w100{min-width: 100px;}
.btn.btn-w200{min-width: 200px;}
.btn.btn-w250{min-width: 250px;}
.btn.btn-w400{min-width: 400px;}
.btn.btn-full{width: 100%;}
.btn.btn-mini{
	height:22px;
	line-height: 22px;
	font-size: 12px;
}
.input{
	background-color: #fff;
	border-radius: 5px;
	font-size: 14px;
	border: none;
	box-shadow: 0 0 3px rgba(0,0,0,0.05);
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	vertical-align: middle;
	border:1px solid #ccc;
}
.input.input-default{min-width: 150px;}
.input.input-w200{width:200px;}
.input.input-w250{width:250px;}
.input.input-w400{width:400px;}
.input.input-full{width:100%;}
.input[readonly="readonly"]{background-color: rgba(0,0,0,0.015);}
.textarea{
	border: 1px solid #cccccc;
	background-color: rgba(255,255,255,0.9);
	border-radius: 5px;
	min-height: 40px;
	line-height: 20px;
	margin: 0;
	padding: 5px;
	vertical-align: middle;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	width: calc(100% - 12px);
}
.select{
	min-width: 100px;
	background-color: #fff;
	border-radius: 5px;
	font-size: 12px;
	border: none;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	vertical-align: middle;
}
/*table*/
.table{font-size: 12px;border-top: 1px solid #f4f4f4}
.table th,
.table td{
	text-align: center;
	line-height: 24px;
	padding: 12px 0;
	vertical-align: middle;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #f4f4f4
}
.table td img{
	vertical-align: middle;
}
.table td.text-left{text-align: left;}
.table td.text-right{text-align: right;}
.table th{
	background: #fefefe;
	color: #333;
}
.table td a{color: #00b2a3;text-decoration: underline;}
.table tr:nth-child(even) td{
	background-color: #fff;
}
.table tr:nth-child(even):hover td,
.table tr:hover td{
	background-color: #fefefe;
}
.table tr.disabled td{
	color: #fff;
}
.table-noborder,
.table-noborder tr th,
.table-noborder tr td{
	border:none;
}
.table-bordered{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.table-bordered,
.table-bordered tr th,
.table-bordered tr td{
	border-right:1px dotted #ddd;
}
.table-bordered tr td.text-left{
	text-indent: 5px;
}
td.list-buttons{
	padding-right: 10px;
}
td label{display: inline-block; padding-right: 20px;}

.table-theme-one tr td{
	font-size: 18px;
	border-top:1px solid #abc6df;
	border-bottom: 1px solid #abc6df;
	padding: 15px 0;
	font-weight: 100;
	vertical-align: middle;
}
.table th i.ordericon{
	position: absolute;
	right: 0;
	cursor: pointer;
}


/*list-pagging*/
.list-pagging{
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	padding: 15px 0;
}
.list-pagging a{
	margin: 0 5px;
}
.list-pagging a.active{
	color: #fff;
	background: #999;
	display: inline-block;
	padding: 0 5px;
	border-radius: 3px;
}


.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	display: inline-block;
	height:32px;
	line-height: 32px;
	color:#999;
	font-size:12px;
	vertical-align: middle;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url('../img/right.png') no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url('../img/error.png') no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url('../img/onLoad.gif') no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
	border-color: rgba(255,0,0,1);
}



/*-----------*/
@keyframes anshow
{
	0% {opacity: 0}
	100% {opacity: 1}
}
body{
	padding: 0;
	margin: 0;
	color: #333333;
}
.c{
	width: 1200px;
	margin:0 auto;
}

/*form-title*/
.form{
	padding: 0px;
}
.form-item{
	padding: 15px 10px;
	font-size: 14px;
	line-height: 32px;
	clear: both;
	display: block;
}
.form-item:nth-child(2n - 1){
	background-color: rgba(0,0,0,.004);
}
.form-item.form-item-btn{
	padding-left: 150px;
}
.form-filed-name{
	content: " ";
	width: 120px;
	min-width: 120px;
	float: left;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	text-align: left;
}
.form-filed-box{
	max-width: calc(50%);
	display: inline-block;
	color: #000;
	float: left;
	font-size: 14px;
}

.form-filed-box-label{
	display: inline-block;
	width: 24%;
	padding: 0;
	margin: 0;
}
.form-filed-box-label2{
	display: inline-block;
	width: 24%;
	padding: 0;
	margin: 0;
}
.form-filed-msg{
	max-width: calc(50% - 190px);
	display: inline-block;
	float: left;
	font-size: 12px;
	padding-left: 30px;
	line-height: 180%;
	padding-top: 5px;
}
.form-item.form-item-v{
	padding: 5px 15px;
	width:calc(50% - 60px);
	float: left;
	clear: none;
	background: #fff;
}
.form-item.form-item-v:nth-child(2n - 1){
	/*background-color: rgba(255,255,255,0);*/
}
.form-item.form-item-v .form-filed-msg,
.form-item.form-item-v .form-filed-box,
.form-item.form-item-v .form-filed-name{
	width: 100%;
	max-width: 100%;
	padding: 0;
	position: relative;
}
.form-item.form-item-v .form-filed-name:before{
	width: 5px;
	height: 5px;
	content: ' ';
	position: absolute;
	left: -10px;
	top: 15px;
	background-color: rgba(0,0,0,0.2);
	display: block;
}
.form-item.form-item-v.form-item-btn{
	padding-left: 15px;
}
.form-item.form-item-v .form-filed-box{
	color:rgba(255,0,0,1);
}
.hline{
	height: 1px;
	background-color: rgba(0,0,0,0.1);
	margin: 10px 0;
}

body{
	position: absolute;
	width: 100%;
	height: 100%;
}

.sidebar{
	position: absolute;
	display: block;
	height: 100%;
	width: 280px;
	background: #2a3355;
	box-shadow: 0px 25px 25px rgba(0,0,0,0.06);
	z-index: 999;
}
.uclogo{
	padding: 50px 0 30px 0;
}
.menu h3{
	padding:20px 0;
	text-indent: 50px;
	font-size: 12px;
	color: #eee;
}
.menu ul{
	border-top: 1px dotted #3e486e;
}
.menu ul li{
	padding: 15px 0;
	text-indent: 50px;
	font-size: 14px;
	border-bottom: 1px dotted #3e486e;
	color: #fff;
}
.menu ul li a{
	color: #fff;
}
.menu ul li a:hover{
	color: #43ca6c;
}
.menu ul li.active{
	background: #e9ffe7;
	border-color: #c5fcc0;
}
.menu ul li.active a{
	color: #72c26b;
}
.logout{
	position: absolute;
	top:0px;
	right: 5px;
	text-align: center;
	width: 98px;
	height: 54px;
	border-left:1px solid #ccc;
}
.logout a{
	font-size: 12px;
	/*border:1px solid #ddd;*/
	display: inline-block;
	width: 106px;
	height: 54px;
	text-align: center;
	border-radius: 40px;
	line-height: 54px;
}
.logout a i{
	font-size: 24px;
	color: #ccc
}
.pages{
	width: calc(100% - 280px);
	position: absolute;
	top: 0;
	left: 280px;
	height: 100%;
	overflow: auto;
	color: #000
}
.pages-head{
	height: 100px;
}
.uinfo{
	height: 54px;
	background: #eee;
	border-bottom: 1px dotted #eee;
	position: relative;
	
}
.uinfobox{
	line-height: 54px;
	font-size: 14px;
	text-indent: 30px;
}


.pages-body{
	padding: 0px 50px 50px 50px;
}

.page-title{
	font-size: 24px;
	color: #666;
	border-bottom: 1px solid #ddd;
	height: 52px;
}
.page-title i{
	font-size: 32px;
}
.page-box{
	padding: 30px 0;
}
.table-searchbox{
	font-size: 12px;
	height: 50px;
	text-align: right;
}


.ui.ribbon.label{position:relative;margin:0em;left:-2rem;padding-left:2rem;border-radius:0em 0.2857rem 0.2857rem 0em;border-color:rgba(0,0,0,0.15)}.ui.ribbon.label:after{position:absolute;content:"";top:100%;left:0%;background-color:transparent !important;border-style:solid;border-width:0em 1.2em 1.2em 0em;border-color:transparent;border-right-color:inherit;width:0em;height:0em}.ui[class*="right ribbon"].label{text-align:left;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:-webkit-calc(100% +  2rem );left:calc(100% +  2rem );border-radius:0.2857rem 0em 0em 0.2857rem;padding-left:0.8em;padding-right:2rem}.ui[class*="right ribbon"].label:after{left:auto;right:0%;border-style:solid;border-width:1.2em 1.2em 0em 0em;border-color:transparent;border-top-color:inherit}.ui.top.attached.label,.ui.attached.label{width:100%;position:absolute;margin:0em;top:0em;left:0em;padding:0.75em 1em;border-radius:0.2857rem 0.2857rem 0em 0em}.ui.bottom.attached.label{top:auto;bottom:0em;border-radius:0em 0em 0.2857rem 0.2857rem}.ui.top.left.attached.label{width:auto;margin-top:0em !important;border-radius:0.2857rem 0em 0.2857rem 0em}.ui.top.right.attached.label{width:auto;left:auto;right:0em;border-radius:0em 0.2857rem 0em 0.2857rem}.ui.bottom.left.attached.label{width:auto;top:auto;bottom:0em;border-radius:0em 0.2857rem 0em 0.2857rem}.ui.bottom.right.attached.label{top:auto;bottom:0em;left:auto;right:0em;width:auto;border-radius:0.2857rem 0em 0.2857rem 0em}.ui.label.disabled{opacity:0.5}a.ui.labels .label:hover,a.ui.label:hover{background-color:#e0e0e0;border-color:#e0e0e0;background-image:none;color:rgba(0,0,0,0.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#e0e0e0;background-image:none;color:rgba(0,0,0,0.8)}.ui.labels.visible .label,.ui.label.visible{display:inline-block !important;box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset}.ui.labels.hidden .label,.ui.label.hidden{display:none !important}.ui.black.labels .label,.ui.black.label{background-color:#1b1c1d !important;border-color:#1b1c1d !important;color:#ffffff !important}.ui.labels .black.label:before,.ui.black.labels .label:before,.ui.black.label:before{background-color:#1b1c1d !important}a.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#1b1c1d !important;border-color:#1b1c1d !important}.ui.labels a.black.label:hover:before,.ui.black.labels a.label:hover:before,a.ui.black.label:hover:before{background-color:#1b1c1d !important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent !important}.ui.black.ribbon.label{border-color:#020203 !important}.ui.blue.labels .label,.ui.blue.label{background-color:#3b83c0 !important;border-color:#3b83c0 !important;color:#ffffff !important}.ui.labels .blue.label:before,.ui.blue.labels .label:before,.ui.blue.label:before{background-color:#3b83c0 !important}a.ui.blue.labels .label:hover,.ui.blue.labels a.label:hover,a.ui.blue.label:hover{background-color:#458ac6 !important;border-color:#458ac6 !important;color:#ffffff !important}.ui.labels a.blue.label:hover:before,.ui.blue.labels a.label:hover:before,a.ui.blue.label:hover:before{background-color:#458ac6 !important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent !important}.ui.blue.ribbon.label{border-color:#2f6899 !important}.ui.green.labels .label,.ui.green.label{background-color:#5bbd72 !important;border-color:#5bbd72 !important;color:#ffffff !important}.ui.labels .green.label:before,.ui.green.labels .label:before,.ui.green.label:before{background-color:#5bbd72 !important}a.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#66c17b !important;border-color:#66c17b !important}.ui.labels a.green.label:hover:before,.ui.green.labels a.label:hover:before,a.ui.green.label:hover:before{background-color:#66c17b !important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent !important}.ui.green.ribbon.label{border-color:#42a359 !important}.ui.orange.labels .label,.ui.orange.label{background-color:#e07b53 !important;border-color:#e07b53 !important;color:#ffffff !important}.ui.labels .orange.label:before,.ui.orange.labels .label:before,.ui.orange.label:before{background-color:#e07b53 !important}a.ui.orange.labels .label:hover,.ui.orange.labels a.label:hover,a.ui.orange.label:hover{background-color:#e28560 !important;border-color:#e28560 !important;color:#ffffff !important}.ui.labels a.orange.label:hover:before,.ui.orange.labels a.label:hover:before,a.ui.orange.label:hover:before{background-color:#e28560 !important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent !important}.ui.orange.ribbon.label{border-color:#d85a28 !important}.ui.pink.labels .label,.ui.pink.label{background-color:#d9499a !important;border-color:#d9499a !important;color:#ffffff !important}.ui.labels .pink.label:before,.ui.pink.labels .label:before,.ui.pink.label:before{background-color:#d9499a !important}a.ui.pink.labels .label:hover,.ui.pink.labels a.label:hover,a.ui.pink.label:hover{background-color:#dc56a1 !important;border-color:#dc56a1 !important;color:#ffffff !important}.ui.labels a.pink.label:hover:before,.ui.pink.labels a.label:hover:before,a.ui.pink.label:hover:before{background-color:#dc56a1 !important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent !important}.ui.pink.ribbon.label{border-color:#c62981 !important}.ui.purple.labels .label,.ui.purple.label{background-color:#564f8a !important;border-color:#564f8a !important;color:#ffffff !important}.ui.labels .purple.label:before,.ui.purple.labels .label:before,.ui.purple.label:before{background-color:#564f8a !important}a.ui.purple.labels .label:hover,.ui.purple.labels a.label:hover,a.ui.purple.label:hover{background-color:#5c5594 !important;border-color:#5c5594 !important;color:#ffffff !important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#5c5594 !important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent !important}.ui.purple.ribbon.label{border-color:#423c6a !important}.ui.red.labels .label,.ui.red.label{background-color:#d95c5c !important;border-color:#d95c5c !important;color:#ffffff !important}.ui.labels .red.label:before,.ui.red.labels .label:before,.ui.red.label:before{background-color:#d95c5c !important}.ui.red.corner.label,.ui.red.corner.label:hover{background-color:transparent !important}a.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#dc6868 !important;border-color:#dc6868 !important;color:#ffffff !important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#dc6868 !important}.ui.red.ribbon.label{border-color:#cf3333 !important}.ui.teal.labels .label,.ui.teal.label{background-color:#00b5ad !important;border-color:#00b5ad !important;color:#ffffff !important}.ui.labels .teal.label:before,.ui.teal.labels .label:before,.ui.teal.label:before{background-color:#00b5ad !important}a.ui.teal.labels .label:hover,.ui.teal.labels a.label:hover,a.ui.teal.label:hover{background-color:#00c4bc !important;border-color:#00c4bc !important;color:#ffffff !important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.label:hover:before{background-color:#00c4bc !important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent !important}.ui.teal.ribbon.label{border-color:#00827c !important}.ui.yellow.labels .label,.ui.yellow.label{background-color:#f2c61f !important;border-color:#f2c61f !important;color:#ffffff !important}.ui.labels .yellow.label:before,.ui.yellow.labels .label:before,.ui.yellow.label:before{background-color:#f2c61f !important}a.ui.yellow.labels .label:hover,.ui.yellow.labels a.label:hover,a.ui.yellow.label:hover{background-color:#f3ca2d !important;border-color:#f3ca2d !important;color:#ffffff !important}.ui.labels a.yellow.label:hover:before,.ui.yellow.labels a.label:hover:before,a.ui.yellow.label:hover:before{background-color:#f3ca2d !important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent !important}.ui.yellow.ribbon.label{border-color:#d2a90c !important}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;box-sizing:border-box}.ui.inverted.labels .label,.ui.inverted.label{color:#ffffff !important}.ui.horizontal.labels .label,.ui.horizontal.label{margin:0em 0.5em 0em 0em;padding:0.4em 0.8em;min-width:3em;text-align:center}.ui.circular.labels .label,.ui.circular.label{min-width:2em;min-height:2em;padding:0.5em !important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.labels .label,.ui.empty.circular.label{min-width:0em;min-height:0em;overflow:hidden;width:0.5em;height:0.5em;vertical-align:baseline}

.business .orders .order-cards {
	height: 390px;
	padding-top: 15px;
	text-align: center
}

.business .orders .order-cards .least-price {
	margin-top: 15px
}

.business .orders .order-cards .least-price span {
	font-weight: bold
}

.business .orders .order-cards .dividing-line {
	width: 2px;
	height: 375px;
	margin-top: 30px;
	display: inline-block;
	background-color: #e8e9ed
}

.business .orders .order-cards .order-card {
	width: 180px;
	color: #212121;
	margin-top: 25px;
	padding: 45px 0;
	border-radius: 6px;
	vertical-align: top;
	display: inline-block;
	position: relative
}

.business .orders .order-cards .order-card .ui.ribbon.label {
	z-index: 10;
	position: absolute;
	left: calc(100% + 1rem);
	margin-top: -1em;
	font-weight: normal;
	white-space: nowrap;
	font-size: 12px;
	padding: 5px 20px;
	top:30px;
}

.business .orders .order-cards .order-card:hover {
	background-color: #fafafa
}

.business .orders .order-cards .order-card .order-title {
	font-size: 18px;
	margin: 10px 0 15px 0;
}

.business .orders .order-cards .order-card .order-price {
	height: 40px;
	line-height: 30px;
	margin: 0;
	padding: 15px 0;
}

.business .orders .order-cards .order-card .order-price .yuan {
	font-size: 30px
}

.business .orders .order-cards .order-card .order-price .price {
	font-size: 36px
}

.business .orders .order-cards .order-card .order-price .year {
	font-size: 12px;
	letter-spacing: 2.88px
}

.business .orders .order-cards .order-card .order-features {
	padding: 0;
	max-width: 144px;
	margin: 15px auto 25px auto
}

.business .orders .order-cards .order-card .order-features li {
	color: #9fa3a7;
	padding: 5px 0;
	font-size: 13px
}

.business .orders .order-cards .order-card .button {
	color: #525252;
	line-height: 18px;
	font-size: 16px;
	padding: 12px 12px;
	display: inline-block;
	border: 2px solid #d8d8d8;
	border-radius: 100px;
	width: 136px
}

.business .orders .order-cards .order-card .button:hover {
	background-color: #f2f2f2
}

.business .orders .order-cards .order-card .button:active {
	background-color: #efefef
}

.business .orders .order-cards .order-card.recommend {
	top: -10px;
	color: #fff;
	width: 220px;
	height: 325px;
	margin-top: 0;
	padding-top: 80px;
	position: relative;
	background-color: #f05638;
}

.business .orders .order-cards .order-card.recommend .order-features li,.business .orders .order-cards .order-card.recommend .button {
	color: #fff
}

.business .orders .order-cards .order-card.recommend .ui.ribbon.label {
	background-color: #ffc80a !important
}

.business .orders .order-cards .order-card.recommend .button {
	background-color: #ffc80a;
	border-color: #ffc80a
}

.business .orders .order-cards .order-card.recommend .button:hover {
	background-color: #F5A623;
	border-color: #F5A623
}

.business .orders .order-cards .order-card.recommend .button:active {
	background-color: #ec9e1d;
	border-color: #ec9e1d
}

.business .orders .order-cards .order-card.recommend .order-price .price {
	font-size: 48px
}

.tcbox{
	margin-top: 20px;
	padding: 30px;
	font-size: 12px;
	color: #666;
	line-height: 34px;
	background: #fcfcfc;
}

.showkey{
	background: #72c26b;
	color: #fff;
	font-size: 18px;
	border-radius: 10px;
	width: 960px;
	text-align: center;
	padding:15px;
	margin:0 auto;
}

table.table tr:hover td.tj{
	position: relative;
}
.jdt{
	background: #eee;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.jdt div{
	background: #f00;
	display: block;
	height: 3px;
}