/*
	common.css 1.0.0
	Created by Changgang at June 14th, 2016.
	Email:service@missui.com.
*/
/* CSS Reset */
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';
} 
.iconfont{
	vertical-align: middle;
}
article, aside, nav, section, dialog, figure, header, footer, hgroup { 
	display:block; 
} 
legend { 
	display:none; 
} 
:focus { 
	outline: 0; 
} 
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: #beb6ae !important; 
	text-indent: 10px;
}
input:-moz-placeholder {
	color: #beb6ae !important;
	text-indent: 10px;
}
input::-moz-placeholder {
	color: #beb6ae !important;
	text-indent: 10px;
}
input[type='date']{
	text-indent: 5px;
}
.pointer{cursor: pointer;}
span.w5{
	display: inline-block;
	width: 5px;
	text-align: center;
}
span.w10{
	display: inline-block;
	width: 10px;
	text-align: center;
}
span.w15{
	display: inline-block;
	width: 15px;
	text-align: center;
}
span.w20{
	display: inline-block;
	width: 20px;
	text-align: center;
}
span.w25{
	display: inline-block;
	width: 25px;
	text-align: center;
}

.missui-row:after,.missui-row:before{content:'';display:block;clear:both}.missui-col-lg1,.missui-col-lg10,.missui-col-lg11,.missui-col-lg12,.missui-col-lg2,.missui-col-lg3,.missui-col-lg4,.missui-col-lg5,.missui-col-lg6,.missui-col-lg7,.missui-col-lg8,.missui-col-lg9,.missui-col-md1,.missui-col-md10,.missui-col-md11,.missui-col-md12,.missui-col-md2,.missui-col-md3,.missui-col-md4,.missui-col-md5,.missui-col-md6,.missui-col-md7,.missui-col-md8,.missui-col-md9,.missui-col-sm1,.missui-col-sm10,.missui-col-sm11,.missui-col-sm12,.missui-col-sm2,.missui-col-sm3,.missui-col-sm4,.missui-col-sm5,.missui-col-sm6,.missui-col-sm7,.missui-col-sm8,.missui-col-sm9,.missui-col-xs1,.missui-col-xs10,.missui-col-xs11,.missui-col-xs12,.missui-col-xs2,.missui-col-xs3,.missui-col-xs4,.missui-col-xs5,.missui-col-xs6,.missui-col-xs7,.missui-col-xs8,.missui-col-xs9{position:relative;display:block;box-sizing:border-box}.missui-col-xs1,.missui-col-xs10,.missui-col-xs11,.missui-col-xs12,.missui-col-xs2,.missui-col-xs3,.missui-col-xs4,.missui-col-xs5,.missui-col-xs6,.missui-col-xs7,.missui-col-xs8,.missui-col-xs9{float:left}.missui-col-xs1{width:8.33333333%}.missui-col-xs2{width:16.66666667%}.missui-col-xs3{width:25%}.missui-col-xs4{width:33.33333333%}.missui-col-xs5{width:41.66666667%}.missui-col-xs6{width:50%}.missui-col-xs7{width:58.33333333%}.missui-col-xs8{width:66.66666667%}.missui-col-xs9{width:75%}.missui-col-xs10{width:83.33333333%}.missui-col-xs11{width:91.66666667%}.missui-col-xs12{width:100%}.missui-col-xs-offset1{margin-left:8.33333333%}.missui-col-xs-offset2{margin-left:16.66666667%}.missui-col-xs-offset3{margin-left:25%}.missui-col-xs-offset4{margin-left:33.33333333%}.missui-col-xs-offset5{margin-left:41.66666667%}.missui-col-xs-offset6{margin-left:50%}.missui-col-xs-offset7{margin-left:58.33333333%}.missui-col-xs-offset8{margin-left:66.66666667%}.missui-col-xs-offset9{margin-left:75%}.missui-col-xs-offset10{margin-left:83.33333333%}.missui-col-xs-offset11{margin-left:91.66666667%}.missui-col-xs-offset12{margin-left:100%}@media screen and (max-width:768px){.missui-hide-xs{display:none!important}.missui-show-xs-block{display:block!important}.missui-show-xs-inline{display:inline!important}.missui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.missui-container{width:750px}.missui-hide-sm{display:none!important}.missui-show-sm-block{display:block!important}.missui-show-sm-inline{display:inline!important}.missui-show-sm-inline-block{display:inline-block!important}.missui-col-sm1,.missui-col-sm10,.missui-col-sm11,.missui-col-sm12,.missui-col-sm2,.missui-col-sm3,.missui-col-sm4,.missui-col-sm5,.missui-col-sm6,.missui-col-sm7,.missui-col-sm8,.missui-col-sm9{float:left}.missui-col-sm1{width:8.33333333%}.missui-col-sm2{width:16.66666667%}.missui-col-sm3{width:25%}.missui-col-sm4{width:33.33333333%}.missui-col-sm5{width:41.66666667%}.missui-col-sm6{width:50%}.missui-col-sm7{width:58.33333333%}.missui-col-sm8{width:66.66666667%}.missui-col-sm9{width:75%}.missui-col-sm10{width:83.33333333%}.missui-col-sm11{width:91.66666667%}.missui-col-sm12{width:100%}.missui-col-sm-offset1{margin-left:8.33333333%}.missui-col-sm-offset2{margin-left:16.66666667%}.missui-col-sm-offset3{margin-left:25%}.missui-col-sm-offset4{margin-left:33.33333333%}.missui-col-sm-offset5{margin-left:41.66666667%}.missui-col-sm-offset6{margin-left:50%}.missui-col-sm-offset7{margin-left:58.33333333%}.missui-col-sm-offset8{margin-left:66.66666667%}.missui-col-sm-offset9{margin-left:75%}.missui-col-sm-offset10{margin-left:83.33333333%}.missui-col-sm-offset11{margin-left:91.66666667%}.missui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.missui-container{width:970px}.missui-hide-md{display:none!important}.missui-show-md-block{display:block!important}.missui-show-md-inline{display:inline!important}.missui-show-md-inline-block{display:inline-block!important}.missui-col-md1,.missui-col-md10,.missui-col-md11,.missui-col-md12,.missui-col-md2,.missui-col-md3,.missui-col-md4,.missui-col-md5,.missui-col-md6,.missui-col-md7,.missui-col-md8,.missui-col-md9{float:left}.missui-col-md1{width:8.33333333%}.missui-col-md2{width:16.66666667%}.missui-col-md3{width:25%}.missui-col-md4{width:33.33333333%}.missui-col-md5{width:41.66666667%}.missui-col-md6{width:50%}.missui-col-md7{width:58.33333333%}.missui-col-md8{width:66.66666667%}.missui-col-md9{width:75%}.missui-col-md10{width:83.33333333%}.missui-col-md11{width:91.66666667%}.missui-col-md12{width:100%}.missui-col-md-offset1{margin-left:8.33333333%}.missui-col-md-offset2{margin-left:16.66666667%}.missui-col-md-offset3{margin-left:25%}.missui-col-md-offset4{margin-left:33.33333333%}.missui-col-md-offset5{margin-left:41.66666667%}.missui-col-md-offset6{margin-left:50%}.missui-col-md-offset7{margin-left:58.33333333%}.missui-col-md-offset8{margin-left:66.66666667%}.missui-col-md-offset9{margin-left:75%}.missui-col-md-offset10{margin-left:83.33333333%}.missui-col-md-offset11{margin-left:91.66666667%}.missui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.missui-container{width:1170px}.missui-hide-lg{display:none!important}.missui-show-lg-block{display:block!important}.missui-show-lg-inline{display:inline!important}.missui-show-lg-inline-block{display:inline-block!important}.missui-col-lg1,.missui-col-lg10,.missui-col-lg11,.missui-col-lg12,.missui-col-lg2,.missui-col-lg3,.missui-col-lg4,.missui-col-lg5,.missui-col-lg6,.missui-col-lg7,.missui-col-lg8,.missui-col-lg9{float:left}.missui-col-lg1{width:8.33333333%}.missui-col-lg2{width:16.66666667%}.missui-col-lg3{width:25%}.missui-col-lg4{width:33.33333333%}.missui-col-lg5{width:41.66666667%}.missui-col-lg6{width:50%}.missui-col-lg7{width:58.33333333%}.missui-col-lg8{width:66.66666667%}.missui-col-lg9{width:75%}.missui-col-lg10{width:83.33333333%}.missui-col-lg11{width:91.66666667%}.missui-col-lg12{width:100%}.missui-col-lg-offset1{margin-left:8.33333333%}.missui-col-lg-offset2{margin-left:16.66666667%}.missui-col-lg-offset3{margin-left:25%}.missui-col-lg-offset4{margin-left:33.33333333%}.missui-col-lg-offset5{margin-left:41.66666667%}.missui-col-lg-offset6{margin-left:50%}.missui-col-lg-offset7{margin-left:58.33333333%}.missui-col-lg-offset8{margin-left:66.66666667%}.missui-col-lg-offset9{margin-left:75%}.missui-col-lg-offset10{margin-left:83.33333333%}.missui-col-lg-offset11{margin-left:91.66666667%}.missui-col-lg-offset12{margin-left:100%}}.missui-col-space1{margin:-.5px}.missui-col-space1>*{padding:.5px}.missui-col-space3{margin:-1.5px}.missui-col-space3>*{padding:1.5px}.missui-col-space5{margin:-2.5px}.missui-col-space5>*{padding:2.5px}.missui-col-space8{margin:-3.5px}.missui-col-space8>*{padding:3.5px}.missui-col-space10{margin:-5px}.missui-col-space10>*{padding:5px}.missui-col-space12{margin:-6px}.missui-col-space12>*{padding:6px}.missui-col-space15{margin:-7.5px}.missui-col-space15>*{padding:7.5px}.missui-col-space18{margin:-9px}.missui-col-space18>*{padding:9px}.missui-col-space20{margin:-10px}.missui-col-space20>*{padding:10px}.missui-col-space22{margin:-11px}.missui-col-space22>*{padding:11px}.missui-col-space25{margin:-12.5px}.missui-col-space25>*{padding:12.5px}.missui-col-space30{margin:-15px}.missui-col-space30>*{padding:15px}
/* ========================================= clearfix == */ 
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix {display: inline-block;} 
* html .clearfix {height: 0%;} 
.clearfix {display: block;} 
[v-cloak]{
  display: none;
}
a{
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font-weight: 100;
}
a:hover{color: #ff0000;}
.pull-left{float: left;}
.pull-right{float: right;}
.pull-right i.iconfont{
	font-size:14px;
}
.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;}
.text-color-red{color: #ea5413;}
.text-color-green{color: #00bf99;}
.text-color-blue{color: #0092e6;}
.text-color-gray{color: #999999;}
.text-color-middlegray{color: #555555;}
.text-color-white{color: #ffffff;}
.text-color-orange{color: #ff9900;}

.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: #ff4400;}
.bg-bgreen{background: #7cd8de;}
.bg-byellow{background: #d0bc77;}
.bg-cyellow{background: #d0a177;}
.bg-bigred{background: #ff0000;}

/*height*/
.height10{height: 10px;}
.height20{height: 20px;}
.height50{height: 50px;}
/*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;
}

/*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-s{
	height: 24px;
	line-height: 24px;
}
.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-yellow{
	background-color: #fa0;
	color: #fff;
}
.btn.btn-yellow:hover{
	background: #ff7e00;
}
.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-noactive{
	background-color: #ddd;
	color: #fff;
}
.btn.btn-noactive:hover{
	background: #ddd;
}


.btn.btn-big{
	height: 42px;
	font-size: 16px;
	line-height: 42px;
	padding:0 30px;
}
.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;
}
.btn.btn-round{
	border-radius: 50px;
}



.input{
	background-color: rgba(255,255,255,0.9);
	border-radius: 5px;
	border: 1px solid #cccccc;
	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;
}
.input.input-s{
	background-color: rgba(255,255,255,0.9);
	border-radius: 5px;
	border: 1px solid #cccccc;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	vertical-align: middle;
	font-size: 12px;
}
.input.input-calendar{
	background: url('../img/calendar.png') no-repeat calc(100% - 10px) center;
}
.input.input-default{min-width: 150px;}
.input.input-w100{width:100px;}
.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);
}

.input3{
	outline: none;
	height: 42px;
	width: 96%;
	line-height: 42px;
	font-size: 14px;
	text-indent: 10px;
	border-radius: 5px;
	color: #000;
	background: #fff;
	border:none;
}
.button3{
	outline: none;
	cursor: pointer;
	height: 42px;
	width: 100%;
	line-height: 38px;
	font-size: 16px;
	border: none;
	/*text-indent: 20px;*/
	border-radius: 5px;
	color: #fff;
	background-color: #ff0000;
}
.button4{
	outline: none;
	cursor: pointer;
	height: 22px;
	line-height: 18px;
	font-size: 12px;
	border: none;
	padding: 0 5px;
	border-radius: 5px;
	color: #fff;
	background-color: #ff0000;
}
.input2{
	outline: none;
	height: 32px;
	width: 300px;
	line-height: 32px;
	font-size: 12px;
	border:1px solid #f00;
	text-indent: 10px;
	color: #000;
	vertical-align: top
}
.button2{
	outline: none;
	cursor: pointer;
	height: 36px;
	line-height: 28px;
	font-size: 16px;
	border: none;
	color: #fff;
	background-color: #ff0000;
	padding: 0 15px;
	vertical-align: top
}

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

.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;
	background-color: rgba(255,255,255,0);
}
.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;
}


.table th,
.table td{
	border-bottom: 1px solid #ddd;
	text-align: center;
	line-height: 24px;
	padding: 8px 0;
	vertical-align: middle;
}
.table td img{
	vertical-align: middle;
}
.table td.text-left{text-align: left;}
.table td.text-right{text-align: right;}
.table th{
	background: #ffffff;
	color: #aaa;
}
.table td a{color: #00b2a3;text-decoration: underline;}
.table tr:nth-child(even) td{
	background-color: #fefefe;
}
.table tr:nth-child(even):hover td,
.table tr:hover td{
	background-color: #fffbee;
}
.table tr.disabled td{
	color: #ccc;
}
.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;}


.missui-row:after,.missui-row:before{content:'';display:block;clear:both}.missui-col-lg1,.missui-col-lg10,.missui-col-lg11,.missui-col-lg12,.missui-col-lg2,.missui-col-lg3,.missui-col-lg4,.missui-col-lg5,.missui-col-lg6,.missui-col-lg7,.missui-col-lg8,.missui-col-lg9,.missui-col-md1,.missui-col-md10,.missui-col-md11,.missui-col-md12,.missui-col-md2,.missui-col-md3,.missui-col-md4,.missui-col-md5,.missui-col-md6,.missui-col-md7,.missui-col-md8,.missui-col-md9,.missui-col-sm1,.missui-col-sm10,.missui-col-sm11,.missui-col-sm12,.missui-col-sm2,.missui-col-sm3,.missui-col-sm4,.missui-col-sm5,.missui-col-sm6,.missui-col-sm7,.missui-col-sm8,.missui-col-sm9,.missui-col-xs1,.missui-col-xs10,.missui-col-xs11,.missui-col-xs12,.missui-col-xs2,.missui-col-xs3,.missui-col-xs4,.missui-col-xs5,.missui-col-xs6,.missui-col-xs7,.missui-col-xs8,.missui-col-xs9{position:relative;display:block;box-sizing:border-box}.missui-col-xs1,.missui-col-xs10,.missui-col-xs11,.missui-col-xs12,.missui-col-xs2,.missui-col-xs3,.missui-col-xs4,.missui-col-xs5,.missui-col-xs6,.missui-col-xs7,.missui-col-xs8,.missui-col-xs9{float:left}.missui-col-xs1{width:8.33333333%}.missui-col-xs2{width:16.66666667%}.missui-col-xs3{width:25%}.missui-col-xs4{width:33.33333333%}.missui-col-xs5{width:41.66666667%}.missui-col-xs6{width:50%}.missui-col-xs7{width:58.33333333%}.missui-col-xs8{width:66.66666667%}.missui-col-xs9{width:75%}.missui-col-xs10{width:83.33333333%}.missui-col-xs11{width:91.66666667%}.missui-col-xs12{width:100%}.missui-col-xs-offset1{margin-left:8.33333333%}.missui-col-xs-offset2{margin-left:16.66666667%}.missui-col-xs-offset3{margin-left:25%}.missui-col-xs-offset4{margin-left:33.33333333%}.missui-col-xs-offset5{margin-left:41.66666667%}.missui-col-xs-offset6{margin-left:50%}.missui-col-xs-offset7{margin-left:58.33333333%}.missui-col-xs-offset8{margin-left:66.66666667%}.missui-col-xs-offset9{margin-left:75%}.missui-col-xs-offset10{margin-left:83.33333333%}.missui-col-xs-offset11{margin-left:91.66666667%}.missui-col-xs-offset12{margin-left:100%}@media screen and (max-width:768px){.missui-hide-xs{display:none!important}.missui-show-xs-block{display:block!important}.missui-show-xs-inline{display:inline!important}.missui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.missui-container{width:750px}.missui-hide-sm{display:none!important}.missui-show-sm-block{display:block!important}.missui-show-sm-inline{display:inline!important}.missui-show-sm-inline-block{display:inline-block!important}.missui-col-sm1,.missui-col-sm10,.missui-col-sm11,.missui-col-sm12,.missui-col-sm2,.missui-col-sm3,.missui-col-sm4,.missui-col-sm5,.missui-col-sm6,.missui-col-sm7,.missui-col-sm8,.missui-col-sm9{float:left}.missui-col-sm1{width:8.33333333%}.missui-col-sm2{width:16.66666667%}.missui-col-sm3{width:25%}.missui-col-sm4{width:33.33333333%}.missui-col-sm5{width:41.66666667%}.missui-col-sm6{width:50%}.missui-col-sm7{width:58.33333333%}.missui-col-sm8{width:66.66666667%}.missui-col-sm9{width:75%}.missui-col-sm10{width:83.33333333%}.missui-col-sm11{width:91.66666667%}.missui-col-sm12{width:100%}.missui-col-sm-offset1{margin-left:8.33333333%}.missui-col-sm-offset2{margin-left:16.66666667%}.missui-col-sm-offset3{margin-left:25%}.missui-col-sm-offset4{margin-left:33.33333333%}.missui-col-sm-offset5{margin-left:41.66666667%}.missui-col-sm-offset6{margin-left:50%}.missui-col-sm-offset7{margin-left:58.33333333%}.missui-col-sm-offset8{margin-left:66.66666667%}.missui-col-sm-offset9{margin-left:75%}.missui-col-sm-offset10{margin-left:83.33333333%}.missui-col-sm-offset11{margin-left:91.66666667%}.missui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.missui-container{width:970px}.missui-hide-md{display:none!important}.missui-show-md-block{display:block!important}.missui-show-md-inline{display:inline!important}.missui-show-md-inline-block{display:inline-block!important}.missui-col-md1,.missui-col-md10,.missui-col-md11,.missui-col-md12,.missui-col-md2,.missui-col-md3,.missui-col-md4,.missui-col-md5,.missui-col-md6,.missui-col-md7,.missui-col-md8,.missui-col-md9{float:left}.missui-col-md1{width:8.33333333%}.missui-col-md2{width:16.66666667%}.missui-col-md3{width:25%}.missui-col-md4{width:33.33333333%}.missui-col-md5{width:41.66666667%}.missui-col-md6{width:50%}.missui-col-md7{width:58.33333333%}.missui-col-md8{width:66.66666667%}.missui-col-md9{width:75%}.missui-col-md10{width:83.33333333%}.missui-col-md11{width:91.66666667%}.missui-col-md12{width:100%}.missui-col-md-offset1{margin-left:8.33333333%}.missui-col-md-offset2{margin-left:16.66666667%}.missui-col-md-offset3{margin-left:25%}.missui-col-md-offset4{margin-left:33.33333333%}.missui-col-md-offset5{margin-left:41.66666667%}.missui-col-md-offset6{margin-left:50%}.missui-col-md-offset7{margin-left:58.33333333%}.missui-col-md-offset8{margin-left:66.66666667%}.missui-col-md-offset9{margin-left:75%}.missui-col-md-offset10{margin-left:83.33333333%}.missui-col-md-offset11{margin-left:91.66666667%}.missui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.missui-container{width:1170px}.missui-hide-lg{display:none!important}.missui-show-lg-block{display:block!important}.missui-show-lg-inline{display:inline!important}.missui-show-lg-inline-block{display:inline-block!important}.missui-col-lg1,.missui-col-lg10,.missui-col-lg11,.missui-col-lg12,.missui-col-lg2,.missui-col-lg3,.missui-col-lg4,.missui-col-lg5,.missui-col-lg6,.missui-col-lg7,.missui-col-lg8,.missui-col-lg9{float:left}.missui-col-lg1{width:8.33333333%}.missui-col-lg2{width:16.66666667%}.missui-col-lg3{width:25%}.missui-col-lg4{width:33.33333333%}.missui-col-lg5{width:41.66666667%}.missui-col-lg6{width:50%}.missui-col-lg7{width:58.33333333%}.missui-col-lg8{width:66.66666667%}.missui-col-lg9{width:75%}.missui-col-lg10{width:83.33333333%}.missui-col-lg11{width:91.66666667%}.missui-col-lg12{width:100%}.missui-col-lg-offset1{margin-left:8.33333333%}.missui-col-lg-offset2{margin-left:16.66666667%}.missui-col-lg-offset3{margin-left:25%}.missui-col-lg-offset4{margin-left:33.33333333%}.missui-col-lg-offset5{margin-left:41.66666667%}.missui-col-lg-offset6{margin-left:50%}.missui-col-lg-offset7{margin-left:58.33333333%}.missui-col-lg-offset8{margin-left:66.66666667%}.missui-col-lg-offset9{margin-left:75%}.missui-col-lg-offset10{margin-left:83.33333333%}.missui-col-lg-offset11{margin-left:91.66666667%}.missui-col-lg-offset12{margin-left:100%}}.missui-col-space1{margin:-.5px}.missui-col-space1>*{padding:.5px}.missui-col-space3{margin:-1.5px}.missui-col-space3>*{padding:1.5px}.missui-col-space5{margin:-2.5px}.missui-col-space5>*{padding:2.5px}.missui-col-space8{margin:-3.5px}.missui-col-space8>*{padding:3.5px}.missui-col-space10{margin:-5px}.missui-col-space10>*{padding:5px}.missui-col-space12{margin:-6px}.missui-col-space12>*{padding:6px}.missui-col-space15{margin:-7.5px}.missui-col-space15>*{padding:7.5px}.missui-col-space18{margin:-9px}.missui-col-space18>*{padding:9px}.missui-col-space20{margin:-10px}.missui-col-space20>*{padding:10px}.missui-col-space22{margin:-11px}.missui-col-space22>*{padding:11px}.missui-col-space25{margin:-12.5px}.missui-col-space25>*{padding:12.5px}.missui-col-space30{margin:-15px}.missui-col-space30>*{padding:15px}


/*-----------*/
body{
	background: rgba(255,255,255,1);
	padding: 0;
	margin: 0;
	min-width: 1200px;
}
.c{
	width: 1190px;
	margin: 0 auto;
	padding: 0;
}
.topnavi{
	/*height: 30px;*/
	background-color: rgba(0,0,0,0.05);
	font-size: 12px;
	line-height: 30px;
}
.topnavi a{
	display: inline-block;
	padding: 0 10px;
}

.header{
	height: 100px;
	overflow:hidden;
	padding: 10px;
	border-radius: 10px 10px 0 0;
}
.logobox{
	padding:17px 0;
}
.logo{
	width: 425px;
	height: 65px;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.logo a{
	background: url('../img/logo.png') no-repeat center center;
	display: inline-block;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}
.logo a:hover{
	/*background: url('../img/logo.gif') no-repeat center center;*/
}
.logo-mini{
	width: 100px;
	height: 28px;
	background: url('../img/logo-red.png') no-repeat center center;
	background-size: 100px;
	display: inline-block;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
.logobox-page{
	height: 28px;
	padding: 6px;
}
.logo-white{
	width: 100px;
	height: 28px;
	background: url('../img/logo-white.png') no-repeat center center;
	background-size: 100px;
	display: inline-block;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
.logo-white a{
	display: block;
	width: 100%;
	height: 100%;
}
.header-form{
	padding: 37px 50px 30px 0;
}
.header-form input{
	width: 400px;
	height: 36px;
	background-color: rgba(0,0,0,0.03);
	padding: 0;
	margin:0 10px 0 0;
	text-indent: 20px;
	font-size: 12px;
	border:none;
	border-radius: 5px;
	vertical-align: middle;
}
.header-form button{
	width: 64px;
	height: 36px;
	background-color: rgba(255,0,0,1);
	color: rgba(255,255,255,1);
	vertical-align: middle;
}
.sitecityname{
	height: 100px;
	line-height:160%;
	color: #fff;
	font-family: 'SimSun','宋体';
	text-shadow: 0 0 8px rgba(0,0,0,.2);
	padding-top: 60px;
}
.menu{
	background-color: #fefefe;
	height: 40px;
	font-size: 16px;
	color: #333;
	padding: 0;
	width: 100%;
}
.qscate{
	width: 190px;
	text-align: center;
	height: 40px;
	background-color:rgba(204,0,19,1);
}
.qscate-t{
	line-height: 40px;
	font-size: 14px;
	color: rgba(255,255,255,0.8);
}
.menu-list{
	height: 40px;
	line-height: 40px;
	margin:0;
	width: 980px;
	text-align: right;
}
.menu-list ul{
	width: 980px;
	display: inline-block;
}
.menu-list li{
	float: left;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
	position: relative;
	width: 94px;
	height: 40px;
}
.menu-list li.pull-right{
	float: right;
}
.menu-list li.vline{
	color: #ccc;
	font-size: 12px;
	width: 10px
}
.menu-list a{
	color: #333;
	font-size: 14px;
}
.menu-list a.active{
	color: rgba(255,100,0,1);
}
.menu-list a:hover{
	color: rgba(255,0,0,1);
}
.menu-list.menu-list-page a{
	width: 120px;
}
.menu-list.f12 li{
	line-height: 14px;
}
.menu-list.f12 a{
	font-size: 12px;
}

.menu-list .submenu{
	display: none;
	position: absolute;
	top: 40px;
	left: -24px;
	z-index: 999;
	width: 120px;
	background: rgba(255,0,0,.8);
	box-shadow: 0 5px 8px rgba(0,0,0,.1);
	border-radius: 5px;
	line-height: 12px;
}
.menu-list .submenu:after{
	content: '';
	position: absolute;
	top: -10px;
	left: 50px;
	display: inline-block;
	width: 0px;
	height: 0px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:10px solid rgba(255,0,0,.8);
}
.menu-list ul li:hover .submenu{
	display: inline-block;
}
.menu-list .submenu a{
	display: inline-block;
	width: 100%;
	line-height: 18px;
	font-size: 12px;
	position: relative;
	padding: 10px 0;
	color: #fff;
}
.menu-list .submenu a:after{
	content: '';
	height: 1px;
	width: 100%;
	display: inline-block;
	position: absolute;
	bottom: 0;
	background: rgba(255,255,255,.3);
	left: 0;
}
.menu-list .submenu a:last-child:after{
	height: 0;
}
/*indexa */
.qscate-list{
	width: 190px;
	height: 490px;
	background-color: rgba(245,245,245,0.95);
	overflow: hidden;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 0 0 5px 5px;
}
.indexads-abox{
	width: 785px;
	height: 480px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: hidden;
}
.qs-posts{
	width: 195px;
	height: 480px;
	margin-top: 10px;
	/*overflow: hidden;*/
}
.qscate-list  dd{
	padding: 10px 20px;
	border-top: 1px solid #eeeeee;
	font-size: 12px;
	height: 40px;
}
.qscate-list  dd:child-first{
	border:none;
}
.qscate-list  dd a{
	margin-right: 5px;
}
.qscate-list  dd h3{
	line-height: 200%;
	font-size: 16px;
}
.swpiebox{
	height: 345px;
	background-color: rgba(0,0,0,0.05);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}
.swpiebox img{
	border-radius: 5px;
}
.indexads-first{
	width: 387px;
	height: 125px;
	background-color: rgba(0,0,0,0.05);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}
.indexads-first img{
	border-radius: 5px;
}
.loginbox{
	height: 290px;
	border:1px solid #eee;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}

.newxi{
	height: 176px;
	border:1px solid #eee;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}
.newxi-head{
	height: 28px;
	line-height: 28px;
	text-indent: 15px;
	font-size: 12px;
	border-bottom: 1px dotted #eee;
	border-radius: 5px 5px 0 0;
}
.postbox li{
	font-size: 12px;
	line-height: 28px;
	text-indent: 16px;
	background:url('../img/dot.png') no-repeat 8px center;
	background-size: 4px;
	padding-right: 5px;
}
.lb{
	height: 85px;
	border-bottom: 1px dotted #eee;
	font-size: 12px;
	padding: 15px 5px 15px 15px;
	line-height: 200%;
}
.loginbox-avatar{
	width: 42px;
	height: 42px;
	background-color: rgba(0,0,0,0.1);
	border-radius:42px;
	margin-right: 10px;
}
.indexads-text-first{
	width:160px;
	margin:0 auto;
	display: inline-block;
	color: rgba(255,125,160,1);
	text-align: center;
	border:2px solid rgba(255,125,160,1);
}
.index-searchbox-key{
	background-color: rgba(0,0,0,0.03);
	height: 50px;
	padding: 25px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}
.sbox{

	height: 50px;
	width: 960px;
	border-radius: 5px;
	text-indent: 20px;
	overflow: hidden;
}
.sbox-btn button{
	color: rgba(255,255,255,1);
	background-color: rgba(247,0,23,1);
	height: 50px;
	width: 160px;
	border-radius: 5px;
}
.sbox select{
	height: 50px;
	border:none;
	background: none;
}
.sbox input{
	border:none;
	height: 50px;
	line-height: 50px;
	width: 700px;
	text-indent: 10px;
	background: none;
}
.sbox-btn button:hover{
	background-color: rgba(220,0,20,1);
}

.indexads-secend{
	height: 90px;
	background-color: rgba(255,200,0,0.05);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}
.indexads-secend img{
	border-radius: 5px;
}
.index-box{
	width: 590px;
	border:1px solid #eeeeee;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}
.index-box2{
	width: 388px;
}
.index-box-header{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #eeeeee;
	font-size: 14px;
	padding: 0 15px;
	text-indent: 10px;
	border-radius: 5px 5px 0 0;
	background: rgba(0,0,0,0.01) url('../img/vs-line.png') no-repeat 10px center;
}
.index-box-body{
	height: 300px;
}
.ibb-pic{
	width: 190px;
	height: 300px;
	background-color: rgba(0,0,0,0.005);
	position: relative;
}
.ibb-pic a{
	display: inline-block;
	height: calc(100% - 30px);
	width: calc(100% - 30px);
	padding: 15px;
}
.ibb-pic:after{
	content: ' ';
	position: absolute;
	height: 300px;
	right: 0;
	top: 0;
	width: 1px;
	background-color: rgba(0,0,0,0.02);
}
.ibb-box{
	padding: 15px;
	height: 270px;
	width: 225px;
}
.ibb-box h4{
	text-indent: 10px;
	border-left:4px solid rgba(255,100,0,1);
}
.ibb-box div{padding: 5px 0 15px 0;}
.ibb-box div a{
	font-size: 12px;
	display: inline-block;
	width: 45%;
	text-indent: 15px;
}
.ibb-box div.b2 a{
	font-size: 12px;
	display: inline-block;
	width: 105px;
	text-indent: 15px;
}
.ibb-2link{
	width: 140px;
	height: 300px;
	background-color: rgba(0,0,0,0.005);
	position: relative;
}
.ibb-2link:before{
	content: ' ';
	position: absolute;
	height: 300px;
	left: 0;
	width: 1px;
	background-color: rgba(0,0,0,0.02);
}
.ibb-2link a{
	display: inline-block;
	height: calc(50% - 30px);
	width: calc(100% - 30px);
	position: relative;
	padding: 15px;
}
.ibb-2link a:first-child:after{
	content: ' ';
	height: 1px;
	width: 100%;
	background-color: rgba(0,0,0,0.04);
	position: absolute;
	bottom: 0;
	left: 0;
}
.post-list{
	padding: 5px 0;
}
.post-list li{
	font-size: 14px;
	line-height: 28px;
	padding: 0 15px;
	text-indent: 15px;
	background:url('../img/dot.png') no-repeat 10px center;
}
.toppic{
	padding: 10px 0 0 10px;
	width: 128px;
}
.toppic img{
	width: 128px;
	height: 128px;
}
.topbody{
	width: 430px;
	padding: 10px 10px 0 0;
}

.topbody p{
	padding: 5px 0 0 0;
	line-height: 180%;
	text-indent: 26px;
}

.footer{
	padding-bottom: 20px;
	font-size: 12px;
	background-color: #fdfdfd;
	color: #666;
	box-shadow: -3px -3px 5px rgba(0,0,0,0.01);
	z-index: 9;
	position: relative;
	border-top: 1px solid #eee;
}
.flinks{
	line-height: 200%;
	padding: 10px 0 10px 0;
	border-top:1px dotted rgba(0,0,0,0.2);
}
.flinks h4{
	margin-bottom: 10px;
}
.flinks a{
	margin: 0 10px 0 0;
	color: #333;
	display: inline-block;
}
.flinks a:hover{
	color: #c00);
}
.copy{
	border-top:1px dotted rgba(0,0,0,0.2);
	text-align: center;
	padding-top: 20px;
}
.fmenu{
	padding: 40px 0;
	/*border-top:1px dotted rgba(255,255,255,0.5);*/
	line-height: 220%;
}
.fmenu .flogo{
	background:url('../img/logo_white_r.png') no-repeat center center;
	width: 200px;
	height: 100px;
}
.fmenu .f{
	width: 200px;
}
.fmenu .f h4{
	border-left:2px solid rgba(255,0,0,1);
	text-indent: 10px;
	margin-bottom: 10px;
}
.fmenu .f a{
	font-size: 12px;
	color: #333;
	text-indent: 12px;
	display: inline-block;
}
.fmenu .f a:hover{
	color: #c00;
}

.breakpath{
	padding: 15px;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 3px;
	font-size: 12px;
	position: relative;
}
.breakpath i{
	color: rgba(0,0,0,0.3);
}
.breakpath .btn{
	position: absolute;
	right: 10px;
	top: 7px;
}
.breakpath .btn i{
	color: #fff;
}

/*post*/
.post{
	width: 880px;
}
.post-box,
.comments{
	padding: 0;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 3px;
	font-size: 12px;
	position: relative;
}
.post-box-head{
	padding: 10px 0 10px 0;
}
.post-box-head h1{
	line-height: 200%;
	padding-bottom: 5px;
}
.post-box-adsbox{
	height: 120px;
	background-color: rgba(0,0,0,0.01);
	border-radius: 5px;
	position: relative;
}
.post-box-adsbox-title{
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(255,0,0,0.3);
	color: #fff;
	border-radius: 0 5px 0 5px;
	font-size: 12px;
	padding: 5px 10px;
}
.post-box-body{
	padding: 0px;
	font-size: 14px;
	line-height: 180%;
}

.relation-posts,
.sidebar-posts{
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
	font-size: 12px;
	position: relative;
}
.relation-posts-head,
.sidebar-posts-head{
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	background-color: rgba(0,0,0,0.02);
	padding: 0 15px;
	border-radius: 5px 5px 0 0;
}
.relation-posts-body,
.sidebar-posts-body{
	padding: 15px;
	border-radius: 0 0 5px 5px;
}

.relation-posts-body ul li{
	font-size: 14px;
	line-height: 24px;
	padding:10px  0;
	border-bottom: 1px dotted #eee;
}
.relation-posts-body ul li .ths{
	padding-top: 5px;
}
.relation-posts-body ul li .ths img{
	margin-right: 5px;
}

.sidebar{
	width: 300px;
}
.sidebar .ubox{
	height: 265px;
	padding: 25px 0 15px 0;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 3px;
	font-size: 12px;
	position: relative;
	background-color: rgba(0,0,0,0.01);
}

.ubox-avatar{
	width: 64px;
	height: 64px;
	line-height: 64px;
	background-color: #f9f9f9;
	border-radius: 64px;
	color: #fff;
	text-align: center;
	margin:0 auto;
}
.ubox-avatar i{
	font-size: 48px;
}
.ubox-avatar img{
	width: 64px;
	height: 64px;
	border-radius: 64px;
}
.ubox-uname{
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
}
.ubox-nums{
	height: 50px;
	border-top:1px dotted #eee;
	border-bottom:1px dotted #eee;
	padding: 15px 10px;
	margin-top: 15px;
	background-color: rgba(255,255,255,0.5);
}
.ubox-nums-s{
	width: 33%;
	text-align: center;
}
.ubox-btns{
	margin-top: 20px;
	text-align: center;
}
.ubox-btns a{
	display: inline-block;
	width: 86px;
	margin:0 10px;
}
.sidebar-adsbox{
	height: 240px;
	background-color: rgba(0,0,0,0.01);
	border-radius: 5px;
	position: relative;
}
.sidebar-adsbox-title{
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(255,0,0,0.3);
	color: #fff;
	border-radius: 0 5px 0 5px;
	font-size: 12px;
	padding: 5px 10px;
}

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

/*channel*/
.page-left{
	width: 880px;
}
.page-right{
	width: 300px;
}
.pushbox{
	height: 42px;
	line-height: 42px;
}
.pushbox a{
	display: inline-block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	background-color: #00a062;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.features{
	height: 360px;
	background-color: rgba(0,0,0,0.01);
	border-radius: 5px;
}
.contentbox{
	padding: 15px;
	background-color: rgba(0,0,0,0.005);
	height: 618px;
	border-radius: 5px;
	border:1px solid rgba(0,0,0,0.06);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
}
.news-index-boxa{
	width: 360px;
}
.news-index-boxb{
	width: 460px;
}
.topics{
	/*height: 400px;*/
}
.news-list li{
	font-size: 14px;
	line-height: 24px;
}
.news-list li .desc{
	text-indent: 24px;
}
.ads-logo{
	width: 190px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.03);
	height: 80px;
	float: left;
	margin-right:10px;
}
.ads-logo.end{
	margin:0;
	float: right;
}
.post-cate-name{
	border:1px solid #fff3d8;
	border-left:3px solid #f80;
	padding: 15px;
	text-indent: 5px;
	position: relative;
	border-radius: 5px;
	color: #f60;
}
.post-list-box{
	/*border-top: 1px dotted rgba(0,0,0,0.1);*/
}
.post-list-item{
	padding: 25px;
	border-bottom: 1px dotted rgba(0,0,0,0.1);
	position: relative;
	min-height: 80px;
}
.post-list-item:hover{
	background-color: rgba(0,0,0,0.005);
}
.post-list-item-thu{
	position: absolute;
	width: 80px;
	height: 80px;
}
.post-list-item-thu img{
	width: 80px;
	height: 80px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}
.has-thu{
	position: absolute;
	left: 120px;

}
.post-list-item h3{
	display: inline-block;
	padding-bottom: 5px;
}
.post-list-item p{
	text-indent: 26px;
	padding: 5px 0;
}
.tys{
	position: relative;
	height: 50px;
}
.tys textarea{
	width: 230px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 0;
}
.tys button{
	height: 50px;
	width: 50px;
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
	background-color: #009cdd;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}
ul.quan-tyss{
	/*padding-top: 10px;*/
}
ul.quan-tyss li{
	float: none;
	line-height: 20px;
	padding: 20px;
	margin:5px 0;
	font-size: 12px;
	background: #fbfbfb;
	position: relative;
	border-radius: 5px;
}
ul.quan-tyss li:hover{
	background: #fff7f7;
}
ul.quan-tyss li a{
	color: #333;
}
.mini-avatar{
	width: 24px;
	height: 24px;
	border-radius: 24px;
	position: absolute;
	left: 0px;
	top: 10px;
}

.quan-category{
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
	font-size: 12px;
	position: relative;
}
.quan-category-head{
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	background-color: rgba(0,0,0,0.02);
	padding: 0 15px;
	border-radius: 5px 5px 0 0;
}
.quan-category-body{
	padding: 15px;
	border-radius:  0 0 5px 5px;
}
.quan-category-body a{
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 50px;
	border:1px solid #eee;
	margin-right: 20px;
}
.quan-category-body a:hover{
	background-color: #f00;
	border-color: #f00;
	color: #fff;
}
.quan-list li{
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
	position: relative;
	margin-bottom: 20px;
	padding: 15px 15px 15px 75px;
}
.quan-list li p{
	padding: 5px 0;
}
.middle-avatar{
	width: 48px;
	height: 48px;
	border-radius: 48px;
	position: absolute;
	left: 15px;
	top: 15px;
	background-color: rgba(0,0,0,0.05);
}
.thumbnail{
	width: 64px;
	height: 64px;
	float: right;
	border-radius: 5px;
}

/*project*/
.project-pic{
	width: 480px;
	height: 480px;
}
.project-pic img{
	width: 480px;
	height: 480px;
}
.project-meta{
	width: 690px;
}
.project-desc{
	padding: 10px 0;
}
.project-price{
	padding: 10px 0;
	line-height: 220%;
}
.project-meta label{
	display: inline-block;
	width: 80px;
}
.project-body {
	width: 950px;
	border:1px solid #eee;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
	padding:0;
}
.ptab{
	border-bottom: 1px solid #eee;
	height: 48px;
	line-height: 48px;
	padding-left: 25px
}
.ptab a{
	display: inline-block;
	padding: 0 20px;
	position: relative;
	font-size: 14px;
}
.ptab a.active{
	color: #f00;
}
.ptab a.active:after{
	content: '';
	width: 100%;
	height: 3px;
	background-color: #f00;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.tab-box{
	padding: 25px;
}

.project-sidebar{
	width: 230px;
}



.project-relates{
	border:1px solid #eee;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.01);
	border-radius: 5px;
}
.project-relates-head{
	height: 40px;
	line-height: 40px;
	text-indent: 20px;
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
	background-color: rgba(0,0,0,0.01);
	border-radius: 5px 5px 0 0;
}
.project-relates-body{
	padding: 10px;
}
.project-relates-body ul li{
	border-bottom: 1px dotted #eee;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	text-indent: 20px;
	position: relative;
}
.project-relates-body ul li:before{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 5px;
	left: 5px;
	top: 13px;
	position: absolute;
	background-color: #eee;
}
.project-cities{
	padding-top: 10px;
	height: 125px;
	overflow: auto;
}
.tag-price{
	border:1px solid #eee;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	line-height: 150%;
	width: 80px;
	text-align: center;
	margin: 0 5px 5px 0;
	cursor: pointer;
}
.tag-price span{
	display: inline-block;
	width: 100%;
	height: 18px;
	overflow:hidden;
	text-align: center;
}
.tag-price:hover,
.tag-price.active{
	border-color: #f00;
}
.tag-price.active{
	background-color: #f00;
}
.tag-price.active span.text-color-gray,
.tag-price.active span.text-color-red{
	color: #fff;
}
.choose-number .jian,
.choose-number .jia{
	background-color: #f60;
	width: 24px;
	height: 24px;
	line-height: 20px;
	border-radius: 24px;
	color: #ffffff;
	font-size: 14px;
}
.choose-number .number{
	border:none;
	width: 24px;
	text-align: center;
	font-size: 14px;
	color: #f40;
}

.sericebox-head{
	font-size: 24px;
	line-height: 48px;
	padding: 0 0 10px 0;
}
.sericebox-list{

}
.sericebox-item{
	width: 200px;
	height: 300px;
	float: left;
	text-align: center;
	padding: 10px 10px 20px 10px;
	background-color: rgba(0,0,0,0.01);
	border-radius: 5px;
	border:1px solid #eee;
	margin-right: 20px;
	margin-bottom: 20px;
}
.sericebox-item:nth-child(5),
.sericebox-item:nth-child(10),
.sericebox-item:nth-child(15){
	float: right;
	margin-right: 0;
}
.sericebox-item:hover{
	border-color: #f50;
}
.sericebox-item img{
	width: 200px;
	border-radius: 5px;
}
.serice-title{
	padding: 10px 0;
}
.serice-price{
	padding-bottom: 10px;
}
.topics-pic{height: 160px;}
.topics-a{
	width: 500px;
	height: 400px;
	background: #fafafa;
	display: inline-block;
	float: left;
}
.topics-b{
	width:325px;
	height: 190px;
	background: #fafafa;
	float: left;
	margin-left: 20px;
}
.topics-c{
	width:670px;
	height: 190px;
	background: #fafafa;
	float: left;
	margin-left: 20px;
}
.topics-b.mt-20{
	margin-top: 20px;
}
.topic-item{
	width: 230px;
	height: 160px;
	background-color: rgba(0,0,0,0.01);
	margin-right:10px;
	float: left;
}
.topics-pic .topic-item:nth-child(5){
	margin-right: 0;
	float: right;
}

.tuan{}
.tuan-head{
	height: 48px;
	line-height: 48px;
	background-color: rgba(245,0,0,1);
	color: #fff;
	padding: 0 20px;
	font-size: 20px;
}
.tuan-body{
	padding: 20px;
	height: 260px;
	background-color: rgba(0,0,0,0.005);
}
.tuan-item{
	display: inline-block;
	width: 210px;
	float: left;
	height: 260px;
	position: relative;
	padding: 0 10px;
}
.tuan-item:after{
	content: '';
	height: 100%;
	width: 1px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.05);
}
.tuan-body .tuan-item:nth-child(5):after{
	background-color: #fff;
}

.tuan-item-meta{
	padding: 10px 10px 10px 20px;
}
.juans{

}
.juan{
	display: inline-block;
	width: 33.333333%;
	height: 100px;
	background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.005) 100%);
	float: left; 
}
.juan-body{
	padding: 10px 20px 10px 40px;
	position: relative;
}

.juan-body .btn.btn-juan{
	border-radius: 50px;
	background-color: #f00;
	color: #fff;
	font-size: 12px;
	padding: 0 30px;
}
.juan-img{
	position: absolute;
	right: 0;
	top: 0;
}
/*group_serveice*/
.group_serveice{
	border:2px solid #f30;
	height: 210px;
	position: relative;
	border-radius: 5px;
}
.group_serveice .gs-t{
	font-size: 12px;
	background: #f30;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding: 5px 15px;
	border-radius: 0 0 10px 0;
}
.gs-price{
	width: 160px;
	padding: 30px;
	font-size: 12px;
}
.gs-js{
	background:#aaa;color:#fff;
	display:inline-block;
	padding:3px 10px;
	border-radius:3px;
	width:calc(100% - 20px);
	margin-top:10px;
}
.gs-item{
	width: 120px;
	height: 120px;
	padding-top: 40px;
	margin:0 10px;
	text-align: center;
	font-size: 12px;
}
.gs-item img{
	width: 120px;
	border-radius: 5px;
}
.gs-item-jia{
	text-align: center;
	font-size: 24px;
	line-height: 200px;
	height: 160px;
	overflow:hidden;
	color: #999;
}


.index_tab{
}
.index_tab_head{
	height: 80px;
}
.index_tab_head span{
	float: left;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	width: 20%;
	text-align: center;
	background: #fefefe;
	cursor: pointer;
	position: relative;
}
.index_tab_head span:before{
	position: absolute;
	height: 1px;
	width: 100%;
	content: "";
	background: #f00;
	bottom: 0;
	right: 0;
}

.index_tab_head span:hover{
	background: #fafafa;
}
.index_tab_head span.active{
	color: #fff;
	background-color: #f00;
}
.index-quan-gc{
}
.quan-cate{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
}
.quan-cate a{
	display: inline-block;
	padding: 0 20px;
	position: relative;
}
.quan-cate a.active{
	color: #f00;
}
.quan-cate a:hover:after{
	content: "";
	width: 100%;
	height: 3px;
	background: #ddd;
	left: 0;
	bottom: -2px;
	position: absolute;
}
.quan-cate a.active:after{
	content: "";
	width: 100%;
	height: 3px;
	background: #f00;
	left: 0;
	bottom: -2px;
	position: absolute;
}
.quan-index{
	min-height: 300px
}
.slogan-index{
	height: 336px;
	background: #1d2a4a url('../img/index/f0.jpg') no-repeat center center;
	text-align: center;
}
.slogan-index h1{
	font-size: 36px;
	display: inline-block;
	padding:40px 0;
	letter-spacing: 5px;
}
.partner-index h3{
	padding-bottom: 15px;
	text-align: center;
	font-size: 18px;
}
.partner-index img{
	float: left;
	position: relative;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.05);
	display: inline-block;
	width: 198px;
	height: 100px;
}



.sidebar {
	position:fixed;
	width:180px;
	display: inline-block;
	text-align:left;
	right:0px;
	top:200px;
}
.sidebar .catalogWrap {
	position:absolute;
	padding-left:10px;
	overflow:hidden;
	overflow-y:auto;
	height:210px;
	width:inherit;
}

.sidebar .sidebar-scrollbar {
	width:5px;
	height:20px;
	display:inline-block;
	background:#cc0000;
	position:absolute;
	left:8px;
	top:7px;
	z-index:1;
	-webkit-transition:all,.4s;
	transition:all,.4s
}


.anchor-content {
	border-left:1px solid #CCC;
	padding-left:8px;
	width:280px;
	-webkit-transition:all,.5s;
	transition:all,.5s;
	position:absolute;
	font-size:12px
}
.anchor-content .active,
.anchor-content .active a {
	color:#cc0000
}
.anchor-content li {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin:10px 0
}
.anchor-content li li {
	padding-left:17px
}
.anchor-content:after,
.anchor-content:before {
	z-index:1;
	content:"";
	display:inline-block;
	width:9px;
	height:9px;
	border-radius:50%;
	border:1px solid #A1A1A1;
	position:absolute;
	left:-6px;
	background:#f8f8f8
}
.anchor-content:after {
	bottom:0
}
.anchor-content .blog-catalogue-h1 {
	font-size:14px
}
.anchor-content .blog-catalogue-h2 {
	padding-left:10px;
	font-size:14px
}
.anchor-content .blog-catalogue-h3,
.anchor-content .blog-catalogue-h4,
.anchor-content .blog-catalogue-h5,
.anchor-content .blog-catalogue-h3 a,
.anchor-content .blog-catalogue-h4 a,
.anchor-content .blog-catalogue-h5 a{
	font-size:12px;
	color:#666
}
.anchor-content .blog-catalogue-h3.active a,
.anchor-content .blog-catalogue-h4.active a,
.anchor-content .blog-catalogue-h5.active a{
	color:#cc0000
}
.anchor-content .blog-catalogue-h3 {
	padding-left:20px
}
.anchor-content .blog-catalogue-h4 {
	padding-left:30px
}
.anchor-content .blog-catalogue-h5 {
	padding-left:40px;
	font-size:12px
}

.nbox{
	width: 220px;
	height: 220px;
	border:1px solid #eee;
	text-align: center;
	font-size: 20px;
	display: inline-block;
	border-radius: 10px;
	float: left;
	margin:0 35px;
	background: #fefefe
}
.nbox a{
	display: block;
	width: 100%;
	height: 180px;
	padding-top: 40px;
	line-height: 300%;
}
.nbox a i.iconfont{
	font-size: 72px;
}


.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: 350px;
	padding-top: 55px;
	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: 265px;
	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: 68px;
	line-height: 48px;
	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;
	min-height: 180px;
	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: 225px;
	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
}

.alt-rows-table td{
	padding:6px;
	border-bottom:1px solid #fffdf2;
	width:50%;height:50px
}
.alt-rows-table .odd-row-color{
	background-color:#fff
}
.alt-rows-table .even-row-color{
	background-color:#fffdf2
}
.alt-rows-table .circle{
	border-radius:50%;width:32px;height:32px;
	background-color:#ffd200;float:left;margin-left:32px
}
.alt-rows-table .circle .num{
	text-align:center;display:block;line-height:32px;color:#fff;font-size:medium
}
.alt-rows-table .table-words{margin-left:96px;font-family:"Microsoft YaHei",sans-serif;font-size:medium;line-height:32px}.alt-rows-table .table-words-1{margin-left:96px;font-family:"Microsoft YaHei",sans-serif;font-size:medium}.alt-rows-table .table-words-1 .table-words-small{color:#7f87a9;font-size:smaller}.alt-rows-table .table-words-2{text-align:center;font-family:"Microsoft YaHei",sans-serif;font-size:14px;color:#7f87a9}

.p-qa{
	padding: 25px;
	border:1px solid #eee;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.02);
	background: #fff;
	font-size: 14px;
	margin:10px 0;
}



.tab-box table{
    width: 100%;
}
.tab-box td{
    padding: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
}
.tab-box tr td:first-child{
    text-align: center;
    background-color: #fafafa;
}
.tab-box tr td .tdcle{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #4fd1d9;
    color: #4fd1d9;
}
.ths img{
	border:1px solid #eee;
	margin-right: 15px;
}
.quan-nav-time{
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.quan-nav-time a{
	font-size: 14px;
	margin: 0 15px;
	position: relative;
}
.quan-nav-time a.this{
	color: #f00;
}
.quan-nav-time a.this:after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 3px;
	background: #f00;
	position: absolute;
	bottom: -16px;
	left: 0;
}
.pages{
	text-align: center;
	font-size: 12px;
	padding:15px 0;
}
.pages a{
	margin:0 10px;
}
.article .article_img{
	width: 64px;
	display: inline-block;
	vertical-align: middle;
	height: 64px;
}
.article .article_img img{
	width: 64px;
}
.article .article_meta{
	display: inline-block;
	width: 300px;
	height: 64px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	overflow: hidden;
}
.side-box-head{
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	padding:0 0 10px 0;
	color: #f00;
}
ul.side-list li{
	font-size: 12px;
	padding: 10px 0;
	border-bottom: 1px dotted #eee;
}
.head-search-head{
	padding: 10px 0 0 8px ;
	height: 22px;
	line-height: 16px;
}

.head-search-foot{
	padding: 5px 0;
}
.head-search-head a,
.head-search-foot a{
	display: inline-block;
	padding: 0px 10px;
	height: 24px;
	line-height: 24px;
}
.head-search-head a:hover,
.head-search-head a.active{
	background: #f00;
	color: #fff;
}
.home-loginbox{
	padding: 20px 0;
	height: 90px;
	border-top: 3px solid #fafafa;
	line-height: 180%;
}
.home-zs{
	height: 36px;
	background: #fafafa;
}
.home-zs label{
	display: inline-block;
	width: 68px;
	background:#f00;
	color: #fff;
	font-size: 12px;
	text-align: center;
	height: 36px;
	line-height: 36px;
}
.home-news{
	height: 100px;
	border-bottom: 1px solid #eee;
}
.mtab .mtab-head{
	height: 24px;
	padding: 5px 0 0 5px;
}
.mtab .mtab-head a{
	font-size: 12px;
	display: inline-block;
	line-height: 24px;
	height:24px;
	margin:0 5px;
}
.mtab .mtab-head a.active{
	border-bottom: 2px solid #f00;
	color: #f00;
}
.mtab .tabbox{
	display: none;
}
.mtab .tabbox.active{
	display: block;
}
.mtab .mtab-body{
	padding: 8px;
}
.home-list li{
	font-size: 12px;
	line-height: 18px;
}
.home-getboop{
	height: 200px;
	background:#0092dd;
}

.home-goodsbox{}
.home-goodsbox .topic{
	width: 190px;
	height: 320px;
	background:#f9f9f9;
}
.home-goodsbox .goods{
	height: 319px;
	width: 702px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-left: 8px;
}
.home-goodsbox .goods .missui-col-md2,
.goods .missui-col-md4{
	height: 159px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	text-align: center;
	padding-top: 10px;
	overflow: hidden;
	line-height: 16px;
}
.home-goodsbox .news{
	width: 258px;
	height: 298px;
	border:1px solid #eee;
	padding: 10px;
}
.news-head{
	height: 28px;
	line-height: 20px;
	border-bottom: 1px solid #eee;
	color: #f00;
}
.news-body{
	padding: 10px 0;
	height: 246px;
	overflow: hidden;
}

.parnters:after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
.cities{
	background: #fff;
	padding:10px;
	border-radius: 0 0 6px 8px;
	box-shadow: 0 3px 5px rgba(0,0,0,.06);
	line-height: 24px;
}
.cities a{
	margin:0 3px;
}

/*spage-nbox-sa-title*/
.spage-nbox-sa-title{
	font-size: 28px;
	color: #0075b8;
	text-align: center;
	padding-top: 56px;
}
.spage-nbox-sa-box{
	padding: 40px 80px;
}

.blog-content{
	padding: 15px 0;
	line-height: 20px;
	vertical-align: middle;
}
.blog-content img{
	vertical-align: middle;
}
.pageing a{
	margin:0 10px;
}
.photo-small{
	padding-bottom: 20px;
}
.photo-small img{
	margin: 0 5px;
}