﻿/*! QTouch 

 *  2015-06-26 */

#company-title, #footer, #menu>.menu>.menuitem>a {

	color: #fff

}

body {

	background: #f0eadf;

	overflow-x: hidden

}

#logo-container {

	background: -webkit-gradient(linear, 0 50%, 0 100%, from(#b24222), to(#7C1E1C));

	position: relative

}

#logo-container:after {

	content: " ";

	display: block;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	background: -webkit-gradient(linear, 0 50%, 0 100%, from(#FFF), to(#747474));

	opacity: .2;

	z-index: 1

}

.widget-header, .widget-header>h2 {

	position: relative;

	height: 34px;

	line-height: 34px

}

#menu>.menu {

	background: #6D141A;

	background-size: 100% 100%;

	box-shadow: 0 0 3px 0

}

#body {

	padding: 4px;

	background: #fff

}

#footer {

	background: #343434;

	text-align: center;

	border-top: 0px solid #6D141A;
	width:103%;
	margin:0px;
	font-size:14px;
	font-weight:lighter;

}

.widget-header {

	font-size: 15px;

	font-weight: 700;

	margin-bottom: 0px;

	margin-top: 0px;

	width: 103%;

	margin-left: -4px;

	background: #343434;
	border-bottom:solid 1px #5A5A5A;

}
.widget-header-title {

	font-size: 13px;
	color:#FFF;



}

.widget-header>h2 {

	padding: 0 0 0 21px;

	display: inline-block;

	max-width: 100%;

	white-space: pre;

	overflow: hidden;

	text-overflow: ellipsis;

	z-index: 0;

	color: #fff

}

.widget-header>h2:after {

	content: " ";

	display: block;

	width: 4px;

	height: 14px;

	position: absolute;

	left: -2px;

	top: 10px;

	background: #0A71E2;

	margin-left: 10px

}

.widget>.widget-body {

	padding: 0 10px

}

.widget-header:after {

	background: #199b77

}

.widget>.widget-footer {

	text-align: center

}

.widget>.widget-footer>.more {

	display: block;

	height: 30px;

	width: 150px;

	margin: 20px auto 0;

	color: #6C6C59;

	line-height: 30px;

	border-radius: 10px;

	border: 0px solid #d6afb2;
	font-size:14px;

	background: -webkit-gradient(linear, 0 50%, 0 100%, from(#fefefe), to(#e9dbdb))

}

.widget>.widget-footer>.more>.icon {

	width: 18px;

	height: 18px;

	vertical-align: -3px

}

.widget>.widget-footer>.more>.icon:before {

	left: 0;

	top: 50%;

	width: 100%;

	height: 2px;

	margin-top: -1px

}

.widget-textblock>.widget-body {

	line-height: 2

}

.widget-imagelist>.widget-body:after {

	content: ' ';

	display: block;

	clear: both

}

.widget-imagelist>.widget-body>.list>.list-item {

	float: left;

	width: 46%; margin-left:4%;

}
#gooxao{ margin-left:-4%}

.widget-imagelist>.widget-body>.list>.list-item>a {

	display: block;

	text-align: center;

	margin: 0;

	background: #fff;

	padding-top: 10px;

	color: #87251D

}

.widget-imagelist>.widget-body>.list>.list-item>a>.image-container {

	overflow: hidden;

	width: 100%;

	margin: 0 auto

}

.widget-imagelist>.widget-body>.list>.list-item>a>.title {

	margin: 5px auto;

	width: 90%;

	white-space: pre;

	overflow: hidden;

	text-overflow: ellipsis

}

.widget-mixlist>.widget-body>.list>.list-item.only-text, .widget-textlist>.widget-body>.list>.list-item {

	position: relative

}

.widget-mixlist>.widget-body>.list>.list-item.only-text>a, .widget-textlist>.widget-body>.list>.list-item>a {

	display: block;

	color: #333;

	white-space: pre;

	overflow: hidden;

	text-overflow: ellipsis;

	padding-left: 28px;

	padding-right: 10px;

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #d5d5d5;

	margin-left: -10px

}

.widget-mixlist>.widget-body>.list>.list-item.only-text>a:after, .widget-textlist>.widget-body>.list>.list-item>a:after {

	display: block;

	right: 20px;

	width: 10px;

	height: 10px;

	border-top: 2px solid #56B0F5;

	border-right: 2px solid #c2eaff;

	top: 50%;

	transform: rotate(45deg)translate(0, -50%);

	-webkit-transform: rotate(45deg)translate(0, -50%)

}

.widget-mixlist>.widget-body>.list>.list-item.only-text>a:before, .widget-textlist>.widget-body>.list>.list-item>a:before {

	position: absolute;

	display: block;

	content: ' ';

	left: 0;

	top: 50%;

	width: 10px;

	height: 5px;

	background: #3b3b3b;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%)

}

.widget-detaillist>.widget-body>.list>.list-item, .widget-mixlist>.widget-body>.list>.list-item.with-details {

	border-bottom: 1px solid #d5d5d5;

	position: relative;

	margin: 10px 0 0 -10px;

	height: 88px

}

.widget-mixlist>.widget-body>.list>.with-details:after {

	content: none;

	display: none

}

.widget-detaillist>.widget-body>.list>.list-item:after, .widget-mixlist>.widget-body>.list>.list-item.with-details:after {

	position: absolute;

	content: ' ';

	display: block;

	right: 20px;

	width: 10px;

	height: 10px;

	border-top: 2px solid #969696;

	border-right: 2px solid #969696;

	top: 50%;

	-webkit-transform: rotate(45deg)translate(0, -50%);

	transform: rotate(45deg)translate(0, -50%)

}

.widget-detaillist>.widget-body>.list>.list-item>a, .widget-mixlist>.widget-body>.list>.list-item.with-details>a {

	display: block;

	color: #333;

	padding-right: 35px;

	position: relative;

	padding-left: 10px;

	height: 100%

}

.widget-detaillist>.widget-body>.list>.list-item>a:after, .widget-mixlist>.widget-body>.list>.list-item.with-details>a:after {

	content: ' ';

	display: block;

	clear: both

}

.widget-detaillist>.widget-body>.list>.list-item>a>.image-container, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.image-container {

	float: left;

	overflow: hidden;

	width: 75px;

	height: 75px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-top: 4px

}

.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.title, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.title {

	font-size: 120%;

	white-space: pre;

	overflow: hidden;

	text-overflow: ellipsis;

	color: #444

}

.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.content, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.content {

	height: 3em;

	overflow: hidden;

	line-height: 1.5;

	color: #837f77

}

.widget-article>.widget-body>.article-title {

	font-size: 150%;

	color: #5f0e14;

	text-align: center;

	border-bottom: 1px dotted #ccc;

	padding-bottom: 10px;

	margin-bottom: 10px;

	line-height: 1.8

}

.widget-article>.widget-body>.ugc {

	padding: 0 10px;

	line-height: 2

}

