* {
	word-wrap: break-word;
	word-break: break-all;
}

body {
	margin: 0px;
	font: 12px/1.5 'Microsoft Yahei', 'iragino Sans GB', \5b8b\4f53, Arial, sans-serif;
	color: #333;
	background-color: #fefefe;
}

input,
textarea,
button {
	outline: 0 none;
}

form,
img,
cite,
em,
p,
div,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	border: 0;
	padding: 0;
}

cite,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

img,
a img {
	border: 0;
	vertical-align: middle;
}

ul,
li {
	list-style: none;
}

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: var(--theme-color-hover);
	text-decoration: none;
}

*:focus {
	outline-color: #FFBE7D;
}

.clearfix {}

.clearfix::before {
	display: table;
	content: " ";
}

.clearfix::after {
	display: table;
	content: " ";
}

.clearfix::after {
	clear: both;
}

input,
select,
textarea {
	font: 12px Tahoma, 'Microsoft Yahei', 'Simsun';
}

button {
	color: #ffffff;
	font: 12px Tahoma, 'Microsoft Yahei', 'Simsun';
}

textarea {
	border: 1px solid #DDD;
	vertical-align: middle;
	overflow: auto;
	line-height: 18px;
}

button {
	background-color: var(--theme-color);
	border: 1px solid var(--theme-color);
	line-height: 130%;
	text-decoration: none;
	cursor: pointer;
	width: auto;
	overflow: visible;
	padding: 3px 10px 5px 7px;
	/* Links */
	_padding: 4px 10px 3px 7px;
	/* IE6 */
}

button[type] {
	padding: 3px 9px 3px 9px;
	/* Firefox */
	line-height: 15px;
	/* Safari */
}

*:first-child+html button[type] {
	padding: 3px 10px 5px 7px;
	/* IE7 */
	line-height: 12px;
}

button:hover {
	background-color: var(--theme-color);
	/*border:1px solid #c2e1ef;*/
	color: #ffffff;
}

.buttn_diabled {
	color: #aaa;
	background-color: #E9E9E9;
}

.buttn_diabled:hover {
	color: #aaa;
	background-color: #E9E9E9;
}

.sbtn {
	width: 100px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
}

.t_input {
	border: 1px solid #CCCCCC;
	background: #F0F0F0;
	color: #000000;
	padding: 8px;
}

.f_input {
	border: 1px solid #CCCCCC;
	background: #F0F0F0;
	padding: 3px;
	vertical-align: middle;
}

.r_input {
	padding: 6px 4px;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background: #F0F0F0;
	line-height: 24px;
	font-family: "microsoft yahei";
	font-size: 14px;
}

.seccode {
	float: left;
	width: 80px;
	position: relative;
	top: -3px;
}

.submit-ok {
	border: 0px currentColor;
	width: 108px;
	height: 38px;
	font-family: "microsoft yahei";
	font-size: 14px;
	border-bottom-color: rgb(231, 231, 231);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
}

.submit-re {
	border: 0px currentColor;
	width: 108px;
	height: 38px;
	font-family: "microsoft yahei";
	font-size: 14px;
	border-bottom-color: rgb(231, 231, 231);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.wrap {
	width: 98%;
	text-align: left;
	margin: 0 auto;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.messagegg {
	line-height: 36px;
	margin: 5px;
	padding: 0 10px;
	font-size: 14px;
	background: #F7F7F7;
	color: #666;
}

.messagegg a {
	color: #FF6600;
	font-size: 14px;
}

.messageborder {
	line-height: 30px;
	margin: 5px;
	padding: 0 10px;
	font-size: 14px;
	background: #F7F7F7;
	color: #666;
}

.messageborder a {
	color: #FF6600;
	font-size: 14px;
}

.formtip {
	margin: 5px 0 2px;
	color: #808080;
}

.formmessage {
	padding: 5px;
}

.xsplit {
	margin: 0px;
	color: #ddd;
}

.comm-p {
	line-height: 18px;
	color: #808080;
}

.m10 {
	margin: 10px;
}

.m20 {
	margin: 20px;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.artshow {
	float: right;
	width: 300px;
}

.artshow1 {
	float: right;
	width: 290px;
}

.artleft {
	float: left;
	width: 900px;
}

.artright {
	float: right;
	width: 300px;
}

#left {
	float: left;
	width: 300px;
}

#right {
	float: right;
	width: 900px;
}

/*--- link button --*/
a.abtn1 {
	color: #FFF;
	display: block-inline;
	height: 30px;
	margin-right: 6px;
	padding-right: 4px;
	text-decoration: none;
	line-height: 21px;
	padding: 6px 15px;
	border: 1px solid #ff9900;
	border-radius: 3px;
	background-image: -webkit-linear-gradient(top, #ffae35, #ff9900);
	background-image: linear-gradient(0deg, #ff9900, #ffae35);
	*background: #ff9900;
	background: #ff9900\0;
}

a.abtn1:hover {
	background-image: -webkit-linear-gradient(top, #ff9900, #ffae35);
	background-image: linear-gradient(0deg, #ffae35, #ff9900);
	*background: #ffae35;
	background: #ffae35\0;
}

a.abtn1 span {}

a.abtn2 {
	color: #444;
	display: block-inline;
	height: 30px;
	margin-right: 6px;
	padding-right: 4px;
	text-decoration: none;
	line-height: 21px;
	padding: 6px 15px;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	*background: #f5f5f5;
	background: #f5f5f5\0;
	background-image: -webkit-linear-gradient(top, #FEFEFE, #f5f5f5);
	background-image: linear-gradient(0deg, #f5f5f5, #FEFEFE);
}

a.abtn2:hover {
	*background: #FEFEFE;
	background: #FEFEFE\0;
	background-image: -webkit-linear-gradient(top, #f5f5f5, #FEFEFE);
	background-image: linear-gradient(0deg, #FEFEFE, #f5f5f5);
}

a.abtn2 span {}

.b-slider {
	width: 1210px;
	margin: 0 auto;
	position: relative;
	height: 50px;
	margin-bottom: 5px;
	overflow: hidden;
}

.b-slider .close {
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	right: 2px;
	top: 1px;
	overflow: hidden;
	background: url(../image/sprites.png) no-repeat -28px -38px;
	text-indent: -9999px;
	z-index: 1;
}

.b-slider img {
	display: block;
	width: 1210px;
	height: 50px;
}

.b-slider li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.mainrail {
	clear: both;
	padding: 1px;
}

.mainrail em {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	font-style: normal;
}

.mainrail em .selected {
	background: #FE9F41;
	margin: 0;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFF;
	position: relative;
	padding: 2px 3px;
	top: 0px;
	*top: -1px;
}

.mainrail em .unselected {
	padding: 2px 3px;
	margin: 0;
	position: relative;
	top: 1px;
	*top: -1px;
	cursor: pointer;
}

.rail-border-1 {
	border: 1px solid #F3F3F3 !important;
	background: #fff;
}

.rail-border-2 {
	background: #fff;
}

.rail-border-3 {
	border: 1px solid #F3F3F3 !important;
	background: #fafafa;
}

.rail-border-4 {
	border: 1px solid #F3F3F3 !important;
	background: #fafafa;
}

.rail-h-1 {
	font-size: 14px;
	padding: 8px 5px 8px 10px;
	color: #CC6600;
}

.rail-h-2 {
	font-size: 16px;
	padding: 10px 5px 10px 10px;
	color: #CC0000;
}

.rail-h-3 {
	font-size: 14px;
	padding: 6px 5px 6px 10px;
	color: #333;
}

.rail-h-4 {
	font-size: 14px;
	margin-top: 4px;
	padding: 0 8px;
	background: #FFF;
	color: #FF8000;
	float: left;
	height: 27px;
	line-height: 26px;
	border: 1px solid #FFCC80;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.rail-h-border-1 {
	border-bottom: 1px solid #EEE !important;
	background: #fff;
}

.rail-h-bg-1 {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF6D5, endColorstr=#FFFFFF, GradientType=0);
	background-image: -webkit-linear-gradient(0deg, #FFF, #FFF6D5);
	background-image: linear-gradient(0deg, #FFF, #FFF6D5);
}

.rail-h-bg-2 {
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFECF6, endcolorstr=#FFFFFF, gradientType=0);
	background-image: -webkit-linear-gradient(0deg, #FFF, #FFECF6);
	background-image: linear-gradient(0deg, #FFF, #FFECF6);
}

.rail-h-bg-3 {
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FEFEFE, endcolorstr=#F7F7F7, gradientType=0);
	background-image: -webkit-linear-gradient(0deg, #F7F7F7, #FEFEFE);
	background-image: linear-gradient(0deg, #F7F7F7, #FEFEFE);
}

.rail-h-bg-4 {
	background: url(../image/base.png) no-repeat scroll 0 -127px transparent;
	height: 30px;
	overflow: hidden;
	padding: 0 10px;
}

.rail-h-bg-5 {
	background: #EEE;
	color: #CC0000;
	line-height: 20px;
}

.rail-h-bg-6 {
	color: #CC0000;
	line-height: 20px;
	font-size: 14px;
}

.rail-h-bm-1 {
	border-bottom: 1px solid #BFD1EB;
}

.rail-h-bm-2 {
	border-bottom: 1px solid #FBD2E2;
}

.rail-h-bm-3 {
	border-bottom: 1px solid #e2e2e2;
}

.rail-h-bm-4 {
	border-bottom: 1px solid #EEE;
}

.rail-h-bt-1 {
	border-top: 1px solid #BFD1EB;
}

.rail-h-bt-2 {
	border-top: 1px solid #FBD2E2;
}

.rail-h-bt-3 {
	border-top: 1px solid #e2e2e2;
}

.rail-h-bt-4 {
	border-top: 1px solid #EEE;
}

.rail-rl-1 {
	background: url(https://www.yanpk.com/templates/main/default/img/type_b_left.gif) no-repeat;
	height: 25px;
}

.rail-rr-1 {
	background: url(https://www.yanpk.com/templates/main/default/img/type_b_right.gif) no-repeat right top;
	color: #009944;
	padding-left: 5px;
	margin-left: 2px;
}

.rail-ro-1 {
	border: 1px solid #CFE8B7;
}

.rail-list {
	clear: both;
	margin: 0px;
	padding: 1px 0 1px 0;
	line-height: 22px;
	list-style: none;
}

.rail-list img {
	clear: both;
	float: left;
	border: 1px solid #eee;
	margin-right: 5px;
	margin-bottom: 5px;
}

.rail-list li {
	clear: both;
	color: #808080;
	padding: 1px 10px;
}

.rail-list li.th {
	background: #F5F5F5;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 3px;
}

.rail-list li cite {
	float: right;
	font-style: normal;
}

.rail-list li .discount {
	display: block;
	margin: 0;
	padding: 0;
	color: green;
}

.rail-list2 {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 22px;
	list-style: circle;
}

.rail-list2 li {
	margin-left: 15px;
	clear: both;
	color: #808080;
}

.rail-list2 li cite {
	float: right;
	font-style: normal;
}

.rail-list3 {
	clear: both;
	margin: 0px;
	padding: 1px 0 1px 0;
	list-style: none;
	line-height: 24px;
}

.rail-list3 li {
	border-bottom: 1px dashed #ccc;
	font-size: 14px;
	padding: 5px;
}

.rail-list3 li cite {
	float: right;
	text-align: right;
	font-style: normal;
}

.rail-text {
	text-indent: 24px;
	margin: 5px 10px;
	padding: 0;
	line-height: 20px;
}

.rail-links {
	margin: 5px 10px;
	padding: 0;
	line-height: 18px;
}

.rail-faces {
	padding: 5px 0;
	margin: 5px 0 0;
	overflow: hidden;
	color: #808080;
}

.rail-faces li {
	float: left;
	margin: 0 3px;
	width: 64px;
	height: 72px;
	text-align: center;
	overflow: hidden;
}

.rail-faces li div {
	width: 62px;
	margin: 0 auto;
}

.rail-faces li img {
	width: 48px;
	height: 48px;
	padding: 3px;
}

.rail-faces li span {
	display: block;
	line-height: 17px;
	clear: right;
	margin-top: 1px;
}

.rail-thumb-s {
	margin: 1px auto;
	padding: 0;
	list-style: none;
}

.rail-thumb-s li {
	float: left;
	width: 88px;
	height: 90px;
	margin: 3px 3px;
	padding: 1px;
	text-align: center;
}

.rail-thumb-s li div {
	border: 1px solid #ddd;
	width: 88px;
	height: 67px;
	background: #FCFCFC;
	margin-bottom: 5px;
}

.rail-thumb-s li div img {
	max-width: 88px;
	max-height: 67px;
	margin-top: expression((67-this.height)/2);
	_width: expression(this.width > 88 ? 88 : true);
	_height: expression(this.height > 67 ? 67 : true);
}

.rail-thumb-s li p {
	margin: 0;
	padding: 0;
}

.rail-thumb-n {
	margin: 1px auto;
	padding: 0;
	list-style: none;
}

.rail-thumb-n li {
	float: left;
	width: 88px;
	height: 67px;
	margin: 3px 3px;
	padding: 1px;
	text-align: center;
}

.rail-thumb-n li div {
	border: 1px solid #ddd;
	width: 88px;
	height: 67px;
	background: #FCFCFC;
}

.rail-thumb-n li div img {
	max-width: 88px;
	max-height: 67px;
	margin-top: expression((67-this.height)/2);
	_width: expression(this.width > 88 ? 88 : true);
	_height: expression(this.height > 67 ? 67 : true);
}

.rail-gift {
	padding: 0;
	margin: 0;
	list-style: none;
}

.rail-gift li {
	float: left;
	margin: 5px 9px;
	padding: 1px;
	text-align: center;
}

.rail-gift li div {
	border: 1px solid #ddd;
	width: 149px;
	height: 95px;
	background: #FCFCFC;
	margin-bottom: 5px;
}

.rail-gift li div img {
	max-width: 124px;
	max-height: 94px;
	_width: expression(this.width > 124 ? 124 : true);
	_height: expression(this.height > 94 ? 94 : true);
}

.rail-gift li p {
	margin: 0;
	padding: 0;
}

.rail-gift li p span {
	display: block;
	margin-top: 5px;
}

.rail-thumblist {
	margin: 5px 5px 0 5px;
}

.rail-thumblist img {
	border: 1px solid #ddd;
}

.rail-pic {
	padding: 0;
	margin: 0;
	list-style: none;
}

.rail-pic li {
	clear: both;
	margin: 5px 4px 0;
	padding: 1px 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.rail-pic li:last-child {
	border-bottom: 0;
}

.rail-pic li h2 {
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.rail-pic li .pic {
	float: left;
	width: 72px;
	background: #fff;
	text-align: center;
	border: 1px solid #eee;
}

.rail-pic li .pic img {
	padding: 1px;
	max-width: 70px;
	max-height: 60px;
	_width: expression(this.width > 70 ? 70 : true);
	_height: expression(this.height > 60 ? 60 : true);
}

.rail-pic li .info {
	float: right;
	width: 200px;
	line-height: 18px;
	color: #808080;
}

.rail-pic li .info b {
	margin: 3px;
}

.rail-pic li .des {
	margin: 0;
	padding: 0;
}

.rail-pic2 {
	padding: 0;
	margin: 0;
	list-style: none;
}

.rail-pic2 li {
	clear: both;
	margin: 5px 4px 0;
	padding: 1px 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.rail-pic2 li h2 {
	font-size: 13px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.rail-pic2 li .pic {
	float: left;
	width: 100px;
	background: #FCFCFC;
	text-align: center;
	margin-top: 5px;
}

.rail-pic2 li .pic img {
	padding: 1px;
	max-width: 95px;
	max-height: 80px;
	_width: expression(this.width > 95 ? 95 : true);
	_height: expression(this.height > 80 ? 80 : true);
}

.rail-pic2 li .info {
	float: right;
	width: 180px;
	line-height: 18px;
	color: #808080;
}

.rail-pic2 li .des {
	margin: 0;
	padding: 0;
}

.rail-pic3 {
	padding: 0;
	margin: 0;
	list-style: none;
}

.rail-pic3 li {
	clear: both;
	margin: 5px 4px 0;
	padding: 1px 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.rail-pic3 li:last-child {
	border-bottom: 0;
}

.rail-pic3 li h2 {
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.rail-pic3 li .pic {
	float: left;
	width: 77px;
	background: #FCFCFC;
	text-align: center;
}

.rail-pic3 li .pic img {
	padding: 1px;
	border: 1px solid #eee;
	max-width: 75px;
	max-height: 75px;
	_width: expression(this.width > 75 ? 75 : true);
	_height: expression(this.height > 75 ? 75 : true);
}

.rail-pic3 li .info {
	float: right;
	width: 150px;
	line-height: 24px;
	color: #808080;
}

.rail-pic3 li .des {
	margin: 0;
	padding: 0;
}

.rail-pic4 {
	padding: 0;
	margin: 0;
	list-style: none;
}

.rail-pic4 li {
	clear: both;
	margin: 5px 4px 0;
	padding: 1px 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.rail-pic4 li:last-child {
	border-bottom: 0;
}

.rail-pic4 li h2 {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.rail-pic4 li .pic {
	float: left;
	width: 105px;
	background: #FCFCFC;
	text-align: center;
}

.rail-pic4 li .pic img {
	padding: 1px;
	border: 1px solid #eee;
	max-width: 100px;
	max-height: 100px;
	_width: expression(this.width > 100 ? 100 : true);
	_height: expression(this.height > 100 ? 100 : true);
}

.rail-pic4 li .info {
	float: right;
	margin: 5px 4px 0;
	width: 170px;
	line-height: 28px;
	font-size: 14px;
	color: #000;
}

.rail-pic4 li .des {
	margin: 0;
	padding: 0;
}

.maintable {
	width: 100%;
}

.maintable .tblth {
	/*background:#FFFFFF;*/
}

.maintable .tblth th {
	/*border-bottom:1px solid #FFFFCC;*/
}

.maintable th {
	text-align: left;
	color: #808080;
	padding: 5px 10px;
	font-weight: normal;
}

.maintable td {
	padding: 5px 10px;
}

.maintable .num {
	text-align: center;
}

.sharecode_box {
	border: 1px solid #ddd;
	padding: 5px 10px;
	background: #FFF;
	display: none;
}

#tipdiv {
	padding: 10px;
	border: 1px solid #CCC;
	background: #eee;
}

.myframe {
	border: 0;
	width: 100%;
	height: 100%;
}

.back2top {
	display: none;
	width: 18px;
	line-height: 1.2;
	padding: 5px 0;
	background-color: #ff3300;
	color: #fff;
	font-size: 12px;
	text-align: center;
	position: fixed;
	_position: absolute;
	right: 10px;
	bottom: 100px;
	_bottom: "auto";
	cursor: pointer;
	opacity: .6;
	filter: Alpha(opacity=60);
}

/*--- head ---*/
#header {
	margin-bottom: 5px;
	position: relative;
	z-index: 100;
}

#body,
#menu_hr {
	max-width: 1210px;
	margin: 0 auto;
}

.mainuser-operation-foo {
	padding-top: 7px;
}

.main {
	width: 1210px;
	margin: 0 auto;
}

.header-search-bar {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	background-color: white;

	.logo {}

	.search-bar {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.search-bar input {
		border: 1px solid #DDD;
		border-right: 0;
		width: 300px;
		padding: 0;
		text-indent: 1em;
		font-size: 15px;
		background-color: #fdfdfd;
	}

	.search-button {
		cursor: pointer;
		border-left-width: 0px;
		width: 100px;
		height: 50px;
		color: #ffffff;
		font-size: 16px;
		letter-spacing: 5px;
	}

	.search-button:hover {
		background-color: darkorange;
	}
}

.icomoon img {
	margin-bottom: 3px;
}

.passport_login {
	float: left;
	padding-right: 10px;
	height: 55px;
}

.passport_api {
	display: block;
	margin-top: 3px;
	background: url(../image/passport_login.png) no-repeat;
	width: 122px;
	height: 24px;
}

.passport_api img {
	float: left;
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 6px;
}

.passport_api span {
	float: left;
	color: #333;
	cursor: pointer;
}

.passport_api_list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	background: #fff;
	border: 1px solid #ddd;
}

.passport_api_list li {
	padding: 0;
	width: 120px;
	line-height: 200%;
	cursor: pointer;
	color: #333;
	height: 24px;
	overflow: hidden;
}

.passport_api_list li img {
	float: left;
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 6px;
}

.header-main .mainlogin {
	float: left;
	width: 240px;
	border-left: 1px solid #ddd;
	padding-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.header-main .mainlogin dl {
	margin: 0;
	padding: 0;
}

.header-main .mainlogin dd {
	float: left;
	text-align: left;
	margin: 1px;
	padding: 0;
}

.header-main .mainlogin .t_input {
	padding: 5px;
}

.header-main .mainlogin-u {
	width: 110px;
}

.header-main .mainlogin-p {
	width: 110px;
}

.header-main .mainlogin button {
	height: 25px;
}

.header-main .charmenu {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
	width: auto;
	text-align: right;
	line-height: 24px;
}

.header-main .charmenu .icart {
	border: 1px solid #ddd;
	background: #f9f9f9;
	padding: 7px;
	font-size: 14px;
	border-radius: 3px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1)
}

.header-main .charmenu a {
	margin: 2px;
}

.mainuser {
	float: left;
	height: 45px;
	padding: 5px;
}

.mainuser-operation {
	float: right;
	text-align: right;
	width: auto;
	margin-right: 5px;
	color: #808080;
}

.mainuser-operation a {
	text-decoration: none;
}

.mainuser-operation-foo {
	margin: 1px 0;
	line-height: 20px;
}

.mainuser-operation b {
	margin: 0 1px;
}

.mainuser-face {
	float: right;
	width: 55px;
}

.mainuser-face img {
	border: 1px solid #ddd;
	padding: 2px;
	height: 45px;
}

/* .header-bar { height:50px; font-size:16px; clear:both;
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0089,endcolorstr=#FF0066,gradientType=0);
    background-image:-webkit-linear-gradient(top, #FF0089, #FF0066);
    background-image:linear-gradient(0deg, #FF0089, #FF0066); 
}
*/
.header-bar {
	margin-left: auto;
	margin-right: auto;
	height: 45px;
	font-size: 14px;
	clear: both;
	border-bottom: 2px solid #f94a14;
}

.header-bar .dright {
	float: right;
	padding-top: 13px;
	padding-right: 10px;
}

.header-bar .dright a {
	font-size: 14px;
	display: block;
	padding: 0 5px;
}

.header-bar .dright a:hover,
.header-menu .current {
	text-decoration: none;
}

.header-itemcate-list li .selected {
	color: #f94a14;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
	background: #fff none;
}

.itemcate-sub-list {
	position: absolute;
	left: 230px;
	top: 0px;
	box-shadow: 0 0 5px #5f5f5f;
	border-left: none;
	width: 980px;
	z-index: 999;
	background: #FFF;
	height: 265px;
	overflow: visible;
}

.itemcate-sub-list ul {
	margin: 8px 0 8px 10px;
	background: #FFF;
}

.itemcate-sub-list li {
	float: left;
	width: 222px;
	margin: 5px 4px 0;
	padding: 5px 3px 7px 3px;
	border-bottom: 1px dashed #eee;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.itemcate-sub-list li:last-child {
	border-bottom: 0;
}

.itemcate-sub-list li h2 {
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.itemcate-sub-list li .pic {
	float: left;
	width: 85px;
	background: #FCFCFC;
	text-align: center;
}

.itemcate-sub-list li .pic img {
	padding: 1px;
	border: 1px solid #eee;
	max-width: 75px;
	max-height: 75px;
	_width: expression(this.width > 75 ? 75 : true);
	_height: expression(this.height > 75 ? 75 : true);
}

.itemcate-sub-list li .info {
	width: 100px;
	line-height: 20px;
	font-size: 14px;
	color: #808080;
}

.itemcate-sub-list li .des {
	margin: 0;
	padding: 0;
}

.buys {
	margin: 5px 0px 0px 0px;
	text-indent: 1px;
	padding: 0px;
}

.buys a {
	padding: 2px 5px 4px 6px;
	border: none;
	background-color: #FD6D03;
	font: 12px '΢ÈíÑźÚ', ËÎÌå;
	color: #FFFFFF;
}

.buys a:hover {
	background-color: #FF9300;
}

.header-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	white-space: nowrap;
}

.header-menu li {
	height: 46px;
	line-height: 46px;
	*line-height: 46px;
}

.header-menu li a {
	font-size: 16px;
	display: block;
	padding: 0 20px;
}

.header-menu li a:hover,
.header-menu .active a {
	color: #f94a14;
}

.header-menu li .select-box {
	position: relative;
	width: 0;
	height: 0;
	top: 12px;
	left: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #FFF;
	_top: 10px;
	_line-height: 0%;
	_border-left-color: white;
	_border-right-color: white;
}

.header-menu-more {
	padding: 1px 0 5px;
	background-color: #CC0066;
	overflow-x: hidden;
	display: none;
	font-size: 14px;
	min-width: 120px;
}

.header-menu-more li {
	margin: 5px;
	padding: 0;
	_border-bottom: 1px dashed #E17100;
}

.header-menu-more li a {
	display: block;
	padding: 5px 10px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.header-menu-more li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #FF0089;
}


.header-submain {
	border: 1px solid #eee;
	border-top-width: 0px;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F6F6F6, endcolorstr=#FEFEFE, gradientType=0);
	background-image: -webkit-linear-gradient(top, #F6F6F6, #FEFEFE);
	background-image: linear-gradient(0deg, #FEFEFE, #F6F6F6);
	margin-left: auto;
	margin-right: auto;
	width: 1208px;
}

.header-operation {
	margin-right: 6px;
	text-align: right;
	line-height: 37px;
}

/*--- Body ---*/
.link_path {
	margin: 5px 0 5px 0px;
	padding: 10px;
	border: 1px solid #eee;
}

.link_path em {
	float: right;
	padding-left: 5px;
	font-style: normal;
}

.link_path a {
	font-size: 14px;
}

.catefoot {
	padding: 0px 0px 0;
}

.cate {
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-bottom: 5px;
	border-top: 1px dashed #ccc;
}

.cate h2 {
	font-size: 12px;
	margin: 5px 0;
	padding: 0 0 0 12px;
	background: url(../image/mini-arrow.gif) no-repeat 0 5px;
	color: #808080;
}

.cate li {
	float: left;
	width: 100px;
	line-height: 20px;
	list-style: none;
	text-overflow: clip;
	white-space: nowrap;
}

.cate li a:hover {
	text-decoration: none;
}

.cate .selected a {
	color: #CC0000;
	font-weight: bold;
}

.subrail {
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	margin: 0;
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #e2e2e2;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FeFeFe, endcolorstr=#f2f2f2, gradientType=0);
	background-image: -webkit-linear-gradient(top, #FeFeFe, #f2f2f2);
	background-image: linear-gradient(0deg, #f2f2f2, #FeFeFe);
}

.subrail span {
	padding: 2px 5px;
}

.subrail .selected a {
	color: #CC0000;
	text-decoration: none;
}

.g-list-category {
	padding: 0px;
	overflow: hidden;
	background: #FFF;
	margin-bottom: 5px;
	border: 1px solid #e2e2e2;
}

.g-list-category .selected a {
	color: #FD6D03;
	text-decoration: none;
}

.g-list-category-type {
	clear: both;
	margin: 5px;
	line-height: 280%;
}

.g-list-category-type h3 {
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	width: 5%;
	text-align: right;
}

.g-list-category-class {
	float: left;
	font-size: 14px;
	padding: 0;
	width: 95%;
}

.g-list-category-class li {
	float: left;
	padding: 0 10px;
	display: inline;
	white-space: nowrap;
	width: auto;
}

.g-list-category-class li a {
	float: left;
	display: inline;
}


.category {
	padding: 0px;
	overflow: hidden;
	background: #FFFBF7;
	margin-bottom: 5px;
	border: 1px solid #FFE4CA;
}

.category .type {
	clear: both;
	margin: 5px;
}

.category .type h3 {
	float: left;
	font-size: 12px;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
}

.category .type .class {
	float: right;
	margin: 0;
	text-align: left;
	width: 92%;
	padding: 5px;
}

.category .type .class span {
	padding-right: 10px;
	display: inline;
}

.category .type .class .sub {
	padding: 5px;
	margin: 5px 10px 0 0;
	padding-left: 10px;
	background: #fff;
	line-height: 18px;
	border: 1px solid #F7F7F7;
}

.category .selected a {
	color: #CC0000;
	text-decoration: underline;
}

/*--- Tag ---*/
.taglist {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}

.taglist li {
	float: left;
	display: inline;
	width: 11em;
	height: 24px;
	overflow: hidden;
	margin: 0 10px;
	color: #919191;
	font-size: 10px;
}

.taglist li a {
	margin: 0 2px;
	font-size: 12px;
}

/*--- Post ---*/
#seccode {
	margin: 2px 2px 0 0;
}

.post {
	clear: both;
}

.post .title {
	line-height: 25px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
}

.post .title h1 {
	display: inline;
	font-size: 14px;
	color: #CC3300;
	margin-right: 5px;
}

.post .table {
	width: 100%;
}

.post .table td {
	padding: 3px;
}

.post .table td textarea {
	width: 400px;
	display: block;
	padding: 2px;
	line-height: 16px;
}

.post .button {
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}

.button_p {
	width: 88px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

/*--- City ---*/
.selectcity-header {
	margin-top: 20px;
}

.selectcity-header-logo {
	margin-left: 20px;
}

.selectcity-header-logo img {
	width: 188px;
	height: 68px;
}

.selectcity-body {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	padding: 20px;
	color: #333;
	border: 1px solid #FF981D;
}

.selectcity-body a {
	color: #fff;
	text-decoration: none;
}

.selectcity-body a:hover {
	color: #fff;
	text-decoration: underline;
}

.selectcity-body h5 {
	font-size: 14px;
}

.selectcity-body h5 span {
	margin-right: 10px;
}

.selectcity-body h5 a {
	color: #FF0000;
	text-decoration: none;
}

.selectcity-body h5 a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.selectcity-body ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 20px;
}

.selectcity-body li {
	margin: 20px 0;
}

.selectcity-body li a {
	margin-right: 15px;
	color: #000000;
}

.selectcity-body-word {
	font-size: 14px;
	display: inline;
	margin-right: 5px;
	color: #ff6600;
	font-weight: bold;
}

/*--- footer ---*/
#footer {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-align: left;
	font-family: "Microsoft YaHei";
	margin: 0;
	padding: 0;
	clear: both;
}

#footer {
	overflow: hidden;
	background-color: #212425;
	margin: 25px auto 0;
}

#footer .ftcenter {
	overflow: hidden;
	max-width: 1210px;
	position: relative;
	margin: 15px auto;
}

#footer .ftcenter .fttop {
	overflow: hidden;
	height: 32px;
	line-height: 35px;
}

#footer .ftcenter .fttop a.ftaw {
	font-size: 14px;
	color: #eee;
	padding-right: 15px;
	height: 32px;
	line-height: 32px;
}

#footer .ftcenter .fttop a.ftaw:hover {
	color: #f18200;
	text-decoration: underline;
}

#footer .ftcenter .fttop span.supportphone {
	color: #fff;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding-left: 5px;
}

.qiyeqq {
	width: 0;
	height: 0;
	background: url(../image/public_v7.png) no-repeat 0 -113px;
	padding: 16px 58px;
}

.qiyeqq:hover {
	background-position: 0 -145px;
}

#footer .ftfleft {
	float: left;
	display: block;
}

#footer span.ftcopy {
	color: #888;
	font-size: 14px;
}

#footer span.ftWarning {
	color: #f18200;
	font-size: 14px;
}

#footer .ftcopy a {
	color: #888;
}

#footer a.ftsite {
	color: #f18200;
	font-size: 14px;
}

#footer #exectime {
	color: #888;
}

#footer .ftleft {
	overflow: hidden;
	text-align: center;
}

/*--- multipage ---*/
.multipage {
	clear: both;
	margin-bottom: 5px;
	text-align: center;
	overflow-y: auto;
}

.p_bar {
	clear: both;
	white-space: nowrap;
	margin: 15px 0;
}

.p_bar a {
	font-size: 14px;
	text-decoration: none;
	padding: 10px 12px;
}

.p_bar a:hover {
	background: #FFF8DF;
	border: 1px solid #FFE4CA;
	text-decoration: none;
}

.p_info {
	background: #FFF8DF;
	border: 1px solid #FFE4CA;
	margin-right: 5px;
	padding: 10px 12px;
	color: #FF0089;
}

.p_num {
	background: #FFF;
	border: 1px solid #DEDEB8;
	margin-right: 5px;
	padding: 10px 12px;
}

.p_redirect {
	background: #FFF;
	border: 1px solid #DEDEB8;
	margin-right: 5px;
	font-size: 14px;
}

.p_curpage {
	margin-right: 5px;
	border: 1px solid #DEDEB8;
	background: #FF0089;
	color: #ffffff;
	font-weight: 700;
	padding: 10px 12px;
}

/*--- Font color ---*/
.font {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.font_1 {
	color: #FF0000;
	font-size: 12px;
	padding: 0 1px;
}

.font_2 {
	color: #FF6600;
	font-size: 12px;
	padding: 0 1px;
}

.font_3 {
	color: #969696;
	font-size: 12px;
	padding: 0 1px;
}

.font_4 {
	color: #969696;
	padding: 0 1px;
	font: 12px Helvetica, Arial, Tahoma, sans-serif;
}

.font_5 {
	color: #0033FF;
	font-size: 12px;
	padding: 0 1px;
}

.line_1 {
	border-bottom: 2px solid #FF8000;
}

.line_2 {
	border-bottom: 1px dashed #ccc;
	height: 1px;
}

/*--- Error ---*/
.formerror {
	border: 1px solid #FF9900;
	line-height: 18px;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 22px;
	background: #FFE8D0 url('../image/mini_warning.gif') no-repeat 4px 5px;
	color: #FF0000;
}

.enter-error {
	border: 1px solid #FF9900;
	padding: 4px 55px 4px 18px;
	background: #FFE8D0 url('../image/mini_warning.gif') no-repeat 2px 2px;
	color: #FF0000;
	display: none;
}

/*--- star ---*/
.start0 {
	background: url('../image/review_start.gif') no-repeat 0 -1px;
	width: 58px;
	height: 10px;
}

.start1 {
	background: url('../image/review_start.gif') no-repeat 0 -15px;
	width: 58px;
	height: 10px;
}

.start2 {
	background: url('../image/review_start.gif') no-repeat 0 -29px;
	width: 58px;
	height: 10px;
}

.start3 {
	background: url('../image/review_start.gif') no-repeat 0 -43px;
	width: 58px;
	height: 10px;
}

.start4 {
	background: url('../image/review_start.gif') no-repeat 0 -57px;
	width: 58px;
	height: 10px;
}

.start5 {
	background: url('../image/review_start.gif') no-repeat 0 -71px;
	width: 58px;
	height: 10px;
}

/*--- Icon ---*/
.arrow-ico {
	background: url('../image/mini-arrow.gif') no-repeat 0 5px;
	padding-left: 10px;
	margin: 0;
}

.assistant-ico {
	background: url('../image/mini_assistant.png') no-repeat;
	padding-left: 12px;
}

.pm-ico {
	background: url('../image/mini_mail.gif') no-repeat;
	padding-left: 16px;
}

.rss-ico {
	background: url('../image/mini_rss.gif') no-repeat;
	padding-left: 16px;
}

.home-ico {
	background: url('../image/mini_home.gif') no-repeat;
	padding-left: 12px;
}

.review-ico {
	background: url('../image/mini-review.gif') no-repeat 0 0px;
	padding-left: 18px;
	margin: 0;
}

.point-ico {
	background: url('../image/mini-point.gif') no-repeat 0 2px;
	padding-left: 18px;
	width: 20px;
	margin: 0;
}

.coin-ico {
	background: url('../image/mini-coin.gif') no-repeat;
	padding-left: 20px;
	width: 20px;
	margin: 0;
}

.member-ico {
	background: url('../image/mini_member.gif') no-repeat 0 0px;
	padding-left: 14px;
	line-height: 16px;
}

.flower-ico {
	background: url('../image/mini_flower.gif') no-repeat 0 2px;
	padding-left: 16px;
}

.respond-ico {
	background: url('../image/mini-respond.gif') no-repeat 0 -2px;
	padding-left: 17px;
}

.favorite-ico {
	background: url('../image/mini_favorite.gif') no-repeat;
	padding-left: 18px;
	margin: 0;
}

.page-ico {
	background: url('../image/mini-page.gif') no-repeat 0 -1px;
	padding-left: 18px;
	margin: 0;
}

.prev-ico {
	background: url('../image/mini-prev.gif') no-repeat 0 -3px;
	padding-left: 20px;
	margin: 0;
}

.next-ico {
	background: url('../image/mini-next.gif') no-repeat 50px -3px;
	padding-right: 20px;
	margin: 0;
}

.view-img-ico {
	background: url('../image/mini_image.gif') no-repeat 0 -1px;
	padding-left: 18px;
}

.update-img-ico {
	background: url('../image/mini-update.gif') no-repeat 0 -1px;
	padding-left: 16px;
}

.update-video-ico {
	background: url('../image/mini-video.gif') no-repeat 0 -1px;
	padding-left: 16px;
}

.msg-ico {
	background: url('../image/mini-msg.gif') no-repeat 0 5px;
	padding-left: 12px;
}

.msg-gg {
	background: url('../image/msg_gg.png') no-repeat 0 2px;
	padding-left: 5px;
}

.msg-lb {
	background: url('../image/msg_lb.png') no-repeat 0 2px;
	padding-left: 12px;
}

.msg-jg {
	background: url('../image/msg_jg.png') no-repeat 0 2px;
	padding-left: 12px;
	padding-right: 20px;
}

.handgood-ico {
	background: url('../image/mini-good.gif') no-repeat 0 0px;
	padding-left: 15px;
}

.handbad-ico {
	background: url('../image/mini-bad.gif') no-repeat 0 0px;
	padding-left: 16px;
}

.arrwd-ico {
	background: url('../image/mini-arrwd.gif') no-repeat 108% 50%;
	padding-right: 10px;
	cursor: pointer;
}

.loading-ico {
	background: url('../image/mini_status.gif') no-repeat 0 0;
	padding-left: 20px;
}

.guestbook-ico {
	background: url('../image/mini-guestbook.gif') no-repeat;
	padding-left: 16px;
	margin: 0;
}

.reply-ico {
	background: url('../image/mini-reply.gif') no-repeat;
	padding-left: 16px;
	margin: 0;
}

.cart-ico {
	background: url('../image/mini-shopping-cart.gif') no-repeat;
	padding-left: 20px;
	margin: 0;
}

.guestbook-ico {
	background: url('../image/mini-guestbook.gif') no-repeat;
	padding-left: 16px;
	margin: 0;
}

.gourd-ico {
	background: url('../image/mini_gourd.png') 0 -1px no-repeat;
	padding-left: 16px;
	margin: 0;
}

.qrcode-ico {
	background: url('../image/mini-qrcode.gif') 0 1px no-repeat;
	padding-left: 16px;
	margin: 0;
}

.mobile-ico {
	background: url('../image/mobile.gif') no-repeat 0 3px;
	padding-left: 12px;
	margin: 0;
	font-size: 12px;
}

.autn_1-ico {
	background: url('../image/auth_1.png') no-repeat 0 2px;
	padding-left: 15px;
	margin: 0;
}

/*--- yuntu ---*/
.f1 {
	font-size: 12px;
	color: #6666FF;
}

.f2 {
	font-size: 12px;
	color: #FF9900;
	font-weight: bold;
}

.f3 {
	font-size: 14px;
	color: #339900;
}

.f4 {
	font-size: 14px;
	color: #6600CC;
	font-weight: bold;
}

.f5 {
	font-size: 16px;
	color: #330066;
}

.f6 {
	font-size: 16px;
	color: #660099;
	font-weight: bold;
}

.f7 {
	font-size: 18px;
	color: #FF99FF;
}

.f0 {
	font-size: 19px;
	color: #CC0000;
	font-weight: bold;
}

/*--- link button --*/
.row {
	margin-left: -14px;
	_margin-left: 0;
}

.row::before {
	display: table;
	content: " ";
}

.row::after {
	display: table;
	content: " ";
}

.row::after {
	clear: both;
}

.page-main {
	background: rgb(245, 245, 245);
}

.span1 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span2 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span3 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span4 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span5 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span6 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span7 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span8 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span9 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span10 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span11 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span12 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span13 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span14 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span15 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span16 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span17 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span18 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span19 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span20 {
	margin-left: 14px;
	float: left;
	min-height: 1px;
}

.span1 {
	width: 48px;
}

.span-first {
	_margin-left: 0;
}

.span2 {
	width: 110px;
}

.span-first {
	_margin-left: 0;
}

.span3 {
	width: 172px;
}

.span-first {
	_margin-left: 0;
}

.span4 {
	width: 234px;
}

.span-first {
	_margin-left: 0;
}

.span5 {
	width: 296px;
}

.span-first {
	_margin-left: 0;
}

.span6 {
	width: 358px;
}

.span-first {
	_margin-left: 0;
}

.span7 {
	width: 420px;
}

.span-first {
	_margin-left: 0;
}

.span8 {
	width: 482px;
}

.span-first {
	_margin-left: 0;
}

.span9 {
	width: 544px;
}

.span-first {
	_margin-left: 0;
}

.span10 {
	width: 606px;
}

.span-first {
	_margin-left: 0;
}

.span11 {
	width: 668px;
}

.span-first {
	_margin-left: 0;
}

.span12 {
	width: 730px;
}

.span-first {
	_margin-left: 0;
}

.span13 {
	width: 792px;
}

.span-first {
	_margin-left: 0;
}

.span14 {
	width: 854px;
}

.span-first {
	_margin-left: 0;
}

.span15 {
	width: 916px;
}

.span-first {
	_margin-left: 0;
}

.span16 {
	width: 962px;
}

.span-first {
	_margin-left: 0;
}

.span17 {
	width: 1040px;
}

.span-first {
	_margin-left: 0;
}

.span18 {
	width: 1102px;
}

.span-first {
	_margin-left: 0;
}

.span19 {
	width: 1164px;
}

.span-first {
	_margin-left: 0;
}

.span20 {
	width: 1226px;
}

.span-first {
	_margin-left: 0;
}

.offset1 {
	margin-left: 48px;
}

.offset2 {
	margin-left: 110px;
}

.offset3 {
	margin-left: 172px;
}

.offset4 {
	margin-left: 234px;
}

.offset5 {
	margin-left: 296px;
}

.offset6 {
	margin-left: 358px;
}

.offset7 {
	margin-left: 420px;
}

.offset8 {
	margin-left: 482px;
}

.offset9 {
	margin-left: 544px;
}

.offset10 {
	margin-left: 606px;
}

.offset11 {
	margin-left: 668px;
}

.offset12 {
	margin-left: 730px;
}

.offset13 {
	margin-left: 792px;
}

.offset14 {
	margin-left: 854px;
}

.offset15 {
	margin-left: 916px;
}

.offset16 {
	margin-left: 978px;
}

.offset17 {
	margin-left: 1040px;
}

.offset18 {
	margin-left: 1102px;
}

.offset19 {
	margin-left: 1164px;
}

.offset20 {
	margin-left: 1226px;
}

@media screen and (max-width: 768px) {
	.header-search-bar {
		flex-direction: column;

		.search-bar input {
			width: 100%;
			height: 38px;
		}

		.search-button {
			height: 40px;
		}
	}

	.header-bar{
		height: auto;
	}

	.header-menu li{
		height: 30px;
		line-height: 30px;
	}

	.header-menu li a {
		padding: 0 10px;
	}

	.contenttab .tab-nav li {
		width: calc((100% - 6px) / 3) !important;
	}

	.rail-pic li .pic {
		max-width: 200px;
		width: 200px;
	}

	.rail-pic li .pic img {
		max-width: 100%;
		max-height: 120px;
	}

	.rail-pic li .info {
		margin-top: 50px;
	}

	.multipage {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1200px) {

	.main,
	.wd {
		width: 100%;
		box-sizing: border-box;
	}
}