@charset "utf-8";

a {
	color: #fff
}

.g_web {
	background: #fff;
	overflow-x: hidden
}

.webContainerBox {
	background: #fff;
	top: 0;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}

.webModuleContainer {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.webTips {
	z-index: 2
}

.webTop {
	z-index: 1;
	background: rgba(0,0,0,.5)
}

.webHeaderBox {
	position: fixed;
	top: 0rem;
	z-index: 9
}

.webHeaderBg {
	/*background-image: url(/image/template/1007/top_bg.png?v=201610211723);*/
	
	background-size: cover;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2)
}

.header {
	height: 3rem;
	line-height: 2.25rem
}

.header img {
	height: 2.25rem;
	right: 0rem
}

.header .pageLogo {
	display: inline-block;
	width: 3rem;
	height: 2.5rem
}

.header .pageLogo.left {
	float: left
}

.header .pageLogo.center {
	float: none
}

.webHeaderBg .pageTitle {
	height: 2.5rem;
	line-height: 2.5rem;
	vertical-align: top
}

.webBannerBox {
	z-index: 1
}

.webBanner {
	z-index: 2
}

.defaultBanner {
	background-image: url(/image/banner/240003.jpg?v=201610211723);
	background-position: 50% 50%
}

.navbar {
	background: #fff;
	position: fixed;
	z-index: -10;
	height: 100%;
	width: 0;
	right: auto;
	left: auto;
	top: 0;
	-webkit-transform: translate(0rem,0rem);
	-ms-transform: translate(0rem,0rem);
	-moz-transform: translate(0rem,0rem);
	-o-transform: translate(0rem,0rem);
	transform: translate(0rem,0rem);
	display: block;
	-webkit-transition: all 350ms;
	-ms-transition: all 350ms;
	-moz-transition: all 350ms;
	-o-transition: all 350ms;
	transition: all 350ms;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	top: 0;
	-webkit-transform: translate(0rem,0rem);
	-ms-transform: translate(0rem,0rem);
	-moz-transform: translate(0rem,0rem);
	-o-transform: translate(0rem,0rem);
	transform: translate(0rem,0rem)
}

.navbar .navbarList {
	margin-top: 2.7rem;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	width: 7.5rem
}

.navbar .navItem {
	width: 7.5rem;
	opacity: 0;
	-webkit-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}

.navbar .navItem:last-child {
	margin-bottom: 3.4rem
}

.navbar .navItem a {
	height: 2.2rem;
	color: #666;
	line-height: 1.9rem;
	text-align: center;
	display: block;
	font-size: .7rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 0;
	overflow: hidden;
	width: 100%
}

.navbar .navItem:active {
	background: #f2f2f2
}

.navbar .itemSelected {
	background: #3976b7;
	-webkit-border-radius: 2rem 0 0 2rem;
	-ms-border-radius: 2rem 0 0 2rem;
	-moz-border-radius: 2rem 0 0 2rem;
	-o-border-radius: 2rem 0 0 2rem;
	border-radius: 2rem 0 0 2rem
}

.navbar .itemSep {
	display: block;
	height: 0rem;
	border-bottom: 1px solid #f2f2f2
}

.navBaseIcon .navItemIcon {
	width: 1rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .8rem;
	margin-left: .8rem
}

.navBaseIcon .navItem a {
	line-height: 2.2rem;
	text-align: left
}

.navButton {
	position: fixed;
	bottom: 5rem;
	height: 2.5rem;
	width: 2.5rem;
	z-index: -10;
	overflow: hidden
}

.navButton .menuNav .menuNavTip {
	-webkit-border-radius: 10rem;
	-ms-border-radius: 10rem;
	-moz-border-radius: 10rem;
	-o-border-radius: 10rem;
	border-radius: 10rem;
	width: 6rem;
	height: 2.5rem;
	background: #3976b7;
	float: left;
	margin: 0 0 1.25rem -3.5rem
}

.navButton .menuNav .menuNavTip:active {
	background: rgba(0,0,0,0.5)
}

.navbar.open {
	width: 7.5rem;
	-webkit-transition: all 350ms;
	-ms-transition: all 350ms;
	-moz-transition: all 350ms;
	-o-transition: all 350ms;
	transition: all 350ms;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}

.g_panel {
	background: #e8e8e8
}

.g_replyPanel {
	background: #bbb
}

.g_panelArrow {
	color: #bbb
}

.g_separator {
	background: #d6d6d6
}

.g_button {
	background: #3976b7;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 0 rgba(0,0,0,0.3),1px 0 0  rgba(0,0,0,0.3),-1px 0 0  rgba(0,0,0,0.3),0px -1px 0  rgba(0,0,0,0.3);
	-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 0 rgba(0,0,0,0.3),1px 0 0  rgba(0,0,0,0.3),-1px 0 0  rgba(0,0,0,0.3),0px -1px 0  rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 0 rgba(0,0,0,0.3),1px 0 0  rgba(0,0,0,0.3),-1px 0 0  rgba(0,0,0,0.3),0px -1px 0  rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 0 rgba(0,0,0,0.3),1px 0 0  rgba(0,0,0,0.3),-1px 0 0  rgba(0,0,0,0.3),0px -1px 0  rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 0 rgba(0,0,0,0.3),1px 0 0  rgba(0,0,0,0.3),-1px 0 0  rgba(0,0,0,0.3),0px -1px 0  rgba(0,0,0,0.3)
}

.form {
	padding: .2rem 0;
	margin-top: 0rem;
	background: #f2f2f2
}

.form .titleCenter {
	height: 1.75rem;
	line-height: 1.76rem;
	  background: #015BAA;
	position: relative;
	padding: 0
}

.form .formBannerMore .titleMore {
	display: none
}

.form .formBannerMore .titleMoreIcon {
	display: block;
	padding: 0rem;
	width: 1.2rem;
	height: 1.75rem;
	margin: 0rem;
	background-size: 1.2rem;
	margin: 0rem
}

.form .formBannerMore .titleMoreIcon:active {
	background: #f2f2f2
}

.form .formBannerTitle .textContent {
	width: auto;
	padding-left: .5rem;
	padding-right: .5rem;
	background-color: #fff
}

.form .formBannerTitle .titleTextIcon {
	display: inline-block;
	position: relative
}

.form .formBannerTitle .titleText {
	color: #3976b7;
	text-indent: 0rem
}

.form .formMiddle {
	overflow: hidden;
	background: #fff;
	padding-bottom: 0
}

.form .formMiddle .styleForm1 {
	padding-bottom: .5rem
}

.form .moduleContent {
	color: #666
}

.form .moduleContent a {
	color: #333
}

.multilingualArea {
	background: #fff
}

.multilingualArea .multiLanguageCtrl {
	color: #666
}

.multilingualArea .g_mullink {
	color: #666
}

.lanSelect .lanItem:hover {
	background-color: #7a100e
}

.checkEmail {
	color: #333
}

.mbTitle {
	color: #666
}

.admReqContent {
	color: #fff
}

.mtitle {
	margin-bottom: 0rem
}

.admReq {
	color: #fff
}

.msgBoard .mbLineCtrl {
	margin-bottom: .75rem
}

.msgArea .msgTime {
	color: #999
}

.msgArea .msgContent {
	color: #666
}

.newsList .line:before {
	content: "";
	position: absolute;
	width: .2rem;
	height: .2rem;
	top: 1rem;
	left: .5rem;
	background: #666;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}

.newsList .line:after {
	position: absolute
}

.newsList .line:active {
	background: #f2f2f2
}

.newsDetail .title {
	border: 0;
	color: #fff;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background: 0;
	padding: .25rem .1rem
}

.newsDetail .title .titleText {
	color: #333;
	background: 0
}

.newsDetail .title .titleText:before {
	color: #fff;
	background: 0
}

.form .mProductList a {
	color: #333
}

.form .formMiddle .productPicListForm {
	padding: .35rem 0rem
}

.form .formMiddle .productPicListForm:active {
	background: #f2f2f2
}

.form .formMiddle .mProductTileForm {
	padding: 0rem;
	padding-bottom: .5rem;
	background: 0
}

.form .formMiddle .mProductTileForm:active {
	background: #f2f2f2
}

.form .mProductList .productParam {
	color: #666
}

.form .proImgSwipe .proDetailImgBox {
	background: #fff
}

.proDetailDiv .mallOptionBox {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-box-shadow: inset 0 1px 0 #232323,0px 1px 0 #232323;
	-ms-box-shadow: inset 0 1px 0 #232323,0px 1px 0 #232323;
	-moz-box-shadow: inset 0 1px 0 #232323,0px 1px 0 #232323;
	-o-box-shadow: inset 0 1px 0 #232323,0px 1px 0 #232323;
	box-shadow: inset 0 1px 0 #232323,0px 1px 0 #232323
}

.proDetailDiv .mallOptionLine label {
	background: #303030;
	border: 1px solid #4d4d4d;
	color: #fff
}

.proDetailDiv .mallOptionLine .optionsBlock {
	color: #333
}

.pdCommentSwitchBox .pdCommentSwitch {
	border: 1px solid #cecece;
	color: #666
}

.orderSettle {
	color: #333
}

.orderSettle .orderSettle_line .top {
	color: #fff
}

.orderDetail {
	color: #333
}

.orderDetail .orderDetailArea .bankListTable {
	color: #333
}

.orderDetail .orderDetail_line .line_title {
	-webkit-box-shadow: 0 1px 0 #232323;
	-ms-box-shadow: 0 1px 0 #232323;
	-moz-box-shadow: 0 1px 0 #232323;
	-o-box-shadow: 0 1px 0 #232323;
	box-shadow: 0 1px 0 #232323;
	border-bottom: 1px solid #000
}

.mall_product .mallOptions {
	color: #bcbcbc
}

.mallButton {
	color: #79ace2;
	background: #fff;
	border: .05rem solid #79ace2
}

.mall_editIcon {
	background-size: 1rem
}

.integralList {
	color: #333
}

.photoModule.styleForm1 {
	background: 0
}

.photoModule.styleForm1 .photoDiv {
	margin-bottom: .5rem;
	outline: .2rem solid #fff
}

.photoModule.styleForm1 .photoDiv .imgName {
	background: url(/image/template/1007/Tcicon.png?v=201311181649) no-repeat 100% 100%;
	background-size: 1.1rem;
	font-size: .7rem
}

.photoModule.styleForm7 {
	outline: #fff solid .2rem;
	margin: .5rem .05rem
}

.photoModule.styleForm6 {
	outline: #fff solid .2rem;
	margin: 0rem .05rem .5rem .05rem
}

.pagenation a {
	color: #fff;
	display: block
}

.pagenation .pageSelect {
	height: 1.25rem;
	border: 0;
	background: 0;
	position: relative
}

.pagenation .pageSelect:before {
	height: .2rem;
	content: "";
	width: .2rem;
	background: #000;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: .8rem;
	left: .5rem
}

.pagenation .pagePrev {
	width: 3.5rem;
	border: 1px solid #3976b7;
	border-color: #3976b7;
	-webkit-border-radius: .1rem;
	-ms-border-radius: .1rem;
	-moz-border-radius: .1rem;
	-o-border-radius: .1rem;
	border-radius: .1rem;
	overflow: visible;
	background-size: 100%
}

.pagenation .pageNext {
	width: 3.5rem;
	border: 1px solid #3976b7;
	border-color: #3976b7;
	-webkit-border-radius: .1rem;
	-ms-border-radius: .1rem;
	-moz-border-radius: .1rem;
	-o-border-radius: .1rem;
	border-radius: .1rem;
	overflow: visible;
	background-size: 100%
}

.pagenation .pagePrev:active {
	background: #3976b7
}

.pagenation .pageNext:active {
	background: #3976b7
}

.pagenation .pageDisable span {
	color: #999
}

.pagenation .pageOptions {
	color: #000
}

.footer {
	background: #fff
}

.webMapServiceBox {
	background: #fff
}

.webCustomerServiceBox .customerServiceDiv {
	padding-top: .15rem;
	position: fixed;
	bottom: 0rem;
	height: 2.4rem;
	z-index: 1;
	background: #015baa}

.webFooterBox .bottomdiv .bottom {
	background: #015baa;
	height: 1.4rem
}

.technical a {
	color: #666
}

.technicalSupport {
	color: #666
}

.webFooterBox .bottomdiv .bottom .backtop {
	line-height: 1.4rem;
	font-size: .7rem;
	font-weight: bold
}

.siteFormMsg .loginClass {
	color: #000
}

.richContent {
	padding: 0 .5rem;
	color: #666
}

.richContent a {
	color: #fff
}

.remarkBox {
	padding: 0 .5rem
}

.line {
	padding-left: 1rem
}

.navButton .menuNav .icon-menuNavTip:before {
	content: "\e6aa";
	font-size: 1.8rem;
	margin-left: 3.65rem;
	margin-top: .35rem
}

.productCrossedSlide:nth-child(2n+1) {
	margin-left: .6rem
}

.productCrossedSlide:nth-child(2n) {
	margin-right: .6rem
}

.productWaterFall:nth-child(2n+1) {
	margin-left: .65rem
}

.productWaterFall:nth-child(2n) {
	right: .65rem
}

.webContainerBox .bullets li.on {
	background: #3976b7
}

.g_dashed {
	border-bottom: 0
}

.form .formBannerMore .icon-titleMore:before {
	content: "\e672";
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
	color: #fff
}

.icon-gline:after {
	content: "\e672";
	font-size: .8rem;
	color: #666;
	position: absolute;
	top: .6rem;
	right: .3rem
}

.navBaseIcon .icon-navItemIcon:before {
	color: #666
}

.navItem.itemSelected .navItemName {
	color: #fff
}

.navbar .itemSelected .icon-navItemIcon:before {
	color: #fff
}

.icon-gClose:before {
	color: #fff
}

.pagenation .icon-pagePrev:before {
	color: #3976b7
}

.pagenation .icon-pageNext:before {
	color: #3976b7
}

.navExistOffPanel.navPanelOpen {
	display: block;
	background: rgba(0,0,0,0.6);
	margin-left: 0
}

.pagenation .icon-pagePrev.pageDisable:active:before {
	color: #3976b7
}

.pagenation .icon-pageNext.pageDisable:active:before {
	color: #3976b7
}

.navbar.open .navItem {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

#g_web .g_mainColor {
	color: #79ace2
}

.productNewDetailPanel .bullets li.on {
	background-color: #3976b7
}

.productNewDetailPanel .optionSelected {
	background-color: #3976b7
}

.productNewDetailPanel .g_button {
	background-color: #3976b7
}

.productNewDetailPanel .icon-pagePrev:before {
	color: #3976b7
}

.productNewDetailPanel .icon-pagePrev {
	border-color: #3976b7
}

.productNewDetailPanel .icon-pageNext:before {
	color: #3976b7
}

.productNewDetailPanel .icon-pageNext {
	border-color: #3976b7
}

.productNewDetailPanel .userComment {
	color: #3976b7
}

.productNewDetailPanel .productAddMall {
	color: #3976b7;
	border-color: #3976b7
}

.productNewDetailPanel .productImmediatelyBug {
	background-color: #3976b7;
	border-color: #3976b7
}

.productNewDetailPanel .tabUl .tabActive {
	color: #3976b7;
	border-color: #3976b7
}

.productNewDetailPanel .mallPrice {
	color: #3976b7
}

.webPagePanel .mallPrice {
	color: #3976b7
}

.webPagePanel .tabUl .tabActive {
	color: #3976b7;
	border-color: #3976b7
}

.webPagePanel .optionSelected {
	background-color: #3976b7
}

.webPagePanel .bullets li.on {
	background-color: #3976b7
}

.msgArea .msgLevalUser {
	color: #3976b7
}

.searchType0 .icon-mSearchBtn {
	color: #3976b7
}

.searchType1 .icon-mSearchBtn {
	background-color: #3976b7
}

.searchType2 .icon-mSearchBtn {
	background-color: #3976b7;
	border-color: #3976b7
}

.searchType3 .icon-mSearchBtn {
	color: #3976b7
}

.searchType4 .icon-mSearchBtn {
	background-color: #3976b7
}

.form .formMiddle .search.searchType5 {
	background-color: #3976b7
}

#g_web .g_bgColor {
	background-color: #79ace2
}

.productNewDetailPanel .detailHeaderColor {
	background-color: #3976b7
}

.newsNewDetailPanel .detailHeaderColor {
	background-color: #3976b7
}

.g_bdColor {
	border-color: #3976b7
}

.g_color {
	color: #3976b7
}