* {
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-ms-touch-action: none;
	-webkit-touch-callout: none;
	margin: 0;
	padding: 0
}

html {
	height: 100%
}

body {
	background: #d8e6f3
}

input,textarea {
	-webkit-user-select: text
}

a {
	color: #000;
	padding: 0;
	text-decoration: none;
	cursor: pointer
}

img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	vertical-align: top
}

input[type="radio"],input[type="checkbox"] {
	vertical-align: -2px
}

#g_body {
	overflow-y: auto;
	overflow-x: hidden;
	color: #000;
	font-size: 14px;
	font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
	height: 100%
}

.g_web {
	margin: 0 auto;
	min-height: 100%;
	max-width: 640px;
	left: 0;
	top: 0;
	overflow-x: hidden
}

.webContainerBox {
	z-index: 0;
	display: block;
	position: relative;
	top: 48px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-backface-visibility: hidden
}

.webTop {
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 2;
	-webkit-backface-visibility: hidden;
	width: 100%;
	max-width: 640px;
	height: 0
}

.webHeader {
	max-width: 640px;
	width: 100%
}

.webHeaderBox {
	margin: 0 auto;
	-webkit-backface-visibility: hidden;
	transition: all .35s ease;
	-o-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-webkit-transition: all .35s ease
}

.header {
	text-align: center;
	height: 48px;
	position: relative
}

.header .pageTitle {
	z-index: 1;
	text-align: center;
	height: 48px;
	font-weight: normal;
	font-size: 20px;
	line-height: 48px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 76.56125%;
	display: inline-block;
	color: #fff
}

.header img {
	height: 45px;
	vertical-align: top;
	width: 60px
}

.header .pageLogo.right {
	float: right
}

.mobitipsTitle {
	position: fixed
}

.webTips {
	position: fixed;
	max-width: 100%;
	width: 100%;
	z-index: 3;
	height: 30px;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000
}

.webTips .mobitips {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	text-align: center
}

.webTips .mobiScrollbar {
	text-align: center;
	overflow: hidden;
	height: 30px;
	font-size: 12px;
	position: fixed;
	background: #fef5d8;
	width: 100%;
	max-width: 640px;
	z-index: 9
}

.webTips .marquee {
	position: relative;
	-webkit-transition: all 1000ms;
	-ms-transition: all 1000ms;
	-o-transition: all 1000ms;
	-moz-transition: all 1000ms;
	transition: all 1000ms
}

.webTips .marquee li {
	list-style: none;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.webTopBox {
	margin: auto
}

.g_web .loading {
	z-index: 9999;
	position: fixed;
	width: 100%;
	max-width: 640px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: rgba(0,0,0,.5)!important
}

.g_web .loading .splashscreen {
	position: absolute;
	min-height: 100%;
	width: 100%;
	display: block
}

.loading .ui-loader {
	opacity: .85
}

.loading .ui-loader .ui-icon {
	position: static;
	display: block;
	opacity: .9;
	margin: 20% auto;
	width: 60px;
	height: 60px;
	background-color: transparent
}

.spin {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: spin 1s infinite;
	-ms-animation: spin 1s infinite;
	-moz-animation: spin 1s infinite;
	-o-animation: spin 1s infinite;
	animation: spin 1s infinite
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.mobi_notice_right_to_left_normal {
	-webkit-animation: mobi_notice_right_to_left 20s linear 1s infinite;
	-moz-animation: mobi_notice_right_to_left 20s linear 1s infinite;
	-o-animation: mobi_notice_right_to_left 20s linear 1s infinite;
	animation: mobi_notice_right_to_left 20s linear 1s infinite
}

.mobi_notice_right_to_left_slow {
	-webkit-animation: mobi_notice_right_to_left 30s linear 1s infinite;
	-moz-animation: mobi_notice_right_to_left 30s linear 1s infinite;
	-o-animation: mobi_notice_right_to_left 30s linear 1s infinite;
	animation: mobi_notice_right_to_left 30s linear 1s infinite
}

.mobi_notice_right_to_left_fast {
	-webkit-animation: mobi_notice_right_to_left 15s linear 1s infinite;
	-moz-animation: mobi_notice_right_to_left 15s linear 1s infinite;
	-o-animation: mobi_notice_right_to_left 15s linear 1s infinite;
	animation: mobi_notice_right_to_left 15s linear 1s infinite
}

@-webkit-keyframes mobi_notice_right_to_left {
	0% {
		-webkit-transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(-100%)
	}
}

@-moz-keyframes mobi_notice_right_to_left {
	0% {
		-moz-transform: translateX(0)
	}

	100% {
		-moz-transform: translateX(-100%)
	}
}

@-o-keyframes mobi_notice_right_to_left {
	0% {
		-o-transform: translateX(0)
	}

	100% {
		-o-transform: translateX(-100%)
	}
}

@keyframes mobi_notice_right_to_left {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-100%)
	}
}

@-ms-keyframes mobi_notice_right_to_left {
	0% {
		-ms-transform: translateX(0)
	}

	100% {
		-ms-transform: translateX(-100%)
	}
}

.mobi_notice_right_to_left_50_fast {
	-webkit-animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite;
	-moz-animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite;
	-o-animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite;
	animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite
}

.mobi_notice_right_to_left_50_slow {
	-webkit-animation: mobi_notice_right_to_left_50 15s linear 1s infinite;
	-moz-animation: mobi_notice_right_to_left_50 15s linear 1s infinite;
	-o-animation: mobi_notice_right_to_left_50 15s linear 1s infinite;
	animation: mobi_notice_right_to_left_50 15s linear 1s infinite
}

.mobi_notice_right_to_left_50_normal {
	-webkit-animation: mobi_notice_right_to_left_50 10s linear 1s infinite;
	-moz-animation: mobi_notice_right_to_left_50 10s linear 1s infinite;
	-o-animation: mobi_notice_right_to_left_50 10s linear 1s infinite;
	animation: mobi_notice_right_to_left_50 10s linear 1s infinite
}

@-webkit-keyframes mobi_notice_right_to_left_50 {
	0% {
		-webkit-transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(-50%)
	}
}

@-moz-keyframes mobi_notice_right_to_left_50 {
	0% {
		-moz-transform: translateX(0)
	}

	100% {
		-moz-transform: translateX(-50%)
	}
}

@-o-keyframes mobi_notice_right_to_left_50 {
	0% {
		-o-transform: translateX(0)
	}

	100% {
		-o-transform: translateX(-50%)
	}
}

@keyframes mobi_notice_right_to_left_50 {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-50%)
	}
}

@-ms-keyframes mobi_notice_right_to_left_50 {
	0% {
		-ms-transform: translateX(0)
	}

	100% {
		-ms-transform: translateX(-50%)
	}
}

.mobi_notice_left_to_right_normal {
	-webkit-animation: mobi_notice_left_to_right 20s linear 1s infinite;
	-moz-animation: mobi_notice_left_to_right 20s linear 1s infinite;
	-o-animation: mobi_notice_left_to_right 20s linear 1s infinite;
	animation: mobi_notice_left_to_right 20s linear 1s infinite
}

.mobi_notice_left_to_right_slow {
	-webkit-animation: mobi_notice_left_to_right 30s linear 1s infinite;
	-moz-animation: mobi_notice_left_to_right 30s linear 1s infinite;
	-o-animation: mobi_notice_left_to_right 30s linear 1s infinite;
	animation: mobi_notice_left_to_right 30s linear 1s infinite
}

.mobi_notice_left_to_right_fast {
	-webkit-animation: mobi_notice_left_to_right 15s linear 1s infinite;
	-moz-animation: mobi_notice_left_to_right 15s linear 1s infinite;
	-o-animation: mobi_notice_left_to_right 15s linear 1s infinite;
	animation: mobi_notice_left_to_right 15s linear 1s infinite
}

@-webkit-keyframes mobi_notice_left_to_right {
	0% {
		-webkit-transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(100%)
	}
}

@-moz-keyframes mobi_notice_left_to_right {
	0% {
		-moz-transform: translateX(0)
	}

	100% {
		-moz-transform: translateX(100%)
	}
}

@-o-keyframes mobi_notice_left_to_right {
	0% {
		-o-transform: translateX(0)
	}

	100% {
		-o-transform: translateX(100%)
	}
}

@keyframes mobi_notice_left_to_right {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(100%)
	}
}

@-ms-keyframes mobi_notice_left_to_right {
	0% {
		-ms-transform: translateX(0)
	}

	100% {
		-ms-transform: translateX(100%)
	}
}

.mobi_notice_left_to_right_50_fast {
	-webkit-animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite;
	-moz-animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite;
	-o-animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite;
	animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite
}

.mobi_notice_left_to_right_50_slow {
	-webkit-animation: mobi_notice_left_to_right_50 15s linear 1s infinite;
	-moz-animation: mobi_notice_left_to_right_50 15s linear 1s infinite;
	-o-animation: mobi_notice_left_to_right_50 15s linear 1s infinite;
	animation: mobi_notice_left_to_right_50 15s linear 1s infinite
}

.mobi_notice_left_to_right_50_normal {
	-webkit-animation: mobi_notice_left_to_right_50 10s linear 1s infinite;
	-moz-animation: mobi_notice_left_to_right_50 10s linear 1s infinite;
	-o-animation: mobi_notice_left_to_right_50 10s linear 1s infinite;
	animation: mobi_notice_left_to_right_50 10s linear 1s infinite
}

@-webkit-keyframes mobi_notice_left_to_right_50 {
	0% {
		-webkit-transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(50%)
	}
}

@-moz-keyframes mobi_notice_left_to_right_50 {
	0% {
		-moz-transform: translateX(0)
	}

	100% {
		-moz-transform: translateX(50%)
	}
}

@-o-keyframes mobi_notice_left_to_right_50 {
	0% {
		-o-transform: translateX(0)
	}

	100% {
		-o-transform: translateX(50%)
	}
}

@keyframes mobi_notice_left_to_right_50 {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(50%)
	}
}

@-ms-keyframes mobi_notice_left_to_right_50 {
	0% {
		-ms-transform: translateX(0)
	}

	100% {
		-ms-transform: translateX(50%)
	}
}

.loading .ui-icon-loading {
	background-image: url(../images/loading.png);
	border-radius: 20px;
	background-size: 60px 60px
}

.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	margin: 0 auto
}

.swipe img {
	width: 100%
}

.hiddenDefaultBanner .defaultBanner {
	background: 0
}

.swipe .bannerImageDiv {
	background-repeat: no-repeat;
	height: 100%;
	background-position: 50% 50%
}

.swipe .systemtBanner {
	background-repeat: no-repeat;
	background-size: initial
}

.swipe .customBanner {
	background-size: 100% 100%
}

.bannerHidden {
	display: none
}

.bannerSwipeContainer {
	overflow: hidden;
	position: relative;
	height: 100%
}

.bannerSwipeContainer img {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.bannerSwipeContainer>div {
	float: left;
	width: 100%;
	position: relative;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000
}

.webBannerBox div .bullets {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0
}

.webBannerBox .bannerBullet {
	position: absolute;
	height: 18px;
	bottom: 0;
	background: rgba(0,0,0,0.2);
	width: 100%
}

.webBannerBox div .bullets li {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #999;
	margin: 0 2px;
	cursor: pointer;
	background: #adb1b1
}

.webBannerBox div .bullets li.on {
	background: #fff
}

.nextAndPreviousIcon {
	width: 35px;
	height: 35px;
	float: right;
	top: 35%;
	cursor: pointer;
	position: absolute;
	background-position: 5px;
	border-radius: 4px
}

.imageSliderNext {
	background: url(/image/PicRight.png?v=201311111730) rgba(0,0,0,.4) no-repeat;
	background-size: 100%;
	right: 15px
}

.imageSliderPrevious {
	background: url(/image/PicLeft.png?v=201311111730) rgba(0,0,0,.4) no-repeat;
	background-size: 100%;
	left: 15px
}

.webFooter {
	margin: 0 auto
}

.webFooterBox {
	margin: 0 auto;
	-webkit-backface-visibility: hidden
}

.webFooterBox .bottomdiv {
	height: 35px
}

.webFooterBox .bottomdiv .bottom {
	position: relative;
	background: #999;
	height: 30px
}

.webFooterBox .bottomdiv .bottom .backtop {
	width: 40px;
	float: right;
	color: #fff;
	position: relative;
	text-transform: capitalize;
	text-align: right;
	padding-right: 20px;
	line-height: 30px;
	transition: all 350ms;
	-webkit-transition: all 350ms;
	font-family: verdana;
	font-weight: bold;
	cursor: pointer
}

.webFooterBox .bottomdiv .bottom .backtop:active {
	background: rgba(0,0,0,.5)
}

.webFooterBox .bottomdiv .bottom .backtop b {
	position: absolute;
	width: 0;
	height: 0;
	top: 10px;
	right: 7px;
	border: 4px transparent solid;
	border-bottom-color: #fff
}

.webContainerBox .titleMoreLink span {
	color: #fff;
	padding: 0 10px;
	float: right;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	position: relative
}

.webContainerBox .titleMoreIcon {
	display: none
}

.productParam {
	text-align: left;
	line-height: 18px;
	color: #666;
	font-size: 14px
}

.g_text.productParam {
	text-decoration: none;
	text-align: left;
	font-size: 16px;
	line-height: 40px;
	overflow: hidden
}

.mProductList {
	margin-top: 10px
}

.mProductList a {
	color: #333;
	font-size: 14px;
	text-decoration: none
}

.paramName {
	text-align: left;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	width: 100%;
	margin-bottom: 8px
}

.paramCollection {
	padding: 0 10px
}

.num::-webkit-inner-spin-button {
	-webkit-appearance: none
}

.num {
	line-height: 36px;
	width: 82px;
	border: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
	font-weight: 700;
	text-align: center;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5
}

.decrease {
	font-weight: 400;
	display: inline-block;
	width: 40px;
	height: 38px;
	-webkit-user-select: none;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eeefee));
	background-image: -webkit-linear-gradient(top,#fff 0,#eeefee 100%);
	background-image: linear-gradient(180deg,#fff 0,#eeefee 100%);
	border: 1px solid #d5d5d5
}

.increase {
	font-weight: 700;
	border: 0;
	display: inline-block;
	width: 40px;
	height: 38px;
	-webkit-user-select: none;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eeefee));
	background-image: -webkit-linear-gradient(top,#fff 0,#eeefee 100%);
	background-image: linear-gradient(180deg,#fff 0,#eeefee 100%);
	border: 1px solid #d5d5d5;
	margin-left: -2px
}

.increase:active {
	background: #333
}

.decrease:active {
	background: #333
}

.proDetailDiv .mallOptionBox {
	margin: 10px 10px 0 10px;
	border-top: 1px solid #b5d2e5
}

.proDetailDiv .mallOptionBox .mallOptionLine {
	margin-bottom: 10px;
	text-align: left;
	display: flex;
	flex-wrap: wrap
}

.proDetailDiv .mallOptionLine .optionsBlock {
	display: inline-block
}

.proDetailDiv .mallOptionLine input {
	display: none
}

.proDetailDiv .mallOptionLine span {
	margin: 10px 0
}

.proDetailDiv .mallOptionLine label {
	margin: 0 0 5px 5px;
	display: inline-block;
	border: 1px solid #ceced0;
	background-color: #fff;
	padding: 0 10px;
	height: 28px;
	line-height: 28px
}

.proDetailDiv .mallOptionLine .optionSelected {
	border: 2px solid red;
	height: 26px;
	line-height: 26px
}

.g_breakline {
	height: 1px;
	background: #dcdcdb;
	margin: 20px 10px 0 10px
}

.mallTips {
	background: rgba(0,0,0,.7);
	width: 280px;
	padding: 0 10px;
	border-radius: 4px;
	margin: 50% auto;
	color: #fff;
	max-width: 550px
}

.mallTips .top {
	border-bottom: 1px solid
}

.mallTips .top .topIcon {
	margin-top: 5px;
	width: 50px;
	height: 50px;
	background: url(/image/mall/chenggong.png?v=201312231800) no-repeat;
	background-size: 40px 40px;
	background-position: 5px 5px
}

.mallTips .top .topText {
	text-align: left;
	line-height: 60px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold
}

.mallTips .bottom .left {
	text-align: center;
	line-height: 50px
}

.mallTips .bottom .right {
	text-align: center;
	line-height: 50px;
	color: #fff;
	display: block
}

.mProductTileForm .paramCollection {
	padding: 0;
	max-width: 160px;
	margin: 3px auto 0 auto
}

.marketPrice {
	text-decoration: line-through
}

.form .formMiddle .styleForm1 .mProductTileForm {
	display: inline-table;
	display: inline-block;
	vertical-align: top
}

.form .formMiddle .style1Img {
	display: inline-block;
	vertical-align: middle
}

.form .formMiddle .imgClass_160 {
	height: 160px
}

.form .formMiddle .imageMiddle {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.form .formMiddle .search a.mSearchBtn {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(../images/searchBtn.jpg?v=201403041746) no-repeat;
	background-size: 35px 35px;
	position: absolute;
	right: 0;
	top: 0
}

.form .formMiddle .search a.mSearchBtn:active {
	background: url(../images/searchIconActive.png?v=201403041746) 50% 50% no-repeat,url(../images/searchBtn.jpg?v=201403041746) 50% 50% no-repeat;
	background-size: 35px 35px
}

.pageButton {
	width: 60px;
	height: 25px;
	border: 1px #c9c9c9 solid;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	float: left
}

.pageButton p {
	text-decoration: none;
	text-align: center;
	line-height: 15px;
	color: #666;
	box-shadow: rgba(247,239,239,0.5) 0 0 24px inset;
	padding: 5px
}

.lastPageButton {
	border-radius: 10px;
	margin-left: -5px;
	margin-top: 15px;
	float: left;
	width: 32px;
	height: 50px;
	background-color: rgba(0,0,0,0.3);
	background-image: url(/image/Pc.png?v=201401151016);
	background-repeat: no-repeat;
	background-position: 2px -78px
}

.nextPageButton {
	margin-right: -5px;
	border-radius: 10px;
	margin-top: 15px;
	float: right;
	width: 32px;
	height: 50px;
	background-color: rgba(0,0,0,0.3);
	background-image: url(/image/Pc.png?v=201401151016);
	background-repeat: no-repeat;
	background-position: -34px -78px
}

.mProductTileForm {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center
}

.box .imgClass {
	margin: 10px 0
}

.mProductList .paramNowrap {
	width: 100%;
	white-space: nowrap;
	display: inline-table;
	table-layout: fixed
}

.tableBox {
	display: table;
	margin: 5px 0;
	width: 100%
}

.tableBox .tableCell {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	padding-left: 10px
}

.tableBox .tableCell-30 {
	width: 30%
}

.tableBox .tableCell-70 {
	width: 70%
}

.form {
	position: relative;
	margin-top: 12px;
	-webkit-backface-visibility: hidden
}

.form .formBannerTitle {
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 35px
}

.formBannerTitle {
	width: 100%
}

.formMiddle {
	width: 100%
}

.form .formBannerTitle .titleText {
	text-indent: 8px;
	width: 78%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	color: #fff
}

.formBannerTitle .titleTextIcon {
	display: none;
	float: left
}

.formBannerTitle .textContent {
	white-space: nowrap;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90%
}

.newsList .g_border {
	height: 0;
	width: 100%;
	border-bottom: 1px #ccc solid
}

.newsDetail .title {
	float: none;
	width: auto;
	line-height: 30px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px #ccc solid
}

.newsList .line {
	background-repeat: no-repeat;
	background-position: 5px 20px;
	padding-left: 10px
}

.newsList .line:before {
	content: ""
}

.newsList .wWLine {
	height: auto;
	overflow: visible
}

.newsList .line .newsCalendar {
	height: 23px;
	line-height: 23px;
	width: 75px;
	cursor: pointer;
	text-align: right
}

.newsList .line .newsCalendar a {
	display: inline-block;
	padding: 0 0 0 5px;
	text-decoration: none
}

.newsList .line a {
	display: inline-block;
	text-decoration: none;
	outline: 0;
	word-break: keep-all;
	-o-text-overflow: ellipsis;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: normal;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.separatorLine {
	clear: both;
	margin: 0;
	font-size: 0;
	border-top: 0;
	border-left: none;
	border-right: 0
}

.newsList .topFlagLine {
	padding-left: 32px
}

.g_topFlag1 {
	background: url(../images/g_topFlag1.gif) no-repeat 0 -36px
}

.g_topFlag2 {
	background: url(../images/g_topFlag2.gif) no-repeat 0 -37px
}

.g_topFlag3 {
	background: url(../images/g_topFlag3.gif) no-repeat 0 -36px
}

.g_topFlag4 {
	background: url(../images/g_topFlag4.gif) no-repeat 0 4px
}

.newsList .line .lineBody .g_topFlag {
	width: 20px;
	height: 20px;
	margin: 5px 0 0 0;
	padding: 0;
	float: left
}

.newsList .mixNewsStyleLine .lineBody .g_topFlag {
	width: 20px;
	height: 20px;
	margin: 5px 0 0 0;
	padding: 0;
	float: left
}

.newsList .mixNewsStyleLine .newsCalendar {
	height: 23px;
	line-height: 23px;
	width: 75px;
	cursor: pointer;
	text-align: right
}

.newsList .mixNewsStyleLine .newsCalendar a {
	display: inline-block;
	padding: 0 0 0 5px;
	text-decoration: none
}

.newsList .mixNewsStyleLine a {
	display: inline-block;
	text-decoration: none;
	outline: 0;
	word-break: keep-all;
	-o-text-overflow: ellipsis;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: normal;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.newsList .wWLine a {
	height: auto;
	word-break: break-all;
	white-space: normal;
	overflow: auto;
	text-overflow: clip;
	-o-text-overflow: clip
}

.newsList .topFlagLine a {
	width: 80%
}

.newsList .mixNewsStyleLine .lineBody {
	overflow: hidden;
	padding: 0 0 8px 0
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox {
	float: left;
	clear: both;
	padding: 10px 10px 0 10px
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox img {
	float: left
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer {
	padding: 5px 0 0 0
}

.newsList .mixNewsStyleLine .mixNewsStyleTitle1 {
	width: auto;
	display: inline;
	font-weight: bold;
	line-height: 22px
}

.newsList .mixNewsStyleLine .mixNewsStyleTitle2 {
	width: 50%;
	height: 26px;
	font-weight: bold;
	line-height: 26px
}

.newsList .mixNewsStyleLine .mixNewsStyleSummary {
	color: #808080;
	display: block;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	overflow: visible;
	cursor: pointer
}

.webBannerBox {
	margin: 0 auto;
	position: relative
}

.navLeft {
	display: none
}

.navRight {
	display: none
}

.navTouchLeft,.navTouchRight {
	height: 100%;
	width: 20px;
	position: absolute;
	display: none;
	z-index: 1;
	top: 0
}

.navTouchLeft {
	left: 0
}

.navTouchRight {
	right: 0
}

.navbar .Line {
	display: none
}

.navbar .itemSelected {
	background-color: #05436a
}

.navbar .navButton {
	display: none
}

.navButtonPanel {
	display: none
}

.navbar .navMenuHeader {
	display: none
}

.navBaseIcon .navItemIcon {
	width: 20px;
	height: 22px;
	display: block;
	background-size: contain;
	margin: 0 auto
}

.pagenationSelectDiv {
	max-width: 36.6544444444444444444%;
	display: inline-block;
	-webkit-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0)
}

.pagenation {
	clear: both;
	font-size: 14px;
	color: #333;
	height: 50px;
	width: 100%;
	text-align: center
}

.pagenation a {
	text-decoration: none;
	padding: 10px 24px
}

.pagenation .pagePrev {
	float: left;
	display: inline-block;
	width: 90px;
	border: 1px solid #c9c9c9;
	margin: 12px 0 10px 10px
}

.pagenation .pageNext {
	float: right;
	display: inline-block;
	width: 90px;
	height: 30px;
	border: 1px solid #c9c9c9;
	margin: 12px 10px 10px 0
}

.paginateTable .pagenation .pagePrev {
	margin-left: 30px;
	width: 95px
}

.paginateTable .pagenation .pageNext {
	margin-right: 30px;
	width: 95px
}

.pagenation .pagePrev,.pagenation .pageNext {
	text-align: center;
	line-height: 30px
}

.pagenation .pagePrev span,.pagenation .pageNext span {
	line-height: 30px
}

.pagenation .pageSelect {
	min-width: 70px;
	max-width: 100%;
	height: 30px;
	padding: 0 7px;
	margin-bottom: 10px;
	border: 1px solid #c9c9c9;
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	margin-top: 12px;
	text-indent: 0
}

.pagenation .pageSelect option {
	text-align: center
}

.pagenation select::-ms-expand {
	display: none
}

.mobiLogo {
	margin: 5px 0;
	text-align: center
}

.mobiLogo .logo {
	max-height: 50px;
	max-width: 160px;
	float: left
}

.mobiLogo img {
	vertical-align: middle
}

.mobiLogo .mobititle {
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px
}

.mobiLogo .clear {
	clear: both
}

.textImg3 {
	float: none;
	width: 100%;
	display: block;
	text-align: center
}

.textImg1 {
	float: left;
	margin: 5px 10px 5px 5px;
	overflow: hidden
}

.textImg4 {
	float: right
}

.richContent {
	line-height: 1.8;
	padding: 0 7px;
	white-space: normal;
	word-wrap: break-word;
	word-break: normal;
	overflow: hidden;
	text-align: left;
	margin: 10px 0
}

.richContent img {
	max-height: none
}

.richContent ol {
	padding-left: 40px
}

.richContent ul {
	padding-left: 17px
}

.richContent4 {
	overflow: visible;
	width: auto
}

.richContent1 {
	width: auto;
	padding-left: 5px;
	overflow: visible
}

.richContent a,.content a {
	text-decoration: underline
}

.clear {
	clear: both
}

.footer {
	padding: 10px 0;
	position: relative
}

.technical {
	margin-bottom: 20px
}

.technicalSupport {
	clear: both;
	text-align: center;
	color: #666;
	margin: 0;
	padding: 2px 0;
	position: relative;
	overflow: hidden;
	font-size: 12px
}

.technicalSupport ol {
	padding-left: 40px
}

.technicalSupport ul {
	padding-left: 17px
}

.footer a {
	text-decoration: none
}

.technicalSupport a {
	color: #666;
	text-decoration: underline
}

.PcVer {
	margin-left: 10px
}

.rep {
	margin-left: 10px
}

.webModuleContainer {
	position: relative
}

.formMiddle {
	overflow: hidden;
	padding-bottom: 5px;
	table-layout: fixed;
	border-spacing: 0
}

.formMiddle .middleLeft,.formMiddle .middleRight {
	display: none
}

.proImgSwipe .productBullet {
	position: absolute;
	height: 18px;
	top: auto;
	bottom: 0;
	background: rgba(0,0,0,0.2);
	width: 100%
}

.proImgSwipe .bullets {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0
}

.proImgSwipe .bullets li {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #999;
	margin: 0 2px;
	cursor: pointer;
	background: #adb1b1
}

.proImgSwipe .bullets li.on {
	background: #fff
}

.proImgSwipe {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	text-align: center;
	visibility: visible;
	margin-bottom: 10px
}

.proDetailImgBox {
	margin: 0 auto;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	height: 100%
}

.proDetailImg {
	vertical-align: middle
}

.swipImgBox {
	height: 100%;
	position: relative;
	float: left
}

.proDetailDiv {
	text-align: center
}

.proDetailDiv .g_button {
	width: 90%
}

.remarkBox {
	padding: 0 10px
}

.remarkBox ol {
	padding-left: 40px
}

.remarkBox ul {
	padding-left: 17px
}

.paginateTable {
	width: 100%;
	height: 100%
}

.sorryTips {
	padding: 0 5px;
	margin: 10px auto;
	color: gray
}

.webCustomerServiceBox {
	margin: 0 auto;
	height: 48px;
	-webkit-backface-visibility: hidden
}

.webCustomerServiceBox .customerServiceDiv {
	width: 100%;
	max-width: 640px
}

.webCustomerServiceBox .service {
	height: 48px;
	line-height: 48px;
	float: left;
	text-align: center
}

.webCustomerServiceBox a {
	color: #fff
}

.customerServiceDiv .customServiceLine {
	display: none
}

.customerServiceDiv .icon {
	-webkit-backface-visibility: hidden;
	height: 30px;
	margin: auto
}

.customerServiceDiv .iconClass_1 {
	background: url(../images/phoneIcon.png?v=201310170037) 50% 50% no-repeat;
	background-size: contain
}

.customerServiceDiv .iconClass_2 {
	background: url(../images/textIcon2.png?v=201310170037) 50% 50% no-repeat;
	background-size: contain
}

.customerServiceDiv .iconClass_3 {
	background: url(../images/mapIcon.png?v=201310170037) 50% 50% no-repeat;
	background-size: contain
}

.customerServiceDiv .iconClass_4 {
	background: url(../images/liuyan.png?v=201311071558) 50% 50% no-repeat;
	background-size: contain
}

.customerServiceDiv .iconClass_5 {
	background: url(../images/qqIcon.png?v=201401151037) 50% 50% no-repeat;
	background-size: contain
}

.customerServiceDiv .describe {
	line-height: 16px;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.baidu_all_map {
	overflow: hidden;
	zoom: 1;
	position: relative
}

.baidu_map {
	height: 100%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.map_marker_panel {
	position: absolute
}

.webMapServiceBox {
	visibility: hidden;
	position: fixed;
	top: 150%;
	height: 100%;
	width: 100%;
	max-width: 640px;
	z-index: 99;
	background: #000;
	transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms
}

.showMapService {
	top: 0;
	visibility: visible;
	transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms
}

.webMapServiceBox .webMapHeader {
	height: 46px
}

.webMapServiceBox .webMapHeader .webMapClose {
	height: 30px;
	width: 30px;
	margin: 8px;
	background: url(/image/mapClose.png?v=201310170037) center center no-repeat;
	background-size: 70%;
	float: right
}

.webMapServiceBox .webMapIconCover {
	position: absolute;
	z-index: 11;
	bottom: 17px;
	right: 8px;
	top: auto;
	left: auto;
	width: 35px;
	background: #000;
	opacity: .1;
	height: 35px
}

.formMiddle .msgTop {
	width: 96%;
	background: #fff;
	margin: 12px auto;
	padding-bottom: 12px
}

.formMiddle .msgBottom {
	width: 96%;
	margin: 10px auto 0 auto
}

.formMiddle .msgBottom .msgTop {
	background: 0;
	margin: 0;
	width: 100%;
	padding-bottom: 0
}

.mbAddTitle {
	margin: 10px 0;
	font-weight: bold
}

.mbLineCtrl {
	color: red;
	width: 88%;
	margin: 0 auto 10px auto;
	position: relative
}

.mtitle {
	margin-bottom: 0;
	text-align: center
}

.mbLineCtrl .mustSpan {
	position: absolute;
	right: -10px;
	top: 10px
}

.mbLineCtrl .msg_ipt {
	width: 100%;
	border: 1px solid #ececec;
	box-shadow: none;
	text-indent: 4px;
	border-radius: 0;
	height: 33px;
	font-size: 14px
}

.g_button {
	background-repeat: no-repeat;
	border: 0;
	color: white;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 0;
	width: 100%;
	margin: 10px auto;
	padding: 0;
	background-color: #2982ba;
	display: block
}

.mbTitle {
	height: 40px;
	font-size: 16px;
	font-weight: 500;
	color: #2982ba;
	line-height: 40px;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px
}

.userMsgIcon {
	background: url(/image/liuyan.png?v=201310211708) no-repeat;
	background-size: 23px;
	background-position: 0 8px
}

.publishIcon {
	background: url(/image/fabiaoliuyan.png?v=201310211708) no-repeat;
	background-size: 24px;
	background-position: 0 6px
}

.mbLineCtrl textArea {
	text-indent: 4px;
	height: 70px;
	font-size: 14px;
	width: 100%;
	border: 1px solid #ececec;
	max-width: 100%
}

.notice {
	text-align: center;
	overflow: hidden;
	height: 25px;
	font-size: 12px;
	background: #fef5d8;
	color: red;
	line-height: 25px;
	width: 90%;
	margin: 0 auto 10px auto
}

.msgTitle {
	min-height: 28px;
	line-height: 28px;
	width: 100%
}

.msgArea {
	padding: 5px 5px 20px 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #d5f8f4
}

.msgUser {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	width: 48%;
	margin-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 500
}

.msgTime {
	color: #666;
	float: right;
	height: 22px;
	line-height: 22px;
	margin-right: 2px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 12px
}

.msgContent {
	line-height: 24px;
	padding: 0 10px;
	word-wrap: break-word
}

.captchaImg {
	vertical-align: middle;
	padding: 0 2%;
	width: 90px
}

.captchaText {
	border: 1px solid #ececec;
	text-indent: 4px;
	height: 33px;
	font-size: 14px;
	width: 35%
}

.captchaChange {
	margin-top: 6px;
	color: #555959;
	font-weight: bold
}

.msgArrow {
	font-size: 14px;
	height: 13px;
	width: 14px;
	margin: 0 20px;
	margin-left: 5px;
	margin-top: -30px;
	color: #b8deea
}

.reqArea {
	padding: 10px 2.5%;
	background: #b8deea;
	margin-left: -1%;
	width: 94%;
	word-wrap: break-word
}

.reqArea p {
	line-height: 24px
}

.admReq {
	font-weight: 500;
	padding-left: 22px;
	background: url(/image/guanliyuan.png) no-repeat;
	background-position: left;
	background-size: 22px;
	height: 28px;
	line-height: 28px
}

.webContainerBox .form .newsDetail .title {
	background: 0;
	height: auto;
	width: 100%
}

.webContainerBox .form .newsDetail .title .titleText {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	float: none;
	display: block;
	white-space: normal;
	height: auto;
	overflow: auto;
	padding: 8px;
	font-weight: normal
}

.pgList .line {
	height: 40px;
	padding-left: 10px;
	clear: both;
	position: relative
}

.pgList .g_border {
	border-bottom: 1px solid #CCC
}

.pgList .line .pgName {
	display: inline-block;
	float: left;
	text-decoration: none;
	outline: 0;
	word-break: keep-all;
	-o-text-overflow: ellipsis;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	font-weight: normal;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pgList .line .pgMark {
	float: right;
	margin: 8px 11px 0 0;
	font-size: 18px
}

.pgDetail {
	position: relative;
	height: 90.6%;
	background-color: #fff
}

.pgDetail .pgBox {
	width: 100%;
	background-color: #fff
}

.pgDetail .pgBoxCollapse {
	width: 40%;
	transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms
}

.pgDetail .pgBox .line {
	height: 40px;
	border-bottom: 1px solid #e6e6e6;
	clear: both;
	position: relative;
	margin: 0 8px
}

.pgDetail .pgBox .line .pgName {
	display: inline-block;
	float: left;
	color: black;
	text-decoration: none;
	outline: 0;
	word-break: keep-all;
	-o-text-overflow: ellipsis;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	font-weight: normal;
	width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pgDetail .pgBox .line .pgMark {
	float: right;
	margin: 8px 11px 0 0
}

.pgDetail .pgBox .line .pgBoxItem {
	background-color: #e3e3e3
}

.pgDetail .pgBox .pgSelect {
	background-color: #e3e3e3;
	height: 32px;
	position: absolute;
	left: 8px;
	width: 98%
}

.pgDetail .pgBox2 {
	position: absolute;
	top: 0;
	width: 60%;
	left: 100%;
	background-color: #e3e3e3;
	height: 100%;
	overflow-x: hidden
}

.pgDetail .pgBox2Collapse {
	position: absolute;
	top: 0;
	left: 40%;
	transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transition: all 300ms
}

.pgDetail .pgBox2 .pgBox2Item {
	position: absolute;
	top: 0;
	width: 100%;
	left: 100%;
	display: none
}

.pgDetail .pgBox2 .pgName {
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	outline: 0;
	word-break: keep-all;
	-o-text-overflow: ellipsis;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: normal;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	clear: both
}

.pgDetail .pgBox2 .pgBox2ItemCollapse {
	position: relative;
	top: 0;
	left: 5%;
	display: block;
	transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transition: all 300ms
}

.g_web .multilingualArea {
	margin: auto;
	position: relative
}

.g_web .multilingual {
	height: 32px;
	z-index: 1;
	background: 0;
	line-height: 32px
}

.multilingual .memberEntrance {
	padding-left: 5px;
	height: 32px
}

.carIcon,.multilingual .memberEntrance .member_a,.exit {
	font-size: 16px;
	padding-left: 18px;
	background-size: 18px;
	background-position: 0 50%;
	color: #2982ba
}

.multilingual .memberEntrance a {
	overflow: hidden;
	max-width: 100px;
	text-overflow: ellipsis;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	white-space: nowrap
}

.g_web .multiLanguageCtrl {
	padding-left: 42px;
	width: 14px;
	height: 32px;
	line-height: 32px;
	font-size: 5px;
	float: right;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #3a8dc1;
	cursor: pointer
}

.lanSelected .multiLanguageCtrl {
	margin-right: 0
}

.lanSelect {
	display: none;
	position: absolute;
	margin-top: 4px;
	margin-right: 5px;
	max-height: 247px;
	width: 66.25%;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 10px rgba(0,0,0,.6);
	z-index: 9;
	right: 0;
	border-radius: 4px
}

.lanSelect .lanContainer {
	max-height: 202px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%
}

.lanSelect .lanSelected {
	height: 25px;
	line-height: 25px
}

.lanSelect .lanContainer .lanItem {
	height: 45px;
	line-height: 45px;
	background-position: 5px;
	margin: 0 5px;
	padding-left: 50px;
	background-repeat: no-repeat
}

.lanSelect .lanContainer .lanItem:hover {
	cursor: default;
	background-color: #3a8dc1;
	color: #fff
}

.lanSelect .multiLanguageCtrl {
	height: 24px;
	line-height: 24px
}

.Icon2052 {
	background-image: url(/image/language/2052.jpg?v=201401061752);
	background-size: 35px 20px
}

.Icon1033 {
	background-image: url(/image/language/1033.jpg?v=201401061752);
	background-size: 35px 20px
}

.Icon1028 {
	background-image: url(/image/language/1028.jpg?v=201401061752);
	background-size: 35px 20px
}

.Icon1041 {
	background-image: url(/image/language/1041.jpg?v=201401061752);
	background-size: 35px 20px
}

.Icon1042 {
	background-image: url(/image/language/1042.jpg?v=201401061752);
	background-size: 35px 20px
}

.Icon1108 {
	background-image: url(/image/language/1108.jpg?v=201401061752);
	background-size: 35px 20px
}

.Icon1054 {
	background-image: url(/image/language/1054.jpg?v=201312111813);
	background-size: 35px 20px
}

.Icon11274 {
	background-image: url(/image/language/11274.jpg?v=201401061752);
	background-size: 35px 20px
}

.Icon1049 {
	background-image: url(/image/language/1049.jpg?v=201401061752);
	background-size: 35px 20px
}

.photoListDetailShow {
	position: fixed;
	top: 150%;
	height: 100%;
	z-index: 99;
	max-width: 640px;
	width: 100%;
	background: #000;
	transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	overflow: hidden
}

.photoListDetailShow .webPhotoListDetail {
	margin: 0;
	position: relative;
	height: 100%
}

.photoListDetailShow .webPhotoListDetail .prevPhoto {
	position: absolute;
	background: url(/image/PicLeft.png?v=201311111730) 50% 50% no-repeat rgba(0,0,0,.5);
	-moz-background-size: 24px,auto;
	-ms-background-size: 24px,auto;
	-o-background-size: 24px,auto;
	-webkit-background-size: 24px,auto;
	background-size: 24px,auto;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 35px;
	height: 35px;
	top: 50%;
	left: 5px;
	z-index: 1;
	transition: opacity 200ms linear;
	-ms-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear
}

.photoListDetailShow .photoFilter .prevPhoto,.photoListDetailShow .photoFilter .nextPhoto {
	display: none
}

.photoListDetailShow .photoFilter {
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-webkit-transition: all 500ms linear
}

.photoListDetailShow .webPhotoListDetail .nextPhoto {
	background: url(/image/PicRight.png?v=201311111730) no-repeat 50% 50% rgba(0,0,0,.4);
	-moz-background-size: 24px,auto;
	-ms-background-size: 24px,auto;
	-o-background-size: 24px,auto;
	-webkit-background-size: 24px,auto;
	background-size: 24px,auto;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 5px;
	z-index: 1;
	top: 50%;
	transition: opacity 200ms linear;
	-ms-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear
}

.photoDetailDescription .descriptionFilter {
	height: 100%;
	position: absolute;
	left: 0;
	width: 150%;
	z-index: -1;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)));
	background-image: -moz-gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)));
	background-image: -ms-linear-gradient(bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.0) 100%);
	background-image: -o-gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)));
	background-image: gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)))
}

.photoListDetailLoadingDom {
	height: 100%;
	position: absolute;
	z-index: 9;
	top: 0;
	width: 100%;
	max-width: 640px;
	background: #000;
	opacity: .5
}

.photoListDetailLoadingDom .photoLoading {
	background-image: url(../images/loading.png);
	border-radius: 20px;
	width: 60px;
	height: 60px;
	margin: 50% auto;
	background-size: 60px 60px
}

.photoListDetailShow .webPhotoListDetail .photoDetail {
	float: left;
	text-align: center;
	height: 100%
}

.photoListDetailShow .webPhotoListDetail .photoDetail .imageSpan {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.photoListDetailShow .webPhotoListDetail .photoDetail img {
	margin: auto;
	vertical-align: middle
}

.photoListDetailShow .photoDetailClose {
	width: 35px;
	height: 35px;
	background: url(/image/PicClose.png?v=201311111730) 50% 50% no-repeat rgba(0,0,0,.5);
	-moz-background-size: 14px,auto;
	-ms-background-size: 14px,auto;
	-o-background-size: 14px,auto;
	-webkit-background-size: 14px,auto;
	background-size: 14px,auto;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	right: 10px;
	margin: 8px 0;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	transition: opacity 200ms linear;
	-ms-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear
}

.photoListDetailShow .photoDetailDescription {
	margin-top: 50px;
	height: auto;
	color: #fff;
	width: 100%;
	z-index: 2;
	position: absolute;
	bottom: -100%;
	transition: bottom 500ms linear;
	-ms-transition: bottom 500ms linear;
	-moz-transition: bottom 500ms linear;
	-o-transition: bottom 500ms linear;
	-webkit-transition: bottom 500ms linear
}

.photoListDetailShow .photoDetailDescription .handleIcon {
	height: 35px;
	width: 20%;
	position: absolute;
	right: 0
}

.photoListDetailShow .photoDetailDescription .handleUp {
	background: url(../images/zhankai.png?v=201311131705);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-moz-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px
}

.photoListDetailShow .photoDetailDescription .handleDown {
	background: url(../images/shouqi.png?v=201311131705);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-moz-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px
}

.photoListDetailShow .photoDetailDescription .descriptionDom {
	margin-top: 35px;
	padding: 10px 5px;
	line-height: 24px
}

.photoListDetailShow .photoDetailDescription .drawer_handle {
	height: 35px;
	width: 80%;
	position: absolute;
	line-height: 35px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-indent: .5em;
	font-weight: bold;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #fff;
	cursor: pointer
}

.photoModule.styleForm1 {
	margin-top: 10px
}

.photoModule.styleForm1 li {
	text-align: center
}

.photoModule.styleForm1 .photoDiv {
	display: inline-block;
	margin-bottom: 20px;
	vertical-align: top;
	-webkit-backface-visibility: hidden
}

.photoModule.styleForm1 .photoBg {
	background: white
}

.photoModule.styleForm1 .containerBg {
	background: white
}

.photoModule.styleForm1 .imgDiv {
	overflow: hidden;
	vertical-align: middle;
	text-align: center
}

.photoModule.styleForm1 .photoDiv .imgName {
	max-width: 160px;
	margin: 0 auto;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #676767;
	text-align: left;
	font-size: 16px;
	line-height: 24px
}

.imgDetailDiv {
	overflow: scroll;
	display: none;
	top: 0;
	transition: all 500ms;
	-webkit-transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	position: fixed;
	height: 100%;
	z-index: 99;
	background: black
}

.exitButton {
	background: url(/image/PicClose.png?v=201311111730) no-repeat;
	width: 20px;
	height: 20px;
	right: 20px;
	top: 18px;
	position: absolute;
	background-size: 100%;
	cursor: pointer;
	position: fixed
}

.showImg {
	width: 100%
}

.imgDetailArea {
	margin-top: 40px;
	color: white;
	line-height: 1.8;
	padding: 0 10px;
	white-space: normal;
	word-wrap: break-word;
	word-break: normal;
	overflow: hidden;
	text-align: left
}

.imgDetailDiv .imgName {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	word-wrap: break-word
}

.imgDesc {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	color: white
}

.photoModule.styleForm7 {
	position: relative;
	margin: 10px auto;
	overflow: hidden;
	background: #fff;
	width: 100%
}

.photoModule.styleForm7 ul {
	position: absolute;
	padding: 0;
	left: 0;
	transition: all 500ms
}

.photoModule.styleForm7 ul li {
	width: 300px;
	list-style-type: none;
	float: left;
	text-align: center;
	overflow: hidden;
	background: #fff
}

.photoModule.styleForm7 .imgDiv2 {
	overflow: hidden;
	display: inline-block;
	background: #fff
}

.photoModule.styleForm7 .prevPhoto {
	background: url(/image/PicLeft.png?v=201311111730) rgba(0,0,0,.4) no-repeat;
	width: 35px;
	height: 35px;
	float: left;
	top: 30%;
	cursor: pointer;
	position: absolute;
	background-size: 80%;
	background-position: 5px;
	border-radius: 4px;
	left: 15px
}

.photoModule.styleForm7 .nextPhoto {
	background: url(/image/PicRight.png?v=201311111730) rgba(0,0,0,.4) no-repeat;
	width: 35px;
	height: 35px;
	float: right;
	top: 30%;
	cursor: pointer;
	position: absolute;
	background-size: 80%;
	background-position: 5px;
	border-radius: 4px;
	right: 15px
}

.photoModule .styleForm7 .imgContainer {
	display: table-cell;
	vertical-align: middle
}

.imageMiddleSpan {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.photoModule .photoModuleImageSwipeContainer {
	overflow: hidden;
	position: relative
}

.photoModule.styleForm7 .imgName {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	background: rgba(0,0,0,.4);
	color: #fff;
	line-height: 24px;
	font-size: 14px;
	width: 100%;
	text-align: center
}

.photoModule.styleForm6 {
	margin-top: 10px;
	margin-bottom: 10px
}

.photoModule.styleForm6 .photoSwipe {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	text-align: center;
	visibility: visible;
	background: #fff
}

.photoModule.styleForm6 .photoSwipeBox {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 100%
}

.photoModule.styleForm6 .photoSwipeBox .swipImgArea {
	height: 100%;
	position: relative;
	float: left
}

.imageDiv img {
	vertical-align: middle
}

.photoModule.styleForm6 .photoBullet {
	position: absolute;
	width: 100%;
	height: 24px;
	top: auto;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	line-height: 24px
}

.photoModule.styleForm6 .photoBullet .bullets {
	text-align: right;
	list-style: none;
	margin: 0;
	padding: 0
}

.photoModule.styleForm6 .photoBullet .bullets li {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #999;
	margin: 0 2px;
	cursor: pointer;
	background: #adb1b1
}

.photoModule.styleForm6 .photoBullet .bullets li.on {
	background: #fff
}

.photoModule.styleForm6 .imgName {
	float: left;
	width: 65%;
	bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
	line-height: 24px;
	font-size: 16px;
	text-align: left
}

.photoModule.containerBg {
	background: #fff
}

.g_locale2052 .mbLineCtrl .msgSubmitButton {
	letter-spacing: .2em
}

.g_locale2052 .g_button {
	background-position: 32% 40%
}

.g_locale1028 .mbLineCtrl .msgSubmitButton {
	letter-spacing: .2em
}

.g_locale1028 .g_button {
	background-position: 24% 40%
}

.g_locale1033 .mbLineCtrl .msgSubmitButton {
	text-transform: capitalize
}

.g_locale1033 .g_button {
	background-position: 30% 40%
}

.g_locale1041 .mbLineCtrl .msgSubmitButton {
	background-position: 30% 40%
}

.g_locale1041 .g_button {
	background-position: 32% 40%
}

.g_locale1042 .mbLineCtrl .msgSubmitButton {
	background-position: 35% 40%
}

.g_locale1042 .g_button {
	background-position: 30% 40%
}

.g_locale1108 .mbLineCtrl .msgSubmitButton {
	background-position: 35% 40%
}

.g_locale1108 .g_button {
	background-position: 26% 40%
}

.g_locale1054 .mbLineCtrl .msgSubmitButton {
	background-position: 35% 40%
}

.g_locale1054 .g_button {
	background-position: 32% 40%
}

.g_locale11274 .mbLineCtrl .msgSubmitButton {
	background-position: 26% 40%
}

.g_locale11274 .g_button {
	background-position: 26% 40%
}

.g_locale1049 .mbLineCtrl .msgSubmitButton {
	background-position: 22% 40%
}

.g_locale1049 .g_button {
	background-position: 22% 40%
}

.loginHeader {
	text-align: center;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0
}

.loginHeader .title {
	z-index: 1;
	text-align: center;
	height: 48px;
	font-weight: 500;
	font-size: 20px;
	line-height: 48px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 230px;
	display: inline-block;
	color: #fff;
	padding-right: 46px
}

.loginContent {
	padding-top: 20px;
	background: #fff;
	margin: 12px 10px 0 10px;
	text-align: center
}

.loginContent .loginButton {
	width: 85%
}

.signupIcon {
	background: url(/image/loading/signup.png?v=201311271846) no-repeat;
	background-position: 0 50%
}

.memberIcon {
	background: url(/image/loading/deng1.png?v=201311271846) no-repeat;
	background-position: 0 50%
}

.userIcon {
	background: url(/image/loading/account.png) no-repeat;
	background-size: 20px 20px;
	background-position: 0 50%
}

.pswIcon {
	background: url(/image/loading/password.png) no-repeat;
	background-size: 20px 20px;
	background-position: 0 50%
}

.phoneIcon {
	background: url(/image/loading/phone.png?v=201311271846) no-repeat;
	background-size: 20px 20px;
	background-position: 0 50%
}

.emailIcon {
	background: url(/image/loading/email.png?v=201311271846) no-repeat;
	background-size: 20px 20px;
	background-position: 0 50%
}

.loginContent .loginSubmitCtrl {
	background: #2982ba;
	margin: 12px 10px 0 10px
}

.loginContent .loginSubmit {
	background-color: #2982ba;
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: 32% 40%;
	border: 0;
	color: white;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	width: 280px;
	margin: 0;
	padding: 0
}

.loginIcon {
	display: none;
	background: url(/image/loading/loading.png?v=201311251759);
	width: 24px;
	height: 24px;
	position: absolute;
	margin-top: -29px;
	left: 108px;
	background-position: -46px 23px;
	background-size: 23px
}

.loginContent .loginBottom {
	height: 35px;
	line-height: 35px;
	margin: 0 10px
}

.loginContent .loginBottom a {
	float: right;
	color: #b4b4b4;
	cursor: pointer
}

.loginContent .captchaText {
	text-indent: 4px;
	width: 35%;
	margin: 0
}

.loginContent .loginCaptchaCtrl {
	display: none;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 7.455555555555555552%
}

.loginErrorLine {
	display: none;
	width: 100%;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 200px;
	margin-left: 60px
}

.errorTips {
	background: rgba(0,0,0,.7);
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	padding: 14px;
	word-wrap: break-word
}

.loginContent .loginNotice {
	text-align: center;
	overflow: hidden;
	height: 25px;
	font-size: 12px;
	background: #fef5d8;
	color: red;
	line-height: 25px;
	margin: 0 10px;
	margin-bottom: 10px
}

.gohomeIcon {
	float: left;
	background: url(/image/loading/gohome.png?v=201311251759) no-repeat;
	width: 25px;
	height: 25px;
	background-size: 25px;
	margin-left: 8px;
	margin-top: 8px
}

.exit {
	color: #2982ba
}

.checkEmail {
	text-align: left;
	padding: 0 10px;
	width: 93%;
	word-wrap: break-word
}

.emailAddr {
	display: none;
	margin-top: 10px;
	text-align: left;
	padding-left: 10px;
	color: #06c
}

.signupSubmitCtrl .signupSubmit {
	width: 85%
}

.msgIcon {
	background: url(/image/loading/message.png?v=201311271846) no-repeat;
	background-position: 0 2px;
	background-size: 20px 20px
}

.signUpContent {
	padding: 20px 0;
	background: #fff;
	margin: 12px 10px 0 10px;
	text-align: center
}

.signUpContent .loginNotice {
	text-align: center;
	overflow: hidden;
	height: 25px;
	font-size: 12px;
	background: #fef5d8;
	color: red;
	line-height: 25px;
	margin: 0 10px 12px 10px
}

.mustIcon {
	color: red
}

.moduleContent .signup_line {
	position: relative
}

.moduleContent .mustIcon {
	position: absolute;
	top: 10px
}

.mustSpan {
	position: absolute
}

.moduleContent .itemEdit {
	width: 82%;
	border: 1px solid #ececec;
	box-shadow: none;
	border-radius: 0;
	height: 33px;
	font-size: 14px;
	padding-left: 22px;
	margin-bottom: 12px
}

.signUpContent .captchaText {
	height: 33px;
	float: left;
	margin: 0 0 0 6%;
	font-size: 14px;
	width: 34%;
	box-shadow: none;
	text-indent: 4px;
	border-radius: 0;
	border: 1px solid #ececec
}

.signUpContent .signUpCaptchaCtrl {
	margin: 12px 0
}

.signUpContent .ProtocolLineCtrl {
	margin: 12px 0;
	font-size: 12px
}

.ProtocolLineCtrl label {
	color: #000
}

.signUpContent .ProtocolLineCtrl a {
	text-decoration: underline;
	color: #06c
}

.signUpContent textArea {
	padding-left: 20px;
	height: 70px;
	font-size: 14px;
	width: 82%;
	border: 1px solid #ececec;
	padding-top: 3px
}

.turnBackIcon {
	float: left;
	background: url(/image/loading/return.png?v=201311251759) no-repeat;
	width: 48px;
	height: 48px;
	background-size: 22px;
	background-position: 50% 50%
}

.turnBackIcon:active {
	background: rgba(0,0,0,0.2)
}

.profileContent {
	color: #333;
	padding: 12px 0;
	background: #fff;
	margin: 12px 10px 0 10px;
	text-align: center
}

.bulletinCotent {
	color: #333;
	padding: 12px 10px;
	background: #fff;
	margin: 12px 10px 0 10px;
	text-align: left
}

.profileContent ul {
	margin: 12px 10px;
	list-style: none;
	border: 1px #ececec solid
}

.profileContent li:last-child {
	border-bottom: 0
}

.profileContent li {
	height: 33px;
	line-height: 33px;
	border-bottom: 1px #ececec solid;
	padding: 0 10px
}

.profileContent li .itemName {
	color: #666;
	max-width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	white-space: nowrap
}

.profileContent li .itemName .bulletinTitle {
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}

@keyframes newsReminds {
	0% {
		background-position: 100% 0
	}

	25% {
		background-position: 100% 20%
	}

	50% {
		background-position: 100% 0
	}

	75% {
		background-position: 100% 20%
	}

	100% {
		background-position: 100% 0
	}
}

@-webkit-keyframes newsReminds {
	0% {
		background-position: 100% 0
	}

	25% {
		background-position: 100% 20%
	}

	50% {
		background-position: 100% 0
	}

	75% {
		background-position: 100% 20%
	}

	100% {
		background-position: 100% 0
	}
}

.newsReminds {
	background: url(../images/textwarn.png) no-repeat;
	background-size: 16px;
	background-position: 100% 5px;
	-webkit-animation: newsReminds 1.2s ease infinite;
	-moz-animation: newsReminds 1.2s ease infinite;
	-o-animation: newsReminds 1.2s ease infinite;
	-ms-animation: newsReminds 1.2s ease infinite;
	animation: newsReminds 1.2s ease infinite
}

.profileContent li .itemText {
	color: #999;
	max-width: 55%;
	overflow: hidden;
	text-overflow: ellipsis;
	float: right;
	white-space: nowrap
}

.profileContent li .clickIcon {
	margin-left: 5px;
	color: #666;
	float: right
}

.profileContent .modifyArea li {
	cursor: pointer
}

.profileContent .itemInput {
	width: 90%;
	border: 1px solid #ececec;
	box-shadow: none;
	border-radius: 0;
	height: 33px;
	font-size: 14px;
	margin-bottom: 12px;
	padding-left: 10px
}

.modifyProfile {
	display: none
}

.modifyProfile .profileSubmit {
	letter-spacing: .8em;
	width: 90%
}

#modifyProfile .loginIcon {
	margin-top: -40px
}

#modifyPsw .loginIcon {
	margin-top: -29px
}

.siteForm {
	padding: 10px 0 10px 0
}

.siteFormAddButton {
	line-height: 35px;
	text-align: center;
	width: 90%;
	margin: auto;
	margin: 10px auto
}

.siteFormItem label {
	margin-left: 3px
}

.siteFormAddButton input {
	font-size: 16px;
	font-weight: bold;
	color: #fff
}

.g_warning {
	background-color: #fbfcbe;
	color: #f00
}

.siteFormItemTable {
	width: 100%;
	height: 25px;
	table-layout: fixed;
	display: table
}

.siteFormName {
	text-align: center;
	font-size: 14px;
	font-weight: 600
}

.siteFormItem {
	height: 30px;
	display: table-row
}

.siteFormItem .g_itext[type="text"] {
	height: 30px;
	width: 90%
}

.siteFormItem .g_itext,.siteFormItem .g_textarea {
	background: #f7f7f7;
	border: 1px solid #ececec
}

.siteFormItem select {
	border: 1px solid #ececec
}

.siteFormItem td {
	padding: 4px 0
}

.formValidateUpDiv {
	display: table;
	table-layout: fixed;
	padding-top: 10px;
	width: 80%;
	padding-left: 5px
}

.siteFormValidate .left {
	display: table-cell;
	vertical-align: top
}

.siteFormValidate .siteFormItemValidate {
	width: 70%
}

.siteFormValidate input {
	text-indent: 5px
}

.siteFormItemCheckItem {
	float: left;
	margin-right: 15px;
	line-height: 35px
}

.siteFormItemCheckItem span {
	cursor: default
}

.siteFormItemLink {
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dashed #e1e1e1;
	margin-bottom: 10px
}

.siteFormItemLink2 {
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dashed #e1e1e1;
	padding-top: 10px
}

.siteFormItemShowName {
	line-height: 30px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: right
}

.siteFormItemShowName font {
	float: left;
	margin-left: 10px;
	font-size: 18px;
	padding-right: 5px
}

.siteForm .siteFormItemShowNameFont {
	padding-top: 0;
	text-align: left;
	padding-left: 10px;
	line-height: 50px;
	width: 15px;
	font-size: 20px;
	float: left
}

.siteFormValidate .validateUpImageDiv {
	width: 100px
}

.siteFormItemShowNameUp {
	text-align: left
}

.siteFormValidate .changeSiteFormValidate {
	line-height: 30px;
	background-image: url(/image/refurbish.png?v=201311251759);
	background-repeat: no-repeat;
	width: 10%;
	height: 30px;
	background-size: 18px auto;
	cursor: pointer;
	background-position: 80% 35%
}

.siteFormValidate .validateCodeImg {
	cursor: pointer;
	height: 32px;
	visibility: visible
}

.siteForm .siteFormMsg {
	text-align: center;
	width: 90%;
	height: auto;
	line-height: 30px;
	margin: 5px auto;
	display: none
}

.siteFormItem select {
	height: 30px;
	margin: auto;
	font-size: 12px;
	font-weight: normal;
	width: 90%
}

.webFooterBox .mobiCalendarPlugins {
	position: fixed;
	top: 100%;
	z-index: 99;
	height: 100%;
	width: 100%;
	max-width: 640px;
	background: #f5f5f5;
	transition: all 350ms linear;
	-webkit-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-o-transition: all 350ms linear
}

.webFooterBox .ui-calendar {
	line-height: 45px;
	font-size: 14px;
	visibility: hidden;
	top: 100%
}

.webFooterBox .ui-calendar-show {
	visibility: visible;
	top: 0
}

.webFooterBox .ui-calendar-header {
	background: #383838;
	color: #545454;
	text-align: center;
	padding: 5px 0;
	height: 30px
}

.webFooterBox .ui-calendar-header a {
	color: #545454;
	text-decoration: none;
	display: inline-block;
	height: 30px;
	width: 30px
}

.webFooterBox .ui-calendar-header .ui-calendar-prev {
	background: url(/image/comm/calendar/timePre.png?v=201311251759) no-repeat;
	background-size: 90% 90%
}

.webFooterBox .ui-calendar-header .ui-calendar-next {
	background: url(/image/comm/calendar/timeNext.png?v=201311251759) no-repeat;
	background-size: 90% 90%;
	margin-left: 15px
}

.webFooterBox .ui-calendar-header .ui-calendar-return {
	background: url(/image/comm/calendar/return.png?v=201311251759) no-repeat;
	float: left;
	margin-left: 5px;
	background-size: 90% 90%
}

.webFooterBox .ui-calendar-header a.ui-state-hover {
	background-color: #ccc
}

.webFooterBox .ui-calendar-header .ui-calendar-title {
	text-align: center;
	display: inline-block;
	float: left;
	margin-left: 40px
}

.webFooterBox .ui-calendar-header .ui-calendar-preandnext {
	width: 80px;
	float: right;
	height: 30px
}

.webFooterBox .ui-calendar-calendar {
	width: 100%;
	border-collapse: collapse
}

.ui-calendar-title select {
	float: left;
	height: 30px;
	border: 1px solid #c9c9c9;
	margin: 0 5px;
	text-indent: 5px;
	font-size: 12px;
	font-weight: normal
}

select::-ms-expand {
	display: none
}

select {
	background: url(/image/selectTriangle.png?v=201311251759),#f7f7f7;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	cursor: pointer;
	background-position: 96% 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	text-indent: 5px;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding-right: 20px;
	border: 1px solid #ececec;
	color: #666
}

.ui-calendar-title .ui-calendar-year {
	width: 80px
}

.ui-calendar-title .ui-calendar-month {
	width: 60px
}

.webFooterBox .ui-calendar-calendar th,.ui-calendar-calendar td {
	text-align: center;
	color: #000;
	background: #f5f5f5;
	border: 1px solid #b8b8b8;
	font-weight: normal
}

.webFooterBox .ui-calendar-calendar thead tr {
	border: 1px solid #fff
}

.webFooterBox .ui-calendar-calendar thead th {
	color: #000;
	background: #dfdfdf
}

.webFooterBox .ui-calendar-calendar a {
	text-decoration: none;
	color: #000;
	display: block
}

.webFooterBox .ui-calendar-calendar tr.ui-calendar-gap td {
	line-height: 5px;
	font-size: 0;
	border: 0;
	background: transparent
}

.webFooterBox .ui-calendar-calendar td.ui-calendar-unSelectable {
	color: #e1e1e1
}

.webFooterBox .ui-calendar-calendar td.ui-calendar-today {
	background: #fbf9ee
}

.webFooterBox .ui-calendar-calendar td.ui-calendar-current-day {
	background: #dfdfdf;
	font-weight: bold
}

.webFooterBox .ui-calendar-calendar td.ui-state-hover {
	background: #ccc
}

.webFooterBox .ui-slideup .header {
	line-height: 43px;
	height: 43px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	opacity: .9;
	background: url(./calendar-header.png) repeat-x;
	overflow: hidden
}

.webFooterBox .ui-slideup .ok-btn,.ui-slideup .no-btn {
	position: absolute;
	top: 7px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	margin: 0;
	border-width: 5px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
	color: white;
	text-decoration: none;
	display: block
}

.webFooterBox .ui-slideup .ok-btn {
	right: 7px;
	float: right;
	-webkit-border-image: url(done.png) 5
}

.webFooterBox .ui-slideup .no-btn {
	left: 7px;
	float: left;
	-webkit-border-image: url(cancel.png) 5
}

.webFooterBox .ui-slideup .ok-btn.ui-state-hover,.ui-slideup .no-btn.ui-state-hover {
	opacity: .4
}

.webFooterBox .ui-slideup .frame {
	background: #e1e1e1;
	padding: 5px
}

.webFooterBox .ui-holder {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	left: -10000px
}

.webFooterBox .ui-slideup {
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0
}

.webFooterBox .ui-slideup-wrap {
	position: absolute;
	left: 0;
	z-index: 1200;
	width: 100%;
	background: rgba(255,255,255,0.4);
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-transform: translateZ(0)
}

.mobiIng {
	position: fixed;
	top: 40%;
	margin: 0 auto;
	width: 100%;
	height: auto;
	z-index: 9999;
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear
}

.mobiIng .mobiTips {
	height: 35px;
	width: 300px;
	margin: auto;
	line-height: 35px;
	color: #fff;
	z-index: 9999
}

.mobiIng .mobiTips .mobiMsg {
	text-align: center;
	width: auto;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	padding: 5px 0
}

.mobiIng .mobiTips .mobiClose {
	display: inline-block;
	cursor: pointer;
	margin: 8px 5px 0 5px;
	*margin: 6px 5px 0 5px;
	background: url(/image/close01.gif) no-repeat;
	width: 8px;
	height: 8px;
	font-size: 8px
}

.mobiIng .mobiTips a {
	color: red
}

.linkArea {
	text-align: left
}

.linkArea .link-h-container {
	float: left;
	padding: 5px;
	display: inline-block
}

.linkArea .link-v-container {
	display: block;
	line-height: 35px
}

.linkArea .link-p-container {
	margin-top: 5px;
	display: inline-block;
	text-align: center;
	width: 40%;
	vertical-align: top
}

.linkArea .link-p-container img {
	display: inline-block
}

.noticeMarquee {
	position: absolute;
	height: auto
}

.noticeMarquee .noticeMarqueeDiv {
	display: table
}

.noticeMarquee .noticeMarqueeDiv .noticeMarqueeRow {
	display: table-row
}

.noticeMarquee .noticeMarqueeDiv .noticeMarqueeRow span {
	display: table-cell;
	white-space: nowrap
}

.noticeContainer {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 5px 0
}

.notice-image0 {
	background: url(../images/noticeIco1.gif?v=201312091651) no-repeat left center
}

.notice-image1 {
	background: url(../images/noticeIco2.gif?v=201312091651) no-repeat left center
}

.notice-image2 {
	background: url(../images/noticeIco3.gif?v=201312091651) no-repeat left center
}

.notice-ico {
	padding-left: 22px
}

.noticeMarqueeUD {
	position: relative;
	overflow: hidden;
	height: 26px
}

.noticeScrollbar {
	margin: 0;
	padding: 5px 0 5px 0;
	position: relative;
	overflow: hidden;
	width: 100%
}

.noticeScrollbar .scrollbarLi {
	padding: 5px 5px;
	white-space: nowrap
}

@media only screen and (min-width:320px) {
	.mProductTileForm {
		width: 45%;
		margin-left: 2.5%;
		margin-right: 2.5%
	}

	.photoModule.styleForm1 .photoDiv {
		width: 45%;
		margin-left: 2.5%;
		margin-right: 2.5%
	}

	.linkArea .link-p-container {
		width: 45%;
		margin: 5px 2.5%
	}
}

@media only screen and (min-width:480px) {
	.mProductTileForm {
		width: 30%;
		margin: 0 1.6666666666666666%
	}

	select {
		background-position: 98% 50%
	}

	.photoModule.styleForm1 .photoDiv {
		width: 30%;
		margin: 0 1.6666666666666666%
	}

	.tableBox .tableCell-30 {
		width: 20%
	}

	.tableBox .tableCell-70 {
		width: 80%
	}

	.defaultBanner,.swipe .systemtBanner {
		background-size: 100%;
		background-repeat: no-repeat
	}

	.linkArea .link-p-container {
		width: 30%;
		margin: 5px 1.6666666666666666%
	}
}

.mallButton {
	margin: auto;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	width: 60%;
	border-radius: 4px;
	color: #333;
	border: #c7c7c7 1px solid;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
	background: -moz-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
	background: -ms-linear-gradient(bottom,#e8e8e8 0,#fff 100%);
	background: gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff))
}

.mallCart {
	padding: 12px 10px;
	text-align: center
}

.noProduct {
	background: url(/image/mall/Car.png?v=201312231800) no-repeat;
	width: 200px;
	height: 200px;
	background-size: 200px;
	margin: 0 auto
}

.noProductTips {
	margin-bottom: 10px
}

.mallCart .bottom {
	line-height: 50px;
	text-align: right
}

.mall_product {
	display: flex;
	border-bottom: 1px solid #b5d2e5;
	margin-bottom: 10px;
	padding-bottom: 10px
}

.mallCart .payCount_line {
	text-align: right;
	border-bottom: 1px solid #b5d2e5;
	padding-bottom: 10px
}

.mall_product .left .imgClass {
	width: 100px;
	height: 100px
}

.mall_product .right {
	padding-left: 10px;
	text-align: left
}

.mall_product .right .product_name {
	margin-bottom: 8px;
	font-size: 14px
}

.mall_product .right .param_line {
	line-height: 18px
}

.mall_product .right .param_line .num {
	border: 1px solid #666;
	height: 16px;
	line-height: 16px;
	width: 40px
}

.mall_product .right .param_line div {
	display: inline-block
}

.mall_product .right .product_name .mallOptions {
	color: #666
}

.marketPrice {
	text-decoration: line-through
}

.mallPrice {
	color: #b30b0b;
	font-weight: bold
}

.delSpan {
	background: url(/image/mall/close.png?v=201312231800) no-repeat;
	padding-left: 18px;
	background-size: 16px;
	cursor: pointer;
	background-position: 0 2px
}

.cartSettle {
	display: inline-block;
	padding: 0 20px;
	width: inherit;
	margin-left: 20px
}

.mallCart .bottom .shopping {
	display: inline-block;
	background: url(/image/mall/LittleCar.png?v=201402101902) no-repeat;
	padding-left: 35px;
	background-size: 30px;
	background-position: 0 12px;
	cursor: pointer
}

.orderSettle {
	padding: 15px 10px
}

.orderSettle .editPanel {
	background-color: #fff;
	padding: 15px 10px
}

.editPanel .edit_line {
	margin-bottom: 10px
}

.editPanel .edit_line .linetitle {
	margin-bottom: 5px
}

.orderSettle .orderSettle_line {
	background-color: #FFF;
	padding: 10px;
	margin-bottom: 10px
}

.orderSettle select {
	height: 35px;
	line-height: 35px;
	width: 100%;
	font-size: 14px
}

.orderSettle .orderSettle_line .select_line {
	margin-top: 5px
}

.orderSettle .orderSettle_line .item_line {
	margin: 5px 0;
	border-bottom: 1px solid #dcdcdb;
	color: #808080;
	min-height: 30px;
	line-height: 30px
}

.orderSettle .orderSettle_line .item_line .item_name {
	min-width: 100px;
	text-align: left
}

.orderSettle .orderSettle_line .item_line .item_value {
	word-wrap: break-word;
	margin-left: 6px
}

.orderSettle .orderSettle_line .count_line .right {
	text-align: right
}

.orderSettle .orderSettle_line .top {
	border-bottom: 1px solid #dcdcdb;
	color: #808080;
	line-height: 25px
}

.orderSettle .orderSettle_line .bottom {
	height: 35px;
	line-height: 35px
}

.g_input {
	padding-left: 5px;
	height: 35px;
	line-height: 35px;
	display: inherit;
	font-size: 14px;
	background-color: #f7f7f7;
	border: 1px solid #ececec
}

.orderDetail .orderDetailTop {
	background-color: #fff;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px
}

.orderDetail .orderDetailTop .submitSucceed {
	background: url(/image/mall/chenggong1.png?v=201401061752) no-repeat;
	background-size: 20px;
	display: inline-block;
	padding-left: 28px;
	font-size: 16px
}

.orderDetail .orderDetailTop .bottom {
	margin-top: 20px
}

.orderDetail .orderDetailTop .bottom .buttonContainer {
	width: 202px
}

.orderDetailButton {
	width: 80%;
	border: #c7c7c7 1px solid;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
	height: 35px;
	line-height: 35px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px
}

.orderDetail .orderDetailArea {
	margin: 0 10px
}

.orderDetail .orderDetailArea .bankListTable {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	border-collapse: collapse;
	background-color: #ececec
}

.orderDetail .orderDetailArea .bankListTable td {
	border: 1px solid #CCC;
	border-collapse: collapse;
	padding-left: 4px
}

.orderDetail .orderDetailArea .bankListTable .bankItemName {
	width: 40%
}

.orderDetail .orderDetailArea .line {
	height: 30px;
	line-height: 30px
}

.orderDetail .orderDetailArea .line .item_name {
	float: left
}

.orderDetail .orderDetailArea .line .item_val {
	float: right
}

.orderDetail .count_line {
	margin: 0 10px;
	height: 35px;
	line-height: 35px;
	text-align: right;
	font-size: 16px
}

.orderDetail .orderDetail_line {
	background-color: #FFF;
	margin: 10px;
	padding: 10px;
	padding-top: 0
}

.orderDetail .orderDetail_line .line_title {
	line-height: 30px;
	border-bottom: 1px solid #cecece
}

.orderDetail .orderDetail_line .right {
	text-align: right
}

.orderDetail .orderDetail_line .line_item {
	color: #808080;
	line-height: 30px
}

.wekitBox {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: box;
	display: flexbox;
	display: flex
}

.flex1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.orderDetail .mall_product {
	margin-top: 10px;
	border: 0;
	margin-bottom: 0;
	padding: 0;
	box-shadow: none
}

.orderDetail .placeholder {
	height: 50px
}

.orderDetail .buyButton {
	float: right;
	width: 100px;
	height: 32px;
	text-align: center;
	-webkit-border-radius: 4px 4px 4px 4px;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(1.0,#f2790d),color-stop(0.0,#c85713));
	background: -moz-gradient(linear,left bottom,left top,color-stop(1.0,#f2790d),color-stop(0.0,#c85713));
	background: -ms-linear-gradient(bottom,#f2790d 100%,#c85713 0);
	background: gradient(linear,left bottom,left top,color-stop(1.0,#f2790d),color-stop(0.0,#c85713));
	border: 1px #c66311 solid;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.25)
}

.orderDetail .buyButton span {
	color: #fff;
	line-height: 32px;
	height: 32px;
	padding-left: 24px;
	background: url(/image/mall/money.png?v=201401061752) no-repeat 10% 50%;
	background-size: 17px 17px
}

.mall_textArea {
	background: #f7f7f7;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	text-indent: 5px;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #ececec;
	color: #666;
	width: 100%;
	height: 40px
}

.orderList .orderList_line {
	background-color: #FFF;
	margin: 10px;
	padding: 10px;
	padding-top: 0
}

.orderList .orderList_line .line_title {
	line-height: 30px;
	border-bottom: 1px solid #cecece
}

.orderList .orderList_line .line_item {
	color: #808080;
	line-height: 30px
}

.orderList .orderList_line .right {
	text-align: right
}

.carIcon {
	background: url(/image/mall/carIcon.png?v=201401061752) no-repeat;
	padding-left: 20px;
	height: 32px;
	line-height: 32px;
	background-position: 0 50%;
	background-size: 20px;
	margin-left: 5px;
	font-size: 16px
}

.mall_editIcon {
	background: url(/image/mall/bianji.png?v=201401131749) no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	float: right
}

.pdCommentSwitchBox {
	margin: 20px auto;
	width: 98%
}

.pdCommentSwitch {
	color: #666;
	background: #fff;
	height: 35px;
	border: 1px solid #cecece
}

.pdCommentSwitch .left {
	float: left;
	width: 30px;
	height: 35px;
	background-size: 20px;
	background-position: 50% 50%
}

.pdCommentSwitch .middle {
	float: left;
	height: 35px;
	line-height: 35px
}

.pdCommentSwitch .right {
	float: right;
	width: 30px;
	height: 35px;
	background-size: 20px;
	background-position: 50% 50%
}

.liuyanIcon {
	background: url(/image/mall/liuyan.png?v=201401131749) no-repeat
}

.shuomingIcon {
	background: url(/image/mall/shuoming.png?v=201401131749) no-repeat
}

.rightArrow {
	background: url(/image/mall/jjtou.png?v=201401131749) no-repeat
}

.homeIcon {
	float: right;
	background: url(/image/mall/home.png?v=201401131749) no-repeat;
	width: 48px;
	height: 48px;
	background-size: 22px;
	background-position: 50% 50%
}

.homeIcon:active {
	background: rgba(0,0,0,.2)
}

.commentBox {
	margin: 10px
}

.commentBox .msgArea {
	margin: 0 0 10px 0;
	background: #d5f8f4
}

.postArea {
	margin: 10px;
	background: #fff;
	padding-bottom: 20px
}

.postArea .line {
	width: 93%;
	margin: 0 auto;
	margin-bottom: 10px
}

.g_textArea {
	text-indent: 4px;
	height: 70px;
	font-size: 14px;
	width: 100%;
	border: 1px solid #ececec
}

.mustSpan {
	color: red
}

.vote {
	color: #333;
	margin: 10px;
	background-color: #fff;
	padding: 0 16px 14px 16px
}

.vote .voteSubject {
	text-align: center;
	border-bottom: 1px dashed #bbb;
	line-height: 35px
}

.vote .voteSubject .voteSubjectText {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/toupiaoicon.png) no-repeat;
	background-size: 20px;
	background-position: 0 50%
}

.vote .voteItems {
	align-items: baseline;
	line-height: 35px
}

.vote .voteItems .voteLab {
	margin-left: 5px
}

.vote .voteItems .voteItemName {
	display: inline-block;
	margin-left: 5px;
	line-height: 30px
}

.vote .voteOperate {
	text-align: center;
	margin-top: 10px
}

.vote .voteItemCount {
	width: 80px;
	display: inline-block;
	text-align: center;
	font-size: 8px
}

.vote .voteItemShow {
	align-items: center
}

.g_ibutton {
	width: 90%;
	border: #c7c7c7 1px solid;
	border-radius: 4px;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px
}

.fullScreenDivCotainer {
	position: fixed;
	z-index: 99
}

.fullScreenDiv {
	visibility: hidden;
	left: 150%;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 640px;
	z-index: 99;
	transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms
}

.showFullScreen {
	visibility: visible;
	left: 0;
	visibility: visible;
	transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms
}

.progressBarBg {
	width: 100%;
	height: 10px;
	overflow: hidden;
	background: #dbdbdb
}

.progressBar {
	width: 0;
	height: 100%;
	background: transparent url(../images/pre.png) 0 0 repeat
}

.progressBar-box {
	padding: 5px 0;
	margin-top: 5px
}

.vote .selectedItem {
	background: #f0f0f0
}

.vote .progressBar-box .voteItemName.selected {
	background: url(../images/toupiaoselect.png) no-repeat;
	padding-left: 25px;
	background-size: 16px;
	background-position: 5px
}

.voteResultDiv {
	visibility: hidden;
	position: fixed;
	top: 150%;
	height: 100%;
	width: 100%;
	max-width: 640px;
	z-index: 99;
	transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms
}

.showVoteResult {
	top: 0;
	visibility: visible;
	transition: all 500ms;
	-ms-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms
}

.voteResultHeader {
	height: 46px;
	text-align: center
}

.voteResultDiv .voteResultHeader .closeVoteResult {
	height: 30px;
	width: 30px;
	margin: 8px;
	background: url(/image/mapClose.png?v=201310170037) center center no-repeat;
	background-size: 70%;
	float: right
}

.g_color {
	background: #2982ba
}

.voteResultHeader .title {
	color: #fff;
	font-size: 20px;
	line-height: 46px;
	margin-left: 46px
}

.voteResultDiv .vote {
	margin: 0;
	height: 100%
}

.memberCard {
	background: url(../images/mobiCart2@2x.png?v=201403041746) no-repeat;
	background-size: contain;
	width: 280px;
	height: 60px;
	display: inline-block;
	margin: 10px auto;
	font-size: 14px;
	color: white;
	line-height: 30px;
	text-shadow: 0 0 3px #744c10;
	text-align: right
}

.memberCard .memberLevelName {
	padding-right: 10px
}

.memberCard .memberName {
	padding-right: 10px
}

.memberSignUpCardArea {
	display: inline-block;
	margin-bottom: 10px
}

.memberSignUpCard {
	background: url(../images/mobiCart1@2x.png?v=201403041746) no-repeat;
	background-size: contain;
	width: 280px;
	height: 60px;
	margin: 10px auto;
	font-size: 14px;
	color: white;
	line-height: 30px;
	text-shadow: 0 0 3px #744c10;
	text-align: center;
	display: table-cell;
	vertical-align: middle
}