@charset "utf-8";

abbr,acronym {
	border: 0;
	font-variant: normal
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

caption,th {
	text-align: left
}

fieldset,img {
	border: 0
}

h4,h5,h6 {
	font-size: 100%
}

html {
	color: #000
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline: 0
}

input,textarea,select {
	*font-size: 100%
}

textarea {
	resize: none
}

legend {
	color: #000
}

li {
	list-style: none
}

q:before,q:after {
	content: ''
}

sub {
	vertical-align: text-bottom
}

sup {
	vertical-align: text-top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	font: 12px/1.231 "Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif
}

h1,h2,h3 {
	margin: 1em 0
}

h1 {
	font-size: 138.5%
}

h2 {
	font-size: 123.1%
}

h3 {
	font-size: 108%
}

select,input,button,textarea {
	font: 99% "Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif
}

table {
	font-size: inherit;
	font: 100%
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%
}

a {
	color: #005a8c;
	text-decoration: none
}

a:hover {
	color: #005a8c;
	text-decoration: none
}

a:visited,a:active,a:focus {
	outline: 0
}

/* ---------- Body ---------- */

.spb-welcome-html,.spb-welcome-page {
	height: 100%;
	overflow: hidden
}

.spb-welcome-bg {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: #01333d
}

.spb-welcome-top {
    background:url(../css/i/header_bg.png);
    border-bottom:0px #ccc solid;
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 55px;
}

.spb-welcome-top .spb-welcome-look{
    padding:8px 18px 0 0;
	z-index: auto;
	width: auto;
    float:left;
    color:#fff;
}

.spb-welcome-top .spb-welcome-look a{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 0 2px #000
}

.spb-welcome-top .spb-welcome-look a:hover {
	color: #ffffcc;
}

/* ---------- Header ---------- */

.header {
position: fixed;
top: 0;
left: 0;
height: 55px;
background: url(/Content/Images/header_bg.png);
width: 100%;
z-index: 1000000;
}

.header-logo {
padding: 3px 0 0 20px;
}

.header-form {
    position:absolute;
    left:20%;
    top:0px;
    width:666px;
    margin: 6px 20px;
}

.header-action {
    position:absolute;
    right:0px;
    top:0px;
    margin: 10px 20px;
}

.header-account {
height: 35px;
line-height: 35px;
color: #fff;
text-align: right;
float:left;
}

.header-account * {
color: #fff;
font-weight: normal;
}

.header-account a:hover {
color: #fff;
text-decoration: none;
}

.header-account .btn-action {
display: inline-block;
*zoom: 1;
*display: inline;
color: #fff;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 60px;
text-align: center;
margin-right: 6px;
behavior: url(PIE.htc);
}

#header-qr{background:url(/Content/Images/home_tilt_qr.png) no-repeat;position:fixed;top:55px;height:40px;width:82px;z-index: 1000000;margin-left:-110px; float:right;}
#header-qr img{position:absolute;top:40px;left: -40px;display:none;}

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
color: #ffffff;
background-color: #41893b;
border-color: #41893b;
}

.btn-success:active,
.btn-success.active {
background-image: none;
}

/* ---------- MainPage ---------- */

.spb-welcome-wrap {
    background: url(bgquick.png) repeat-x;
	position: absolute;
	z-index: 10;
	width: 666px;
	height: auto;
	left: 50%;
	top: 50%;
        padding:45px;
	margin: -250px 0 0 -380px
}

.spb-welcome-profile {
	margin-bottom: 60px
}

.spb-welcome-logo {
	background: url("logo_welcome.png") no-repeat center center
}

.spb-welcome-logo h1 {
	margin: 0;
	line-height: 600px;
	height: 100px;
	overflow: hidden
}

.spb-welcome-slogan {
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	color: #fff;
	text-shadow: 0 0 2px #000
}

.tn-button {
	display: inline-block;
	padding: 0;
	margin-right: 5px;
	text-decoration: none!important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible
}

.tn-corner-all,.ui-corner-all {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

/*弹出登录框*/

#dialogLogin{width:550px; height:266px; margin-left:auto;margin-right:auto; padding:15px 0 0 0; padding-right:1px;}
#dialogLogin li{display:block;height:30px;line-height:30px;font-size:15px;width:100%;text-align:left; letter-spacing:2px; padding-top:30px;}

#dialogLogin input{display: block;
width: 100%;
height: 30px;
padding: 6px 12px;
font-size: 14px;
line-height: 30px \9;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
behavior: url(PIE.htc);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#dialogLogin input {
width: 178px;
float: left;
}

#dialogLogin input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#dialogLogin input:-moz-placeholder {
color: #999999;
}

#dialogLogin input::-moz-placeholder {
color: #999999;
}

#dialogLogin input:-ms-input-placeholder {
color: #999999;
}

#dialogLogin input::-webkit-input-placeholder {
color: #999999;
}

#dialogLogin #LoginTip{font-size:12px;color:#FF6600;width:120px;line-height:18px;height:18px;margin:5px 0 5px 28px;text-align:center;display:none;}
#dialogLogin .BtnBox{height:40px;line-height:40px;text-align:center;width:100%;}
#dialogLogin select{width:151px;height:22px;border:1px solid #7AC4EA;}
.BtnBox{height:40px;line-height:40px;text-align:center;width:100%;padding-top:15px;}
.BtnOK{width:79px;height:23px;background:url(/Images/Dialog/Btn.gif) no-repeat;border:0;line-height:23px; cursor:pointer;}
#JinBiaoTip{display:none; color:#ff4a00;}
#JinBiao_AlreadyBuy_Tip,#JinBiao_NoBuy_Tip,#JinBiao_AllTip,#JinBiao_free_Tip{height:auto;line-height:20px;color:#000;font-weight:100;font-size:14px;margin-top:5px;margin-bottom:5px;}
#JinBiao_AllTip{display:none;}
#JinBiao_AlreadyBuy_Tip,#JinBiao_NoBuy_Tip,#JinBiao_free_Tip a{font-size:12px;font-weight:100; text-decoration:underline;}

.loginLeft {float:left; width:310px; height:100%; padding-left:25px;}
.loginRight{float:left; padding:30px 0 50px 30px; color:#ff6600; text-align:center; border-left:1px #dddddd solid;}


#dialogLogin #BtnLogin, #dialogLogin #BtnReg,#member_login #indexBtnLogin,#member_login #indexBtnReg,#floatBoxOK{height:50px;width:272px; background:url(/Content/images/login.png) no-repeat -485px -199px;color: #fff; line-height:26px;border:0;cursor:pointer;font: 25px/1 Helvetica,Arial,"微软雅黑","microsoft yahei","宋体",sans-serif;}
#dialogLogin #BtnLogin:hover,#floatBoxOK:hover{background:url(/Content/images/login.png) no-repeat -485px -268px;}
#dialogLogin  #BtnReg{background:url(/Content/images/reguser.gif) no-repeat;width:154px; cursor:pointer;height:36px;}

/* ---------- Login ---------- */

.ico-qq,.ico-renren,.ico-sina,.ico-qzone,.ico-douban,.ico-taobao,.ico-baidu,.ico-alipay{background: url(../css/i/ico-account.png) no-repeat;display:inline-block;cursor:pointer;_background:url(../image/ico-account.gif) no-repeat;}
.ico-qzone{background-position:-103px 0;width:20px;height:20px;}
a.ico-qzone:hover{background-position:-171px 0;text-decoration:none;}

.ico-qq{background-position:-105px -143px;width:12px;height:18px;}
a.ico-qq:hover{background-position:-173px -143px;text-decoration:none;}

.ico-renren{background-position:-105px -48px;width:20px;height:20px;}
a.ico-renren:hover{background-position:-173px -48px;text-decoration:none;}

.ico-sina{background-position:-105px -95px;width:20px;height:20px;}
a.ico-sina:hover{background-position:-173px -95px;text-decoration:none;}

.ico-douban{background-position:-105px -191px;width:20px;height:20px;}
a.ico-douban:hover{background-position:-173px -191px;text-decoration:none;}

.ico-taobao{background-position:-105px -237px;width:20px;height:20px;}
a.ico-taobao:hover{background-position:-173px -237px;text-decoration:none;}

.ico-baidu{background-position:-105px -285px;width:20px;height:20px;}
a.ico-baidu:hover{background-position:-173px -285px;text-decoration:none;}

.ico-alipay{background-position:-105px -333px;width:20px;height:20px;}
a.ico-alipay:hover{background-position:-173px -333px;text-decoration:none;}

.spb-welcome-login {
	height: 330px
}

.spb-welcome-login .tn-textbox {
	padding: 9px;
	width: 240px;
	height: 23px;
	background: #bed0d4;
	/*border-radius: 5px;*/
	border-color: #004854;
	box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.2) inset;
	font-size: 14px;
	color: #6c8387
}

.spb-welcome-login .tn-textbox:focus {
	background: #d5eaed
}

.spb-welcome-login .spb-welcome-option {
	height: 20px;
	line-height: 20px;
	padding: 5px 0 0;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 0 2px #000
}

.spb-welcome-login .spb-welcome-option a,.spb-welcome-login .spb-welcome-option a:hover {
	color: #fff
}

.spb-welcome-id {
	width: 270px;
	float: left
}

.spb-welcome-id .spb-welcome-link {
	float: left;
	width: 60px
}

.spb-welcome-id .spb-welcome-open-id {
	float: right;
	padding-right: 7px;
	width: 183px
}

.spb-welcome-id .spb-welcome-open-id .spb-welcome-text {
	float: left;
	width: 128px;
	text-align: right
}

.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-icon {
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 2px 0 0
}

.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-QQ {
	background: url("/Images/qq-smallLogo1.png") no-repeat
}

.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-SinaWeibo {
	background: url("/Images/sinaweibo-smallLogo.png") no-repeat
}

.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-Renren {
	background: url("/Images/renren-smallLogo.png") no-repeat
}

.spb-welcome-password {
	width: 270px;
	float: left
}

.spb-welcome-password .spb-welcome-remember {
	float: left
}

.spb-welcome-password .spb-welcome-remember .tn-checkbox {
	float: left;
	margin: 4px 5px 0 0;
	*margin: 0 5px 0 0
}

.spb-welcome-password .spb-welcome-link {
	float: right;
	padding-right: 10px
}

/* ---------- Search ---------- */

.tn-button {
	border-width: 0px;
	border-style: solid
}

.tn-button-default {
	background: #eee;
	border-color: #ddd;
	box-shadow: 0 1px 0 #fff inset
}

.tn-button-default:hover {
	background: #e8e8e8;
	border-color: #ddd;
	box-shadow: 0 1px 0 #fff inset
}

.tn-button-primary {
	background: #bf0a10;
	border-color: #bf0a10;
	box-shadow: 0 1px 0 #bf0a10 inset
}

.tn-button-primary:hover {
	background: #aa050a;
	border-color: #aa050a;
	box-shadow: 0 1px 0 #aa050a inset
}

.tn-button-secondary {
	background: #eee;
	border-color: #ddd;
	box-shadow: 0 1px 0 #fff inset
}

.tn-button-secondary:hover {
	background: #e8e8e8;
	border-color: #ddd;
	box-shadow: 0 1px 0 #fff inset
}

.tn-button-lite {
	background: 0;
	border-color: transparent;
	_border: 0;
	box-shadow: none
}

.tn-button-hollow {
	background: 0;
	box-shadow: none
}

.tn-button-lite:hover,.tn-button-hollow:hover {
	box-shadow: none
}

.tn-button-disabled,.tn-button-disabled:hover {
	background: #f8f8f8;
	border-color: #eee;
	cursor: default;
	box-shadow: 0 1px 0 #fff inset
}

.tn-drop-menu .tn-group-button .tn-button-primary {
	float: left
}

.tn-button-primary .tn-button-text,.tn-button-primary:hover .tn-button-text {
	color: #fff
}

.tn-border-gray {
	border: solid #ddd 1px
}

.spb-welcome-search {
	width: 411px;
	float: left
}

.spb-welcome-search .tn-textbox {
	padding: 9px 133px 9px 9px;
	width: 385px;
	height: 23px;
	background: #bed0d4;
	/*border-radius: 5px;*/
	border-color: #19b80b;
	box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.2) inset;
	font-size: 14px;
	color: #6c8387
}

.spb-welcome-search .tn-textbox:focus {
	background: #d5eaed
}

.spb-welcome-search .spb-welcome-option {
	height: 20px;
	line-height: 20px;
	padding: 5px 0 0;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 0 2px #000
}

.spb-welcome-search .spb-welcome-option a,.spb-welcome-search .spb-welcome-option a:hover {
	color: #fff
}

.spb-welcome-hel .tn-button {
	margin: 0;
	width: 118px;
	height: 43px;
	letter-spacing: 0px;
	/*border-radius: 5px;*/
	border-color: #004854;
	background: #005d6e;
	background-image: -webkit-linear-gradient(top,#007387,#005d6e);
	background-image: -moz-linear-gradient(top,#007387,#005d6e);
	background-image: -ms-linear-gradient(top,#007387,#005d6e);
	background-image: -o-linear-gradient(top,#007387,#005d6e);
	background-image: linear-gradient(top,#007387,#005d6e);
	box-shadow: 0 1px 0 #0096af inset
}

.spb-welcome-hel .tn-button:hover {
	border-color: #005f6f;
	background: #007387;
	background-image: -webkit-linear-gradient(top,#0089a1,#005d6e);
	background-image: -moz-linear-gradient(top,#0089a1,#005d6e);
	background-image: -ms-linear-gradient(top,#0089a1,#005d6e);
	background-image: -o-linear-gradient(top,#0089a1,#005d6e);
	background-image: linear-gradient(top,#0089a1,#005d6e);
	box-shadow: 0 1px 0 #0096af inset
}

.spb-welcome-hel .tn-button-text {
	padding: 0 0 0 8px;
	font-size: 18px;
	font-weight: normal
}

.spb-welcome-hel .spb-welcome-ors {
	line-height: 20px;
	padding: 10px 2px 0 2px;
	font-size: 14px;
    float:left; text-align:center;
    color:#fff;
}

.spb-welcome-hel .spb-welcome-look {
	line-height: 20px;
	padding: 5px 0 0;
	font-size: 14px
}

.spb-welcome-hel .spb-welcome-look a,.spb-welcome-btn .spb-welcome-look a:hover {
	color: #fff;
	text-shadow: 0 0 2px #000
}

.spb-welcome-btn {
	width: 120px;
	float: left
}

.spb-welcome-btn .tn-button {
	margin: 0;
	width: 118px;
	height: 43px;
	letter-spacing: 0px;
	/*border-radius: 5px;*/
	border-color: #19b80b;
	background: #5acf50;
	background-image: -webkit-linear-gradient(top,#19b80b,#5acf50);
	background-image: -moz-linear-gradient(top,#19b80b,#5acf50);
	background-image: -ms-linear-gradient(top,#19b80b,#5acf50);
	background-image: -o-linear-gradient(top,#19b80b,#5acf50);
	background-image: linear-gradient(top,#19b80b,#5acf50);
	box-shadow: 0 1px 0 #33cc33 inset
}

.spb-welcome-btn .tn-button:hover {
	border-color: #15bb07;
	background: #57de60;
	background-image: -webkit-linear-gradient(top,#66ff66,#5acf50);
	background-image: -moz-linear-gradient(top,#66ff66,#5acf50);
	background-image: -ms-linear-gradient(top,#66ff66,#5acf50);
	background-image: -o-linear-gradient(top,#66ff66,#5acf50);
	background-image: linear-gradient(top,#66ff66,#5acf50);
	box-shadow: 0 1px 0 #33cc33 inset
}

.spb-welcome-btn .tn-button-text {
	padding: 0 0 0 8px;
	font-size: 18px;
	font-weight: normal
}

.spb-welcome-btn .spb-welcome-look {
	line-height: 20px;
	padding: 5px 0 0;
	font-size: 14px
}

.spb-welcome-btn .spb-welcome-look a,.spb-welcome-btn .spb-welcome-look a:hover {
	color: #fff;
	text-shadow: 0 0 2px #000
}

/* ---------- Footer ---------- */

#FooterBar {
position:absolute;
z-index:2;
bottom:0px;
right:16px;
width:100%;
height:60px;
text-align:center;
BACKGROUND-IMAGE: url(footerbg.png);
overflow:hidden;
}

.spb-welcome-footer {
    bottom:0;left:0;min-width:700px;position:absolute;width:100%; height:0px;
	line-height: 20px;
	text-align: center;
	padding: 20px 0 0;
	color: #fff;
	text-shadow: 0 0 2px #000;
}

.spb-welcome-footer a {
	color: #f0f0f0
}

.spb-welcome-footer a:hover {
	color: #fff;
	text-decoration: none
}